From a6d9d266f85b55d637789a7e2ef05c302ede9d16 Mon Sep 17 00:00:00 2001
From: Jan-Henrik Bruhn <jan-henrik.bruhn@offis.de>
Date: Wed, 17 Dec 2025 00:21:02 +0100
Subject: [PATCH] fix: Display PEN stitch count with PES count in parentheses
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Shows actual machine stitch count (including lock stitches) in both
FileUpload and PatternSummaryCard components, with original PES count
in lighter gray when they differ.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/components/FileUpload.tsx         | 10 +++++++++-
 src/components/PatternSummaryCard.tsx | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/FileUpload.tsx b/src/components/FileUpload.tsx
index 3ed4a91..f83a912 100644
--- a/src/components/FileUpload.tsx
+++ b/src/components/FileUpload.tsx
@@ -211,7 +211,15 @@ export function FileUpload() {
             <div className="bg-gray-50 dark:bg-gray-700/50 p-2 rounded">
               <span className="text-gray-600 dark:text-gray-400 block">Stitches</span>
               <span className="font-semibold text-gray-900 dark:text-gray-100">
-                {pesData.stitchCount.toLocaleString()}
+                {pesData.penStitches?.stitches.length.toLocaleString() || pesData.stitchCount.toLocaleString()}
+                {pesData.penStitches && pesData.penStitches.stitches.length !== pesData.stitchCount && (
+                  <span
+                    className="text-gray-500 dark:text-gray-500 font-normal ml-1"
+                    title="Input stitch count from PES file (lock stitches were added for machine compatibility)"
+                  >
+                    ({pesData.stitchCount.toLocaleString()})
+                  </span>
+                )}
               </span>
             </div>
             <div className="bg-gray-50 dark:bg-gray-700/50 p-2 rounded">
diff --git a/src/components/PatternSummaryCard.tsx b/src/components/PatternSummaryCard.tsx
index 9abc0ca..8a62357 100644
--- a/src/components/PatternSummaryCard.tsx
+++ b/src/components/PatternSummaryCard.tsx
@@ -55,7 +55,15 @@ export function PatternSummaryCard() {
         <div className="bg-gray-50 dark:bg-gray-700/50 p-2 rounded">
           <span className="text-gray-600 dark:text-gray-400 block">Stitches</span>
           <span className="font-semibold text-gray-900 dark:text-gray-100">
-            {pesData.stitchCount.toLocaleString()}
+            {pesData.penStitches?.stitches.length.toLocaleString() || pesData.stitchCount.toLocaleString()}
+            {pesData.penStitches && pesData.penStitches.stitches.length !== pesData.stitchCount && (
+              <span
+                className="text-gray-500 dark:text-gray-500 font-normal ml-1"
+                title="Input stitch count from PES file (lock stitches were added for machine compatibility)"
+              >
+                ({pesData.stitchCount.toLocaleString()})
+              </span>
+            )}
           </span>
         </div>
         <div className="bg-gray-50 dark:bg-gray-700/50 p-2 rounded">