v1.1.0: Z-up 3D view, fix safety factor calculation, improve failure mode labels

Author: eldinmiller

electron/main.ts

@@ -160,11 +160,23 @@ ipcMain.on('window:close', () => mainWindow?.close())
 ipcMain.handle('window:is-maximized', () => mainWindow?.isMaximized())
 
 // File dialogs
-ipcMain.handle('dialog:save-config', async (_, data: string) => {
+// Save to existing path (for Save and autosave)
+ipcMain.handle('dialog:save-to-path', async (_, data: string, filePath: string) => {
+  try {
+    fs.writeFileSync(filePath, data, 'utf-8')
+    return { success: true, filePath }
+  } catch (err) {
+    return { success: false, error: String(err) }
+  }
+})
+
+// Save with dialog (for Save As... or first-time Save)
+ipcMain.handle('dialog:save-config', async (_, data: string, defaultName?: string) => {
   const result = await dialog.showSaveDialog(mainWindow!, {
     title: 'Save Configuration',
-    defaultPath: 'buoyancy-config.json',
+    defaultPath: defaultName || 'config.tube',
     filters: [
+      { name: 'Tube Files', extensions: ['tube'] },
       { name: 'JSON Files', extensions: ['json'] },
       { name: 'All Files', extensions: ['*'] }
     ]
@@ -185,6 +197,7 @@ ipcMain.handle('dialog:load-config', async () => {
   const result = await dialog.showOpenDialog(mainWindow!, {
     title: 'Load Configuration',
     filters: [
+      { name: 'Tube Files', extensions: ['tube'] },
       { name: 'JSON Files', extensions: ['json'] },
       { name: 'All Files', extensions: ['*'] }
     ],
@@ -214,7 +227,7 @@ ipcMain.handle('dialog:load-recent-file', async (_, filePath: string) => {
 ipcMain.handle('dialog:export-results', async (_, data: string) => {
   const result = await dialog.showSaveDialog(mainWindow!, {
     title: 'Export Results',
-    defaultPath: 'buoyancy-results.csv',
+    defaultPath: 'tubes-results.csv',
     filters: [
       { name: 'CSV Files', extensions: ['csv'] },
       { name: 'JSON Files', extensions: ['json'] },

electron/preload.ts

@@ -25,7 +25,8 @@ contextBridge.exposeInMainWorld('electronAPI', {
   isMaximized: () => ipcRenderer.invoke('window:is-maximized'),
 
   // File operations
-  saveConfig: (data: string) => ipcRenderer.invoke('dialog:save-config', data),
+  saveToPath: (data: string, filePath: string) => ipcRenderer.invoke('dialog:save-to-path', data, filePath),
+  saveConfig: (data: string, defaultName?: string) => ipcRenderer.invoke('dialog:save-config', data, defaultName),
   loadConfig: () => ipcRenderer.invoke('dialog:load-config'),
   loadRecentFile: (filePath: string) => ipcRenderer.invoke('dialog:load-recent-file', filePath),
   exportResults: (data: string) => ipcRenderer.invoke('dialog:export-results', data),
@@ -60,7 +61,8 @@ declare global {
       maximize: () => void
       close: () => void
       isMaximized: () => Promise<boolean>
-      saveConfig: (data: string) => Promise<SaveResult>
+      saveToPath: (data: string, filePath: string) => Promise<SaveResult>
+      saveConfig: (data: string, defaultName?: string) => Promise<SaveResult>
       loadConfig: () => Promise<LoadResult>
       loadRecentFile: (filePath: string) => Promise<LoadResult>
       exportResults: (data: string) => Promise<SaveResult>

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="color-scheme" content="dark" />
-    <title>Buoyancy Optimizer</title>
+    <title>Everything We Currently Know About Tubes</title>
     <style>
       html, body {
         background-color: #1e1e1e;

package.json

@@ -1,8 +1,7 @@
 {
-  "name": "buoyancy-optimizer",
-  "version": "1.0.0",
-  "description": "Buoyancy Cylinder Optimizer - Optimize pressure vessel dimensions for underwater applications",
-  "type": "module",
+  "name": "everything-we-currently-know-about-tubes",
+  "version": "1.1.0",
+  "description": "Everything We Currently Know About Tubes - Optimize pressure vessel dimensions for underwater applications",
   "main": "dist-electron/main.js",
   "scripts": {
     "dev": "vite",
@@ -37,8 +36,8 @@
     "vite-plugin-electron-renderer": "^0.14.6"
   },
   "build": {
-    "appId": "com.buoyancy.optimizer",
-    "productName": "Buoyancy Optimizer",
+    "appId": "com.tubes.everything",
+    "productName": "Everything We Currently Know About Tubes",
     "directories": {
       "output": "release"
     },

src/App.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useState, useRef, useCallback } from 'react'
 import { Play } from 'lucide-react'
 import { useAppStore, useProjectConfig, useProjectResults, SavedProject } from './stores/appStore'
 import { optimize, depthToPressure } from './lib/optimizer'
@@ -26,7 +26,10 @@ function App() {
     getActiveProject,
     newProject,
     addRecentFile,
-    getSelectedMaterialKeys
+    getSelectedMaterialKeys,
+    autoSaveEnabled,
+    projects,
+    activeProjectId
   } = useAppStore()
 
   const config = useProjectConfig()
@@ -35,6 +38,7 @@ function App() {
   const [isResizing, setIsResizing] = useState(false)
   const [statusMessage, setStatusMessage] = useState('')
   const [viewerWidth, setViewerWidth] = useState(450) // Default wider viewer
+  const autoSaveTimerRef = useRef<number | null>(null)
 
   // Handle sidebar resize
   useEffect(() => {
@@ -64,14 +68,15 @@ function App() {
     }
   }, [isResizing, setSidebarWidth])
 
-  // Save config handler
-  const handleSaveConfig = async () => {
+  // Save config handler - saves to existing path if available
+  const handleSaveConfig = useCallback(async () => {
+    const project = getActiveProject()
     const projectData = exportProject()
     if (!projectData) return
 
     if (!window.electronAPI) {
       // Fallback for browser - download as file
-      const fileName = `${projectData.name.replace(/[^a-z0-9]/gi, '-')}.buoy.json`
+      const fileName = `${projectData.name.replace(/[^a-z0-9]/gi, '-')}.tube`
       const blob = new Blob([JSON.stringify(projectData, null, 2)], { type: 'application/json' })
       const url = URL.createObjectURL(blob)
       const a = document.createElement('a')
@@ -85,21 +90,83 @@ function App() {
       return
     }
 
-    const result = await window.electronAPI.saveConfig(JSON.stringify(projectData, null, 2))
+    // If project has existing path, save directly to that path
+    if (project?.filePath) {
+      const result = await window.electronAPI.saveToPath(JSON.stringify(projectData, null, 2), project.filePath)
+      if (result.success) {
+        markProjectSaved(project.filePath)
+        setStatusMessage(`Saved to ${project.filePath}`)
+        setTimeout(() => setStatusMessage(''), 3000)
+      }
+    } else {
+      // Otherwise show save dialog
+      const result = await window.electronAPI.saveConfig(JSON.stringify(projectData, null, 2), `${projectData.name}.tube`)
+      if (result.success && result.filePath) {
+        markProjectSaved(result.filePath)
+        setStatusMessage(`Saved to ${result.filePath}`)
+        setTimeout(() => setStatusMessage(''), 3000)
+      }
+    }
+  }, [exportProject, markProjectSaved, getActiveProject])
+
+  // Save As... handler - always shows dialog
+  const handleSaveConfigAs = useCallback(async () => {
+    const projectData = exportProject()
+    if (!projectData) return
+    
+    if (!window.electronAPI) {
+      // Fallback for browser - same as regular save
+      const fileName = `${projectData.name.replace(/[^a-z0-9]/gi, '-')}.tube`
+      const blob = new Blob([JSON.stringify(projectData, null, 2)], { type: 'application/json' })
+      const url = URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      a.href = url
+      a.download = fileName
+      a.click()
+      URL.revokeObjectURL(url)
+      markProjectSaved(fileName)
+      setStatusMessage('Project downloaded')
+      setTimeout(() => setStatusMessage(''), 3000)
+      return
+    }
+
+    const result = await window.electronAPI.saveConfig(JSON.stringify(projectData, null, 2), `${projectData.name}.tube`)
     if (result.success && result.filePath) {
       markProjectSaved(result.filePath)
       setStatusMessage(`Saved to ${result.filePath}`)
       setTimeout(() => setStatusMessage(''), 3000)
     }
-  }
+  }, [exportProject, markProjectSaved])
+
+  // Autosave - only saves if project has existing filePath (has been saved before)
+  const autoSave = useCallback(async () => {
+    const project = getActiveProject()
+    if (!project || !project.modified || !project.filePath) return
+    if (!window.electronAPI) return
+    
+    const projectData = exportProject()
+    if (!projectData) return
+
+    // Save directly to existing path
+    try {
+      const result = await window.electronAPI.saveToPath(JSON.stringify(projectData, null, 2), project.filePath)
+      if (result.success) {
+        markProjectSaved(project.filePath)
+        setStatusMessage('Autosaved')
+        setTimeout(() => setStatusMessage(''), 2000)
+      }
+    } catch {
+      // Silent fail for autosave
+    }
+  }, [getActiveProject, exportProject, markProjectSaved])
 
   // Load config handler
   const handleLoadConfig = async () => {
     if (!window.electronAPI) {
       // Fallback for browser - use file input
       const input = document.createElement('input')
       input.type = 'file'
-      input.accept = '.json,.buoy.json'
+      input.accept = '.tube,.json'
       input.onchange = async (e) => {
         const file = (e.target as HTMLInputElement).files?.[0]
         if (file) {
@@ -191,7 +258,7 @@ function App() {
       const url = URL.createObjectURL(blob)
       const a = document.createElement('a')
       a.href = url
-      a.download = 'buoyancy-results.csv'
+      a.download = 'tubes-results.csv'
       a.click()
       URL.revokeObjectURL(url)
       setStatusMessage('Results downloaded')
@@ -230,6 +297,30 @@ function App() {
     return cleanup
   }, [toggleSidebar])
 
+  // Autosave effect - debounced save when project is modified
+  useEffect(() => {
+    const project = projects.find(p => p.id === activeProjectId)
+    if (!autoSaveEnabled || !project?.modified || !project?.filePath) {
+      return
+    }
+
+    // Clear any existing timer
+    if (autoSaveTimerRef.current) {
+      clearTimeout(autoSaveTimerRef.current)
+    }
+
+    // Set a new timer for autosave (2 second debounce)
+    autoSaveTimerRef.current = window.setTimeout(() => {
+      autoSave()
+    }, 2000)
+
+    return () => {
+      if (autoSaveTimerRef.current) {
+        clearTimeout(autoSaveTimerRef.current)
+      }
+    }
+  }, [autoSaveEnabled, projects, activeProjectId, autoSave])
+
   // Keyboard shortcuts
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -245,7 +336,11 @@ function App() {
             break
           case 's':
             e.preventDefault()
-            handleSaveConfig()
+            if (e.shiftKey) {
+              handleSaveConfigAs()
+            } else {
+              handleSaveConfig()
+            }
             break
           case 'e':
             e.preventDefault()
@@ -261,7 +356,7 @@ function App() {
 
     window.addEventListener('keydown', handleKeyDown)
     return () => window.removeEventListener('keydown', handleKeyDown)
-  }, [toggleSidebar, results])
+  }, [toggleSidebar, results, handleSaveConfig, handleSaveConfigAs, newProject])
 
   // Run optimization
   const runOptimization = () => {
@@ -287,7 +382,10 @@ function App() {
         diameterStepMm: config.diameterStepMm,
         lengthStepMm: config.lengthStepMm,
         waterDensity: config.waterDensity,
-        box: config.box
+        box: config.box,
+        forcedWallThicknessMm: config.forcedWallThicknessMm,
+        forcedEndcapThicknessMm: config.forcedEndcapThicknessMm,
+        endcapConstraint: config.endcapConstraint
       })
 
       const selectedCount = getSelectedMaterialKeys().length
@@ -304,6 +402,7 @@ function App() {
         onNew={newProject}
         onOpen={handleLoadConfig}
         onSave={handleSaveConfig}
+        onSaveAs={handleSaveConfigAs}
         onExport={handleExportResults}
         onToggleSidebar={toggleSidebar}
         onOpenRecent={handleOpenRecent}
@@ -330,7 +429,7 @@ function App() {
           {/* Toolbar */}
           <div className="h-10 bg-vsc-bg-dark border-b border-vsc-border flex items-center justify-between px-4 flex-shrink-0">
             <div className="text-sm text-vsc-fg-dim">
-              {statusMessage || 'Optimize cylinder dimensions for maximum buoyancy'}
+              {statusMessage || 'Everything we currently know about tubes'}
             </div>
             <button
               onClick={runOptimization}