fiberpath 0.6.1__tar.gz → 0.6.2__tar.gz

{fiberpath-0.6.1 → fiberpath-0.6.2}/CHANGELOG.md

@@ -18,6 +18,25 @@ The format is based on Keep a Changelog, and this project follows semantic versi
 - Documented required docs correction scope for `lockDegrees`, `patternNumber`, and coverage-vs-ply-count semantics, including clarification that feed-rate clamping in planner math is planned, not currently implemented.
 - Documented required example updates for compatibility: `examples/rocketry/AvBay(470mm).wind` layer 1 and `examples/rocketry/MainChute(585mm).wind` layer 1 should use `lockDegrees=540` instead of `270`.
 
+## [0.6.2] - 2026-04-07
+
+### Added
+
+- Added stream-domain action hooks (`useConnectionActions`, `useStreamingActions`, `useManualCommandActions`) and consolidated stream feedback helpers for consistent toast/log behavior.
+- Added focused integration coverage for stream lifecycle transitions in `streamLifecycle.test.ts`.
+- Added shared React UI primitives/utilities including `LayerNumericField`, `numericFields`, `helicalValidation`, `usePreviewGeneration`, and `BaseDialog`.
+
+### Changed
+
+- Completed the v0.6.2 React hotspot cleanup roadmap (Waves A-D), including StreamTab domain decomposition, menu/file orchestration cleanup, and canvas/editor component simplification.
+- Standardized store boundaries by moving `projectStore` into `src/stores` and removing StreamTab wrapper path indirection.
+- Updated release-facing docs to reflect v0.6.2 as the current release.
+
+### Fixed
+
+- Removed remaining imperative `alert(...)` UI fallback paths in favor of app-level notifications.
+- Eliminated final inline-style residue in streaming UI components to keep styling maintainable and class-driven.
+
 ## [0.6.1] - 2026-04-07
 
 ### Added

{fiberpath-0.6.1 → fiberpath-0.6.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fiberpath
-Version: 0.6.1
+Version: 0.6.2
 Summary: Modern filament winding planner, simulator, and G-code toolkit.
 Author: Cameron K. Brooks
 License:                     GNU AFFERO GENERAL PUBLIC LICENSE
@@ -708,7 +708,7 @@ Description-Content-Type: text/markdown
 
 **Plan, simulate, and manufacture composite parts with precision fiber winding.**
 
-[![Version](https://img.shields.io/badge/version-0.6.1-4c7284)](https://github.com/CameronBrooks11/fiberpath/releases)
+[![Version](https://img.shields.io/badge/version-0.6.2-4c7284)](https://github.com/CameronBrooks11/fiberpath/releases)
 [![License: AGPL-3.0](https://img.shields.io/badge/License-AGPL--3.0-00695C.svg)](LICENSE)
 [![Backend CI](https://img.shields.io/github/actions/workflow/status/CameronBrooks11/fiberpath/backend-ci.yml?branch=main&label=Backend%20CI&logo=python&logoColor=white)](https://github.com/CameronBrooks11/fiberpath/actions/workflows/backend-ci.yml)
 [![GUI CI](https://img.shields.io/github/actions/workflow/status/CameronBrooks11/fiberpath/gui-ci.yml?branch=main&label=GUI%20CI&logo=react&logoColor=white)](https://github.com/CameronBrooks11/fiberpath/actions/workflows/gui-ci.yml)

{fiberpath-0.6.1 → fiberpath-0.6.2}/README.md

@@ -4,7 +4,7 @@
 
 **Plan, simulate, and manufacture composite parts with precision fiber winding.**
 
-[![Version](https://img.shields.io/badge/version-0.6.1-4c7284)](https://github.com/CameronBrooks11/fiberpath/releases)
+[![Version](https://img.shields.io/badge/version-0.6.2-4c7284)](https://github.com/CameronBrooks11/fiberpath/releases)
 [![License: AGPL-3.0](https://img.shields.io/badge/License-AGPL--3.0-00695C.svg)](LICENSE)
 [![Backend CI](https://img.shields.io/github/actions/workflow/status/CameronBrooks11/fiberpath/backend-ci.yml?branch=main&label=Backend%20CI&logo=python&logoColor=white)](https://github.com/CameronBrooks11/fiberpath/actions/workflows/backend-ci.yml)
 [![GUI CI](https://img.shields.io/github/actions/workflow/status/CameronBrooks11/fiberpath/gui-ci.yml?branch=main&label=GUI%20CI&logo=react&logoColor=white)](https://github.com/CameronBrooks11/fiberpath/actions/workflows/gui-ci.yml)

{fiberpath-0.6.1 → fiberpath-0.6.2}/TODO.md

@@ -20,6 +20,6 @@ Tasks for Cam todo:
 
 - [ ] Fix zooming behavior in the plot viewer so it expands the entire image not within the image bounds since this becomes an issue for larger (exceeds bounds) or smaller (impossible to look at properly) images
 
-- [ ] Track Dependabot moderate alert #3 (GHSA-wrw7-89jp-8q8g / glib). Current Tauri GTK stack pins `glib` 0.18.x (`^0.18` via `gtk`), so patched `glib` 0.20.0 cannot be adopted yet. Do not cut v0.6.1 solely for this; re-check after upstream Tauri/GTK dependency line moves to non-vulnerable glib.
+- [ ] Track Dependabot moderate alert #3 (GHSA-wrw7-89jp-8q8g / glib). Current Tauri GTK stack pins `glib` 0.18.x (`^0.18` via `gtk`), so patched `glib` 0.20.0 cannot be adopted yet. Do not cut v0.6.2 solely for this; re-check after upstream Tauri/GTK dependency line moves to non-vulnerable glib.
 
 - [ ] Manual cross-platform validation (waived for v0.6.0, required before v1.0 or first public release): Linux `.deb`/`.AppImage` (Ubuntu 22.04, Debian 12, Fedora 39) and macOS `.dmg` (Intel + Apple Silicon) install, bundled CLI discovery, full workflow (validate → plan → simulate → visualize), serial port, file ops, upgrade, and uninstall. See `planning/roadmap-v6.md` Phases 1 & 2 for the full checklist.

{fiberpath-0.6.1 → fiberpath-0.6.2}/docs/development/dependency-policy.md

@@ -17,7 +17,7 @@ Applies to:
 
 - Patch updates: monthly
 - Minor updates: quarterly review window
-- Major updates: dedicated release slot (for example, a migration-focused release like v0.6.1 or similar)
+- Major updates: dedicated release slot (for example, a migration-focused release like v0.6.2 or similar)
 
 ## Ownership
 

{fiberpath-0.6.1 → fiberpath-0.6.2}/docs/development/packaging.md

@@ -154,7 +154,7 @@ GitHub Actions workflow (`.github/workflows/gui-packaging.yml`) handles full pro
 ## Future Enhancements
 
 - **Code signing:** macOS (`developer-id`) and Windows (`signtool` + certificate) when credentials available
-- **Auto-updates:** Tauri updater for in-app version checks and downloads (planned post-v0.6.1)
+- **Auto-updates:** Tauri updater for in-app version checks and downloads (planned post-v0.6.2)
 - **Bundle optimization:** Reduce frozen CLI size through dependency analysis
 - **Universal macOS binaries:** Single `.dmg` supporting both Intel and Apple Silicon (currently separate builds)
 

{fiberpath-0.6.1 → fiberpath-0.6.2}/docs/index.md

@@ -36,7 +36,7 @@ hide:
 
     ---
 
-    **Latest Release:** [v0.6.1](https://github.com/CameronBrooks11/fiberpath/releases/latest){ target=_blank }
+    **Latest Release:** [v0.6.2](https://github.com/CameronBrooks11/fiberpath/releases/latest){ target=_blank }
 
     - **Desktop GUI** – Windows, macOS, Linux installers (no Python required)
     - **Python Package** – `pip install fiberpath`
@@ -44,18 +44,18 @@ hide:
 
     [:octicons-arrow-right-24: Installation Guide](getting-started.md)
 
--   :material-new-box:{ .lg .middle } **What's New in v0.6.1**
+-   :material-new-box:{ .lg .middle } **What's New in v0.6.2**
 
     ---
 
-    GUI styling simplification and release lock-in:
+    React hotspot cleanup and architectural hardening:
 
-    - Consolidated styling around token-first primitives for cleaner, more maintainable UI CSS
-    - Added stable light/dark theme architecture with system preference fallback and persisted user override
-    - Removed dead GUI dependencies and aligned styling documentation to actual implementation
-    - Added automated `useTheme` behavior tests and completed final GUI quality gates (`check:all` + `test`)
+    - Decomposed stream controls into dedicated action hooks with centralized toast/log policy
+    - Unified file/menu orchestration through `useFileOperations` and typed menu configuration
+    - Extracted shared editor/canvas/dialog primitives to reduce component responsibility density
+    - Removed remaining store/import drift and imperative UI fallback paths
 
-    Builds on the v0.6.0 packaging and validation hardening baseline.
+    Builds on the v0.6.1 styling simplification baseline.
 
     [:octicons-arrow-right-24: Marlin Streaming Guide](guides/marlin-streaming.md)
 

{fiberpath-0.6.1 → fiberpath-0.6.2}/docs/troubleshooting.md

@@ -51,7 +51,7 @@ sudo apt update
 sudo apt install -f  # Fix broken dependencies
 sudo apt install libwebkit2gtk-4.1-0 libappindicator3-1
 # Then retry
-sudo dpkg -i fiberpath_0.6.1_amd64.deb
+sudo dpkg -i fiberpath_0.6.2_amd64.deb
 ```
 
 ### AppImage Won't Run (Linux)
@@ -63,8 +63,8 @@ sudo dpkg -i fiberpath_0.6.1_amd64.deb
 **Solution:**
 
 ```sh
-chmod +x fiberpath_0.6.1_amd64.AppImage
-./fiberpath_0.6.1_amd64.AppImage
+chmod +x fiberpath_0.6.2_amd64.AppImage
+./fiberpath_0.6.2_amd64.AppImage
 ```
 
 **FUSE Requirement:** Some older Linux systems require FUSE for AppImage:

{fiberpath-0.6.1 → fiberpath-0.6.2}/fiberpath_gui/docs/architecture/state-management.md

@@ -75,7 +75,7 @@ interface FiberPathProject {
 
 ## Store Creation
 
-### Definition (`src/state/projectStore.ts`)
+### Definition (`src/stores/projectStore.ts`)
 
 ```typescript
 import { create } from "zustand";

{fiberpath-0.6.1 → fiberpath-0.6.2}/fiberpath_gui/docs/testing.md

@@ -61,7 +61,7 @@ src/
 ├── lib/
 │   ├── schemas.test.ts        # 43 tests - Zod schema validation
 │   └── validation.test.ts     # JSON schema validation (AJV)
-├── state/
+├── stores/
 │   └── projectStore.test.ts   # Zustand store actions
 ├── types/
 │   └── converters.test.ts     # Type conversion utilities
@@ -272,7 +272,7 @@ it('should display error message on validation failure', () => {
 
 - Schema validation (`src/lib/schemas.ts`)
 - Error handling (`src/lib/validation.ts`)
-- State management (`src/state/projectStore.ts`)
+- State management (`src/stores/projectStore.ts`)
 
 ### Lower Priority (50%+ acceptable)
 

{fiberpath-0.6.1 → fiberpath-0.6.2}/fiberpath_gui/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "fiberpath-gui",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "fiberpath-gui",
-      "version": "0.6.1",
+      "version": "0.6.2",
       "dependencies": {
         "@hello-pangea/dnd": "^18.0.1",
         "@tauri-apps/api": "^2.10.1",

{fiberpath-0.6.1 → fiberpath-0.6.2}/fiberpath_gui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fiberpath-gui",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "private": true,
   "type": "module",
   "engines": {

{fiberpath-0.6.1 → fiberpath-0.6.2}/fiberpath_gui/src/App.tsx

@@ -1,10 +1,10 @@
-import { FormEvent, useState, useEffect, useMemo } from "react";
+import { useState, useEffect } from "react";
 import { useShallow } from "zustand/react/shallow";
 
 import { MainLayout } from "./layouts/MainLayout";
 import { TabBar, TabId } from "./components/TabBar";
 import { MainTab } from "./components/tabs/MainTab";
-import { StreamTab } from "./components/tabs/StreamTab";
+import { StreamTab } from "./components/StreamTab/StreamTab";
 import { MenuBar } from "./components/MenuBar";
 import { StatusBar } from "./components/StatusBar";
 import { CliHealthWarning } from "./components/CliHealthWarning";
@@ -22,12 +22,9 @@ import { HoopLayerEditor } from "./components/editors/HoopLayerEditor";
 import { HelicalLayerEditor } from "./components/editors/HelicalLayerEditor";
 import { SkipLayerEditor } from "./components/editors/SkipLayerEditor";
 import { ExportConfirmationDialog } from "./components/dialogs/ExportConfirmationDialog";
-import { useProjectStore } from "./state/projectStore";
-import { useErrorNotification } from "./contexts/ErrorNotificationContext";
-import { useCliHealthContext } from "./contexts/CliHealthContext";
-import { createFileOperations } from "./lib/fileOperations";
+import { useProjectStore } from "./stores/projectStore";
+import { useFileOperations } from "./hooks/useFileOperations";
 import { useKeyboardShortcuts } from "./hooks/useKeyboardShortcuts";
-import { getRecentFiles } from "./lib/recentFiles";
 
 export default function App() {
   // Tab state
@@ -38,29 +35,14 @@ export default function App() {
     project,
     activeLayerId,
     layers,
-    newProject,
-    loadProject,
-    setFilePath,
-    clearDirty,
-    duplicateLayer,
-    removeLayer,
   } = useProjectStore(
     useShallow((state) => ({
       project: state.project,
       activeLayerId: state.project.activeLayerId,
       layers: state.project.layers,
-      newProject: state.newProject,
-      loadProject: state.loadProject,
-      setFilePath: state.setFilePath,
-      clearDirty: state.clearDirty,
-      duplicateLayer: state.duplicateLayer,
-      removeLayer: state.removeLayer,
     })),
   );
 
-  // Error notifications
-  const { showError, showInfo } = useErrorNotification();
-
   // Find active layer
   const activeLayer = activeLayerId
     ? layers.find((l) => l.id === activeLayerId)
@@ -71,36 +53,7 @@ export default function App() {
   const [rightPanelCollapsed, setRightPanelCollapsed] = useState(false);
   const [showExportDialog, setShowExportDialog] = useState(false);
 
-  // Create file operations handlers (memoized to prevent recreation on every render)
-  const fileOps = useMemo(
-    () =>
-      createFileOperations({
-        getProject: () => useProjectStore.getState().project,
-        newProject,
-        loadProject,
-        setFilePath,
-        clearDirty,
-        getActiveLayerId: () =>
-          useProjectStore.getState().project.activeLayerId,
-        duplicateLayer,
-        removeLayer,
-        showError,
-        showInfo,
-        updateRecentFiles: () => {
-          getRecentFiles();
-        },
-      }),
-    [
-      newProject,
-      loadProject,
-      setFilePath,
-      clearDirty,
-      duplicateLayer,
-      removeLayer,
-      showError,
-      showInfo,
-    ],
-  );
+  const fileOps = useFileOperations();
 
   // Wire up keyboard shortcuts
   useKeyboardShortcuts({

fiberpath-0.6.2/fiberpath_gui/src/components/MenuBar.tsx

@@ -0,0 +1,230 @@
+import { open as openExternal } from "@tauri-apps/plugin-shell";
+import { Monitor, Moon, Sun } from "lucide-react";
+import { useCallback, useState } from "react";
+import { useShallow } from "zustand/react/shallow";
+import { useProjectStore } from "../stores/projectStore";
+import { useTheme } from "../hooks/useTheme";
+import { useFileOperations } from "../hooks/useFileOperations";
+import { useMenubarInteractions } from "../hooks/useMenubarInteractions";
+import { MENU_DEFINITIONS, type MenuActionId } from "../lib/menuConfig";
+import {
+  getRecentFiles,
+  formatRecentFileName,
+  formatRecentFilePath,
+} from "../lib/recentFiles";
+import { AboutDialog } from "./dialogs/AboutDialog";
+import { DiagnosticsDialog } from "./dialogs/DiagnosticsDialog";
+import { ExportConfirmationDialog } from "./dialogs/ExportConfirmationDialog";
+
+interface MenuBarProps {
+  onToggleLeftPanel?: () => void;
+  onToggleRightPanel?: () => void;
+}
+
+type MenuActionHandler = () => unknown;
+
+export function MenuBar({
+  onToggleLeftPanel,
+  onToggleRightPanel,
+}: MenuBarProps) {
+  const { project, activeLayerId } = useProjectStore(
+    useShallow((state) => ({
+      project: state.project,
+      activeLayerId: state.project.activeLayerId,
+    })),
+  );
+
+  const [recentFiles, setRecentFiles] = useState(getRecentFiles());
+  const [showAboutDialog, setShowAboutDialog] = useState(false);
+  const [showDiagnosticsDialog, setShowDiagnosticsDialog] = useState(false);
+  const [showExportDialog, setShowExportDialog] = useState(false);
+
+  const refreshRecentFiles = useCallback(() => {
+    setRecentFiles(getRecentFiles());
+  }, []);
+
+  const fileOps = useFileOperations({
+    onRecentFilesChanged: refreshRecentFiles,
+  });
+
+  const { setMenuRef } = useMenubarInteractions();
+  const { theme, setTheme, isSystemTheme } = useTheme();
+
+  const cycleTheme = () => {
+    if (isSystemTheme) {
+      setTheme("dark");
+      return;
+    }
+
+    if (theme === "dark") {
+      setTheme("light");
+      return;
+    }
+
+    setTheme(null);
+  };
+
+  const themeState = isSystemTheme ? "system" : theme;
+  const themeLabel = isSystemTheme
+    ? "System"
+    : theme === "dark"
+      ? "Dark"
+      : "Light";
+
+  const actionHandlers: Partial<Record<MenuActionId, MenuActionHandler>> = {
+    "file.new": fileOps.handleNewProject,
+    "file.open": fileOps.handleOpen,
+    "file.save": fileOps.handleSave,
+    "file.saveAs": fileOps.handleSaveAs,
+    "file.export": () => setShowExportDialog(true),
+    "edit.duplicateLayer": fileOps.handleDuplicateLayer,
+    "edit.deleteLayer": fileOps.handleDeleteLayer,
+    "view.toggleLeftPanel": onToggleLeftPanel,
+    "view.toggleRightPanel": onToggleRightPanel,
+    "tools.validateDefinition": fileOps.handleValidate,
+    "help.documentation": () =>
+      openExternal("https://cameronbrooks11.github.io/fiberpath"),
+    "help.about": () => setShowAboutDialog(true),
+    "help.diagnostics": () => setShowDiagnosticsDialog(true),
+  };
+
+  const isActionDisabled = (
+    actionId: MenuActionId,
+    configDisabled: boolean | undefined,
+  ) => {
+    if (configDisabled) {
+      return true;
+    }
+
+    if (
+      (actionId === "edit.duplicateLayer" || actionId === "edit.deleteLayer") &&
+      !activeLayerId
+    ) {
+      return true;
+    }
+
+    if (actionId === "view.toggleLeftPanel" && !onToggleLeftPanel) {
+      return true;
+    }
+
+    if (actionId === "view.toggleRightPanel" && !onToggleRightPanel) {
+      return true;
+    }
+
+    return !actionHandlers[actionId];
+  };
+
+  const handleMenuAction = (actionId: MenuActionId) => {
+    const handler = actionHandlers[actionId];
+    if (handler) {
+      void handler();
+    }
+  };
+
+  return (
+    <nav className="menubar">
+      <div className="menubar__brand">
+        <span className="menubar__brand-icon">⬢</span>
+        <span className="menubar__brand-name">FiberPath</span>
+      </div>
+
+      <div className="menubar__menus">
+        {MENU_DEFINITIONS.map((menu, menuIndex) => (
+          <details
+            key={menu.id}
+            className="menubar__menu"
+            ref={setMenuRef(menuIndex)}
+          >
+            <summary>{menu.label}</summary>
+            <div className="menubar__dropdown">
+              {menu.entries.map((entry, entryIndex) => {
+                if (entry.type === "separator") {
+                  return <hr key={`${menu.id}-separator-${entryIndex}`} />;
+                }
+
+                return (
+                  <button
+                    key={entry.actionId}
+                    onClick={() => handleMenuAction(entry.actionId)}
+                    disabled={isActionDisabled(entry.actionId, entry.disabled)}
+                  >
+                    {entry.label}
+                    {entry.shortcut && (
+                      <span className="menubar__shortcut">{entry.shortcut}</span>
+                    )}
+                    {entry.external && (
+                      <span className="menubar__external">↗</span>
+                    )}
+                  </button>
+                );
+              })}
+
+              {menu.id === "file" && recentFiles.length > 0 && (
+                <>
+                  <hr />
+                  <div className="menubar__submenu-label">Recent Files</div>
+                  {recentFiles.map((file) => (
+                    <button
+                      key={file.path}
+                      onClick={() => fileOps.handleOpenRecent(file.path)}
+                      className="menubar__recent-file"
+                      title={file.path}
+                    >
+                      <span className="menubar__recent-name">
+                        {formatRecentFileName(file.path)}
+                      </span>
+                      <span className="menubar__recent-path">
+                        {formatRecentFilePath(file.path)}
+                      </span>
+                    </button>
+                  ))}
+                </>
+              )}
+            </div>
+          </details>
+        ))}
+      </div>
+
+      <div className="menubar__spacer" />
+
+      <button
+        type="button"
+        className="menubar__theme-toggle"
+        data-theme-state={themeState}
+        onClick={cycleTheme}
+        title={`Theme: ${themeLabel} (click to cycle)`}
+        aria-label={`Theme: ${themeLabel}. Click to cycle dark, light, and system.`}
+      >
+        {isSystemTheme ? (
+          <Monitor size={16} aria-hidden="true" />
+        ) : theme === "dark" ? (
+          <Moon size={16} aria-hidden="true" />
+        ) : (
+          <Sun size={16} aria-hidden="true" />
+        )}
+      </button>
+
+      <AboutDialog
+        isOpen={showAboutDialog}
+        onClose={() => setShowAboutDialog(false)}
+      />
+
+      <DiagnosticsDialog
+        isOpen={showDiagnosticsDialog}
+        onClose={() => setShowDiagnosticsDialog(false)}
+      />
+
+      {showExportDialog && (
+        <ExportConfirmationDialog
+          project={project}
+          onConfirm={async () => {
+            setShowExportDialog(false);
+            await fileOps.handleExportGcode();
+            refreshRecentFiles();
+          }}
+          onCancel={() => setShowExportDialog(false)}
+        />
+      )}
+    </nav>
+  );
+}

{fiberpath-0.6.1 → fiberpath-0.6.2}/fiberpath_gui/src/components/StatusBar.tsx

@@ -1,5 +1,5 @@
 import { useShallow } from "zustand/react/shallow";
-import { useProjectStore } from "../state/projectStore";
+import { useProjectStore } from "../stores/projectStore";
 import { useCliHealthContext } from "../contexts/CliHealthContext";
 
 export function StatusBar() {