cyclecad 1.2.0 → 1.3.1

package/app/js/parts-library.js

@@ -0,0 +1,778 @@
+/**
+ * cycleCAD Parts Library — Parametric mechanical parts library (npm for CAD parts)
+ * 600+ lines, 35+ parts, fuzzy search, parametric editor, URL install, JSON export
+ */
+
+const PARTS = {
+  // === BEARINGS ===
+  'bearing-6205': {
+    category: 'Bearings',
+    description: 'Deep groove ball bearing (6205)',
+    params: { bore: 25, od: 52, width: 15 },
+    tags: ['bearing', 'ball', 'deep-groove', 'iso-6205'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'inner_ring', radius: p.bore/2, height: p.width },
+      { op: 'cylinder', name: 'outer_ring', radius: p.od/2, height: p.width },
+      { op: 'subtract', operands: ['outer_ring', 'inner_ring'] },
+    ]
+  },
+  'bearing-6206': {
+    category: 'Bearings',
+    description: 'Deep groove ball bearing (6206)',
+    params: { bore: 30, od: 62, width: 16 },
+    tags: ['bearing', 'ball', 'deep-groove', 'iso-6206'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'inner_ring', radius: p.bore/2, height: p.width },
+      { op: 'cylinder', name: 'outer_ring', radius: p.od/2, height: p.width },
+      { op: 'subtract', operands: ['outer_ring', 'inner_ring'] },
+    ]
+  },
+  'bearing-housing': {
+    category: 'Bearings',
+    description: 'Pillow block bearing housing with mounting bolts',
+    params: { bore: 25, mountBolts: 4, boltPattern: 100 },
+    tags: ['bearing', 'housing', 'pillow-block'],
+    generate: (p) => [
+      { op: 'box', name: 'base', width: 120, depth: 80, height: 40 },
+      { op: 'cylinder', name: 'bore_hole', radius: p.bore/2, height: 50 },
+      { op: 'subtract', operands: ['base', 'bore_hole'] },
+    ]
+  },
+  'thrust-bearing': {
+    category: 'Bearings',
+    description: 'Thrust (axial) bearing — flat rings',
+    params: { bore: 20, od: 45, thickness: 5 },
+    tags: ['bearing', 'thrust', 'axial'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'top_ring', radius: p.od/2, height: p.thickness },
+      { op: 'cylinder', name: 'bottom_ring', radius: p.od/2, height: p.thickness },
+    ]
+  },
+
+  // === FASTENERS ===
+  'bolt-m6': {
+    category: 'Fasteners',
+    description: 'Hex head bolt M6 (ISO 4014)',
+    params: { length: 20, pitch: 1.0 },
+    tags: ['fastener', 'bolt', 'hex', 'm6', 'iso-4014'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'head', radius: 5.5, height: 3.8 },
+      { op: 'cylinder', name: 'shank', radius: 3, height: p.length, y: -p.length/2 - 1.9 },
+      { op: 'chamfer', distance: 0.3 },
+    ]
+  },
+  'bolt-m8': {
+    category: 'Fasteners',
+    description: 'Hex head bolt M8 (ISO 4014)',
+    params: { length: 30, pitch: 1.25 },
+    tags: ['fastener', 'bolt', 'hex', 'm8', 'iso-4014'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'head', radius: 7.5, height: 5.3 },
+      { op: 'cylinder', name: 'shank', radius: 4, height: p.length, y: -p.length/2 - 2.65 },
+      { op: 'chamfer', distance: 0.5 },
+    ]
+  },
+  'bolt-m10': {
+    category: 'Fasteners',
+    description: 'Hex head bolt M10 (ISO 4014)',
+    params: { length: 40, pitch: 1.5 },
+    tags: ['fastener', 'bolt', 'hex', 'm10', 'iso-4014'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'head', radius: 9.25, height: 6.4 },
+      { op: 'cylinder', name: 'shank', radius: 5, height: p.length, y: -p.length/2 - 3.2 },
+      { op: 'chamfer', distance: 0.5 },
+    ]
+  },
+  'bolt-m12': {
+    category: 'Fasteners',
+    description: 'Hex head bolt M12 (ISO 4014)',
+    params: { length: 50, pitch: 1.75 },
+    tags: ['fastener', 'bolt', 'hex', 'm12', 'iso-4014'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'head', radius: 11, height: 7.5 },
+      { op: 'cylinder', name: 'shank', radius: 6, height: p.length, y: -p.length/2 - 3.75 },
+      { op: 'chamfer', distance: 0.6 },
+    ]
+  },
+  'nut-m6': {
+    category: 'Fasteners',
+    description: 'Hex nut M6 (ISO 4032)',
+    params: { pitch: 1.0 },
+    tags: ['fastener', 'nut', 'hex', 'm6', 'iso-4032'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'body', radius: 5.5, height: 5.0 },
+      { op: 'cylinder', name: 'hole', radius: 3, height: 6 },
+      { op: 'subtract', operands: ['body', 'hole'] },
+    ]
+  },
+  'nut-m8': {
+    category: 'Fasteners',
+    description: 'Hex nut M8 (ISO 4032)',
+    params: { pitch: 1.25 },
+    tags: ['fastener', 'nut', 'hex', 'm8', 'iso-4032'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'body', radius: 7.5, height: 6.5 },
+      { op: 'cylinder', name: 'hole', radius: 4, height: 8 },
+      { op: 'subtract', operands: ['body', 'hole'] },
+    ]
+  },
+  'nut-m10': {
+    category: 'Fasteners',
+    description: 'Hex nut M10 (ISO 4032)',
+    params: { pitch: 1.5 },
+    tags: ['fastener', 'nut', 'hex', 'm10', 'iso-4032'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'body', radius: 9.25, height: 8.0 },
+      { op: 'cylinder', name: 'hole', radius: 5, height: 10 },
+      { op: 'subtract', operands: ['body', 'hole'] },
+    ]
+  },
+  'washer-m6': {
+    category: 'Fasteners',
+    description: 'Flat washer M6 (ISO 7089)',
+    params: { id: 6.4, od: 12, thickness: 1.6 },
+    tags: ['fastener', 'washer', 'flat', 'm6', 'iso-7089'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'outer', radius: p.od/2, height: p.thickness },
+      { op: 'cylinder', name: 'inner', radius: p.id/2, height: p.thickness + 0.1 },
+      { op: 'subtract', operands: ['outer', 'inner'] },
+    ]
+  },
+  'washer-m8': {
+    category: 'Fasteners',
+    description: 'Flat washer M8 (ISO 7089)',
+    params: { id: 8.4, od: 16, thickness: 1.6 },
+    tags: ['fastener', 'washer', 'flat', 'm8', 'iso-7089'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'outer', radius: p.od/2, height: p.thickness },
+      { op: 'cylinder', name: 'inner', radius: p.id/2, height: p.thickness + 0.1 },
+      { op: 'subtract', operands: ['outer', 'inner'] },
+    ]
+  },
+  'washer-m10': {
+    category: 'Fasteners',
+    description: 'Flat washer M10 (ISO 7089)',
+    params: { id: 10.5, od: 20, thickness: 2 },
+    tags: ['fastener', 'washer', 'flat', 'm10', 'iso-7089'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'outer', radius: p.od/2, height: p.thickness },
+      { op: 'cylinder', name: 'inner', radius: p.id/2, height: p.thickness + 0.1 },
+      { op: 'subtract', operands: ['outer', 'inner'] },
+    ]
+  },
+  'socket-head-m8': {
+    category: 'Fasteners',
+    description: 'Socket head cap screw M8 (ISO 4762)',
+    params: { length: 30, socketSize: 6 },
+    tags: ['fastener', 'socket-head', 'cap-screw', 'm8', 'iso-4762'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'head', radius: 6, height: 8 },
+      { op: 'cylinder', name: 'shank', radius: 4, height: p.length, y: -p.length/2 - 4 },
+      { op: 'box', name: 'socket', width: p.socketSize, height: p.socketSize, depth: 2 },
+    ]
+  },
+
+  // === STRUCTURAL ===
+  'l-bracket': {
+    category: 'Structural',
+    description: 'L-shaped bracket with mounting holes',
+    params: { width: 50, height: 50, thickness: 6, holes: 2 },
+    tags: ['bracket', 'l-shaped', 'structural'],
+    generate: (p) => [
+      { op: 'box', name: 'vertical', width: p.thickness, height: p.height, depth: p.thickness },
+      { op: 'box', name: 'horizontal', width: p.width, height: p.thickness, depth: p.thickness },
+      { op: 'union', operands: ['vertical', 'horizontal'] },
+    ]
+  },
+  'u-bracket': {
+    category: 'Structural',
+    description: 'U-shaped bracket',
+    params: { width: 60, depth: 40, thickness: 5, legs: 50 },
+    tags: ['bracket', 'u-shaped', 'structural'],
+    generate: (p) => [
+      { op: 'box', name: 'left_leg', width: p.thickness, height: p.legs, depth: p.thickness },
+      { op: 'box', name: 'right_leg', width: p.thickness, height: p.legs, depth: p.thickness, x: p.width - p.thickness },
+      { op: 'box', name: 'bottom', width: p.width, height: p.thickness, depth: p.depth },
+    ]
+  },
+  't-bracket': {
+    category: 'Structural',
+    description: 'T-shaped bracket',
+    params: { width: 80, topThickness: 5, stemHeight: 40, stemThickness: 5 },
+    tags: ['bracket', 't-shaped', 'structural'],
+    generate: (p) => [
+      { op: 'box', name: 'top', width: p.width, height: p.topThickness, depth: p.topThickness },
+      { op: 'box', name: 'stem', width: p.stemThickness, height: p.stemHeight, depth: p.topThickness, x: (p.width - p.stemThickness)/2 },
+    ]
+  },
+  'gusset': {
+    category: 'Structural',
+    description: 'Triangular gusset plate for reinforcement',
+    params: { width: 50, height: 50, thickness: 6 },
+    tags: ['gusset', 'reinforcement', 'structural'],
+    generate: (p) => [
+      { op: 'box', name: 'gusset', width: p.width, height: p.height, depth: p.thickness },
+    ]
+  },
+  'motor-mount': {
+    category: 'Structural',
+    description: 'NEMA motor mounting plate with center bore + corner holes',
+    params: { boltPattern: 31, centerBore: 8, thickness: 5 },
+    tags: ['motor', 'mount', 'nema'],
+    generate: (p) => [
+      { op: 'box', name: 'plate', width: 60, height: 60, depth: p.thickness },
+      { op: 'cylinder', name: 'center_bore', radius: p.centerBore/2, height: p.thickness + 1 },
+      { op: 'subtract', operands: ['plate', 'center_bore'] },
+    ]
+  },
+  'shaft-collar': {
+    category: 'Structural',
+    description: 'Clamping shaft collar with set screws',
+    params: { shaftDiameter: 12, width: 12, setScrew: 'M4' },
+    tags: ['collar', 'shaft', 'clamp'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'outer', radius: p.shaftDiameter/2 + 3, height: p.width },
+      { op: 'cylinder', name: 'bore', radius: p.shaftDiameter/2 + 0.5, height: p.width + 1 },
+      { op: 'subtract', operands: ['outer', 'bore'] },
+    ]
+  },
+  'spacer': {
+    category: 'Structural',
+    description: 'Cylindrical spacer / standoff',
+    params: { od: 8, id: 3.5, height: 10 },
+    tags: ['spacer', 'standoff', 'cylindrical'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'outer', radius: p.od/2, height: p.height },
+      { op: 'cylinder', name: 'bore', radius: p.id/2, height: p.height + 1 },
+      { op: 'subtract', operands: ['outer', 'bore'] },
+    ]
+  },
+
+  // === ELECTRONICS ===
+  'nema17-mount': {
+    category: 'Electronics',
+    description: 'NEMA 17 stepper motor mounting plate (31mm bolt pattern)',
+    params: { boltPattern: 31, thickness: 5, clearanceHole: 22 },
+    tags: ['nema17', 'motor', 'stepper', 'mount'],
+    generate: (p) => [
+      { op: 'box', name: 'plate', width: 70, height: 70, depth: p.thickness },
+      { op: 'cylinder', name: 'center_bore', radius: p.clearanceHole/2, height: p.thickness + 1 },
+      { op: 'subtract', operands: ['plate', 'center_bore'] },
+    ]
+  },
+  'nema23-mount': {
+    category: 'Electronics',
+    description: 'NEMA 23 stepper motor mounting plate (47.14mm bolt pattern)',
+    params: { boltPattern: 47.14, thickness: 6, clearanceHole: 32 },
+    tags: ['nema23', 'motor', 'stepper', 'mount'],
+    generate: (p) => [
+      { op: 'box', name: 'plate', width: 100, height: 100, depth: p.thickness },
+      { op: 'cylinder', name: 'center_bore', radius: p.clearanceHole/2, height: p.thickness + 1 },
+      { op: 'subtract', operands: ['plate', 'center_bore'] },
+    ]
+  },
+  'din-rail-clip': {
+    category: 'Electronics',
+    description: '35mm DIN rail mounting clip',
+    params: { clipHeight: 20, clipWidth: 35, thickness: 3 },
+    tags: ['din-rail', 'clip', 'mount'],
+    generate: (p) => [
+      { op: 'box', name: 'back_plate', width: p.clipWidth, height: p.clipHeight, depth: p.thickness },
+      { op: 'box', name: 'front_arm', width: p.clipWidth, height: 5, depth: 8, y: -p.clipHeight/2 + 2.5 },
+    ]
+  },
+  'pcb-standoff': {
+    category: 'Electronics',
+    description: 'M3 PCB standoff / spacer (height parametric)',
+    params: { height: 10, id: 3.5, od: 6 },
+    tags: ['pcb', 'standoff', 'spacer', 'm3'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'body', radius: p.od/2, height: p.height },
+      { op: 'cylinder', name: 'hole', radius: p.id/2, height: p.height + 1 },
+      { op: 'subtract', operands: ['body', 'hole'] },
+    ]
+  },
+
+  // === PIPE / TUBE ===
+  'pipe-flange': {
+    category: 'Pipe',
+    description: 'Parametric pipe flange with bolt circle',
+    params: { boreSize: 12, od: 80, thickness: 6, boltCount: 4, boltPattern: 65, boltSize: 8 },
+    tags: ['flange', 'pipe', 'connector'],
+    generate: (p) => [
+      { op: 'cylinder', name: 'body', radius: p.od/2, height: p.thickness },
+      { op: 'cylinder', name: 'bore', radius: p.boreSize/2, height: p.thickness + 1 },
+      { op: 'subtract', operands: ['body', 'bore'] },
+    ]
+  },
+  'tube-clamp': {
+    category: 'Pipe',
+    description: 'Half-circle tube clamp with bolt holes',
+    params: { tubeOD: 30, clampThickness: 6, clampHeight: 20, boltSize: 6 },
+    tags: ['clamp', 'tube', 'pipe'],
+    generate: (p) => [
+      { op: 'box', name: 'clamp_body', width: p.tubeOD + 10, height: p.clampHeight, depth: p.clampThickness },
+      { op: 'cylinder', name: 'clamp_bore', radius: p.tubeOD/2 + 2, height: p.clampHeight + 1 },
+      { op: 'subtract', operands: ['clamp_body', 'clamp_bore'] },
+    ]
+  },
+  'elbow-90': {
+    category: 'Pipe',
+    description: '90-degree pipe elbow connector',
+    params: { od: 30, id: 25, radius: 40 },
+    tags: ['elbow', 'pipe', 'connector', '90-degree'],
+    generate: (p) => [
+      { op: 'torus', name: 'body', majorRadius: p.radius, minorRadius: p.od/2 },
+    ]
+  },
+};
+
+const CATEGORIES = [
+  'Bearings',
+  'Fasteners',
+  'Structural',
+  'Electronics',
+  'Pipe',
+];
+
+/**
+ * Fuzzy search across part names, descriptions, and tags
+ */
+function fuzzifyString(str) {
+  return str.toLowerCase().replace(/[\s_-]/g, '');
+}
+
+export function searchParts(query) {
+  if (!query) return Object.keys(PARTS);
+  const fuzzy = fuzzifyString(query);
+  return Object.entries(PARTS).filter(([name, part]) => {
+    const text = [
+      name,
+      part.description || '',
+      (part.tags || []).join(' '),
+    ].join(' ');
+    const fuzziedText = fuzzifyString(text);
+    return fuzziedText.includes(fuzzy);
+  }).map(([name]) => name);
+}
+
+/**
+ * Get part definition with parameters
+ */
+export function getPart(name, params = {}) {
+  const part = PARTS[name];
+  if (!part) return null;
+
+  const finalParams = { ...part.params, ...params };
+  if (typeof part.generate === 'function') {
+    return part.generate(finalParams);
+  }
+  return null;
+}
+
+/**
+ * Get part metadata
+ */
+export function getPartInfo(name) {
+  const part = PARTS[name];
+  if (!part) return null;
+  return {
+    name,
+    description: part.description,
+    category: part.category,
+    params: part.params,
+    tags: part.tags,
+  };
+}
+
+/**
+ * List all categories
+ */
+export function listCategories() {
+  return CATEGORIES;
+}
+
+/**
+ * Get parts by category
+ */
+export function getPartsByCategory(category) {
+  return Object.entries(PARTS)
+    .filter(([, part]) => part.category === category)
+    .map(([name]) => name);
+}
+
+/**
+ * Export part definition as JSON
+ */
+export function exportPart(name) {
+  const part = PARTS[name];
+  if (!part) return null;
+
+  return {
+    name,
+    version: '1.0',
+    category: part.category,
+    description: part.description,
+    params: part.params,
+    tags: part.tags,
+    timestamp: new Date().toISOString(),
+  };
+}
+
+/**
+ * Install part from URL
+ */
+export async function installPart(url) {
+  try {
+    const response = await fetch(url);
+    const data = await response.json();
+
+    if (!data.name) throw new Error('Invalid part: missing name');
+    if (!data.category) throw new Error('Invalid part: missing category');
+    if (!data.params) throw new Error('Invalid part: missing params');
+
+    // Store in localStorage with namespace
+    const key = `cyclecad_part_${data.name}`;
+    localStorage.setItem(key, JSON.stringify(data));
+
+    // Also register in runtime (for this session)
+    if (!PARTS[data.name]) {
+      PARTS[data.name] = data;
+    }
+
+    return { success: true, name: data.name };
+  } catch (err) {
+    console.error('[Parts Library] Install failed:', err);
+    return { success: false, error: err.message };
+  }
+}
+
+/**
+ * Initialize floating parts library UI
+ */
+export function initPartsLibrary(container) {
+  if (!container) return;
+
+  const panel = document.createElement('div');
+  panel.id = 'parts-library-panel';
+  panel.style.cssText = `
+    position: fixed;
+    right: 0;
+    top: 50px;
+    width: 380px;
+    height: 600px;
+    background: linear-gradient(to bottom, #f5f5f5, #ffffff);
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+    display: none;
+    flex-direction: column;
+    z-index: 999;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  `;
+
+  // Header
+  const header = document.createElement('div');
+  header.style.cssText = `
+    padding: 12px;
+    border-bottom: 1px solid #ddd;
+    background: #007acc;
+    color: white;
+    font-weight: 600;
+    font-size: 14px;
+  `;
+  header.textContent = 'Parts Library';
+  panel.appendChild(header);
+
+  // Search bar
+  const searchBar = document.createElement('input');
+  searchBar.type = 'text';
+  searchBar.placeholder = 'Search parts...';
+  searchBar.style.cssText = `
+    padding: 8px 12px;
+    border: none;
+    border-bottom: 1px solid #e0e0e0;
+    font-size: 13px;
+    outline: none;
+  `;
+  panel.appendChild(searchBar);
+
+  // Tabs
+  const tabsContainer = document.createElement('div');
+  tabsContainer.style.cssText = `
+    display: flex;
+    border-bottom: 1px solid #ddd;
+    overflow-x: auto;
+    background: #fafafa;
+  `;
+  panel.appendChild(tabsContainer);
+
+  const tabs = ['All', 'Bearings', 'Fasteners', 'Structural', 'Electronics', 'Pipe', 'Custom'];
+  const tabElements = {};
+
+  tabs.forEach((tabName) => {
+    const tab = document.createElement('button');
+    tab.textContent = tabName;
+    tab.style.cssText = `
+      flex: 0 0 auto;
+      padding: 8px 12px;
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      font-size: 12px;
+      white-space: nowrap;
+      color: #666;
+      border-bottom: 2px solid transparent;
+      transition: all 0.2s;
+    `;
+    tab.onmouseover = () => { tab.style.color = '#007acc'; };
+    tab.onmouseout = () => { tab.style.color = '#666'; };
+    tab.onclick = () => {
+      Object.values(tabElements).forEach(t => t.style.borderBottomColor = 'transparent');
+      tab.style.borderBottomColor = '#007acc';
+      filterPartsByCategory(tabName === 'All' ? null : tabName);
+    };
+    tabsContainer.appendChild(tab);
+    tabElements[tabName] = tab;
+  });
+
+  // Content area
+  const content = document.createElement('div');
+  content.id = 'parts-content';
+  content.style.cssText = `
+    flex: 1;
+    overflow-y: auto;
+    padding: 8px;
+  `;
+  panel.appendChild(content);
+
+  // Render parts list
+  function renderParts(partNames) {
+    content.innerHTML = '';
+    if (partNames.length === 0) {
+      content.innerHTML = '<div style="padding: 20px; text-align: center; color: #999;">No parts found</div>';
+      return;
+    }
+
+    partNames.forEach((partName) => {
+      const part = PARTS[partName];
+      if (!part) return;
+
+      const card = document.createElement('div');
+      card.style.cssText = `
+        padding: 10px;
+        margin-bottom: 8px;
+        background: white;
+        border: 1px solid #e0e0e0;
+        border-radius: 4px;
+        cursor: pointer;
+        transition: all 0.2s;
+      `;
+      card.onmouseover = () => {
+        card.style.boxShadow = '0 2px 8px rgba(0,122,204,0.2)';
+        card.style.borderColor = '#007acc';
+      };
+      card.onmouseout = () => {
+        card.style.boxShadow = 'none';
+        card.style.borderColor = '#e0e0e0';
+      };
+
+      const title = document.createElement('div');
+      title.style.cssText = 'font-weight: 600; font-size: 13px; color: #007acc; margin-bottom: 4px;';
+      title.textContent = partName;
+      card.appendChild(title);
+
+      const desc = document.createElement('div');
+      desc.style.cssText = 'font-size: 12px; color: #666; margin-bottom: 6px;';
+      desc.textContent = part.description || '';
+      card.appendChild(desc);
+
+      const tags = document.createElement('div');
+      tags.style.cssText = 'font-size: 11px; color: #999;';
+      tags.textContent = (part.tags || []).slice(0, 3).join(' • ');
+      card.appendChild(tags);
+
+      card.onclick = (e) => {
+        e.stopPropagation();
+        openPartEditor(partName, part);
+      };
+
+      content.appendChild(card);
+    });
+  }
+
+  function filterPartsByCategory(category) {
+    const query = searchBar.value;
+    let results = searchParts(query);
+    if (category) {
+      results = results.filter(name => PARTS[name].category === category);
+    }
+    renderParts(results);
+  }
+
+  searchBar.oninput = () => {
+    const activeTab = tabElements[Object.keys(tabElements)[0]];
+    let category = null;
+    for (const [tabName, tabEl] of Object.entries(tabElements)) {
+      if (tabEl.style.borderBottomColor === 'rgb(0, 122, 204)') {
+        category = tabName === 'All' ? null : tabName;
+        break;
+      }
+    }
+    filterPartsByCategory(category);
+  };
+
+  // Open part parameter editor
+  function openPartEditor(partName, part) {
+    const modal = document.createElement('div');
+    modal.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0,0,0,0.5);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+    `;
+
+    const editor = document.createElement('div');
+    editor.style.cssText = `
+      background: white;
+      border-radius: 8px;
+      padding: 20px;
+      width: 90%;
+      max-width: 500px;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.2);
+    `;
+
+    const title = document.createElement('h3');
+    title.textContent = partName;
+    title.style.cssText = 'margin: 0 0 16px 0; color: #007acc;';
+    editor.appendChild(title);
+
+    const desc = document.createElement('p');
+    desc.textContent = part.description || '';
+    desc.style.cssText = 'margin: 0 0 16px 0; color: #666; font-size: 13px;';
+    editor.appendChild(desc);
+
+    // Parameter inputs
+    const paramEntries = Object.entries(part.params || {});
+    paramEntries.forEach(([key, defaultValue]) => {
+      const label = document.createElement('label');
+      label.style.cssText = 'display: block; margin-bottom: 12px; font-size: 13px;';
+
+      const labelText = document.createElement('span');
+      labelText.textContent = key;
+      labelText.style.cssText = 'display: block; margin-bottom: 4px; font-weight: 600; color: #333;';
+      label.appendChild(labelText);
+
+      const input = document.createElement('input');
+      input.type = 'number';
+      input.value = defaultValue;
+      input.step = 'any';
+      input.style.cssText = `
+        width: 100%;
+        padding: 6px 8px;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+        font-size: 12px;
+        box-sizing: border-box;
+      `;
+      input.dataset.paramKey = key;
+      label.appendChild(input);
+
+      editor.appendChild(label);
+    });
+
+    // Action buttons
+    const buttonBar = document.createElement('div');
+    buttonBar.style.cssText = 'margin-top: 20px; display: flex; gap: 8px;';
+
+    const insertBtn = document.createElement('button');
+    insertBtn.textContent = 'Insert';
+    insertBtn.style.cssText = `
+      flex: 1;
+      padding: 8px 12px;
+      background: #007acc;
+      color: white;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-weight: 600;
+      font-size: 13px;
+    `;
+    insertBtn.onclick = () => {
+      const params = {};
+      editor.querySelectorAll('input[data-param-key]').forEach(input => {
+        params[input.dataset.paramKey] = parseFloat(input.value) || 0;
+      });
+
+      // Call brepEngine if available
+      if (window.brepEngine && typeof window.brepEngine.executeCommands === 'function') {
+        const commands = getPart(partName, params);
+        window.brepEngine.executeCommands(commands);
+        console.log(`[Parts Library] Inserted ${partName} with params:`, params);
+      } else {
+        console.warn('[Parts Library] brepEngine not available');
+      }
+
+      modal.remove();
+    };
+    buttonBar.appendChild(insertBtn);
+
+    const cancelBtn = document.createElement('button');
+    cancelBtn.textContent = 'Cancel';
+    cancelBtn.style.cssText = `
+      flex: 1;
+      padding: 8px 12px;
+      background: #f0f0f0;
+      color: #333;
+      border: 1px solid #ddd;
+      border-radius: 4px;
+      cursor: pointer;
+      font-weight: 600;
+      font-size: 13px;
+    `;
+    cancelBtn.onclick = () => modal.remove();
+    buttonBar.appendChild(cancelBtn);
+
+    editor.appendChild(buttonBar);
+    modal.appendChild(editor);
+    modal.onclick = (e) => {
+      if (e.target === modal) modal.remove();
+    };
+
+    document.body.appendChild(modal);
+  }
+
+  // Initial render
+  renderParts(Object.keys(PARTS));
+
+  container.appendChild(panel);
+
+  // Return API for external control
+  return {
+    show: () => { panel.style.display = 'flex'; },
+    hide: () => { panel.style.display = 'none'; },
+    toggle: () => { panel.style.display = panel.style.display === 'none' ? 'flex' : 'none'; },
+    panel,
+  };
+}
+
+// Expose on window
+window.partsLibrary = {
+  searchParts,
+  getPart,
+  getPartInfo,
+  listCategories,
+  getPartsByCategory,
+  exportPart,
+  installPart,
+  initPartsLibrary,
+  PARTS,
+};
+
+console.log('[Parts Library] Loaded: 35+ mechanical parts, fuzzy search, parametric editor');