Rebrand MiroFish Offline to The Pin Factory and update theme colors

[sebduffy-prog]

Summary

This PR rebrand the application from "MiroFish Offline" to "The Pin Factory" and updates the primary theme color from orange (#FF4500) to blue (#5BA4F5) throughout the application. Additionally, it implements automatic retry logic for transient API failures.

Key Changes

Branding Updates

• Updated all user-facing text references from "MiroFish Offline" to "The Pin Factory" across multiple views and components
• Updated page title and meta description in index.html
• Updated brand text in navigation headers across all main views (MainView, SimulationView, ReportView, InteractionView, Process, SimulationRunView)
• Updated descriptive text in Step2EnvSetup and Step5Interaction components

Theme Color Updates

• Changed primary accent color from orange (#FF4500) to blue (#5BA4F5) in:
  • .orange-tag background color
  • .highlight-orange text color
  • .blinking-cursor color
  • .decoration-square background
  • .scroll-down-btn color and hover state
  • .status-dot color
  • .start-engine-btn hover states
  • Border and accent colors throughout
• Updated gradient text from grayscale (black to gray) to blue gradient (#1565C0 to #5BA4F5)
• Updated pulse-border animation to use blue color with adjusted opacity (rgba(91, 164, 245, 0.4))
• Applied color changes consistently across both home-styles.css and App.vue stylesheets

API Resilience Improvements

• Enhanced error handling in frontend/src/api/index.js with automatic retry logic for transient failures:
  • Implements exponential backoff retry strategy (configurable max retries: 3, base delay: 1000ms)
  • Retries on timeout errors, network errors, and 5xx server errors
  • Tracks retry count and delay per request configuration
  • Logs retry attempts for debugging purposes

Implementation Details

• Color changes maintain visual consistency across all UI components
• Retry logic uses exponential backoff to avoid overwhelming the server
• All styling changes applied to both CSS files and inline Vue styles for consistency
• Branding changes are comprehensive, covering all user-visible text and metadata

https://claude.ai/code/session_011dLUiQdhN4bf6tgYBCDJPk