feat: 優化採購單操作紀錄與統一刪除確認 UI

- 優化採購單更新與刪除的活動紀錄邏輯 (PurchaseOrderController)
  - 整合更新異動為單一紀錄，包含品項差異
  - 刪除時記錄當下品項快照
- 統一採購單刪除確認介面，使用 AlertDialog 取代原生 confirm (PurchaseOrderActions)
- Refactor: 將 ActivityDetailDialog 移至 Components/ActivityLog 並優化樣式與大數據顯示
- 調整 UI 文字：將「總金額」統一為「小計」
- 其他模型與 Controller 的活動紀錄支援更新

resources/js/Components/PurchaseOrder/PurchaseOrderActions.tsx

@@ -1,23 +1,36 @@
+import { useState } from "react";
 import { Pencil, Eye, Trash2 } from "lucide-react";
 import { Button } from "@/Components/ui/button";
 import { Link, useForm } from "@inertiajs/react";
 import type { PurchaseOrder } from "@/types/purchase-order";
 import { toast } from "sonner";
 import { Can } from "@/Components/Permission/Can";
+import {
+    AlertDialog,
+    AlertDialogAction,
+    AlertDialogCancel,
+    AlertDialogContent,
+    AlertDialogDescription,
+    AlertDialogFooter,
+    AlertDialogHeader,
+    AlertDialogTitle,
+} from "@/Components/ui/alert-dialog";
 
 export function PurchaseOrderActions({
     order,
 }: { order: PurchaseOrder }) {
+    const [showDeleteDialog, setShowDeleteDialog] = useState(false);
     const { delete: destroy, processing } = useForm({});
 
-    const handleDelete = () => {
-        if (confirm(`確定要刪除採購單 ${order.poNumber} 嗎？`)) {
-            // @ts-ignore
-            destroy(route('purchase-orders.destroy', order.id), {
-                onSuccess: () => toast.success("採購單已成功刪除"),
-                onError: (errors: any) => toast.error(errors.error || "刪除過程中發生錯誤"),
-            });
-        }
+    const handleConfirmDelete = () => {
+        // @ts-ignore
+        destroy(route('purchase-orders.destroy', order.id), {
+            onSuccess: () => {
+                toast.success("採購單已成功刪除");
+                setShowDeleteDialog(false);
+            },
+            onError: (errors: any) => toast.error(errors.error || "刪除過程中發生錯誤"),
+        });
     };
 
     return (
@@ -50,11 +63,31 @@ export function PurchaseOrderActions({
                     size="sm"
                     className="button-outlined-error"
                     title="刪除"
-                    onClick={handleDelete}
+                    onClick={() => setShowDeleteDialog(true)}
                     disabled={processing}
                 >
                     <Trash2 className="h-4 w-4" />
                 </Button>
+
+                <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
+                    <AlertDialogContent>
+                        <AlertDialogHeader>
+                            <AlertDialogTitle>確認刪除採購單</AlertDialogTitle>
+                            <AlertDialogDescription>
+                                確定要刪除採購單 「{order.poNumber}」 嗎？此操作無法撤銷。
+                            </AlertDialogDescription>
+                        </AlertDialogHeader>
+                        <AlertDialogFooter>
+                            <AlertDialogCancel className="button-outlined-primary">取消</AlertDialogCancel>
+                            <AlertDialogAction
+                                onClick={handleConfirmDelete}
+                                className="button-filled-error"
+                            >
+                                確認刪除
+                            </AlertDialogAction>
+                        </AlertDialogFooter>
+                    </AlertDialogContent>
+                </AlertDialog>
             </Can>
         </div>
     );