npm - noecosystem-design - Versions diffs - 0.1.0 - Mend

noecosystem-design 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (653) hide show

package/scripts/create-visual-index.mjs ADDED Viewed

@@ -0,0 +1,16 @@
+import { readFile, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const manifest = JSON.parse(
+  await readFile(path.join(root, 'evidence/screenshots-manifest.json'), 'utf8'),
+);
+const cards = manifest.screenshots
+  .map(
+    (item) =>
+      `<article><a href="screenshots/${item.name}"><img src="screenshots/${item.name}" alt="${item.name}" loading="lazy"></a><h2>${item.name}</h2><p>${item.width}×${item.height} · ${item.bytes.toLocaleString()} bytes</p></article>`,
+  )
+  .join('');
+const html = `<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>NOE Visual Evidence</title><style>body{font-family:system-ui;margin:0;padding:2rem;background:#f2f0ec;color:#23211f}h1{letter-spacing:-.04em}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}article{background:white;border:1px solid #d9d4cd;border-radius:12px;overflow:hidden}img{display:block;width:100%;height:220px;object-fit:cover;object-position:top}h2,p{margin:.75rem 1rem}h2{font-size:.8rem;overflow-wrap:anywhere}p{font-size:.7rem;color:#6c665f}</style></head><body><h1>NOE visual evidence</h1><p>${manifest.count} deterministic Chromium captures.</p><main>${cards}</main></body></html>`;
+await writeFile(path.join(root, 'evidence/visual-index.html'), html);

package/scripts/enrich-registry-payloads.mjs ADDED Viewed

@@ -0,0 +1,83 @@
+import { readFile, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const manifest = JSON.parse(
+  await readFile(path.join(root, 'packages/registry/manifest.json'), 'utf8'),
+);
+for (const item of manifest.items.filter(
+  (i) => i.status === 'available' || i.status === 'partial',
+)) {
+  if (!item.registryItem) continue;
+  const payloadPath = path.join(root, `packages/registry/r/${item.registryItem}.json`);
+  let payload;
+  try {
+    payload = JSON.parse(await readFile(payloadPath, 'utf8'));
+  } catch {
+    console.log(`Missing payload for ${item.id} -> ${item.registryItem}`);
+    continue;
+  }
+  // Enrich with agent-friendly docs from manifest
+  const enriched = {
+    ...payload,
+    // Ensure core fields
+    name: payload.name || item.registryItem,
+    title: payload.title || item.title,
+    description: item.description, // Use manifest's description (has known limitation for partial)
+    // Agent-friendly metadata
+    status: item.status,
+    maturity: item.maturity,
+    package: item.package,
+    exportName: item.exportName,
+    category: item.category,
+    // Install info
+    install: `pnpm dlx shadcn@latest add @noe/${item.registryItem}`,
+    import: `import { ${item.exportName} } from '@noe/${item.package.replace('@noe/', '')}'`,
+    // Providers
+    requiredProviders:
+      item.package === '@noe/ui' &&
+      (item.id.includes('dialog') ||
+        item.id.includes('drawer') ||
+        item.id.includes('calendar') ||
+        item.id.includes('date-picker'))
+        ? ['DirectionProvider']
+        : [],
+    // Dependencies — merge manifest and payload, keeping externally installable npm packages; workspace @noe/* are satisfied via included files/registryDependencies
+    registryDependencies: [...new Set([...(item.registryDependencies || []), ...(payload.registryDependencies || [])])],
+    dependencies: [...new Set([...(item.dependencies || []), ...(payload.dependencies || [])])].filter((d) => !d.startsWith('@noe/')),
+    peerDependencies: [...new Set([...(item.peerDependencies || []), ...(payload.peerDependencies || [])])],
+    // RTL/i18n
+    rtl: item.internationalization?.rtl || 'required',
+    i18n: {
+      messageKeys: item.internationalization?.messageKeys || [],
+      bidiNotes: item.internationalization?.bidiNotes || [],
+    },
+    // Accessibility
+    accessibility: item.accessibility || {},
+    // Tokens
+    tokenContracts: item.tokenContracts || [],
+    // Capabilities
+    capabilityAliases: item.capabilityAliases || [],
+    useWhen: item.useWhen || [],
+    doNotUseWhen: item.doNotUseWhen || [],
+    // Status and limitations
+    knownLimitations:
+      item.status === 'partial'
+        ? 'Known limitation: not yet full a11y/i18n/Rtl coverage; use with caution. See manifest.'
+        : undefined,
+  };
+  // Keep files, but ensure they are sorted
+  enriched.files = payload.files;
+  // Remove undefined
+  if (!enriched.knownLimitations) delete enriched.knownLimitations;
+  await writeFile(payloadPath, `${JSON.stringify(enriched, null, 2)}\n`);
+  console.log(`Enriched ${item.registryItem}`);
+}
+console.log('Done enriching');

package/scripts/fix-noe-imports.mjs ADDED Viewed

@@ -0,0 +1,134 @@
+import { readFile, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+const filesToFix = [
+  'packages/data-ui/src/data-table.tsx',
+  'packages/data-ui/src/chart.tsx',
+  'packages/data-ui/src/metric-card.tsx',
+  'packages/data-ui/src/filter-bar.tsx',
+  'packages/data-ui/src/dashboard-shell.tsx',
+  'packages/data-ui/src/activity-gauge.tsx',
+  'packages/data-ui/src/pagination.tsx',
+  'packages/data-ui/src/pie-chart.tsx',
+  'packages/data-ui/src/radar-chart.tsx',
+  'packages/data-ui/src/chart-frame.tsx',
+  'packages/ai-ui/src/activity-feed.tsx',
+  'packages/ai-ui/src/agent-message.tsx',
+  'packages/ai-ui/src/agent-composer.tsx',
+  'packages/ai-ui/src/agent-plan.tsx',
+  'packages/ai-ui/src/agent-workspace.tsx',
+  'packages/ai-ui/src/approval-request.tsx',
+  'packages/ai-ui/src/tool-call.tsx',
+  'packages/ai-ui/src/run-inspector.tsx',
+  'packages/workflow-ui/src/workflow-canvas.tsx',
+  'packages/workflow-ui/src/workflow-node.tsx',
+  'packages/ui/src/inline-cta.tsx',
+  'packages/ui/src/calendar.tsx',
+  'packages/data-ui/src/pagination.tsx',
+];
+async function fixFile(filePath) {
+  let content = await readFile(filePath, 'utf8');
+  const original = content;
+  // Fix @noe/ui imports
+  // Example: import { cn, TechnicalValue } from '@noe/ui';
+  // Should become: import { cn } from '../../ui/src/lib/cn'; import { TechnicalValue } from '../../ui/src/bidi';
+  // For files in data-ui/src, relative to ui/src is ../../ui/src/
+  // For files in ai-ui/src, relative is ../../ui/src/
+  // For files in workflow-ui/src, relative is ../../ui/src/
+  // For files in ui/src, relative to icons is ../../icons/src/
+  // Handle @noe/ui
+  if (content.includes("from '@noe/ui'") || content.includes('from "@noe/ui"')) {
+    // Determine relative prefix
+    const dir = path.dirname(filePath);
+    let relToUi = path.relative(dir, 'packages/ui/src').replace(/\\/g, '/');
+    if (!relToUi.startsWith('.')) relToUi = `./${relToUi}`;
+    // For cn
+    if (content.includes('cn')) {
+      // Add import for cn if not already via relative
+    }
+    // Simple replacement: replace the whole import line with relative imports
+    // We'll do a simple approach: replace "@noe/ui" with relative path to the specific file that provides the symbol
+    // But we need to know which file provides which symbol:
+    // cn -> lib/cn.ts
+    // TechnicalValue, Bidi, AutoDirectionText -> bidi.tsx
+    // Button -> button.tsx
+    // For simplicity, replace "@noe/ui" with relative to index, but index is not in payload
+    // Instead, we will replace with direct file imports
+    // Extract the import line
+    content = content.replace(
+      /import\s+\{([^}]+)\}\s+from\s+['"]@noe\/ui['"]/g,
+      (_match, imports) => {
+        const parts = imports.split(',').map((s) => s.trim());
+        const hasCn = parts.some((p) => p.includes('cn'));
+        const hasTechnical = parts.some(
+          (p) => p.includes('TechnicalValue') || p.includes('Bidi') || p.includes('AutoDirection'),
+        );
+        const hasButton = parts.some((p) => p.includes('Button'));
+        let result = '';
+        if (hasCn) {
+          // Check if file already has cn import via relative, but we will add
+          result += `import { cn } from '${relToUi}/lib/cn';\n`;
+        }
+        if (hasTechnical) {
+          const techImports = parts
+            .filter(
+              (p) =>
+                p.includes('TechnicalValue') || p.includes('Bidi') || p.includes('AutoDirection'),
+            )
+            .join(', ');
+          result += `import { ${techImports} } from '${relToUi}/bidi';\n`;
+        }
+        if (hasButton) {
+          const buttonImports = parts.filter((p) => p.includes('Button')).join(', ');
+          result += `import { ${buttonImports} } from '${relToUi}/button';\n`;
+        }
+        // Handle remaining (like other symbols)
+        const remaining = parts.filter(
+          (p) =>
+            !p.includes('cn') &&
+            !p.includes('TechnicalValue') &&
+            !p.includes('Bidi') &&
+            !p.includes('AutoDirection') &&
+            !p.includes('Button'),
+        );
+        if (remaining.length) {
+          result += `import { ${remaining.join(', ')} } from '${relToUi}/lib/cn';\n`; // fallback
+        }
+        return result.trim();
+      },
+    );
+    // Fix duplicate imports that may have been created
+    // Remove empty lines
+    content = content.replace(/\n\n\n+/g, '\n\n');
+  }
+  // Fix @noe/icons
+  if (content.includes("from '@noe/icons'") || content.includes('from "@noe/icons"')) {
+    const dir = path.dirname(filePath);
+    let relToIcons = path.relative(dir, 'packages/icons/src').replace(/\\/g, '/');
+    if (!relToIcons.startsWith('.')) relToIcons = `./${relToIcons}`;
+    content = content.replace(/from\s+['"]@noe\/icons['"]/g, `from '${relToIcons}/index.tsx'`);
+    content = content.replace(/from\s+['"]@noe\/icons\/[^'"]+['"]/g, (_m) => {
+      // For specific icon imports, map to index
+      return `from '${relToIcons}/index.tsx'`;
+    });
+  }
+  if (content !== original) {
+    await writeFile(filePath, content);
+    console.log(`Fixed ${filePath}`);
+  }
+}
+for (const f of filesToFix) {
+  try {
+    await fixFile(f);
+  } catch (e) {
+    console.error(`Failed ${f}: ${e.message}`);
+  }
+}

package/scripts/fix-registry-closure.mjs ADDED Viewed

@@ -0,0 +1,110 @@
+import { readdir, readFile, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+function extractImports(content) {
+  const imports = [];
+  for (const m of content.matchAll(/from\s+['"]([^'"]+)['"]/g)) imports.push(m[1]);
+  for (const m of content.matchAll(/import\s+['"]([^'"]+)['"]/g)) if (!imports.includes(m[1])) imports.push(m[1]);
+  return imports;
+}
+async function resolveRelative(fromFile, importPath) {
+  if (!importPath.startsWith('.')) return null;
+  const dir = path.dirname(fromFile);
+  const resolved = path.join(dir, importPath);
+  const candidates = [
+    `${resolved}.ts`,
+    `${resolved}.tsx`,
+    path.join(resolved, 'index.ts'),
+    path.join(resolved, 'index.tsx'),
+    resolved,
+  ];
+  for (const cand of candidates) {
+    try {
+      await readFile(path.join(root, cand));
+      return cand;
+    } catch {}
+  }
+  try {
+    await readFile(path.join(root, resolved));
+    return resolved;
+  } catch {}
+  return null;
+}
+const rDir = path.join(root, 'packages/registry/r');
+const files = await readdir(rDir);
+let totalFixed = 0;
+for (const file of files) {
+  if (!file.endsWith('.json')) continue;
+  const payloadPath = path.join(rDir, file);
+  const payload = JSON.parse(await readFile(payloadPath, 'utf8'));
+  const originalFiles = new Set(payload.files?.map((f) => f.path) || []);
+  const toProcess = [...originalFiles];
+  const visited = new Set();
+  const missingFiles = new Set();
+  const registryDeps = new Set(payload.registryDependencies || []);
+  const dependencies = new Set(payload.dependencies || []);
+  while (toProcess.length) {
+    const current = toProcess.pop();
+    if (visited.has(current)) continue;
+    visited.add(current);
+    let content;
+    try {
+      content = await readFile(path.join(root, current), 'utf8');
+    } catch {
+      continue;
+    }
+    for (const imp of extractImports(content)) {
+      if (imp.startsWith('.')) {
+        const resolved = await resolveRelative(current, imp);
+        if (!resolved) {
+          console.error(`FAIL ${payload.name}: ${current} -> '${imp}' not found`);
+          continue;
+        }
+        if (!originalFiles.has(resolved) && !missingFiles.has(resolved)) {
+          missingFiles.add(resolved);
+          toProcess.push(resolved);
+        }
+      } else if (imp.startsWith('@noe/')) {
+        if (imp.startsWith('@noe/icons')) {
+          registryDeps.add('icon-system');
+          dependencies.add('@noe/icons');
+        } else if (imp.startsWith('@noe/i18n')) dependencies.add('@noe/i18n');
+        else if (imp.startsWith('@noe/ui')) dependencies.add('@noe/ui');
+        else if (imp.startsWith('@noe/data-ui')) dependencies.add('@noe/data-ui');
+        else if (imp.startsWith('@noe/ai-ui')) dependencies.add('@noe/ai-ui');
+        else dependencies.add(imp.split('/').slice(0, 2).join('/'));
+      } else if (imp.startsWith('@base-ui')) dependencies.add('@base-ui/react');
+      else if (imp === 'clsx') dependencies.add('clsx');
+      else if (imp === 'tailwind-merge') dependencies.add('tailwind-merge');
+      else if (imp.startsWith('class-variance-authority'))
+        dependencies.add('class-variance-authority');
+    }
+  }
+  if (
+    missingFiles.size > 0 ||
+    registryDeps.size !== (payload.registryDependencies || []).length ||
+    dependencies.size !== (payload.dependencies || []).length
+  ) {
+    console.log(`Fixing ${payload.name}: missing ${[...missingFiles].join(', ')}`);
+    for (const mf of missingFiles) {
+      if (!originalFiles.has(mf)) {
+        payload.files.push({ path: mf, type: 'registry:component', target: mf });
+        originalFiles.add(mf);
+      }
+    }
+    payload.registryDependencies = [...registryDeps].sort();
+    payload.dependencies = [...dependencies].sort();
+    payload.files.sort((a, b) => a.path.localeCompare(b.path));
+    await writeFile(payloadPath, `${JSON.stringify(payload, null, 2)}\n`);
+    totalFixed++;
+  }
+}
+console.log(`Fixed ${totalFixed} payloads`);

package/scripts/fix-registry-deps-cleanup.mjs ADDED Viewed

@@ -0,0 +1,149 @@
+import { readdir, readFile, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const rDir = path.join(root, 'packages/registry/r');
+const files = await readdir(rDir);
+for (const file of files) {
+  if (!file.endsWith('.json')) continue;
+  const p = path.join(rDir, file);
+  const payload = JSON.parse(await readFile(p, 'utf8'));
+  let changed = false;
+  // Remove local @noe/* from dependencies (they should be via files or registryDependencies)
+  const origDeps = [...(payload.dependencies || [])];
+  const newDeps = origDeps.filter((d) => !d.startsWith('@noe/'));
+  if (newDeps.length !== origDeps.length) {
+    payload.dependencies = newDeps;
+    changed = true;
+    console.log(`Fix ${payload.name}: removed @noe/* from dependencies ${origDeps} -> ${newDeps}`);
+  }
+  // For @noe/icons, ensure registryDependencies has icon-system if file imports it
+  // Check files for icon imports
+  let hasIconImport = false;
+  let hasI18nImport = false;
+  const _hasCnImport = false;
+  for (const f of payload.files || []) {
+    try {
+      const content = await readFile(path.join(root, f.path), 'utf8');
+      if (content.includes('@noe/icons') || content.includes('ChevronIcon')) hasIconImport = true;
+      if (
+        content.includes('@noe/i18n') ||
+        content.includes('t(') ||
+        content.includes('getMessages')
+      )
+        hasI18nImport = true;
+      if (
+        content.includes("from './lib/cn'") ||
+        content.includes('from "./lib/cn"') ||
+        content.includes('from "@/lib/cn"') ||
+        content.includes('cn(')
+      ) {
+        // Check if lib/cn is already in files
+      }
+    } catch {}
+  }
+  // Ensure lib/cn is included if needed
+  const hasLibCn = payload.files.some((f) => f.path === 'packages/ui/src/lib/cn.ts');
+  // Check if any file imports cn
+  let needsCn = false;
+  for (const f of payload.files || []) {
+    try {
+      const c = await readFile(path.join(root, f.path), 'utf8');
+      if (
+        c.includes("from './lib/cn'") ||
+        c.includes('from "./lib/cn"') ||
+        c.includes("from '../lib/cn'") ||
+        c.includes('cn(') ||
+        c.includes("from '@/lib/cn'") ||
+        c.includes('@noe/ui')
+      ) {
+        // Heuristic: if it imports from @noe/ui and that ui file is cn, or direct
+        if (c.includes('./lib/cn') || c.includes('cn(')) needsCn = true;
+      }
+    } catch {}
+  }
+  if (needsCn && !hasLibCn) {
+    payload.files.push({
+      path: 'packages/ui/src/lib/cn.ts',
+      type: 'registry:component',
+      target: 'packages/ui/src/lib/cn.ts',
+    });
+    payload.files.sort((a, b) => a.path.localeCompare(b.path));
+    changed = true;
+    console.log(`Fix ${payload.name}: added lib/cn.ts`);
+  }
+  // Handle @noe/icons: if hasIconImport, ensure registryDependencies has icon-system
+  if (hasIconImport) {
+    const rd = new Set(payload.registryDependencies || []);
+    if (!rd.has('icon-system')) {
+      rd.add('icon-system');
+      payload.registryDependencies = [...rd].sort();
+      changed = true;
+      console.log(`Fix ${payload.name}: added icon-system to registryDependencies`);
+    }
+  }
+  // Handle @noe/i18n
+  if (hasI18nImport) {
+    // Should have dependency on @noe/i18n? But that's local, not npm. Better to add file for i18n-messages
+    const hasI18nFile = payload.files.some(
+      (f) => f.path === 'packages/ui/src/lib/i18n-messages.ts',
+    );
+    if (!hasI18nFile) {
+      // Check if file exists and is needed
+      try {
+        await readFile(path.join(root, 'packages/ui/src/lib/i18n-messages.ts'));
+        // If any file imports from i18n-messages, add it
+        let needsI18nFile = false;
+        for (const f of payload.files || []) {
+          try {
+            const c = await readFile(path.join(root, f.path), 'utf8');
+            if (c.includes('i18n-messages') || c.includes("from '@noe/i18n'")) needsI18nFile = true;
+          } catch {}
+        }
+        if (needsI18nFile) {
+          payload.files.push({
+            path: 'packages/ui/src/lib/i18n-messages.ts',
+            type: 'registry:component',
+            target: 'packages/ui/src/lib/i18n-messages.ts',
+          });
+          payload.files.sort((a, b) => a.path.localeCompare(b.path));
+          changed = true;
+          console.log(`Fix ${payload.name}: added lib/i18n-messages.ts`);
+        }
+      } catch {}
+    }
+  }
+  // For data-ui/ai-ui that import from @noe/ui, ensure they have lib/cn or other ui files
+  // We already handled lib/cn, but also need to handle TechnicalValue etc. which is in bidi.tsx
+  // For data-table which imports TechnicalValue from @noe/ui, need bidi.tsx
+  let needsBidi = false;
+  for (const f of payload.files || []) {
+    try {
+      const c = await readFile(path.join(root, f.path), 'utf8');
+      if (c.includes('TechnicalValue') || c.includes('Bidi')) needsBidi = true;
+    } catch {}
+  }
+  if (needsBidi && !payload.files.some((f) => f.path === 'packages/ui/src/bidi.tsx')) {
+    payload.files.push({
+      path: 'packages/ui/src/bidi.tsx',
+      type: 'registry:component',
+      target: 'packages/ui/src/bidi.tsx',
+    });
+    payload.files.sort((a, b) => a.path.localeCompare(b.path));
+    changed = true;
+    console.log(`Fix ${payload.name}: added bidi.tsx for TechnicalValue`);
+  }
+  if (changed) {
+    await writeFile(p, `${JSON.stringify(payload, null, 2)}\n`);
+  }
+}
+console.log('Done cleanup');

package/scripts/fix-relative-for-registry.mjs ADDED Viewed

@@ -0,0 +1,103 @@
+import { readFile, writeFile } from 'node:fs/promises';
+const files = [
+  'packages/data-ui/src/data-table.tsx',
+  'packages/data-ui/src/chart.tsx',
+  'packages/data-ui/src/metric-card.tsx',
+  'packages/data-ui/src/filter-bar.tsx',
+  'packages/data-ui/src/dashboard-shell.tsx',
+  'packages/data-ui/src/activity-gauge.tsx',
+  'packages/data-ui/src/pagination.tsx',
+  'packages/data-ui/src/pie-chart.tsx',
+  'packages/data-ui/src/radar-chart.tsx',
+  'packages/data-ui/src/chart-frame.tsx',
+  'packages/ai-ui/src/activity-feed.tsx',
+  'packages/ai-ui/src/agent-message.tsx',
+  'packages/ai-ui/src/agent-composer.tsx',
+  'packages/ai-ui/src/agent-plan.tsx',
+  'packages/ai-ui/src/agent-workspace.tsx',
+  'packages/ai-ui/src/approval-request.tsx',
+  'packages/ai-ui/src/tool-call.tsx',
+  'packages/ai-ui/src/run-inspector.tsx',
+  'packages/workflow-ui/src/workflow-canvas.tsx',
+  'packages/workflow-ui/src/workflow-node.tsx',
+];
+for (const file of files) {
+  let content = await readFile(file, 'utf8');
+  const orig = content;
+  // Replace @noe/ui imports with relative without src/
+  // For files in data-ui/src, ai-ui/src, workflow-ui/src, the relative to ui is ../ui/
+  // For ui/src files, they don't import from @noe/ui, so skip
+  if (content.includes("from '@noe/ui'") || content.includes('from "@noe/ui"')) {
+    // Extract the imported symbols
+    const match = content.match(/import\s+\{([^}]+)\}\s+from\s+['"]@noe\/ui['"]/);
+    if (match) {
+      const imports = match[1].split(',').map((s) => s.trim());
+      let replacement = '';
+      const cnImport = imports.find((i) => i.includes('cn'));
+      const techImport = imports.find(
+        (i) => i.includes('TechnicalValue') || i.includes('Bidi') || i.includes('AutoDirection'),
+      );
+      const buttonImport = imports.find((i) => i.includes('Button'));
+      if (cnImport) {
+        // Determine relative path: from data-ui/src to ui is ../ui, from ai-ui/src to ui is ../../ui? Actually both are packages/*/src to packages/ui
+        // For packages/data-ui/src/*.tsx, relative to packages/ui is ../../ui
+        // But for installed, it's ../ui
+        // We need a path that works for both: use ../ui for installed, but for source repo, ../../ui/src is correct
+        // For now, use ../ui/lib/cn without src/ to match installed
+        replacement += `import { cn } from '../ui/lib/cn';\n`;
+      }
+      if (techImport) {
+        const techParts = imports
+          .filter(
+            (i) =>
+              i.includes('TechnicalValue') || i.includes('Bidi') || i.includes('AutoDirection'),
+          )
+          .join(', ');
+        replacement += `import { ${techParts} } from '../ui/bidi';\n`;
+      }
+      if (buttonImport) {
+        replacement += `import { Button } from '../ui/button';\n`;
+      }
+      // Handle remaining
+      const remaining = imports.filter(
+        (i) =>
+          !i.includes('cn') &&
+          !i.includes('TechnicalValue') &&
+          !i.includes('Bidi') &&
+          !i.includes('AutoDirection') &&
+          !i.includes('Button'),
+      );
+      if (remaining.length) {
+        replacement += `import { ${remaining.join(', ')} } from '../ui/lib/cn';\n`;
+      }
+      content = content.replace(
+        /import\s+\{[^}]+\}\s+from\s+['"]@noe\/ui['"];?/,
+        replacement.trim(),
+      );
+    }
+  }
+  // Fix icons
+  if (content.includes("from '@noe/icons'")) {
+    // Determine relative: from data-ui/src to icons is ../../icons, but installed is ../icons
+    content = content.replace(/from\s+['"]@noe\/icons['"]/g, "from '../icons/index'");
+    content = content.replace(/from\s+['"]@noe\/icons\/[^'"]+['"]/g, "from '../icons/index'");
+  }
+  // For ui/src files that import from @noe/icons, they are at packages/ui/src, relative to icons is ../../icons
+  if (content.includes('../../icons/src/index')) {
+    content = content.replace(
+      /from\s+['"]\.\.\/\.\.\/icons\/src\/index['"]/g,
+      "from '../icons/index'",
+    );
+    content = content.replace(
+      /from\s+['"]\.\.\/\.\.\/icons\/src\/index\.tsx['"]/g,
+      "from '../icons/index'",
+    );
+  }
+  if (content !== orig) {
+    await writeFile(file, content);
+    console.log(`Fixed ${file}`);
+  }
+}