feat: remove AGENT.md and add new agents.md with updated repository-specific instructions

refactor: update shared-saleInvoice.component.ts to simplify SKU code handling

refactor: modify goods.component.html to optimize payload form dialog rendering

fix: adjust goods.component.ts to ensure payload form visibility logic is correct

fix: update order-section.component.ts to improve customer dialog and payment form visibility

style: enhance form.component.html button styling for better responsiveness

fix: change abstract-form.ts to reset form with default values on initialization

refactor: streamline page-data-list-grid-view.component.html for better caption handling

refactor: update page-data-list-grid-view.component.ts to remove unused methods and improve readability

refactor: simplify page-data-list-table-view.component.html and remove redundant code

refactor: clean up page-data-list-table-view.component.ts by removing unnecessary methods

feat: enhance page-data-list.component.html with new caption and paginator templates

feat: create page-data-value.component.ts to encapsulate data rendering logic for grid and table views

style: update presets.ts to modify color palette for better UI consistency

src/app/shared/components/pageDataList/page-data-list-grid-view.component.html

@@ -1,46 +1,24 @@
 <div class="h-full overflow-auto border border-surface-border cardShadow">
   <div
     [ngClass]="{
-      'px-4': captionBox,
+      'px-4': hasCaption,
       'pb-4': true,
     }"
   >
-    @if (captionBox) {
+    @if (hasCaption && captionBox) {
       <div class="pt-4">
         <ng-container [ngTemplateOutlet]="captionBox"></ng-container>
       </div>
       <hr />
     }
-    <div class="grid grid-cols-1 gap-3" [ngClass]="{ 'pt-4': captionBox }">
+    <div class="grid grid-cols-1 gap-3" [ngClass]="{ 'pt-4': hasCaption }">
       @for (item of items; track `gridView_${$index}`) {
         <div class="card border border-surface-border bg-surface-0! mb-0! rounded-2xl p-4!">
           <div class="listKeyValue">
             @for (col of columns; track `gridView_${col.field.toString()}_${$index}`) {
               @if (col.type !== "index") {
                 <app-key-value [label]="col.header" [variant]="col.variant">
-                  @if (col.type === "thumbnail") {
-                    <div
-                      class="w-20 h-20 rounded-2xl overflow-hidden bg-surface-100 cursor-pointer"
-                      (click)="openThumbnailModal(item)"
-                    >
-                      @if (item && col?.field && item[col!.field!]) {
-                        <img [src]="item[col.field]" class="w-full h-full object-cover" />
-                      }
-                    </div>
-                  } @else if (col.variant === "tag") {
-                    <p-tag [value]="getCell(item, col)" [severity]="col.tagOptions?.severity || 'contrast'"></p-tag>
-                  } @else if (getTemplate(col)) {
-                    <ng-container
-                      [ngTemplateOutlet]="getTemplate(col)"
-                      [ngTemplateOutletContext]="{ $implicit: item }"
-                    ></ng-container>
-                  } @else if (col.canCopy) {
-                    <uikit-copy [text]="getCell(item, col)"></uikit-copy>
-                  } @else {
-                    <span [class]="getPreviewClasses(item, col)">
-                      {{ getCell(item, col) }}
-                    </span>
-                  }
+                  <app-page-data-value [item]="item" [column]="col" (thumbnailClick)="openThumbnailModal($event)" />
                 </app-key-value>
               }
             }