diff --git a/.woodpecker.yml b/.woodpecker.yml
index d49117a..5036b0e 100644
--- a/.woodpecker.yml
+++ b/.woodpecker.yml
@@ -1,4 +1,28 @@
 steps:
+  - name: telegram_start_notify
+    image: appleboy/drone-telegram
+    settings:
+      token: 7616010754:AAGXMf8x-roKozdT0j-bOZ1y9dmbulbKPbM
+      to: -4765409490
+      message: |
+        🚀 *Woodpecker CI Build Starting* 🚀
+
+        *Repo:* ${CI_REPO_OWNER}/${CI_REPO_NAME}
+        *Repo Link:* ${CI_REPO_URL}
+        *Branch:* ${CI_COMMIT_BRANCH}
+
+        *Build Status:* starting
+        *Build Link:* ${CI_PIPELINE_URL}
+
+        *Commit ID:* `${CI_COMMIT_SHA:0:8}`
+        *Commit By:* ${CI_PREV_COMMIT_AUTHOR}
+        *Commit Link:* ${CI_PREV_COMMIT_URL}
+        *Commit Msg:* {{commit.message}}
+        🙏 hopefully success Mas Bro.
+    when:
+      branch:
+        - master
+
   - name: setup
     image: node:22-alpine
     commands:
@@ -34,3 +58,31 @@ steps:
     when:
       branch:
         - master
+
+  - name: telegram_end_notify
+    image: appleboy/drone-telegram
+    settings:
+      token: 7616010754:AAGXMf8x-roKozdT0j-bOZ1y9dmbulbKPbM
+      to: -4765409490
+      message: |
+        🚀 *Woodpecker CI Build Finish* 🚀
+
+        *Repo:* ${CI_REPO_OWNER}/${CI_REPO_NAME}
+        *Repo Link:* ${CI_REPO_URL}
+        *Branch:* ${CI_COMMIT_BRANCH}
+
+        *Build Status:* *${CI_PREV_PIPELINE_STATUS}*
+        *Build Link:* ${CI_PIPELINE_URL}
+
+        *Commit ID:* `${CI_COMMIT_SHA:0:8}`
+        *Commit By:* ${CI_PREV_COMMIT_AUTHOR}
+        *Commit Link:* ${CI_PREV_COMMIT_URL}
+        *Commit Msg:* {{commit.message}}
+        {{#success build.status}}
+        😎 build succeeded. Good job.
+        {{else}}
+        🙈 build failed. Fix me please, before client is aware.
+        {{/success}}
+    when:
+      branch:
+        - master
diff --git a/src/pages/disbursement/history-transaction/hooks/TransactionContext.tsx b/src/pages/disbursement/history-transaction/hooks/TransactionContext.tsx
index 861dcea..7766169 100644
--- a/src/pages/disbursement/history-transaction/hooks/TransactionContext.tsx
+++ b/src/pages/disbursement/history-transaction/hooks/TransactionContext.tsx
@@ -54,7 +54,7 @@ const initialProps: ContextProps = {
   detailLogData: null
 };
 
-type StatusCode = 'W' | 'P' | 'F' | 'D' | 'Y';
+type StatusCode = 'W' | 'P' | 'F' | 'D' | 'Y' | 'O';
 
 interface StatusInfo {
   label: string;
@@ -64,10 +64,11 @@ interface StatusInfo {
 
 const statusMap: Record<StatusCode, StatusInfo> = {
   W: { label: 'Waiting', bg: 'bg-yellow-100', text: 'text-yellow-600' },
-  P: { label: 'Pending', bg: 'bg-blue-100', text: 'text-blue-600' },
+  P: { label: 'Pending', bg: 'bg-yellow-100', text: 'text-blue-600' },
   F: { label: 'Fail', bg: 'bg-red-100', text: 'text-red-600' },
   D: { label: 'Done', bg: 'bg-green-100', text: 'text-green-600' },
-  Y: { label: 'Active', bg: 'bg-green-100', text: 'text-green-600' }
+  Y: { label: 'Active', bg: 'bg-green-100', text: 'text-green-600' },
+  O: { label: 'On Process', bg: 'bg-blue-100', text: 'text-blue-600' }
 };
 
 const ManageTransactionContext = createContext<ContextProps>(initialProps);
@@ -172,7 +173,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
           );
         },
         meta: {
-          headerClassName: 'w-[100px]',
+          headerClassName: 'w-[200px] text-center',
           cellClassName: 'text-center'
         }
       },