From 21b39161a3466bb42903ef778eb4d13dd8ce464a Mon Sep 17 00:00:00 2001
From: Scott Pouliot <spouliot@scppowdercoating.com>
Date: Wed, 20 May 2026 17:06:31 -0400
Subject: [PATCH] Fix encoding corruption in Bills and Expenses views

Replace literal Unicode chars (em dash, ellipsis, angle quotes, box-drawing)
with HTML entities to prevent corruption from AI tools and Windows encoding.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/PowderCoating.Web/Views/Bills/Index.cshtml | 12 ++++++------
 .../Views/Expenses/Create.cshtml               | 18 +++++++++---------
 .../Views/Expenses/Edit.cshtml                 | 14 +++++++-------
 .../Views/Expenses/Index.cshtml                |  2 +-
 4 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/PowderCoating.Web/Views/Bills/Index.cshtml b/src/PowderCoating.Web/Views/Bills/Index.cshtml
index 1107a17..dc45aad 100644
--- a/src/PowderCoating.Web/Views/Bills/Index.cshtml
+++ b/src/PowderCoating.Web/Views/Bills/Index.cshtml
@@ -62,7 +62,7 @@
         <form method="get" class="row g-2 align-items-end">
             <div class="col-md-4">
                 <input type="search" name="search" value="@ViewBag.Search" class="form-control"
-                       placeholder="Search by #, vendor, memo, amount…" />
+                       placeholder="Search by #, vendor, memo, amount&hellip;" />
             </div>
             <div class="col-md-2">
                 <select name="type" class="form-select">
@@ -156,13 +156,13 @@
                                 }
                                 else if (entry.EntryType == "Expense")
                                 {
-                                    <span class="text-muted">—</span>
+                                    <span class=”text-muted”>&mdash;</span>
                                 }
                             </td>
                             <td><span class="badge bg-@entry.StatusColor">@entry.StatusLabel</span></td>
                             <td class="text-end">@entry.Total.ToString("C")</td>
                             <td class="text-end fw-medium @(entry.BalanceDue > 0 ? "text-danger" : "text-muted")">
-                                @(entry.EntryType == "Bill" ? entry.BalanceDue.ToString("C") : "—")
+                                @(entry.EntryType == “Bill” ? entry.BalanceDue.ToString(“C”) : “&mdash;”)
                             </td>
                             <td>
                                 @if (entry.EntryType == "Bill")
@@ -209,7 +209,7 @@ else
                    asp-route-status="@ViewBag.StatusFilter"
                    asp-route-search="@ViewBag.Search"
                    asp-route-page="@((int)ViewBag.Page - 1)"
-                   asp-route-pageSize="@ViewBag.PageSize">‹ Prev</a>
+                   asp-route-pageSize="@ViewBag.PageSize">&lsaquo; Prev</a>
             </li>
             @for (var p = 1; p <= (int)ViewBag.TotalPages; p++)
             {
@@ -228,11 +228,11 @@ else
                    asp-route-status="@ViewBag.StatusFilter"
                    asp-route-search="@ViewBag.Search"
                    asp-route-page="@((int)ViewBag.Page + 1)"
-                   asp-route-pageSize="@ViewBag.PageSize">Next ›</a>
+                   asp-route-pageSize="@ViewBag.PageSize">Next &rsaquo;</a>
             </li>
         </ul>
         <p class="text-center text-muted small">
-            Showing @(((int)ViewBag.Page - 1) * (int)ViewBag.PageSize + 1)–@(Math.Min((int)ViewBag.Page * (int)ViewBag.PageSize, (int)ViewBag.TotalCount))
+            Showing @(((int)ViewBag.Page - 1) * (int)ViewBag.PageSize + 1)&ndash;@(Math.Min((int)ViewBag.Page * (int)ViewBag.PageSize, (int)ViewBag.TotalCount))
             of @ViewBag.TotalCount entries
         </p>
     </nav>
diff --git a/src/PowderCoating.Web/Views/Expenses/Create.cshtml b/src/PowderCoating.Web/Views/Expenses/Create.cshtml
index b82ecc1..07f933e 100644
--- a/src/PowderCoating.Web/Views/Expenses/Create.cshtml
+++ b/src/PowderCoating.Web/Views/Expenses/Create.cshtml
@@ -4,7 +4,7 @@
     ViewData["Title"] = "New Expense";
     ViewData["PageIcon"] = "bi-receipt";
     ViewData["PageHelpTitle"] = "New Expense";
-    ViewData["PageHelpContent"] = "Use this for purchases paid immediately — credit card swipes, cash payments, debit transactions. For vendor invoices paid later, use Bills instead. Select the expense account (what was bought) and the payment account (where the money came from).";
+    ViewData["PageHelpContent"] = "Use this for purchases paid immediately &mdash; credit card swipes, cash payments, debit transactions. For vendor invoices paid later, use Bills instead. Select the expense account (what was bought) and the payment account (where the money came from).";
 }
 
 <div class="d-flex justify-content-start mb-4">
@@ -40,13 +40,13 @@
                                 <a tabindex="0" class="help-icon" role="button"
                                    data-bs-toggle="popover" data-bs-placement="right" data-bs-trigger="focus"
                                    data-bs-title="Expense Account"
-                                   data-bs-content="The expense category this purchase belongs to — e.g. Supplies, Materials, Utilities, Fuel. This account is debited when the expense is saved. Choose the most specific account that fits to keep your reports accurate.">
+                                   data-bs-content="The expense category this purchase belongs to &mdash; e.g. Supplies, Materials, Utilities, Fuel. This account is debited when the expense is saved. Choose the most specific account that fits to keep your reports accurate.">
                                     <i class="bi bi-question-circle"></i>
                                 </a>
                             </div>
                             <div class="d-flex gap-2 align-items-center">
                                 <select asp-for="ExpenseAccountId" asp-items="ViewBag.ExpenseAccounts" class="form-select" id="expenseAccountSelect">
-                                    <option value="">— Select Account —</option>
+                                    <option value="">&mdash; Select Account &mdash;</option>
                                 </select>
                                 <button type="button" class="btn btn-sm btn-outline-primary text-nowrap" id="expAiSuggestBtn" title="AI-suggest expense account">
                                     <i class="bi bi-stars me-1"></i>AI Suggest
@@ -66,12 +66,12 @@
                                 <a tabindex="0" class="help-icon" role="button"
                                    data-bs-toggle="popover" data-bs-placement="right" data-bs-trigger="focus"
                                    data-bs-title="Paid From"
-                                   data-bs-content="The bank or cash account the money came out of — e.g. Business Checking, Petty Cash, Company Credit Card. This account is credited when the expense is saved. Used for bank reconciliation.">
+                                   data-bs-content="The bank or cash account the money came out of &mdash; e.g. Business Checking, Petty Cash, Company Credit Card. This account is credited when the expense is saved. Used for bank reconciliation.">
                                     <i class="bi bi-question-circle"></i>
                                 </a>
                             </div>
                             <select asp-for="PaymentAccountId" asp-items="ViewBag.PaymentAccounts" class="form-select">
-                                <option value="">— Select Account —</option>
+                                <option value="">&mdash; Select Account &mdash;</option>
                             </select>
                             <span asp-validation-for="PaymentAccountId" class="text-danger small"></span>
                         </div>
@@ -84,8 +84,8 @@
                             <label asp-for="VendorId" class="form-label fw-medium">Vendor <span class="text-muted small">(optional)</span></label>
                             <select asp-for="VendorId" asp-items="ViewBag.Vendors" class="form-select"
                                     data-quick-add-url="/Vendors/Create" data-quick-add-title="Add New Vendor">
-                                <option value="">— None —</option>
-                                <option value="__new__">+ Add New Vendor…</option>
+                                <option value="">&mdash; None &mdash;</option>
+                                <option value="__new__">+ Add New Vendor&hellip;</option>
                             </select>
                         </div>
                         <div class="col-sm-6">
@@ -99,7 +99,7 @@
                                 </a>
                             </div>
                             <select asp-for="JobId" asp-items="ViewBag.Jobs" class="form-select">
-                                <option value="">— None —</option>
+                                <option value="">&mdash; None &mdash;</option>
                             </select>
                         </div>
 
@@ -154,7 +154,7 @@
             }
         });
 
-        // ── AI Suggest Account ────────────────────────────────────────────────
+        // -- AI Suggest Account ------------------------------------------------
         let _expAiSuggestedAccountId = null;
 
         document.getElementById('expAiSuggestBtn').addEventListener('click', async function () {
diff --git a/src/PowderCoating.Web/Views/Expenses/Edit.cshtml b/src/PowderCoating.Web/Views/Expenses/Edit.cshtml
index 510d0a1..1c0dfd9 100644
--- a/src/PowderCoating.Web/Views/Expenses/Edit.cshtml
+++ b/src/PowderCoating.Web/Views/Expenses/Edit.cshtml
@@ -40,12 +40,12 @@
                                 <a tabindex="0" class="help-icon" role="button"
                                    data-bs-toggle="popover" data-bs-placement="right" data-bs-trigger="focus"
                                    data-bs-title="Expense Account"
-                                   data-bs-content="The expense category this purchase belongs to — e.g. Supplies, Materials, Utilities, Fuel. This account is debited when the expense is saved. Choose the most specific account that fits to keep your reports accurate.">
+                                   data-bs-content="The expense category this purchase belongs to &mdash; e.g. Supplies, Materials, Utilities, Fuel. This account is debited when the expense is saved. Choose the most specific account that fits to keep your reports accurate.">
                                     <i class="bi bi-question-circle"></i>
                                 </a>
                             </div>
                             <select asp-for="ExpenseAccountId" asp-items="ViewBag.ExpenseAccounts" class="form-select">
-                                <option value="">— Select Account —</option>
+                                <option value="">&mdash; Select Account &mdash;</option>
                             </select>
                         </div>
                         <div class="col-sm-6">
@@ -54,12 +54,12 @@
                                 <a tabindex="0" class="help-icon" role="button"
                                    data-bs-toggle="popover" data-bs-placement="right" data-bs-trigger="focus"
                                    data-bs-title="Paid From"
-                                   data-bs-content="The bank or cash account the money came out of — e.g. Business Checking, Petty Cash, Company Credit Card. This account is credited when the expense is saved. Used for bank reconciliation.">
+                                   data-bs-content="The bank or cash account the money came out of &mdash; e.g. Business Checking, Petty Cash, Company Credit Card. This account is credited when the expense is saved. Used for bank reconciliation.">
                                     <i class="bi bi-question-circle"></i>
                                 </a>
                             </div>
                             <select asp-for="PaymentAccountId" asp-items="ViewBag.PaymentAccounts" class="form-select">
-                                <option value="">— Select Account —</option>
+                                <option value="">&mdash; Select Account &mdash;</option>
                             </select>
                         </div>
                         <div class="col-sm-6">
@@ -70,8 +70,8 @@
                             <label asp-for="VendorId" class="form-label fw-medium">Vendor</label>
                             <select asp-for="VendorId" asp-items="ViewBag.Vendors" class="form-select"
                                     data-quick-add-url="/Vendors/Create" data-quick-add-title="Add New Vendor">
-                                <option value="">— None —</option>
-                                <option value="__new__">+ Add New Vendor…</option>
+                                <option value="">&mdash; None &mdash;</option>
+                                <option value="__new__">+ Add New Vendor&hellip;</option>
                             </select>
                         </div>
                         <div class="col-sm-6">
@@ -85,7 +85,7 @@
                                 </a>
                             </div>
                             <select asp-for="JobId" asp-items="ViewBag.Jobs" class="form-select">
-                                <option value="">— None —</option>
+                                <option value="">&mdash; None &mdash;</option>
                             </select>
                         </div>
                         <div class="col-12">
diff --git a/src/PowderCoating.Web/Views/Expenses/Index.cshtml b/src/PowderCoating.Web/Views/Expenses/Index.cshtml
index 2bc9262..04fbae3 100644
--- a/src/PowderCoating.Web/Views/Expenses/Index.cshtml
+++ b/src/PowderCoating.Web/Views/Expenses/Index.cshtml
@@ -34,7 +34,7 @@
         <form method="get" class="row g-2 align-items-end">
             <div class="col-md-3">
                 <input type="search" name="search" value="@ViewBag.Search" class="form-control"
-                       placeholder="Search memo or vendor…" />
+                       placeholder="Search memo or vendor&hellip;" />
             </div>
             <div class="col-md-3">
                 <select name="accountId" class="form-select">