From 4ffa3588172b819e6be23f676f41492ab2d1144c Mon Sep 17 00:00:00 2001
From: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
Date: Wed, 5 Nov 2025 15:32:59 +0530
Subject: [PATCH 01/24] remove unwanted test (#126)

---
 .../reset-password/ResetPassword.test.tsx     |  6 +--
 .../routes/create-plan/CreatePlan.test.tsx    | 43 -------------------
 .../routes/dashboard/Dashboard.test.tsx       |  9 ----
 3 files changed, 1 insertion(+), 57 deletions(-)

diff --git a/src/components/auth/reset-password/ResetPassword.test.tsx b/src/components/auth/reset-password/ResetPassword.test.tsx
index d43b0e04..7e19ea47 100644
--- a/src/components/auth/reset-password/ResetPassword.test.tsx
+++ b/src/components/auth/reset-password/ResetPassword.test.tsx
@@ -153,11 +153,7 @@ describe("ResetPassword Component", () => {
         {
           password:
             "4c2417eef23ec7fb1bd8d74eb29afe5f0867a4ddbdb707ada89d1cf91f0e6e1d",
-        },
-        {
-          headers: {
-            Authorization: "Bearer test-token",
-          },
+          token: "test-token",
         },
       );
     });
diff --git a/src/components/routes/create-plan/CreatePlan.test.tsx b/src/components/routes/create-plan/CreatePlan.test.tsx
index dd674d7e..4c80313b 100644
--- a/src/components/routes/create-plan/CreatePlan.test.tsx
+++ b/src/components/routes/create-plan/CreatePlan.test.tsx
@@ -376,47 +376,4 @@ describe("CreatePlan Component", () => {
     fireEvent.click(confirmButton);
     expect(mockBlocker.proceed).toHaveBeenCalled();
   });
-
-  it("updates an existing plan successfully", async () => {
-    const mockPlanData = {
-      id: "any-plan-123",
-      title: "Existing Plan",
-      description: "Description",
-      total_days: 10,
-      difficulty_level: "intermediate",
-      image_url: "",
-      tags: [],
-      language: "en",
-    };
-    const mockUseParams = vi.fn().mockReturnValue({ plan_id: "any-plan-123" });
-    vi.mocked(useParams).mockImplementation(mockUseParams);
-    vi.spyOn(axiosInstance, "get").mockResolvedValue({
-      data: mockPlanData,
-    });
-    vi.spyOn(axiosInstance, "put").mockResolvedValue({
-      data: { ...mockPlanData, title: "Updated Plan" },
-    });
-    renderWithProviders(<CreatePlan />);
-    await waitFor(() => {
-      const titleInput = screen.getByPlaceholderText(
-        "studio.plan.form.placeholder.title",
-      ) as HTMLInputElement;
-      expect(titleInput.value).toBe("Existing Plan");
-    });
-    const titleInput = screen.getByPlaceholderText(
-      "studio.plan.form.placeholder.title",
-    );
-    fireEvent.change(titleInput, { target: { value: "Updated Plan" } });
-    const submitButton = screen.getByText("studio.plan.update_button");
-    fireEvent.click(submitButton);
-    await waitFor(() => {
-      expect(axiosInstance.put).toHaveBeenCalledWith(
-        expect.stringContaining("/api/v1/cms/plans/any-plan-123"),
-        expect.objectContaining({
-          title: "Updated Plan",
-        }),
-        expect.any(Object),
-      );
-    });
-  });
 });
diff --git a/src/components/routes/dashboard/Dashboard.test.tsx b/src/components/routes/dashboard/Dashboard.test.tsx
index 4f131cf5..e5a46774 100644
--- a/src/components/routes/dashboard/Dashboard.test.tsx
+++ b/src/components/routes/dashboard/Dashboard.test.tsx
@@ -93,15 +93,6 @@ describe("Dashboard Component", () => {
     expect(coverImageHeader.tagName).toBe("TH");
   });
 
-  it("renders pagination navigation", () => {
-    renderWithProviders(<Dashboard />);
-
-    const paginationNav = screen.getByRole("navigation", {
-      name: "pagination",
-    });
-    expect(paginationNav).toBeDefined();
-  });
-
   it("fetches plans correctly and returns the correct data", async () => {
     vi.spyOn(axiosInstance, "get").mockResolvedValue({
       data: { plans: [], total: 0 },

From 1a10313949dadcb4e15b84f5070be32ba56f7446 Mon Sep 17 00:00:00 2001
From: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
Date: Thu, 6 Nov 2025 09:55:55 +0530
Subject: [PATCH 02/24] longurl support (#127)

---
 .../molecules/content-sub/ContentComponents.tsx   | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/src/components/ui/molecules/content-sub/ContentComponents.tsx b/src/components/ui/molecules/content-sub/ContentComponents.tsx
index 042aa94a..cc37ca60 100644
--- a/src/components/ui/molecules/content-sub/ContentComponents.tsx
+++ b/src/components/ui/molecules/content-sub/ContentComponents.tsx
@@ -29,25 +29,14 @@ export const ContentIcon = ({ type }: { type: ContentType }) => {
 export const VideoContent = ({ content }: { content: string }) => {
   const regularVideoId = getYouTubeVideoId(content);
   const shortsVideoId = getYouTubeShortsId(content);
-
-  if (regularVideoId && !shortsVideoId) {
-    return (
-      <div className="mt-4 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md">
-        <p className="text-red-600 dark:text-red-400 text-sm">
-          Please upload only YouTube short
-        </p>
-      </div>
-    );
-  }
-
-  const videoId = shortsVideoId;
+  const videoId = regularVideoId || shortsVideoId;
 
   if (!videoId) return null;
 
   return (
     <div className="mt-4">
       <iframe
-        className="w-full max-w-[315px] aspect-[9/16] mx-auto rounded-md border bg-[#FAFAFA] dark:bg-sidebar-secondary"
+        className={`w-full max-w-[315px] mx-auto rounded-md border bg-[#FAFAFA] dark:bg-sidebar-secondary ${shortsVideoId ? "aspect-[9/16]" : "aspect-[16/9]"}`}
         src={`https://www.youtube.com/embed/${videoId}`}
         title="YouTube preview"
       />

From 07d3d399bf5c055cabfc1870394b8cb982be5d18 Mon Sep 17 00:00:00 2001
From: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
Date: Thu, 6 Nov 2025 10:21:39 +0530
Subject: [PATCH 03/24] script and develop (#79) (#130)

Co-authored-by: Tenzin Samten <iamsamten@gmail.com>

From 3fb25c4e4d1e3153d49165a0a0fc5b01614b9d64 Mon Sep 17 00:00:00 2001
From: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
Date: Tue, 11 Nov 2025 17:52:35 +0530
Subject: [PATCH 04/24] fix button layout height (#131)

---
 .../routes/task/components/sidebar-component/SideBar.tsx      | 4 ++--
 src/components/ui/molecules/content-sub/ContentComponents.tsx | 2 +-
 src/components/ui/molecules/subtask-card/SubTaskCard.tsx      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/routes/task/components/sidebar-component/SideBar.tsx b/src/components/routes/task/components/sidebar-component/SideBar.tsx
index 84a937fb..d1df2d3e 100644
--- a/src/components/routes/task/components/sidebar-component/SideBar.tsx
+++ b/src/components/routes/task/components/sidebar-component/SideBar.tsx
@@ -93,10 +93,10 @@ const SideBar = ({
       <div className="flex-1">
         <div className="flex p-4 items-center border-b pb-3 gap-2 mb-1">
           <IoCalendarClearOutline className="w-5 h-5 text-foreground" />
-          <span className="text-sm  text-foreground">Days</span>
+          <span className="text-sm text-foreground">Days</span>
         </div>
 
-        <div className="space-y-1 h-[calc(100vh-200px)] overflow-auto">
+        <div className="space-y-1 h-2/3 overflow-auto">
           {isLoading ? (
             <>
               {[1, 2, 3].map((index) => (
diff --git a/src/components/ui/molecules/content-sub/ContentComponents.tsx b/src/components/ui/molecules/content-sub/ContentComponents.tsx
index cc37ca60..2aa45b78 100644
--- a/src/components/ui/molecules/content-sub/ContentComponents.tsx
+++ b/src/components/ui/molecules/content-sub/ContentComponents.tsx
@@ -86,7 +86,7 @@ export const ImageContent = ({ content }: { content: string }) => (
 );
 
 export const TextContent = ({ content }: { content: string }) => (
-  <div className="w-full min-h-24 max-h-56 overflow-y-auto bg-[#FAFAFA] dark:bg-sidebar-secondary  whitespace-pre-wrap text-base p-3 border rounded-md">
+  <div className="w-full min-h-64 max-h-56 overflow-y-auto bg-[#FAFAFA] dark:bg-sidebar-secondary  whitespace-pre-wrap text-base p-3 border rounded-md">
     {content}
   </div>
 );
diff --git a/src/components/ui/molecules/subtask-card/SubTaskCard.tsx b/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
index 15a86b08..dd6688c6 100644
--- a/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
+++ b/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
@@ -91,7 +91,7 @@ const TextSubtask = ({
 }) => (
   <Pecha.Textarea
     placeholder="Enter your text content"
-    className="w-full h-24 resize-none text-base bg-[#FAFAFA] dark:bg-sidebar-secondary "
+    className="w-full min-h-64 resize-none text-base bg-[#FAFAFA] dark:bg-sidebar-secondary "
     value={subTask.content}
     onChange={(e) => onUpdate(index, { content: e.target.value })}
   />

From caccdd624b562f4469fdaa14dbec1f8469866163 Mon Sep 17 00:00:00 2001
From: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
Date: Thu, 13 Nov 2025 22:09:36 +0530
Subject: [PATCH 05/24] Feat: Feature plan (#133)

* changes

* lint
---
 src/components/routes/dashboard/Dashboard.tsx | 33 ++++++++++++++++++-
 .../dashboard-table/DashBoardTable.tsx        | 25 ++++++++++++--
 2 files changed, 55 insertions(+), 3 deletions(-)

diff --git a/src/components/routes/dashboard/Dashboard.tsx b/src/components/routes/dashboard/Dashboard.tsx
index e44cba56..3fa2a47c 100644
--- a/src/components/routes/dashboard/Dashboard.tsx
+++ b/src/components/routes/dashboard/Dashboard.tsx
@@ -5,11 +5,12 @@ import { useState, Activity } from "react";
 import { useDebounce } from "use-debounce";
 import { useTranslate } from "@tolgee/react";
 import { Button } from "@/components/ui/atoms/button";
-import { useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import axiosInstance from "@/config/axios-config";
 import { Link } from "react-router-dom";
 import { Pagination } from "@/components/ui/molecules/pagination/Pagination";
 import AuthButton from "@/components/ui/molecules/auth-button/AuthButton";
+import { toast } from "sonner";
 
 const fetchPlans = async (
   page: number,
@@ -35,6 +36,19 @@ const fetchPlans = async (
   return data;
 };
 
+const toggleFeatured = async (planId: string) => {
+  const accessToken = sessionStorage.getItem("accessToken");
+  const { data } = await axiosInstance.patch(
+    `/api/v1/cms/plans/${planId}/featured`,
+    {
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+      },
+    },
+  );
+  return data;
+};
+
 const Dashboard = () => {
   const { t } = useTranslate();
   const [search, setSearch] = useState("");
@@ -51,6 +65,7 @@ const Dashboard = () => {
       setSortOrder("asc");
     }
   };
+
   const {
     data: planData,
     isLoading,
@@ -69,6 +84,21 @@ const Dashboard = () => {
     retry: false,
   });
 
+  const queryClient = useQueryClient();
+  const featuredMutation = useMutation({
+    mutationFn: (planId: string) => toggleFeatured(planId),
+    onSuccess: () => {
+      queryClient.refetchQueries({ queryKey: ["dashboard-plans"] });
+    },
+    onError: (error: any) => {
+      toast.error(error.response.data.detail.message);
+    },
+  });
+
+  const handleFeatured = (planId: string) => {
+    featuredMutation.mutate(planId);
+  };
+
   const totalPages = planData ? Math.ceil(planData.total / 10) : 1;
 
   return (
@@ -102,6 +132,7 @@ const Dashboard = () => {
           sortBy={sortBy}
           sortOrder={sortOrder}
           onSort={handleSort}
+          handleFeatured={handleFeatured}
         />
       </div>
       <Activity mode={planData?.plans?.length > 0 ? "visible" : "hidden"}>
diff --git a/src/components/ui/molecules/dashboard-table/DashBoardTable.tsx b/src/components/ui/molecules/dashboard-table/DashBoardTable.tsx
index b209067c..35f6b3a0 100644
--- a/src/components/ui/molecules/dashboard-table/DashBoardTable.tsx
+++ b/src/components/ui/molecules/dashboard-table/DashBoardTable.tsx
@@ -4,6 +4,7 @@ import { FaChevronUp, FaChevronDown } from "react-icons/fa6";
 import { useNavigate } from "react-router-dom";
 import defaultCover from "/default-image.webp";
 import { DropdownButton } from "../dropdown-button/DropdownButton";
+import { FaStar } from "react-icons/fa";
 
 export interface Plan {
   id: string;
@@ -13,6 +14,7 @@ export interface Plan {
   total_days: string;
   subscription_count: string;
   status: string;
+  featured: boolean;
   language: string;
 }
 
@@ -24,6 +26,7 @@ interface DashBoardTableProps {
   sortBy: string;
   sortOrder: string;
   onSort: (column: string) => void;
+  handleFeatured: (planId: string) => void;
 }
 
 export function DashBoardTable({
@@ -34,6 +37,7 @@ export function DashBoardTable({
   sortBy,
   sortOrder,
   onSort,
+  handleFeatured,
 }: DashBoardTableProps) {
   const navigate = useNavigate();
 
@@ -180,6 +184,20 @@ export function DashBoardTable({
         <Pecha.TableCell>{plan.subscription_count} Used</Pecha.TableCell>
         <Pecha.TableCell>{getStatusBadge(plan.status)}</Pecha.TableCell>
         <Pecha.TableCell>{getLanguage(plan.language)}</Pecha.TableCell>
+        <Pecha.TableCell>
+          <div className="flex items-center gap-2">
+            <Pecha.Button
+              variant="outline"
+              className="bg-gray-100 hover:bg-gray-200"
+              onClick={() => handleFeatured(plan.id)}
+            >
+              <FaStar
+                className={`${plan.featured ? "text-yellow-500" : "text-gray-500"}`}
+              />{" "}
+              {plan.featured ? "Featured" : "Not Featured"}
+            </Pecha.Button>
+          </div>
+        </Pecha.TableCell>
         <Pecha.TableCell>
           <div className="flex items-center gap-2">
             <DropdownButton planId={plan.id} currentStatus={plan.status} />
@@ -216,12 +234,15 @@ export function DashBoardTable({
           <Pecha.TableHead className="w-[150px] font-bold">
             {t("studio.dashboard.plan_used")}
           </Pecha.TableHead>
-          <Pecha.TableHead className="w-[150px] font-bold">
+          <Pecha.TableHead className="w-[100px] font-bold">
             Status
           </Pecha.TableHead>
-          <Pecha.TableHead className="w-[150px] font-bold">
+          <Pecha.TableHead className="w-[100px] font-bold">
             {t("studio.plan.form_field.language")}
           </Pecha.TableHead>
+          <Pecha.TableHead className="w-[150px] font-bold">
+            Feature
+          </Pecha.TableHead>
           <Pecha.TableHead className="w-[150px] font-bold">
             {t("studio.dashboard.actions")}
           </Pecha.TableHead>

From 520a4055a21180acffcfa15f981abb4a06dbd13d Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Fri, 14 Nov 2025 16:09:40 +0530
Subject: [PATCH 06/24] disable (#134)

---
 src/components/ui/molecules/dashboard-table/DashBoardTable.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ui/molecules/dashboard-table/DashBoardTable.tsx b/src/components/ui/molecules/dashboard-table/DashBoardTable.tsx
index 35f6b3a0..e318c4fe 100644
--- a/src/components/ui/molecules/dashboard-table/DashBoardTable.tsx
+++ b/src/components/ui/molecules/dashboard-table/DashBoardTable.tsx
@@ -189,6 +189,7 @@ export function DashBoardTable({
             <Pecha.Button
               variant="outline"
               className="bg-gray-100 hover:bg-gray-200"
+              disabled={plan.status !== "PUBLISHED"}
               onClick={() => handleFeatured(plan.id)}
             >
               <FaStar

From 41baf26e9629c2b4b7ab9b990c10fb53241de835 Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Thu, 20 Nov 2025 12:37:59 +0530
Subject: [PATCH 07/24] Task actions based on plan status (#135)

* task update based on status

* disable fix

* update failing tests

* fix

* subtask image long flinename fix

* fix imagepreview

* imagepreview on profile

* format

---------

Co-authored-by: TenzDelek <tibetdelek@gmail.com>
---
 .../routes/create-plan/CreatePlan.test.tsx    |  8 +-
 .../routes/create-plan/CreatePlan.tsx         |  4 +-
 .../routes/task/PlanDetailsPage.test.tsx      | 41 +++++++---
 .../routes/task/PlanDetailsPage.tsx           | 36 ++++++++-
 .../components/sidebar-component/SideBar.tsx  | 75 ++++++++++++-------
 .../sidebar-component/Sidebar.test.tsx        |  3 +
 .../task/components/view/TaskForm.test.tsx    |  8 +-
 .../routes/task/components/view/TaskForm.tsx  | 21 ++++--
 .../routes/task/components/view/TaskView.tsx  | 32 +++++---
 src/components/ui/atoms/sortable.tsx          | 11 ++-
 .../ui/molecules/auth-button/AuthButton.tsx   |  6 +-
 .../form-upload/InlineImageUpload.tsx         |  6 +-
 .../profile-edit-form/ProfileEditForm.tsx     |  6 +-
 .../task-title-field/TaskTitleField.tsx       | 11 ++-
 .../ui/molecules/user-card/UserCard.tsx       |  4 +-
 15 files changed, 200 insertions(+), 72 deletions(-)

diff --git a/src/components/routes/create-plan/CreatePlan.test.tsx b/src/components/routes/create-plan/CreatePlan.test.tsx
index 4c80313b..a21c881b 100644
--- a/src/components/routes/create-plan/CreatePlan.test.tsx
+++ b/src/components/routes/create-plan/CreatePlan.test.tsx
@@ -70,8 +70,14 @@ describe("CreatePlan Component", () => {
       if (url.includes("/media/upload")) {
         return Promise.resolve({
           data: {
-            url: "mock-image-url",
+            image: {
+              thumbnail: "mock-thumb-url",
+              medium: "mock-medium-url",
+              original: "mock-image-url",
+            },
             key: "mock-image-key",
+            path: "images/path",
+            message: "Image uploaded successfully",
           },
         });
       }
diff --git a/src/components/routes/create-plan/CreatePlan.tsx b/src/components/routes/create-plan/CreatePlan.tsx
index 021622bd..44d32d61 100644
--- a/src/components/routes/create-plan/CreatePlan.tsx
+++ b/src/components/routes/create-plan/CreatePlan.tsx
@@ -162,11 +162,11 @@ const Createplan = () => {
   };
   const handleImageUpload = async (file: File) => {
     try {
-      const { url, key } = await uploadImageToS3(
+      const { image, key } = await uploadImageToS3(
         file,
         plan_id === "new" ? "" : plan_id || "",
       );
-      const imageUrl = url;
+      const imageUrl = image.original;
       const imageKey = key;
       setImagePreview(imageUrl);
       setSelectedImage(file);
diff --git a/src/components/routes/task/PlanDetailsPage.test.tsx b/src/components/routes/task/PlanDetailsPage.test.tsx
index 8e684a3d..c7d6a92a 100644
--- a/src/components/routes/task/PlanDetailsPage.test.tsx
+++ b/src/components/routes/task/PlanDetailsPage.test.tsx
@@ -93,12 +93,22 @@ Object.defineProperty(window, "sessionStorage", {
   writable: true,
 });
 
-const renderWithProviders = (component: React.ReactElement) => {
+const renderWithProviders = (component: React.ReactElement, isDraft = true) => {
   const queryClient = new QueryClient({
     defaultOptions: {
       queries: { retry: false },
     },
   });
+  if (isDraft) {
+    queryClient.setQueryData(["dashboard-plans"], {
+      plans: [
+        {
+          id: "test-plan-id",
+          status: "DRAFT",
+        },
+      ],
+    });
+  }
   return render(
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>{component}</BrowserRouter>
@@ -149,7 +159,7 @@ describe("PlanDetailsPanel Component", () => {
   it("calls API when Add New Day button is clicked", async () => {
     const { default: axiosInstance } = await import("@/config/axios-config");
     const mockAxios = axiosInstance as any;
-    renderWithProviders(<PlanDetailsPage />);
+    renderWithProviders(<PlanDetailsPage />, true);
     await waitFor(() => {
       expect(screen.getByText("Day 4")).toBeInTheDocument();
     });
@@ -175,7 +185,7 @@ describe("PlanDetailsPanel Component", () => {
     mockAxios.post.mockRejectedValueOnce({
       response: { data: { detail: "Cannot create day" } },
     });
-    renderWithProviders(<PlanDetailsPage />);
+    renderWithProviders(<PlanDetailsPage />, true);
     await waitFor(() => {
       expect(screen.getByText("Day 4")).toBeInTheDocument();
     });
@@ -199,13 +209,20 @@ describe("PlanDetailsPanel Component", () => {
   it("switches to task view after creating a new task", async () => {
     const { default: axiosInstance } = await import("@/config/axios-config");
     const mockAxios = axiosInstance as any;
-    mockAxios.post.mockResolvedValueOnce({
-      data: {
-        id: "newly-created-task-123",
-        title: "New Task",
-        display_order: 1,
-        estimated_time: 30,
-      },
+    mockAxios.post.mockImplementation((url: string, data?: any) => {
+      if (url.includes("/tasks")) {
+        return Promise.resolve({
+          data: {
+            id: "newly-created-task-123",
+            title: data?.title || "New Task",
+            display_order: 1,
+            estimated_time: 30,
+          },
+        });
+      }
+      return Promise.resolve({
+        data: { id: "new-day-id", day_number: 5, tasks: [] },
+      });
     });
     mockAxios.get.mockImplementation((url: string) => {
       if (url.includes("/tasks/newly-created-task-123")) {
@@ -221,7 +238,7 @@ describe("PlanDetailsPanel Component", () => {
       }
       return Promise.resolve({ data: mockPlanData });
     });
-    renderWithProviders(<PlanDetailsPage />);
+    renderWithProviders(<PlanDetailsPage />, true);
     await waitFor(() => {
       expect(screen.getByText(mockPlanData.title)).toBeInTheDocument();
     });
@@ -233,6 +250,8 @@ describe("PlanDetailsPanel Component", () => {
     });
     await waitFor(() => {
       expect(screen.getByText("Task")).toBeInTheDocument();
+    });
+    await waitFor(() => {
       expect(screen.getByText("New Task")).toBeInTheDocument();
     });
   });
diff --git a/src/components/routes/task/PlanDetailsPage.tsx b/src/components/routes/task/PlanDetailsPage.tsx
index abf75e00..77c5cfed 100644
--- a/src/components/routes/task/PlanDetailsPage.tsx
+++ b/src/components/routes/task/PlanDetailsPage.tsx
@@ -1,4 +1,6 @@
 import { useState } from "react";
+import { useParams } from "react-router-dom";
+import { useQueryClient } from "@tanstack/react-query";
 import TaskForm from "./components/view/TaskForm";
 import SideBar from "./components/sidebar-component/SideBar";
 import TaskView from "./components/view/TaskView";
@@ -7,6 +9,29 @@ const PlanDetailsPage = () => {
   const [selectedDay, setSelectedDay] = useState<number>(1);
   const [selectedTaskId, setSelectedTaskId] = useState<string | null>(null);
   const [editingTask, setEditingTask] = useState<any>(null);
+  const { plan_id } = useParams<{ plan_id: string }>();
+
+  const queryClient = useQueryClient();
+
+  const dashboardQueries = queryClient.getQueriesData<any>({
+    queryKey: ["dashboard-plans"],
+  });
+
+  let cachedStatus: string | undefined;
+  for (const [, queryData] of dashboardQueries) {
+    if (queryData?.plans) {
+      const cachedPlan = queryData.plans.find(
+        (plan: any) => plan.id === plan_id,
+      );
+      if (cachedPlan?.status) {
+        cachedStatus = cachedPlan.status;
+        break;
+      }
+    }
+  }
+
+  const status = cachedStatus || "DRAFT";
+  const isDraft = status === "DRAFT";
 
   const handleDaySelect = (dayNumber: number) => {
     setSelectedDay(dayNumber);
@@ -15,6 +40,9 @@ const PlanDetailsPage = () => {
   };
 
   const handleEditTask = (task: any) => {
+    if (!isDraft) {
+      return;
+    }
     setEditingTask(task);
     setSelectedTaskId(null);
   };
@@ -44,15 +72,21 @@ const PlanDetailsPage = () => {
           setSelectedTaskId(taskId);
         }}
         onTaskDelete={handleTaskDelete}
+        isDraft={isDraft}
       />
       <div className=" w-full pl-4 rounded-l-2xl overflow-y-auto">
         {selectedTaskId ? (
-          <TaskView taskId={selectedTaskId} onEditTask={handleEditTask} />
+          <TaskView
+            taskId={selectedTaskId}
+            onEditTask={handleEditTask}
+            isDraft={isDraft}
+          />
         ) : (
           <TaskForm
             selectedDay={selectedDay}
             editingTask={editingTask}
             onCancel={handleCancelTaskForm}
+            isDraft={isDraft}
           />
         )}
       </div>
diff --git a/src/components/routes/task/components/sidebar-component/SideBar.tsx b/src/components/routes/task/components/sidebar-component/SideBar.tsx
index d1df2d3e..d99f46e5 100644
--- a/src/components/routes/task/components/sidebar-component/SideBar.tsx
+++ b/src/components/routes/task/components/sidebar-component/SideBar.tsx
@@ -19,6 +19,7 @@ interface SideBarProps {
   onDaySelect: (dayNumber: number) => void;
   onTaskClick?: (taskId: string) => void;
   onTaskDelete?: (taskId: string) => void;
+  isDraft?: boolean;
 }
 
 const SideBar = ({
@@ -26,6 +27,7 @@ const SideBar = ({
   onDaySelect,
   onTaskClick,
   onTaskDelete,
+  isDraft,
 }: SideBarProps) => {
   const [expandedDay, setExpandedDay] = useState<number>(selectedDay);
   const { plan_id } = useParams<{ plan_id: string }>();
@@ -114,6 +116,7 @@ const SideBar = ({
               onReorder={(activeId: any, overId: any) => {
                 handleDayReorder(activeId, overId);
               }}
+              disabled={!isDraft}
             >
               {displayDays.map((day: any) => (
                 <SortableItem key={day.id} id={day.id}>
@@ -126,11 +129,13 @@ const SideBar = ({
                         }}
                       >
                         <div className="flex items-center gap-3">
-                          <PiDotsSixVertical
-                            className="w-4 h-4 text-gray-400 dark:text-muted-foreground cursor-grab active:cursor-grabbing"
-                            {...listeners}
-                            onClick={(e) => e.stopPropagation()}
-                          />
+                          {isDraft && (
+                            <PiDotsSixVertical
+                              className="w-4 h-4 text-gray-400 dark:text-muted-foreground cursor-grab active:cursor-grabbing"
+                              {...listeners}
+                              onClick={(e) => e.stopPropagation()}
+                            />
+                          )}
                           <div
                             className={`w-4 h-4 rounded-full ${
                               selectedDay === day.day_number
@@ -177,12 +182,19 @@ const SideBar = ({
                               />
                             </Activity>
                             <IoMdAdd
-                              className="w-4 h-4 text-gray-400 dark:text-muted-foreground cursor-pointer"
-                              onClick={() => {
-                                handleDayClick(day.day_number);
+                              className={`w-4 h-4 text-gray-400 dark:text-muted-foreground ${
+                                isDraft
+                                  ? "cursor-pointer"
+                                  : "cursor-not-allowed opacity-50"
+                              }`}
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                if (isDraft) {
+                                  handleDayClick(day.day_number);
+                                }
                               }}
                             />
-                            {currentPlan?.days.length > 1 && (
+                            {isDraft && currentPlan?.days.length > 1 && (
                               <Pecha.DropdownMenu>
                                 <Pecha.DropdownMenuTrigger asChild>
                                   <BsThreeDots className="w-3 h-3 text-gray-400 dark:text-muted-foreground cursor-pointer" />
@@ -217,6 +229,7 @@ const SideBar = ({
                             onReorder={(activeId: any, overId: any) => {
                               handleTaskReorder(activeId, overId);
                             }}
+                            disabled={!isDraft}
                           >
                             {getDisplayTasks(day).map((task: any) => (
                               <SortableItem
@@ -226,10 +239,12 @@ const SideBar = ({
                               >
                                 {({ listeners }: any) => (
                                   <>
-                                    <PiDotsSixVertical
-                                      className="w-4 h-4 text-gray-400 dark:text-muted-foreground cursor-grab active:cursor-grabbing"
-                                      {...listeners}
-                                    />
+                                    {isDraft && (
+                                      <PiDotsSixVertical
+                                        className="w-4 h-4 text-gray-400 dark:text-muted-foreground cursor-grab active:cursor-grabbing"
+                                        {...listeners}
+                                      />
+                                    )}
                                     <span
                                       className="cursor-pointer w-full"
                                       onClick={(e) => {
@@ -239,22 +254,24 @@ const SideBar = ({
                                     >
                                       {task.title}
                                     </span>
-                                    <Pecha.DropdownMenu>
-                                      <Pecha.DropdownMenuTrigger asChild>
-                                        <BsThreeDots
-                                          className="w-3 h-3 text-gray-400 dark:text-muted-foreground cursor-pointer"
-                                          onClick={(e) => e.stopPropagation()}
-                                        />
-                                      </Pecha.DropdownMenuTrigger>
-                                      <Pecha.DropdownMenuContent side="right">
-                                        <Pecha.DropdownMenuItem className="gap-2 cursor-pointer">
-                                          <TaskDeleteDialog
-                                            taskId={task.id}
-                                            onDelete={handleDeleteTask}
+                                    {isDraft && (
+                                      <Pecha.DropdownMenu>
+                                        <Pecha.DropdownMenuTrigger asChild>
+                                          <BsThreeDots
+                                            className="w-3 h-3 text-gray-400 dark:text-muted-foreground cursor-pointer"
+                                            onClick={(e) => e.stopPropagation()}
                                           />
-                                        </Pecha.DropdownMenuItem>
-                                      </Pecha.DropdownMenuContent>
-                                    </Pecha.DropdownMenu>
+                                        </Pecha.DropdownMenuTrigger>
+                                        <Pecha.DropdownMenuContent side="right">
+                                          <Pecha.DropdownMenuItem className="gap-2 cursor-pointer">
+                                            <TaskDeleteDialog
+                                              taskId={task.id}
+                                              onDelete={handleDeleteTask}
+                                            />
+                                          </Pecha.DropdownMenuItem>
+                                        </Pecha.DropdownMenuContent>
+                                      </Pecha.DropdownMenu>
+                                    )}
                                   </>
                                 )}
                               </SortableItem>
@@ -273,7 +290,7 @@ const SideBar = ({
           <Pecha.Button
             type="button"
             onClick={addNewDay}
-            disabled={createNewDay.isPending}
+            disabled={!isDraft || createNewDay.isPending}
             variant="destructive"
             className="cursor-pointer mt-1 disabled:opacity-50 w-full disabled:cursor-not-allowed"
           >
diff --git a/src/components/routes/task/components/sidebar-component/Sidebar.test.tsx b/src/components/routes/task/components/sidebar-component/Sidebar.test.tsx
index f93d4d32..907f6788 100644
--- a/src/components/routes/task/components/sidebar-component/Sidebar.test.tsx
+++ b/src/components/routes/task/components/sidebar-component/Sidebar.test.tsx
@@ -193,6 +193,7 @@ describe("SideBar Component", () => {
         selectedDay={1}
         onDaySelect={mockOnDaySelect}
         onTaskClick={mockOnTaskClick}
+        isDraft={true}
       />,
     );
     await waitFor(() => {
@@ -246,6 +247,7 @@ describe("SideBar Component", () => {
         selectedDay={1}
         onDaySelect={mockOnDaySelect}
         onTaskClick={mockOnTaskClick}
+        isDraft={true}
       />,
     );
     await waitFor(() => {
@@ -277,6 +279,7 @@ describe("SideBar Component", () => {
         selectedDay={1}
         onDaySelect={mockOnDaySelect}
         onTaskClick={mockOnTaskClick}
+        isDraft={true}
       />,
     );
     await waitFor(() => {
diff --git a/src/components/routes/task/components/view/TaskForm.test.tsx b/src/components/routes/task/components/view/TaskForm.test.tsx
index d97e2616..35fe4e08 100644
--- a/src/components/routes/task/components/view/TaskForm.test.tsx
+++ b/src/components/routes/task/components/view/TaskForm.test.tsx
@@ -390,8 +390,14 @@ describe("TaskForm Component", () => {
     const { uploadImageToS3 } = await import("../../api/taskApi");
     const { toast } = await import("sonner");
     vi.mocked(uploadImageToS3).mockResolvedValue({
-      url: "https://example.com/image.jpg",
+      image: {
+        thumbnail: "https://example.com/image-thumb.jpg",
+        medium: "https://example.com/image-medium.jpg",
+        original: "https://example.com/image.jpg",
+      },
       key: "image-key-123",
+      path: "images/path",
+      message: "Image uploaded successfully",
     });
     renderWithProviders(<TaskForm selectedDay={1} onCancel={mockOnCancel} />);
     const addImageButton = screen.getByText("Add Image");
diff --git a/src/components/routes/task/components/view/TaskForm.tsx b/src/components/routes/task/components/view/TaskForm.tsx
index 700af297..91566e4d 100644
--- a/src/components/routes/task/components/view/TaskForm.tsx
+++ b/src/components/routes/task/components/view/TaskForm.tsx
@@ -27,11 +27,17 @@ interface TaskFormProps {
   selectedDay: number;
   editingTask?: any;
   onCancel: (newlyCreatedTaskId?: string) => void;
+  isDraft?: boolean;
 }
 
 type TaskFormData = z.infer<typeof taskSchema>;
 
-const TaskForm = ({ selectedDay, editingTask, onCancel }: TaskFormProps) => {
+const TaskForm = ({
+  selectedDay,
+  editingTask,
+  onCancel,
+  isDraft = true,
+}: TaskFormProps) => {
   const { plan_id } = useParams();
   const queryClient = useQueryClient();
   const form = useForm({
@@ -252,9 +258,9 @@ const TaskForm = ({ selectedDay, editingTask, onCancel }: TaskFormProps) => {
       return;
     }
     try {
-      const { url, key } = await uploadImageToS3(file, plan_id || "");
+      const { image, key } = await uploadImageToS3(file, plan_id || "");
       updateSubTask(index, {
-        imagePreview: url,
+        imagePreview: image.original,
         content: key,
       });
       toast.success("Image uploaded successfully!");
@@ -309,9 +315,10 @@ const TaskForm = ({ selectedDay, editingTask, onCancel }: TaskFormProps) => {
               isTitleEditing={isTitleEditing}
               formValue={formValues.title}
               control={form.control}
-              onEdit={() => setIsTitleEditing(true)}
+              onEdit={() => isDraft && setIsTitleEditing(true)}
               onSave={handleSaveTitle}
               onCancel={() => setIsTitleEditing(false)}
+              disabled={!isDraft}
             />
             {isEditMode && (
               <DaySelector selectedDay={selectedDay} taskId={editingTask?.id} />
@@ -341,7 +348,7 @@ const TaskForm = ({ selectedDay, editingTask, onCancel }: TaskFormProps) => {
           {imageUploadError && (
             <div className="text-red-500 text-sm ml-4">{imageUploadError}</div>
           )}
-          <ContentTypeSelector onSelectType={handleAddSubTask} />
+          {isDraft && <ContentTypeSelector onSelectType={handleAddSubTask} />}
 
           <div className="p-4 flex gap-3">
             <Activity mode={isEditMode ? "visible" : "hidden"}>
@@ -359,7 +366,9 @@ const TaskForm = ({ selectedDay, editingTask, onCancel }: TaskFormProps) => {
               className="cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"
               type="submit"
               disabled={
-                createTaskMutation.isPending || updateTaskMutation.isPending
+                !isDraft ||
+                createTaskMutation.isPending ||
+                updateTaskMutation.isPending
               }
             >
               {createTaskMutation.isPending || updateTaskMutation.isPending
diff --git a/src/components/routes/task/components/view/TaskView.tsx b/src/components/routes/task/components/view/TaskView.tsx
index 9684767d..5aa3ac74 100644
--- a/src/components/routes/task/components/view/TaskView.tsx
+++ b/src/components/routes/task/components/view/TaskView.tsx
@@ -19,6 +19,7 @@ type ContentType = "TEXT" | "IMAGE" | "AUDIO" | "VIDEO" | "SOURCE_REFERENCE";
 interface TaskViewProps {
   taskId: string;
   onEditTask: (task: any) => void;
+  isDraft?: boolean;
 }
 
 const fetchTaskDetails = async (task_id: string) => {
@@ -55,9 +56,11 @@ const SubtaskContent = ({
 const SubtaskCard = ({
   subtask,
   listeners,
+  isDraft,
 }: {
   subtask: any;
   listeners?: any;
+  isDraft?: boolean;
 }) => {
   return (
     <div
@@ -67,7 +70,7 @@ const SubtaskCard = ({
         <div className="flex items-center border w-fit bg-[#F7F7F7] dark:bg-sidebar-secondary px-2 py-1 text-sm rounded-md border-dashed gap-2">
           <ContentIcon type={subtask.content_type} /> {subtask.content_type}
         </div>
-        {listeners && (
+        {listeners && isDraft && (
           <PiDotsSixVertical
             className="w-5 h-5 text-gray-400 dark:text-muted-foreground cursor-grab active:cursor-grabbing"
             {...listeners}
@@ -79,7 +82,7 @@ const SubtaskCard = ({
   );
 };
 
-const TaskView = ({ taskId, onEditTask }: TaskViewProps) => {
+const TaskView = ({ taskId, onEditTask, isDraft }: TaskViewProps) => {
   const { data: taskDetails, isLoading } = useQuery({
     queryKey: ["taskDetails", taskId],
     queryFn: () => fetchTaskDetails(taskId),
@@ -98,14 +101,16 @@ const TaskView = ({ taskId, onEditTask }: TaskViewProps) => {
       <div className=" space-y-4  overflow-y-auto">
         <div className="flex p-4 items-center justify-between w-3/4">
           <h2 className="text-xl font-semibold">Task</h2>
-          <Pecha.Button
-            variant="outline"
-            type="button"
-            onClick={() => onEditTask(taskDetails)}
-          >
-            <FaPen className="h-4 w-4" />
-            Edit
-          </Pecha.Button>
+          {isDraft && (
+            <Pecha.Button
+              variant="outline"
+              type="button"
+              onClick={() => onEditTask(taskDetails)}
+            >
+              <FaPen className="h-4 w-4" />
+              Edit
+            </Pecha.Button>
+          )}
         </div>
         <div className="p-4">
           <div className="h-12 p-4 bg-white dark:bg-input/30 rounded-md lg:w-2/3 w-full text-base flex items-center border">
@@ -135,11 +140,16 @@ const TaskView = ({ taskId, onEditTask }: TaskViewProps) => {
               onReorder={(activeId: any, overId: any) => {
                 handleSubtaskReorder(activeId, overId);
               }}
+              disabled={!isDraft}
             >
               {displaySubtasks.map((subtask: any) => (
                 <SortableItem key={subtask.id} id={subtask.id}>
                   {({ listeners }: any) => (
-                    <SubtaskCard subtask={subtask} listeners={listeners} />
+                    <SubtaskCard
+                      subtask={subtask}
+                      listeners={listeners}
+                      isDraft={isDraft}
+                    />
                   )}
                 </SortableItem>
               ))}
diff --git a/src/components/ui/atoms/sortable.tsx b/src/components/ui/atoms/sortable.tsx
index d3b49449..4799e428 100644
--- a/src/components/ui/atoms/sortable.tsx
+++ b/src/components/ui/atoms/sortable.tsx
@@ -17,7 +17,12 @@ import {
 } from "@dnd-kit/modifiers";
 import { CSS } from "@dnd-kit/utilities";
 
-export function SortableList({ items, onReorder, children }: any) {
+export function SortableList({
+  items,
+  onReorder,
+  children,
+  disabled = false,
+}: any) {
   const sensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: {
@@ -27,6 +32,8 @@ export function SortableList({ items, onReorder, children }: any) {
   );
 
   const handleDragEnd = (event: DragEndEvent) => {
+    if (disabled) return;
+
     const { active, over } = event;
 
     if (over && active.id !== over.id) {
@@ -36,7 +43,7 @@ export function SortableList({ items, onReorder, children }: any) {
 
   return (
     <DndContext
-      sensors={sensors}
+      sensors={disabled ? [] : sensors}
       collisionDetection={closestCenter}
       onDragEnd={handleDragEnd}
       modifiers={[restrictToVerticalAxis, restrictToParentElement]}
diff --git a/src/components/ui/molecules/auth-button/AuthButton.tsx b/src/components/ui/molecules/auth-button/AuthButton.tsx
index 26848e77..1e8c5a61 100644
--- a/src/components/ui/molecules/auth-button/AuthButton.tsx
+++ b/src/components/ui/molecules/auth-button/AuthButton.tsx
@@ -19,7 +19,11 @@ const AuthButton = () => {
       <Link to={`/profile/${userInfo?.id}`}>
         <div className="flex items-center font-dynamic gap-2">
           <img
-            src={userInfo?.image_url || NO_PROFILE_IMAGE}
+            src={
+              userInfo?.image?.thumbnail ||
+              userInfo?.image_url ||
+              NO_PROFILE_IMAGE
+            }
             alt="user"
             className="hidden w-10 h-10 object-cover md:block rounded-full"
           />
diff --git a/src/components/ui/molecules/form-upload/InlineImageUpload.tsx b/src/components/ui/molecules/form-upload/InlineImageUpload.tsx
index ba3aabef..ff246eae 100644
--- a/src/components/ui/molecules/form-upload/InlineImageUpload.tsx
+++ b/src/components/ui/molecules/form-upload/InlineImageUpload.tsx
@@ -79,8 +79,10 @@ const InlineImageUpload = ({
                 alt={selectedFile.name}
                 className="rounded-lg h-full border w-32 object-cover"
               />
-              <div className="flex text-start flex-col gap-2">
-                <p>{selectedFile?.name}</p>
+              <div className="flex text-start flex-col gap-2 w-xs min-w-0">
+                <p className="text-ellipsis overflow-hidden whitespace-nowrap">
+                  {selectedFile?.name}
+                </p>
                 <div className="flex gap-2">
                   <Button
                     variant="default"
diff --git a/src/components/ui/molecules/profile-edit-form/ProfileEditForm.tsx b/src/components/ui/molecules/profile-edit-form/ProfileEditForm.tsx
index 33705e72..e0c22be3 100644
--- a/src/components/ui/molecules/profile-edit-form/ProfileEditForm.tsx
+++ b/src/components/ui/molecules/profile-edit-form/ProfileEditForm.tsx
@@ -62,7 +62,7 @@ const ProfileEditForm = ({
     ];
   });
   const [imagePreview, setImagePreview] = useState<string | null>(
-    userInfo?.image_url || null,
+    userInfo?.image?.medium || null,
   );
   const [isImageDialogOpen, setIsImageDialogOpen] = useState(false);
 
@@ -92,8 +92,8 @@ const ProfileEditForm = ({
 
   const handleImageUpload = async (file: File) => {
     try {
-      const { url, key } = await uploadImageToS3(file, "");
-      const imageUrl = url;
+      const { image, key } = await uploadImageToS3(file, "");
+      const imageUrl = image.original;
       const imageKey = key;
       setImagePreview(imageUrl);
       form.setValue("image_url", imageKey);
diff --git a/src/components/ui/molecules/task-title-field/TaskTitleField.tsx b/src/components/ui/molecules/task-title-field/TaskTitleField.tsx
index 8003e320..d6e230f3 100644
--- a/src/components/ui/molecules/task-title-field/TaskTitleField.tsx
+++ b/src/components/ui/molecules/task-title-field/TaskTitleField.tsx
@@ -9,6 +9,7 @@ interface TaskTitleFieldProps {
   onEdit: () => void;
   onSave: () => void;
   onCancel: () => void;
+  disabled?: boolean;
 }
 
 export const TaskTitleField = ({
@@ -19,6 +20,7 @@ export const TaskTitleField = ({
   onEdit,
   onSave,
   onCancel,
+  disabled = false,
 }: TaskTitleFieldProps) => {
   if (isEditMode && !isTitleEditing) {
     return (
@@ -26,7 +28,12 @@ export const TaskTitleField = ({
         <div className="h-12  text-base flex bg-white dark:bg-[#161616] items-center px-3 border opacity-80 rounded-md flex-1">
           {formValue}
         </div>
-        <Pecha.Button variant="outline" type="button" onClick={onEdit}>
+        <Pecha.Button
+          variant="outline"
+          type="button"
+          onClick={onEdit}
+          disabled={disabled === true}
+        >
           Edit
         </Pecha.Button>
       </>
@@ -46,6 +53,7 @@ export const TaskTitleField = ({
                   type="text"
                   placeholder="Task Title"
                   className="h-12 text-base bg-white dark:bg-[#161616]"
+                  disabled={disabled}
                   {...field}
                 />
               </Pecha.FormControl>
@@ -76,6 +84,7 @@ export const TaskTitleField = ({
               type="text"
               placeholder="Task Title"
               className="h-12 text-base bg-white dark:bg-[#161616]"
+              disabled={disabled}
               {...field}
             />
           </Pecha.FormControl>
diff --git a/src/components/ui/molecules/user-card/UserCard.tsx b/src/components/ui/molecules/user-card/UserCard.tsx
index c5b0dbf7..bd42d28a 100644
--- a/src/components/ui/molecules/user-card/UserCard.tsx
+++ b/src/components/ui/molecules/user-card/UserCard.tsx
@@ -7,7 +7,9 @@ const UserCard = ({ userInfo }: any) => {
       <div className="flex items-start gap-6">
         <div className="w-24 h-24 rounded-full overflow-hidden flex-shrink-0 border-2 border-dashed border-gray-200 dark:border-[#505050]">
           <img
-            src={userInfo.image_url || NO_PROFILE_IMAGE}
+            src={
+              userInfo.image?.medium || userInfo.image_url || NO_PROFILE_IMAGE
+            }
             alt="profile"
             className="w-full h-full object-cover"
           />

From 4f6d83eea394215ef588e647aa343dc0ebe8832a Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Wed, 26 Nov 2025 00:54:17 +0530
Subject: [PATCH 08/24] Search intg (#136)

* commit

* lint

---------

Co-authored-by: TenzDelek <tibetdelek@gmail.com>
---
 src/components/api/searchApi.ts               | 47 +++++++++++++++++++
 .../webuddhist-source/SourceSelectorSheet.tsx | 30 +++++-------
 .../webuddhist-source/sourceItem.tsx          |  5 +-
 3 files changed, 61 insertions(+), 21 deletions(-)
 create mode 100644 src/components/api/searchApi.ts

diff --git a/src/components/api/searchApi.ts b/src/components/api/searchApi.ts
new file mode 100644
index 00000000..9ce325e7
--- /dev/null
+++ b/src/components/api/searchApi.ts
@@ -0,0 +1,47 @@
+import axiosInstance from "@/config/axios-config";
+import { LANGUAGE } from "@/lib/constant";
+
+type SearchCommon = {
+  query: string;
+  language?: string;
+  limit?: number;
+  skip?: number;
+};
+
+const normalizeLanguageForApi = (language?: string | null) => {
+  if (!language) return "en";
+  const lower = language.toLowerCase();
+  if (lower.startsWith("en")) return "en";
+  if (lower.startsWith("bo")) return "bo";
+  if (lower.startsWith("zh")) return "zh";
+  return "en";
+};
+
+const pickSearchLanguage = (query: string, uiLanguage?: string | null) => {
+  const normalized = normalizeLanguageForApi(uiLanguage);
+  if (/[A-Za-z]/.test(query) && normalized !== "en") {
+    return "en";
+  }
+  return normalized;
+};
+
+export const searchSources = async ({
+  query,
+  language = localStorage.getItem(LANGUAGE) || "en",
+  limit = 10,
+  skip = 0,
+}: SearchCommon) => {
+  const lang = pickSearchLanguage(query, language);
+  const { data } = await axiosInstance.get(`/api/v1/search/multilingual`, {
+    params: {
+      query,
+      search_type: "exact",
+      language: lang,
+      limit,
+      skip,
+    },
+  });
+  return data;
+};
+
+export type { SearchCommon };
diff --git a/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx b/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
index ce83b2f9..13652dab 100644
--- a/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
+++ b/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
@@ -2,29 +2,13 @@ import { Pecha } from "@/components/ui/shadimport";
 import { useMemo, useState } from "react";
 import { IoMdSearch } from "react-icons/io";
 import { useTranslate } from "@tolgee/react";
-import axiosInstance from "@/config/axios-config";
 import { useDebounce } from "use-debounce";
 import { useQuery } from "@tanstack/react-query";
 import SourceItem from "./sourceItem";
 import pechaIcon from "@/assets/icon/pecha_icon.png";
 import { Pagination } from "@/components/ui/molecules/pagination/Pagination";
-
-export const fetchSegments = async (
-  searchFilter: string,
-  limit: number,
-  skip: number,
-) => {
-  const { data } = await axiosInstance.get(
-    `/api/v1/search?query=${searchFilter}&search_type=${"SOURCE"}`,
-    {
-      params: {
-        limit,
-        skip,
-      },
-    },
-  );
-  return data;
-};
+import { searchSources } from "@/components/api/searchApi";
+import { LANGUAGE } from "@/lib/constant";
 
 interface SourceSelectorSheetProps {
   isOpen: boolean;
@@ -51,7 +35,15 @@ export const SourceSelectorSheet = ({
       pagination.currentPage,
       pagination.limit,
     ],
-    queryFn: () => fetchSegments(debouncedSearchFilter, pagination.limit, skip),
+    queryFn: () => {
+      const language = localStorage.getItem(LANGUAGE) || "en";
+      return searchSources({
+        query: debouncedSearchFilter,
+        language,
+        limit: pagination.limit,
+        skip,
+      });
+    },
     refetchOnWindowFocus: false,
     enabled: isOpen,
   });
diff --git a/src/components/ui/molecules/webuddhist-source/sourceItem.tsx b/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
index 7e05ab76..5ad5852f 100644
--- a/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
+++ b/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
@@ -10,9 +10,10 @@ const SourceItem = ({ source, onSegment }: any) => {
         <img src={pechaIcon} alt="source icon" className="w-8 h-8" />
       </div>
       <div className="flex flex-col gap-2">
-        {source.segment_match.map((segment: any) => (
+        {source.segment_matches?.map((segment: any, index: number) => (
           <button
-            className="border p-2 rounded-md text-left border-dashed border-gray-300 dark:border-[#313132] text-sm"
+            key={segment.segment_id || index}
+            className="border p-2 rounded-md text-left border-dashed border-gray-300 dark:border-[#313132] text-sm cursor-pointer"
             onClick={() => onSegment?.(segment.content)}
           >
             <div dangerouslySetInnerHTML={{ __html: segment.content }} />

From 10b5960f8aff51e11d17f78950d0190b9923f477 Mon Sep 17 00:00:00 2001
From: Karma Tsering <75218136+Karma-Tsering@users.noreply.github.com>
Date: Wed, 26 Nov 2025 11:24:49 +0530
Subject: [PATCH 09/24] Add YouTube duration support & enhance task management
 (#137)

* Enhance task management with YouTube duration support and version bump to 2025.11.05.0657. Added duration handling for video subtasks, improved error handling in YouTube API calls, and updated related components to accommodate new duration field.

* format the code using pritteir formatter

---------

Co-authored-by: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
---
 package-lock.json                             |  4 +-
 src/components/routes/task/api/taskApi.ts     |  2 +
 .../routes/task/components/view/TaskForm.tsx  | 10 +++-
 .../ui/molecules/subtask-card/SubTaskCard.tsx | 44 ++++++++++-----
 src/lib/utils.ts                              | 54 ++++++++++++++++++-
 5 files changed, 97 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 40fb8547..8ae32d6b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "pechastudio",
-  "version": "2025.10.22.0628",
+  "version": "2025.11.05.0657",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "pechastudio",
-      "version": "2025.10.22.0628",
+      "version": "2025.11.05.0657",
       "dependencies": {
         "@dnd-kit/core": "^6.3.1",
         "@dnd-kit/modifiers": "^9.0.0",
diff --git a/src/components/routes/task/api/taskApi.ts b/src/components/routes/task/api/taskApi.ts
index fe2a808d..feecf8b4 100644
--- a/src/components/routes/task/api/taskApi.ts
+++ b/src/components/routes/task/api/taskApi.ts
@@ -43,6 +43,7 @@ export const createSubTasks = async (
     content: string | null;
     content_type: string;
     display_order: number;
+    duration?: string;
   }[],
 ) => {
   const { data } = await axiosInstance.post(
@@ -65,6 +66,7 @@ export const updateSubTasks = async (
     content: string | null;
     content_type: string;
     display_order: number;
+    duration?: string;
   }[],
 ) => {
   await axiosInstance.put(
diff --git a/src/components/routes/task/components/view/TaskForm.tsx b/src/components/routes/task/components/view/TaskForm.tsx
index 91566e4d..e975f508 100644
--- a/src/components/routes/task/components/view/TaskForm.tsx
+++ b/src/components/routes/task/components/view/TaskForm.tsx
@@ -79,6 +79,8 @@ const TaskForm = ({
           content: subTask.content,
           content_type: subTask.content_type,
           display_order: index + 1,
+          ...(subTask.content_type === "VIDEO" &&
+            subTask.duration && { duration: subTask.duration }),
         }));
         await createSubTasks(taskResponse.id, subTasksPayload);
       }
@@ -105,6 +107,8 @@ const TaskForm = ({
         content: subTask.content,
         content_type: subTask.content_type,
         display_order: index + 1,
+        ...(subTask.content_type === "VIDEO" &&
+          subTask.duration && { duration: subTask.duration }),
       }));
       await updateSubTasks(editingTask.id, subTasksPayload);
     },
@@ -152,6 +156,7 @@ const TaskForm = ({
               id: data.id,
               content_type: "VIDEO",
               content: data.content,
+              duration: data.duration,
             };
           case "TEXT":
             return {
@@ -199,6 +204,7 @@ const TaskForm = ({
           id: null,
           content_type: "VIDEO",
           content: "",
+          duration: "",
         };
         break;
       case "TEXT":
@@ -264,7 +270,7 @@ const TaskForm = ({
         content: key,
       });
       toast.success("Image uploaded successfully!");
-    } catch (error) {
+    } catch {
       toast.error("Failed to upload image");
     }
   };
@@ -288,7 +294,7 @@ const TaskForm = ({
     onCancel(newlyCreatedTaskId);
   };
 
-  const onSubmit = (data: TaskFormData) => {
+  const onSubmit = async (data: TaskFormData) => {
     const taskData: any = {
       plan_id: plan_id!,
       day_id: currentDayData!.id,
diff --git a/src/components/ui/molecules/subtask-card/SubTaskCard.tsx b/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
index dd6688c6..44fa0212 100644
--- a/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
+++ b/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
@@ -7,12 +7,14 @@ import {
   AudioContent,
   ContentIcon,
 } from "../content-sub/ContentComponents";
+import { getYouTubeDuration } from "@/lib/utils";
 
 interface VideoSubTask {
   id?: string | null;
   content_type: "VIDEO";
   content: string;
   display_order?: number;
+  duration?: string;
 }
 
 interface TextSubTask {
@@ -67,18 +69,36 @@ const VideoSubtask = ({
   subTask: VideoSubTask;
   index: number;
   onUpdate: (index: number, updates: Partial<SubTask>) => void;
-}) => (
-  <>
-    <Pecha.Input
-      type="url"
-      placeholder="Enter YouTube URL"
-      className="h-12 text-base bg-[#FAFAFA] dark:bg-sidebar-secondary "
-      value={subTask.content}
-      onChange={(e) => onUpdate(index, { content: e.target.value })}
-    />
-    <VideoContent content={subTask.content} />
-  </>
-);
+}) => {
+  const handleUrlChange = async (url: string) => {
+    onUpdate(index, { content: url, duration: "" });
+
+    // Fetch duration if it's a valid YouTube URL
+    if (url && (url.includes("youtube.com") || url.includes("youtu.be"))) {
+      try {
+        const duration = await getYouTubeDuration(url);
+        onUpdate(index, { content: url, duration });
+      } catch (error) {
+        console.error("Failed to fetch duration:", error);
+        onUpdate(index, { content: url, duration: "" });
+      }
+    }
+  };
+
+  return (
+    <>
+      <Pecha.Input
+        type="url"
+        placeholder="Enter YouTube URL"
+        className="h-12 text-base bg-[#FAFAFA] dark:bg-sidebar-secondary "
+        value={subTask.content}
+        onChange={(e) => handleUrlChange(e.target.value)}
+      />
+
+      <VideoContent content={subTask.content} />
+    </>
+  );
+};
 
 const TextSubtask = ({
   subTask,
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index d2315036..57d1f23f 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -28,6 +28,58 @@ export const getYouTubeVideoId = (url: string) => {
   return match?.[1] || "";
 };
 
+export const convertDuration = (duration: string) => {
+  const match = duration.match(/PT(\d+H)?(\d+M)?(\d+S)?/);
+
+  const hours = (match?.[1] || "0H").slice(0, -1);
+  const minutes = (match?.[2] || "0M").slice(0, -1);
+  const seconds = (match?.[3] || "0S").slice(0, -1);
+
+  return `${hours}:${minutes}:${seconds}`;
+};
+
+export const getYouTubeDuration = async (url: string): Promise<string> => {
+  try {
+    // Try to get video ID from both regular YouTube and Shorts URLs
+    const videoId = getYouTubeShortsId(url) || getYouTubeVideoId(url);
+
+    if (!videoId) {
+      throw new Error("Invalid YouTube URL - could not extract video ID");
+    }
+
+    const apiKey = import.meta.env.VITE_YOUTUBE_API_KEY || "";
+
+    if (!apiKey) {
+      throw new Error("YouTube API key is not configured");
+    }
+    const youtubeUrl = `https://www.googleapis.com/youtube/v3/videos?part=contentDetails&id=${videoId}&key=${apiKey}`;
+
+    const response = await fetch(youtubeUrl);
+
+    if (!response.ok) {
+      throw new Error(
+        `YouTube API error: ${response.status} ${response.statusText}`,
+      );
+    }
+
+    const data = await response.json();
+    if (data.error) {
+      throw new Error(`YouTube API error: ${data.error.message}`);
+    }
+
+    const duration = data.items?.[0]?.contentDetails?.duration;
+
+    if (!duration) {
+      throw new Error("Duration not found in YouTube API response");
+    }
+
+    return convertDuration(duration);
+  } catch (error) {
+    console.error("Error fetching YouTube duration:", error);
+    throw error; // Re-throw to let caller handle it
+  }
+};
+
 export const getYouTubeShortsId = (url: string) => {
   const match = url.match(
     /(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([a-zA-Z0-9_-]+)/,
@@ -41,7 +93,7 @@ export const extractSpotifyId = (url: string) => {
 };
 
 export const getIcon = (platform: string) => {
-  const iconMap: any = {
+  const iconMap: Record<string, React.ComponentType> = {
     facebook: FaFacebook,
     "x.com": FaTwitter,
     linkedin: FaLinkedin,

From e6c35c4ade36330a00b88a3a8867e736365c6e69 Mon Sep 17 00:00:00 2001
From: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
Date: Wed, 26 Nov 2025 12:37:02 +0530
Subject: [PATCH 10/24] docker key (#138)

* dfd

* check

* build

* revert docker

* changes
---
 .github/workflows/docker.yml | 1 +
 Dockerfile                   | 2 +-
 src/lib/utils.ts             | 1 -
 3 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/docker.yml b/.github/workflows/docker.yml
index 1b424172..496ff3fb 100644
--- a/.github/workflows/docker.yml
+++ b/.github/workflows/docker.yml
@@ -36,6 +36,7 @@ jobs:
           lower_owner=$(echo "${{ github.repository_owner }}" | tr '[:upper:]' '[:lower:]')
           docker build \
             --build-arg VITE_ENV_SALT=${{ secrets.VITE_ENV_SALT }} \
+            --build-arg VITE_YOUTUBE_API_KEY=${{ secrets.VITE_YOUTUBE_API_KEY }} \
             -t ghcr.io/$lower_owner/plan_frontend:${{ env.IMAGE_TAG }} .
 
       - name: Push Docker image to GHCR
diff --git a/Dockerfile b/Dockerfile
index f74ffc63..24b82a02 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -31,4 +31,4 @@ COPY nginx/security-headers.conf /etc/nginx/
 
 EXPOSE 4173
 
-CMD ["sh", "-c", "envsubst '${VITE_BACKEND_BASE_URL}' < /etc/nginx/conf.d/studio.conf.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]
+CMD ["sh", "-c", "envsubst '${VITE_BACKEND_BASE_URL}' < /etc/nginx/conf.d/studio.conf.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]
\ No newline at end of file
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 57d1f23f..974f0b7b 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -48,7 +48,6 @@ export const getYouTubeDuration = async (url: string): Promise<string> => {
     }
 
     const apiKey = import.meta.env.VITE_YOUTUBE_API_KEY || "";
-
     if (!apiKey) {
       throw new Error("YouTube API key is not configured");
     }

From bb0c6f0066cbe636c25be0beba2b722ccb0f3a62 Mon Sep 17 00:00:00 2001
From: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
Date: Wed, 26 Nov 2025 13:03:45 +0530
Subject: [PATCH 11/24] Changesss (#139)

* dfd

* check

* build

* revert docker

* changes

* te

* log

* ket
---
 Dockerfile | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index 24b82a02..a141a167 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -11,7 +11,9 @@ RUN npm install
 
 COPY . .
 ARG VITE_ENV_SALT
+ARG VITE_YOUTUBE_API_KEY
 ENV VITE_ENV_SALT=${VITE_ENV_SALT}
+ENV VITE_YOUTUBE_API_KEY=${VITE_YOUTUBE_API_KEY}
 RUN npm run build
 
 FROM nginx:stable-alpine
@@ -31,4 +33,4 @@ COPY nginx/security-headers.conf /etc/nginx/
 
 EXPOSE 4173
 
-CMD ["sh", "-c", "envsubst '${VITE_BACKEND_BASE_URL}' < /etc/nginx/conf.d/studio.conf.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]
\ No newline at end of file
+CMD ["sh", "-c", "envsubst '${VITE_BACKEND_BASE_URL} ${VITE_YOUTUBE_API_KEY}' < /etc/nginx/conf.d/studio.conf.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]

From 8fd7b7e9c2eed121127f78ee0f537ca810ffd0a3 Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Fri, 19 Dec 2025 10:44:54 +0530
Subject: [PATCH 12/24] validation commit (#140)

* validation commit

* lint
---
 .../routes/task/components/view/TaskForm.tsx  |  3 ++-
 .../profile-edit-form/ProfileEditForm.tsx     | 23 +++++++++++++++++--
 src/lib/constant.ts                           |  9 +++++++-
 3 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/components/routes/task/components/view/TaskForm.tsx b/src/components/routes/task/components/view/TaskForm.tsx
index e975f508..f3e19fcc 100644
--- a/src/components/routes/task/components/view/TaskForm.tsx
+++ b/src/components/routes/task/components/view/TaskForm.tsx
@@ -374,7 +374,8 @@ const TaskForm = ({
               disabled={
                 !isDraft ||
                 createTaskMutation.isPending ||
-                updateTaskMutation.isPending
+                updateTaskMutation.isPending ||
+                subTasks.length === 0
               }
             >
               {createTaskMutation.isPending || updateTaskMutation.isPending
diff --git a/src/components/ui/molecules/profile-edit-form/ProfileEditForm.tsx b/src/components/ui/molecules/profile-edit-form/ProfileEditForm.tsx
index e0c22be3..20fe388c 100644
--- a/src/components/ui/molecules/profile-edit-form/ProfileEditForm.tsx
+++ b/src/components/ui/molecules/profile-edit-form/ProfileEditForm.tsx
@@ -1,7 +1,7 @@
 import axiosInstance from "@/config/axios-config";
 import { Pecha } from "@/components/ui/shadimport";
 import { Label } from "@/components/ui/atoms/label";
-import { SOCIAL_PLATFORMS } from "@/lib/constant";
+import { SOCIAL_PLATFORMS, PLATFORM_PATTERNS } from "@/lib/constant";
 import { IoMdClose, IoMdAdd } from "react-icons/io";
 import { FaEdit } from "react-icons/fa";
 import { useState } from "react";
@@ -14,6 +14,14 @@ import { toast } from "sonner";
 import ImageContentData from "@/components/ui/molecules/modals/image-upload/ImageContentData";
 import { uploadImageToS3 } from "@/components/routes/task/api/taskApi";
 
+const getUrlError = (account: string, url: string): string | null => {
+  if (!account || !url || account === "email") return null;
+  const pattern = PLATFORM_PATTERNS[account];
+  if (pattern && !pattern.test(url))
+    return `URL must be a valid ${account} link`;
+  return null;
+};
+
 interface SocialProfile {
   account: string;
   url: string;
@@ -125,6 +133,10 @@ const ProfileEditForm = ({
   };
 
   const onSubmit = (data: ProfileFormData) => {
+    const hasUrlErrors = socialProfiles.some((sp) =>
+      getUrlError(sp.account, sp.url),
+    );
+    if (hasUrlErrors) return;
     try {
       const validatedData = profileSchema.parse(data);
       const filteredSocialProfiles = socialProfiles.filter(
@@ -254,6 +266,7 @@ const ProfileEditForm = ({
                   .filter((_, i) => i !== index)
                   .map((sp) => sp.account)
                   .filter(Boolean);
+                const urlError = getUrlError(social.account, social.url);
 
                 return (
                   <div
@@ -334,6 +347,9 @@ const ProfileEditForm = ({
                             social.url === userInfo?.email
                           }
                         />
+                        {urlError && (
+                          <p className="text-sm text-red-500">{urlError}</p>
+                        )}
                       </div>
                     </div>
                   </div>
@@ -345,7 +361,10 @@ const ProfileEditForm = ({
             <Pecha.Button
               type="submit"
               className=" h-12 px-12 font-medium dark:text-white  bg-[#A51C21] hover:bg-[#A51C21]/90"
-              disabled={updateProfileMutation.isPending}
+              disabled={
+                updateProfileMutation.isPending ||
+                socialProfiles.some((sp) => getUrlError(sp.account, sp.url))
+              }
             >
               {updateProfileMutation.isPending ? "Saving..." : "Save Changes"}
             </Pecha.Button>
diff --git a/src/lib/constant.ts b/src/lib/constant.ts
index e51446b8..91030678 100644
--- a/src/lib/constant.ts
+++ b/src/lib/constant.ts
@@ -26,7 +26,14 @@ export const SOCIAL_PLATFORMS = [
   { value: "instagram", label: "Instagram", icon: "Instagram" },
   { value: "tiktok", label: "TikTok", icon: "TikTok" },
 ];
-
+export const PLATFORM_PATTERNS: Record<string, RegExp> = {
+  facebook: /facebook\.com/i,
+  "x.com": /(x\.com|twitter\.com)/i,
+  linkedin: /linkedin\.com/i,
+  youtube: /(youtube\.com|youtu\.be)/i,
+  instagram: /instagram\.com/i,
+  tiktok: /tiktok\.com/i,
+};
 export const TIBETAN_LETTERS = [
   "ཀ",
   "ཁ",

From f0ef35c9299bbd8a761326554ccae1eaf5a1d71c Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Tue, 13 Jan 2026 20:51:03 +0530
Subject: [PATCH 13/24] status update fix (#141)

* status update fix

* lint
---
 .../routes/task/PlanDetailsPage.test.tsx      | 45 +++++--------------
 .../routes/task/PlanDetailsPage.tsx           | 26 +++--------
 .../task/components/view/TaskForm.test.tsx    | 16 +++++++
 .../dropdown-button/DropdownButton.tsx        |  1 +
 4 files changed, 34 insertions(+), 54 deletions(-)

diff --git a/src/components/routes/task/PlanDetailsPage.test.tsx b/src/components/routes/task/PlanDetailsPage.test.tsx
index c7d6a92a..20e310c7 100644
--- a/src/components/routes/task/PlanDetailsPage.test.tsx
+++ b/src/components/routes/task/PlanDetailsPage.test.tsx
@@ -99,16 +99,10 @@ const renderWithProviders = (component: React.ReactElement, isDraft = true) => {
       queries: { retry: false },
     },
   });
-  if (isDraft) {
-    queryClient.setQueryData(["dashboard-plans"], {
-      plans: [
-        {
-          id: "test-plan-id",
-          status: "DRAFT",
-        },
-      ],
-    });
-  }
+  queryClient.setQueryData(["planDetails", "test-plan-id"], {
+    ...mockPlanData,
+    status: isDraft ? "DRAFT" : "ARCHIVED",
+  });
   return render(
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>{component}</BrowserRouter>
@@ -206,30 +200,15 @@ describe("PlanDetailsPanel Component", () => {
     expect(screen.getByPlaceholderText("Task Title")).toBeInTheDocument();
   });
 
-  it("switches to task view after creating a new task", async () => {
+  it("switches to task view after clicking a task", async () => {
     const { default: axiosInstance } = await import("@/config/axios-config");
     const mockAxios = axiosInstance as any;
-    mockAxios.post.mockImplementation((url: string, data?: any) => {
-      if (url.includes("/tasks")) {
-        return Promise.resolve({
-          data: {
-            id: "newly-created-task-123",
-            title: data?.title || "New Task",
-            display_order: 1,
-            estimated_time: 30,
-          },
-        });
-      }
-      return Promise.resolve({
-        data: { id: "new-day-id", day_number: 5, tasks: [] },
-      });
-    });
     mockAxios.get.mockImplementation((url: string) => {
-      if (url.includes("/tasks/newly-created-task-123")) {
+      if (url.includes("/tasks/task1")) {
         return Promise.resolve({
           data: {
-            id: "newly-created-task-123",
-            title: "New Task",
+            id: "task1",
+            title: "Morning Intention Setting",
             display_order: 1,
             estimated_time: 30,
             subtasks: [],
@@ -242,17 +221,13 @@ describe("PlanDetailsPanel Component", () => {
     await waitFor(() => {
       expect(screen.getByText(mockPlanData.title)).toBeInTheDocument();
     });
-    const titleInput = screen.getByPlaceholderText("Task Title");
-    fireEvent.change(titleInput, { target: { value: "New Task" } });
-    fireEvent.click(screen.getByText("Submit"));
+    expect(screen.getByText("Add Task")).toBeInTheDocument();
+    fireEvent.click(screen.getByText("Morning Intention Setting"));
     await waitFor(() => {
       expect(screen.queryByText("Add Task")).not.toBeInTheDocument();
     });
     await waitFor(() => {
       expect(screen.getByText("Task")).toBeInTheDocument();
     });
-    await waitFor(() => {
-      expect(screen.getByText("New Task")).toBeInTheDocument();
-    });
   });
 });
diff --git a/src/components/routes/task/PlanDetailsPage.tsx b/src/components/routes/task/PlanDetailsPage.tsx
index 77c5cfed..2cff7272 100644
--- a/src/components/routes/task/PlanDetailsPage.tsx
+++ b/src/components/routes/task/PlanDetailsPage.tsx
@@ -1,9 +1,10 @@
 import { useState } from "react";
 import { useParams } from "react-router-dom";
-import { useQueryClient } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import TaskForm from "./components/view/TaskForm";
 import SideBar from "./components/sidebar-component/SideBar";
 import TaskView from "./components/view/TaskView";
+import { fetchPlanDetails } from "./api/planApi";
 
 const PlanDetailsPage = () => {
   const [selectedDay, setSelectedDay] = useState<number>(1);
@@ -11,26 +12,13 @@ const PlanDetailsPage = () => {
   const [editingTask, setEditingTask] = useState<any>(null);
   const { plan_id } = useParams<{ plan_id: string }>();
 
-  const queryClient = useQueryClient();
-
-  const dashboardQueries = queryClient.getQueriesData<any>({
-    queryKey: ["dashboard-plans"],
+  const { data: planDetails } = useQuery({
+    queryKey: ["planDetails", plan_id],
+    queryFn: () => fetchPlanDetails(plan_id!),
+    enabled: !!plan_id,
   });
 
-  let cachedStatus: string | undefined;
-  for (const [, queryData] of dashboardQueries) {
-    if (queryData?.plans) {
-      const cachedPlan = queryData.plans.find(
-        (plan: any) => plan.id === plan_id,
-      );
-      if (cachedPlan?.status) {
-        cachedStatus = cachedPlan.status;
-        break;
-      }
-    }
-  }
-
-  const status = cachedStatus || "DRAFT";
+  const status = planDetails?.status || "DRAFT";
   const isDraft = status === "DRAFT";
 
   const handleDaySelect = (dayNumber: number) => {
diff --git a/src/components/routes/task/components/view/TaskForm.test.tsx b/src/components/routes/task/components/view/TaskForm.test.tsx
index 35fe4e08..0112968e 100644
--- a/src/components/routes/task/components/view/TaskForm.test.tsx
+++ b/src/components/routes/task/components/view/TaskForm.test.tsx
@@ -278,6 +278,14 @@ describe("TaskForm Component", () => {
     renderWithProviders(<TaskForm selectedDay={1} onCancel={mockOnCancel} />);
     const titleInput = screen.getByPlaceholderText("Task Title");
     fireEvent.change(titleInput, { target: { value: "New Task" } });
+
+    fireEvent.click(screen.getByText("Add Text"));
+    await waitFor(() => {
+      expect(
+        screen.getByPlaceholderText("Enter your text content"),
+      ).toBeInTheDocument();
+    });
+
     const submitButton = screen.getByText("Submit");
     fireEvent.click(submitButton);
     await waitFor(() => {
@@ -377,6 +385,14 @@ describe("TaskForm Component", () => {
     renderWithProviders(<TaskForm selectedDay={1} onCancel={mockOnCancel} />);
     const titleInput = screen.getByPlaceholderText("Task Title");
     fireEvent.change(titleInput, { target: { value: "New Task" } });
+
+    fireEvent.click(screen.getByText("Add Text"));
+    await waitFor(() => {
+      expect(
+        screen.getByPlaceholderText("Enter your text content"),
+      ).toBeInTheDocument();
+    });
+
     const submitButton = screen.getByText("Submit");
     fireEvent.click(submitButton);
     await waitFor(() => {
diff --git a/src/components/ui/molecules/dropdown-button/DropdownButton.tsx b/src/components/ui/molecules/dropdown-button/DropdownButton.tsx
index 58c7cadb..bb9ab935 100644
--- a/src/components/ui/molecules/dropdown-button/DropdownButton.tsx
+++ b/src/components/ui/molecules/dropdown-button/DropdownButton.tsx
@@ -72,6 +72,7 @@ export function DropdownButton({
 
       toast.success(`Status updated to ${newStatus}`);
       queryClient.refetchQueries({ queryKey: ["dashboard-plans"] });
+      queryClient.invalidateQueries({ queryKey: ["planDetails", planId] });
     } catch (error: any) {
       toast.error(error.response.data.detail.message);
     }

From 62461656e57587ac5bd6690105f6d5f1e00a33e3 Mon Sep 17 00:00:00 2001
From: TenzDelek <tibetdelek@gmail.com>
Date: Thu, 29 Jan 2026 10:10:52 +0530
Subject: [PATCH 14/24] hide alphabets

---
 src/components/ui/atoms/studio-card.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/atoms/studio-card.tsx b/src/components/ui/atoms/studio-card.tsx
index 375a09e8..069e9fb2 100644
--- a/src/components/ui/atoms/studio-card.tsx
+++ b/src/components/ui/atoms/studio-card.tsx
@@ -38,7 +38,7 @@ const ContainerLayout = ({ children, title }: ContainerLayoutProps) => {
         </div>
         <div />
       </div>
-      <div className="flex-1 md:flex items-center justify-center hidden">
+      {/* <div className="flex-1 md:flex items-center justify-center hidden">
         <div className="grid grid-cols-4 w-full h-full font-dutsa">
           {TIBETAN_LETTERS.map((letter, index) => (
             <div
@@ -49,7 +49,7 @@ const ContainerLayout = ({ children, title }: ContainerLayoutProps) => {
             </div>
           ))}
         </div>
-      </div>
+      </div> */}
     </div>
   );
 };

From 933a73eda89e3559897f3bce329d7062a4900ad4 Mon Sep 17 00:00:00 2001
From: TenzDelek <122612557+TenzDelek@users.noreply.github.com>
Date: Thu, 29 Jan 2026 10:15:30 +0530
Subject: [PATCH 15/24] Hide (#142)

* hide alphabets

* build fix
---
 src/components/ui/atoms/studio-card.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/atoms/studio-card.tsx b/src/components/ui/atoms/studio-card.tsx
index 375a09e8..5d09b290 100644
--- a/src/components/ui/atoms/studio-card.tsx
+++ b/src/components/ui/atoms/studio-card.tsx
@@ -1,4 +1,3 @@
-import { TIBETAN_LETTERS } from "@/lib/constant";
 import pechaIcon from "../../../assets/icon/pecha_icon.png";
 
 interface ContainerLayoutProps {
@@ -38,7 +37,7 @@ const ContainerLayout = ({ children, title }: ContainerLayoutProps) => {
         </div>
         <div />
       </div>
-      <div className="flex-1 md:flex items-center justify-center hidden">
+      {/* <div className="flex-1 md:flex items-center justify-center hidden">
         <div className="grid grid-cols-4 w-full h-full font-dutsa">
           {TIBETAN_LETTERS.map((letter, index) => (
             <div
@@ -49,7 +48,7 @@ const ContainerLayout = ({ children, title }: ContainerLayoutProps) => {
             </div>
           ))}
         </div>
-      </div>
+      </div> */}
     </div>
   );
 };

From 29ed14cadbb2acf008d2ce8fc65df413b448f2d8 Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Fri, 6 Feb 2026 14:16:38 +0530
Subject: [PATCH 16/24] Updateapistruct (#143)

* update as per updated backend

* correct segment id

* lint
---
 src/components/routes/task/api/taskApi.ts     |  4 ++++
 .../routes/task/components/view/TaskForm.tsx  | 22 +++++++++++++++++--
 .../content-sub/ContentTypeSelector.tsx       | 12 +++++++---
 .../ui/molecules/subtask-card/SubTaskCard.tsx |  2 ++
 .../webuddhist-source/SourceSelectorSheet.tsx | 14 ++++++++----
 .../webuddhist-source/sourceItem.tsx          |  8 ++++++-
 6 files changed, 52 insertions(+), 10 deletions(-)

diff --git a/src/components/routes/task/api/taskApi.ts b/src/components/routes/task/api/taskApi.ts
index feecf8b4..d6fa0a7e 100644
--- a/src/components/routes/task/api/taskApi.ts
+++ b/src/components/routes/task/api/taskApi.ts
@@ -44,6 +44,8 @@ export const createSubTasks = async (
     content_type: string;
     display_order: number;
     duration?: string;
+    source_text_id?: string | null;
+    pecha_segment_id?: string | null;
   }[],
 ) => {
   const { data } = await axiosInstance.post(
@@ -67,6 +69,8 @@ export const updateSubTasks = async (
     content_type: string;
     display_order: number;
     duration?: string;
+    source_text_id?: string | null;
+    pecha_segment_id?: string | null;
   }[],
 ) => {
   await axiosInstance.put(
diff --git a/src/components/routes/task/components/view/TaskForm.tsx b/src/components/routes/task/components/view/TaskForm.tsx
index f3e19fcc..d47f6bc9 100644
--- a/src/components/routes/task/components/view/TaskForm.tsx
+++ b/src/components/routes/task/components/view/TaskForm.tsx
@@ -81,6 +81,10 @@ const TaskForm = ({
           display_order: index + 1,
           ...(subTask.content_type === "VIDEO" &&
             subTask.duration && { duration: subTask.duration }),
+          ...(subTask.content_type === "SOURCE_REFERENCE" && {
+            source_text_id: subTask.source_text_id || null,
+            pecha_segment_id: subTask.pecha_segment_id || null,
+          }),
         }));
         await createSubTasks(taskResponse.id, subTasksPayload);
       }
@@ -109,6 +113,10 @@ const TaskForm = ({
         display_order: index + 1,
         ...(subTask.content_type === "VIDEO" &&
           subTask.duration && { duration: subTask.duration }),
+        ...(subTask.content_type === "SOURCE_REFERENCE" && {
+          source_text_id: subTask.source_text_id || null,
+          pecha_segment_id: subTask.pecha_segment_id || null,
+        }),
       }));
       await updateSubTasks(editingTask.id, subTasksPayload);
     },
@@ -182,6 +190,8 @@ const TaskForm = ({
               id: data.id,
               content_type: "SOURCE_REFERENCE",
               content: data.content,
+              source_text_id: data.source_text_id || null,
+              pecha_segment_id: data.pecha_segment_id || null,
             };
           default:
             return {
@@ -195,7 +205,13 @@ const TaskForm = ({
     }
   }, [editingTask?.id, selectedDay, taskDetails?.id]);
 
-  const handleAddSubTask = (content_type: any, sourceContent?: string) => {
+  interface SourceData {
+    content: string;
+    segment_id: string;
+    text_id: string;
+  }
+
+  const handleAddSubTask = (content_type: any, sourceData?: SourceData) => {
     let newSubTask: SubTask;
 
     switch (content_type) {
@@ -233,7 +249,9 @@ const TaskForm = ({
         newSubTask = {
           id: null,
           content_type: "SOURCE_REFERENCE",
-          content: sourceContent || "",
+          content: sourceData?.content || "",
+          source_text_id: sourceData?.text_id || null,
+          pecha_segment_id: sourceData?.segment_id || null,
         };
         break;
     }
diff --git a/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx b/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
index 42bd1bad..3e84d409 100644
--- a/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
+++ b/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
@@ -6,10 +6,16 @@ import pechaIcon from "@/assets/icon/pecha_icon.png";
 import { useState } from "react";
 import { SourceSelectorSheet } from "../webuddhist-source/SourceSelectorSheet";
 
+interface SourceData {
+  content: string;
+  segment_id: string;
+  text_id: string;
+}
+
 interface ContentTypeSelectorProps {
   onSelectType: (
     type: "IMAGE" | "VIDEO" | "AUDIO" | "TEXT" | "SOURCE_REFERENCE",
-    sourceContent?: string,
+    sourceData?: SourceData,
   ) => void;
 }
 
@@ -53,8 +59,8 @@ export const ContentTypeSelector = ({
     }
   };
 
-  const handleAddSource = (sourceContent: string) => {
-    onSelectType("SOURCE_REFERENCE", sourceContent);
+  const handleAddSource = (sourceData: SourceData) => {
+    onSelectType("SOURCE_REFERENCE", sourceData);
     setIsSourceSheetOpen(false);
   };
 
diff --git a/src/components/ui/molecules/subtask-card/SubTaskCard.tsx b/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
index 44fa0212..646e8aba 100644
--- a/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
+++ b/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
@@ -44,6 +44,8 @@ interface SourceSubTask {
   content_type: "SOURCE_REFERENCE";
   content: string;
   display_order?: number;
+  source_text_id?: string | null;
+  pecha_segment_id?: string | null;
 }
 export type SubTask =
   | VideoSubTask
diff --git a/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx b/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
index 13652dab..2e3eaa15 100644
--- a/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
+++ b/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
@@ -10,10 +10,16 @@ import { Pagination } from "@/components/ui/molecules/pagination/Pagination";
 import { searchSources } from "@/components/api/searchApi";
 import { LANGUAGE } from "@/lib/constant";
 
+interface SourceData {
+  content: string;
+  segment_id: string;
+  text_id: string;
+}
+
 interface SourceSelectorSheetProps {
   isOpen: boolean;
   onOpenChange: (open: boolean) => void;
-  onAddSource: (sourceContent: string) => void;
+  onAddSource: (sourceData: SourceData) => void;
 }
 
 export const SourceSelectorSheet = ({
@@ -55,9 +61,9 @@ export const SourceSelectorSheet = ({
   };
   const { t } = useTranslate();
 
-  const handleAddSource = (content: any) => {
-    if (content) {
-      onAddSource(content);
+  const handleAddSource = (sourceData: SourceData) => {
+    if (sourceData?.content) {
+      onAddSource(sourceData);
       onOpenChange(false);
     }
   };
diff --git a/src/components/ui/molecules/webuddhist-source/sourceItem.tsx b/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
index 5ad5852f..2e3082b9 100644
--- a/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
+++ b/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
@@ -14,7 +14,13 @@ const SourceItem = ({ source, onSegment }: any) => {
           <button
             key={segment.segment_id || index}
             className="border p-2 rounded-md text-left border-dashed border-gray-300 dark:border-[#313132] text-sm cursor-pointer"
-            onClick={() => onSegment?.(segment.content)}
+            onClick={() =>
+              onSegment?.({
+                content: segment.content,
+                segment_id: segment.pecha_segment_id,
+                text_id: source.text.text_id,
+              })
+            }
           >
             <div dangerouslySetInnerHTML={{ __html: segment.content }} />
           </button>

From 10f2ce398cc917c3c711e92d7784ed48632d968a Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Tue, 10 Feb 2026 15:41:46 +0530
Subject: [PATCH 17/24] remove state (#146)

---
 src/components/auth/login/Login.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/auth/login/Login.tsx b/src/components/auth/login/Login.tsx
index c2947c99..6f1d2c19 100644
--- a/src/components/auth/login/Login.tsx
+++ b/src/components/auth/login/Login.tsx
@@ -17,7 +17,6 @@ const Login = () => {
   const { t } = useTranslate();
   const navigate = useNavigate();
   const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
   const [errors, setErrors] = useState<string>("");
   const [successMessage, setSuccessMessage] = useState<string>("");
   const [showEmailReverify, setShowEmailReverify] = useState<boolean>(false);
@@ -69,10 +68,12 @@ const Login = () => {
     },
   });
 
-  const handleLogin = (e: React.FormEvent) => {
+  const handleLogin = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     setShowEmailReverify(false);
     setSuccessMessage("");
+    const formData = new FormData(e.currentTarget);
+    const password = formData.get("password") as string;
     const clientPassword = createPasswordHash(email, password);
     loginMutation.mutate({
       email,
@@ -111,13 +112,10 @@ const Login = () => {
           </Label>
           <Input
             type="password"
+            name="password"
             placeholder={t("studio.login.placeholder.password")}
             className=" placeholder:text-[#b1b1b1]"
             required
-            value={password}
-            onChange={(e) => {
-              setPassword(e.target.value);
-            }}
           />
         </div>
         <div className="flex mt-4 justify-center ">

From e95f467133135f94fa20414ea670c7a403a2b8bf Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Thu, 12 Feb 2026 16:17:57 +0530
Subject: [PATCH 18/24] Add segment_id to task-related components as per
 updated backend (#147)

* Add segment_id to task-related components as per updated backend

* update naming
---
 src/components/routes/task/api/taskApi.ts                | 2 ++
 src/components/routes/task/components/view/TaskForm.tsx  | 9 +++++++--
 .../ui/molecules/content-sub/ContentTypeSelector.tsx     | 3 ++-
 src/components/ui/molecules/subtask-card/SubTaskCard.tsx | 1 +
 .../molecules/webuddhist-source/SourceSelectorSheet.tsx  | 3 ++-
 .../ui/molecules/webuddhist-source/sourceItem.tsx        | 3 ++-
 6 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/routes/task/api/taskApi.ts b/src/components/routes/task/api/taskApi.ts
index d6fa0a7e..7c37ee27 100644
--- a/src/components/routes/task/api/taskApi.ts
+++ b/src/components/routes/task/api/taskApi.ts
@@ -46,6 +46,7 @@ export const createSubTasks = async (
     duration?: string;
     source_text_id?: string | null;
     pecha_segment_id?: string | null;
+    segment_id?: string | null;
   }[],
 ) => {
   const { data } = await axiosInstance.post(
@@ -71,6 +72,7 @@ export const updateSubTasks = async (
     duration?: string;
     source_text_id?: string | null;
     pecha_segment_id?: string | null;
+    segment_id?: string | null;
   }[],
 ) => {
   await axiosInstance.put(
diff --git a/src/components/routes/task/components/view/TaskForm.tsx b/src/components/routes/task/components/view/TaskForm.tsx
index d47f6bc9..51575c0d 100644
--- a/src/components/routes/task/components/view/TaskForm.tsx
+++ b/src/components/routes/task/components/view/TaskForm.tsx
@@ -84,6 +84,7 @@ const TaskForm = ({
           ...(subTask.content_type === "SOURCE_REFERENCE" && {
             source_text_id: subTask.source_text_id || null,
             pecha_segment_id: subTask.pecha_segment_id || null,
+            segment_id: subTask.segment_id || null,
           }),
         }));
         await createSubTasks(taskResponse.id, subTasksPayload);
@@ -116,6 +117,7 @@ const TaskForm = ({
         ...(subTask.content_type === "SOURCE_REFERENCE" && {
           source_text_id: subTask.source_text_id || null,
           pecha_segment_id: subTask.pecha_segment_id || null,
+          segment_id: subTask.segment_id || null,
         }),
       }));
       await updateSubTasks(editingTask.id, subTasksPayload);
@@ -192,6 +194,7 @@ const TaskForm = ({
               content: data.content,
               source_text_id: data.source_text_id || null,
               pecha_segment_id: data.pecha_segment_id || null,
+              segment_id: data.segment_id || null,
             };
           default:
             return {
@@ -207,8 +210,9 @@ const TaskForm = ({
 
   interface SourceData {
     content: string;
-    segment_id: string;
+    pecha_segment_id: string;
     text_id: string;
+    segment_id: string;
   }
 
   const handleAddSubTask = (content_type: any, sourceData?: SourceData) => {
@@ -251,7 +255,8 @@ const TaskForm = ({
           content_type: "SOURCE_REFERENCE",
           content: sourceData?.content || "",
           source_text_id: sourceData?.text_id || null,
-          pecha_segment_id: sourceData?.segment_id || null,
+          pecha_segment_id: sourceData?.pecha_segment_id || null,
+          segment_id: sourceData?.segment_id || null,
         };
         break;
     }
diff --git a/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx b/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
index 3e84d409..12c5493e 100644
--- a/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
+++ b/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
@@ -8,8 +8,9 @@ import { SourceSelectorSheet } from "../webuddhist-source/SourceSelectorSheet";
 
 interface SourceData {
   content: string;
-  segment_id: string;
+  pecha_segment_id: string;
   text_id: string;
+  segment_id: string;
 }
 
 interface ContentTypeSelectorProps {
diff --git a/src/components/ui/molecules/subtask-card/SubTaskCard.tsx b/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
index 646e8aba..92c2b449 100644
--- a/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
+++ b/src/components/ui/molecules/subtask-card/SubTaskCard.tsx
@@ -46,6 +46,7 @@ interface SourceSubTask {
   display_order?: number;
   source_text_id?: string | null;
   pecha_segment_id?: string | null;
+  segment_id?: string | null;
 }
 export type SubTask =
   | VideoSubTask
diff --git a/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx b/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
index 2e3eaa15..7fe14c64 100644
--- a/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
+++ b/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
@@ -12,8 +12,9 @@ import { LANGUAGE } from "@/lib/constant";
 
 interface SourceData {
   content: string;
-  segment_id: string;
+  pecha_segment_id: string;
   text_id: string;
+  segment_id: string;
 }
 
 interface SourceSelectorSheetProps {
diff --git a/src/components/ui/molecules/webuddhist-source/sourceItem.tsx b/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
index 2e3082b9..9cc49b62 100644
--- a/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
+++ b/src/components/ui/molecules/webuddhist-source/sourceItem.tsx
@@ -17,8 +17,9 @@ const SourceItem = ({ source, onSegment }: any) => {
             onClick={() =>
               onSegment?.({
                 content: segment.content,
-                segment_id: segment.pecha_segment_id,
+                pecha_segment_id: segment.pecha_segment_id,
                 text_id: source.text.text_id,
+                segment_id: segment.segment_id,
               })
             }
           >

From e9d6ea14382e3571f8f399ef09c83650d21dbbf8 Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Tue, 24 Feb 2026 17:12:22 +0530
Subject: [PATCH 19/24] simplify (#149)

---
 src/components/api/searchApi.ts               | 22 -------------------
 .../webuddhist-source/SourceSelectorSheet.tsx | 10 +++------
 2 files changed, 3 insertions(+), 29 deletions(-)

diff --git a/src/components/api/searchApi.ts b/src/components/api/searchApi.ts
index 9ce325e7..72578403 100644
--- a/src/components/api/searchApi.ts
+++ b/src/components/api/searchApi.ts
@@ -1,42 +1,20 @@
 import axiosInstance from "@/config/axios-config";
-import { LANGUAGE } from "@/lib/constant";
 
 type SearchCommon = {
   query: string;
-  language?: string;
   limit?: number;
   skip?: number;
 };
 
-const normalizeLanguageForApi = (language?: string | null) => {
-  if (!language) return "en";
-  const lower = language.toLowerCase();
-  if (lower.startsWith("en")) return "en";
-  if (lower.startsWith("bo")) return "bo";
-  if (lower.startsWith("zh")) return "zh";
-  return "en";
-};
-
-const pickSearchLanguage = (query: string, uiLanguage?: string | null) => {
-  const normalized = normalizeLanguageForApi(uiLanguage);
-  if (/[A-Za-z]/.test(query) && normalized !== "en") {
-    return "en";
-  }
-  return normalized;
-};
-
 export const searchSources = async ({
   query,
-  language = localStorage.getItem(LANGUAGE) || "en",
   limit = 10,
   skip = 0,
 }: SearchCommon) => {
-  const lang = pickSearchLanguage(query, language);
   const { data } = await axiosInstance.get(`/api/v1/search/multilingual`, {
     params: {
       query,
       search_type: "exact",
-      language: lang,
       limit,
       skip,
     },
diff --git a/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx b/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
index 7fe14c64..5a0ef26c 100644
--- a/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
+++ b/src/components/ui/molecules/webuddhist-source/SourceSelectorSheet.tsx
@@ -8,7 +8,6 @@ import SourceItem from "./sourceItem";
 import pechaIcon from "@/assets/icon/pecha_icon.png";
 import { Pagination } from "@/components/ui/molecules/pagination/Pagination";
 import { searchSources } from "@/components/api/searchApi";
-import { LANGUAGE } from "@/lib/constant";
 
 interface SourceData {
   content: string;
@@ -42,15 +41,12 @@ export const SourceSelectorSheet = ({
       pagination.currentPage,
       pagination.limit,
     ],
-    queryFn: () => {
-      const language = localStorage.getItem(LANGUAGE) || "en";
-      return searchSources({
+    queryFn: () =>
+      searchSources({
         query: debouncedSearchFilter,
-        language,
         limit: pagination.limit,
         skip,
-      });
-    },
+      }),
     refetchOnWindowFocus: false,
     enabled: isOpen,
   });

From 24221e89eb115bacc08d87aa290ebf2bd8a8831f Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Thu, 26 Feb 2026 09:59:09 +0530
Subject: [PATCH 20/24] slight update for status (#150)

* slight update for status

* lint
---
 .../routes/task/PlanDetailsPage.test.tsx      |  7 ++++--
 .../routes/task/PlanDetailsPage.tsx           | 10 ++++-----
 .../components/sidebar-component/SideBar.tsx  | 22 +++++++++----------
 .../sidebar-component/Sidebar.test.tsx        |  6 ++---
 .../routes/task/components/view/TaskForm.tsx  | 14 +++++++-----
 .../routes/task/components/view/TaskView.tsx  | 16 +++++++-------
 .../dropdown-button/DropdownButton.tsx        |  2 +-
 7 files changed, 41 insertions(+), 36 deletions(-)

diff --git a/src/components/routes/task/PlanDetailsPage.test.tsx b/src/components/routes/task/PlanDetailsPage.test.tsx
index 20e310c7..0baba1e3 100644
--- a/src/components/routes/task/PlanDetailsPage.test.tsx
+++ b/src/components/routes/task/PlanDetailsPage.test.tsx
@@ -93,7 +93,10 @@ Object.defineProperty(window, "sessionStorage", {
   writable: true,
 });
 
-const renderWithProviders = (component: React.ReactElement, isDraft = true) => {
+const renderWithProviders = (
+  component: React.ReactElement,
+  isEditable = true,
+) => {
   const queryClient = new QueryClient({
     defaultOptions: {
       queries: { retry: false },
@@ -101,7 +104,7 @@ const renderWithProviders = (component: React.ReactElement, isDraft = true) => {
   });
   queryClient.setQueryData(["planDetails", "test-plan-id"], {
     ...mockPlanData,
-    status: isDraft ? "DRAFT" : "ARCHIVED",
+    status: isEditable ? "DRAFT" : "PUBLISHED",
   });
   return render(
     <QueryClientProvider client={queryClient}>
diff --git a/src/components/routes/task/PlanDetailsPage.tsx b/src/components/routes/task/PlanDetailsPage.tsx
index 2cff7272..d66e6362 100644
--- a/src/components/routes/task/PlanDetailsPage.tsx
+++ b/src/components/routes/task/PlanDetailsPage.tsx
@@ -19,7 +19,7 @@ const PlanDetailsPage = () => {
   });
 
   const status = planDetails?.status || "DRAFT";
-  const isDraft = status === "DRAFT";
+  const isEditable = status === "DRAFT" || status === "ARCHIVED";
 
   const handleDaySelect = (dayNumber: number) => {
     setSelectedDay(dayNumber);
@@ -28,7 +28,7 @@ const PlanDetailsPage = () => {
   };
 
   const handleEditTask = (task: any) => {
-    if (!isDraft) {
+    if (!isEditable) {
       return;
     }
     setEditingTask(task);
@@ -60,21 +60,21 @@ const PlanDetailsPage = () => {
           setSelectedTaskId(taskId);
         }}
         onTaskDelete={handleTaskDelete}
-        isDraft={isDraft}
+        isEditable={isEditable}
       />
       <div className=" w-full pl-4 rounded-l-2xl overflow-y-auto">
         {selectedTaskId ? (
           <TaskView
             taskId={selectedTaskId}
             onEditTask={handleEditTask}
-            isDraft={isDraft}
+            isEditable={isEditable}
           />
         ) : (
           <TaskForm
             selectedDay={selectedDay}
             editingTask={editingTask}
             onCancel={handleCancelTaskForm}
-            isDraft={isDraft}
+            isEditable={isEditable}
           />
         )}
       </div>
diff --git a/src/components/routes/task/components/sidebar-component/SideBar.tsx b/src/components/routes/task/components/sidebar-component/SideBar.tsx
index d99f46e5..5eb90ecf 100644
--- a/src/components/routes/task/components/sidebar-component/SideBar.tsx
+++ b/src/components/routes/task/components/sidebar-component/SideBar.tsx
@@ -19,7 +19,7 @@ interface SideBarProps {
   onDaySelect: (dayNumber: number) => void;
   onTaskClick?: (taskId: string) => void;
   onTaskDelete?: (taskId: string) => void;
-  isDraft?: boolean;
+  isEditable?: boolean;
 }
 
 const SideBar = ({
@@ -27,7 +27,7 @@ const SideBar = ({
   onDaySelect,
   onTaskClick,
   onTaskDelete,
-  isDraft,
+  isEditable,
 }: SideBarProps) => {
   const [expandedDay, setExpandedDay] = useState<number>(selectedDay);
   const { plan_id } = useParams<{ plan_id: string }>();
@@ -116,7 +116,7 @@ const SideBar = ({
               onReorder={(activeId: any, overId: any) => {
                 handleDayReorder(activeId, overId);
               }}
-              disabled={!isDraft}
+              disabled={!isEditable}
             >
               {displayDays.map((day: any) => (
                 <SortableItem key={day.id} id={day.id}>
@@ -129,7 +129,7 @@ const SideBar = ({
                         }}
                       >
                         <div className="flex items-center gap-3">
-                          {isDraft && (
+                          {isEditable && (
                             <PiDotsSixVertical
                               className="w-4 h-4 text-gray-400 dark:text-muted-foreground cursor-grab active:cursor-grabbing"
                               {...listeners}
@@ -183,18 +183,18 @@ const SideBar = ({
                             </Activity>
                             <IoMdAdd
                               className={`w-4 h-4 text-gray-400 dark:text-muted-foreground ${
-                                isDraft
+                                isEditable
                                   ? "cursor-pointer"
                                   : "cursor-not-allowed opacity-50"
                               }`}
                               onClick={(e) => {
                                 e.stopPropagation();
-                                if (isDraft) {
+                                if (isEditable) {
                                   handleDayClick(day.day_number);
                                 }
                               }}
                             />
-                            {isDraft && currentPlan?.days.length > 1 && (
+                            {isEditable && currentPlan?.days.length > 1 && (
                               <Pecha.DropdownMenu>
                                 <Pecha.DropdownMenuTrigger asChild>
                                   <BsThreeDots className="w-3 h-3 text-gray-400 dark:text-muted-foreground cursor-pointer" />
@@ -229,7 +229,7 @@ const SideBar = ({
                             onReorder={(activeId: any, overId: any) => {
                               handleTaskReorder(activeId, overId);
                             }}
-                            disabled={!isDraft}
+                            disabled={!isEditable}
                           >
                             {getDisplayTasks(day).map((task: any) => (
                               <SortableItem
@@ -239,7 +239,7 @@ const SideBar = ({
                               >
                                 {({ listeners }: any) => (
                                   <>
-                                    {isDraft && (
+                                    {isEditable && (
                                       <PiDotsSixVertical
                                         className="w-4 h-4 text-gray-400 dark:text-muted-foreground cursor-grab active:cursor-grabbing"
                                         {...listeners}
@@ -254,7 +254,7 @@ const SideBar = ({
                                     >
                                       {task.title}
                                     </span>
-                                    {isDraft && (
+                                    {isEditable && (
                                       <Pecha.DropdownMenu>
                                         <Pecha.DropdownMenuTrigger asChild>
                                           <BsThreeDots
@@ -290,7 +290,7 @@ const SideBar = ({
           <Pecha.Button
             type="button"
             onClick={addNewDay}
-            disabled={!isDraft || createNewDay.isPending}
+            disabled={!isEditable || createNewDay.isPending}
             variant="destructive"
             className="cursor-pointer mt-1 disabled:opacity-50 w-full disabled:cursor-not-allowed"
           >
diff --git a/src/components/routes/task/components/sidebar-component/Sidebar.test.tsx b/src/components/routes/task/components/sidebar-component/Sidebar.test.tsx
index 907f6788..e47cb0e1 100644
--- a/src/components/routes/task/components/sidebar-component/Sidebar.test.tsx
+++ b/src/components/routes/task/components/sidebar-component/Sidebar.test.tsx
@@ -193,7 +193,7 @@ describe("SideBar Component", () => {
         selectedDay={1}
         onDaySelect={mockOnDaySelect}
         onTaskClick={mockOnTaskClick}
-        isDraft={true}
+        isEditable={true}
       />,
     );
     await waitFor(() => {
@@ -247,7 +247,7 @@ describe("SideBar Component", () => {
         selectedDay={1}
         onDaySelect={mockOnDaySelect}
         onTaskClick={mockOnTaskClick}
-        isDraft={true}
+        isEditable={true}
       />,
     );
     await waitFor(() => {
@@ -279,7 +279,7 @@ describe("SideBar Component", () => {
         selectedDay={1}
         onDaySelect={mockOnDaySelect}
         onTaskClick={mockOnTaskClick}
-        isDraft={true}
+        isEditable={true}
       />,
     );
     await waitFor(() => {
diff --git a/src/components/routes/task/components/view/TaskForm.tsx b/src/components/routes/task/components/view/TaskForm.tsx
index 51575c0d..d4ba6a5b 100644
--- a/src/components/routes/task/components/view/TaskForm.tsx
+++ b/src/components/routes/task/components/view/TaskForm.tsx
@@ -27,7 +27,7 @@ interface TaskFormProps {
   selectedDay: number;
   editingTask?: any;
   onCancel: (newlyCreatedTaskId?: string) => void;
-  isDraft?: boolean;
+  isEditable?: boolean;
 }
 
 type TaskFormData = z.infer<typeof taskSchema>;
@@ -36,7 +36,7 @@ const TaskForm = ({
   selectedDay,
   editingTask,
   onCancel,
-  isDraft = true,
+  isEditable = true,
 }: TaskFormProps) => {
   const { plan_id } = useParams();
   const queryClient = useQueryClient();
@@ -344,10 +344,10 @@ const TaskForm = ({
               isTitleEditing={isTitleEditing}
               formValue={formValues.title}
               control={form.control}
-              onEdit={() => isDraft && setIsTitleEditing(true)}
+              onEdit={() => isEditable && setIsTitleEditing(true)}
               onSave={handleSaveTitle}
               onCancel={() => setIsTitleEditing(false)}
-              disabled={!isDraft}
+              disabled={!isEditable}
             />
             {isEditMode && (
               <DaySelector selectedDay={selectedDay} taskId={editingTask?.id} />
@@ -377,7 +377,9 @@ const TaskForm = ({
           {imageUploadError && (
             <div className="text-red-500 text-sm ml-4">{imageUploadError}</div>
           )}
-          {isDraft && <ContentTypeSelector onSelectType={handleAddSubTask} />}
+          {isEditable && (
+            <ContentTypeSelector onSelectType={handleAddSubTask} />
+          )}
 
           <div className="p-4 flex gap-3">
             <Activity mode={isEditMode ? "visible" : "hidden"}>
@@ -395,7 +397,7 @@ const TaskForm = ({
               className="cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"
               type="submit"
               disabled={
-                !isDraft ||
+                !isEditable ||
                 createTaskMutation.isPending ||
                 updateTaskMutation.isPending ||
                 subTasks.length === 0
diff --git a/src/components/routes/task/components/view/TaskView.tsx b/src/components/routes/task/components/view/TaskView.tsx
index 5aa3ac74..1a0a67a8 100644
--- a/src/components/routes/task/components/view/TaskView.tsx
+++ b/src/components/routes/task/components/view/TaskView.tsx
@@ -19,7 +19,7 @@ type ContentType = "TEXT" | "IMAGE" | "AUDIO" | "VIDEO" | "SOURCE_REFERENCE";
 interface TaskViewProps {
   taskId: string;
   onEditTask: (task: any) => void;
-  isDraft?: boolean;
+  isEditable?: boolean;
 }
 
 const fetchTaskDetails = async (task_id: string) => {
@@ -56,11 +56,11 @@ const SubtaskContent = ({
 const SubtaskCard = ({
   subtask,
   listeners,
-  isDraft,
+  isEditable,
 }: {
   subtask: any;
   listeners?: any;
-  isDraft?: boolean;
+  isEditable?: boolean;
 }) => {
   return (
     <div
@@ -70,7 +70,7 @@ const SubtaskCard = ({
         <div className="flex items-center border w-fit bg-[#F7F7F7] dark:bg-sidebar-secondary px-2 py-1 text-sm rounded-md border-dashed gap-2">
           <ContentIcon type={subtask.content_type} /> {subtask.content_type}
         </div>
-        {listeners && isDraft && (
+        {listeners && isEditable && (
           <PiDotsSixVertical
             className="w-5 h-5 text-gray-400 dark:text-muted-foreground cursor-grab active:cursor-grabbing"
             {...listeners}
@@ -82,7 +82,7 @@ const SubtaskCard = ({
   );
 };
 
-const TaskView = ({ taskId, onEditTask, isDraft }: TaskViewProps) => {
+const TaskView = ({ taskId, onEditTask, isEditable }: TaskViewProps) => {
   const { data: taskDetails, isLoading } = useQuery({
     queryKey: ["taskDetails", taskId],
     queryFn: () => fetchTaskDetails(taskId),
@@ -101,7 +101,7 @@ const TaskView = ({ taskId, onEditTask, isDraft }: TaskViewProps) => {
       <div className=" space-y-4  overflow-y-auto">
         <div className="flex p-4 items-center justify-between w-3/4">
           <h2 className="text-xl font-semibold">Task</h2>
-          {isDraft && (
+          {isEditable && (
             <Pecha.Button
               variant="outline"
               type="button"
@@ -140,7 +140,7 @@ const TaskView = ({ taskId, onEditTask, isDraft }: TaskViewProps) => {
               onReorder={(activeId: any, overId: any) => {
                 handleSubtaskReorder(activeId, overId);
               }}
-              disabled={!isDraft}
+              disabled={!isEditable}
             >
               {displaySubtasks.map((subtask: any) => (
                 <SortableItem key={subtask.id} id={subtask.id}>
@@ -148,7 +148,7 @@ const TaskView = ({ taskId, onEditTask, isDraft }: TaskViewProps) => {
                     <SubtaskCard
                       subtask={subtask}
                       listeners={listeners}
-                      isDraft={isDraft}
+                      isEditable={isEditable}
                     />
                   )}
                 </SortableItem>
diff --git a/src/components/ui/molecules/dropdown-button/DropdownButton.tsx b/src/components/ui/molecules/dropdown-button/DropdownButton.tsx
index bb9ab935..539dff4f 100644
--- a/src/components/ui/molecules/dropdown-button/DropdownButton.tsx
+++ b/src/components/ui/molecules/dropdown-button/DropdownButton.tsx
@@ -84,7 +84,7 @@ export function DropdownButton({
     allowedStatuses.includes(status.value),
   );
 
-  const canEdit = currentStatus === "DRAFT";
+  const canEdit = currentStatus === "DRAFT" || currentStatus === "ARCHIVED";
   const canDelete = currentStatus === "DRAFT" || currentStatus === "ARCHIVED";
 
   return (

From a164646a57df65fed920887a78aa37adc528483f Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Wed, 4 Mar 2026 21:34:17 +0530
Subject: [PATCH 21/24] Tests coverage (#151)

* tests

* lint
---
 .../routes/create-plan/CreatePlan.test.tsx    |  97 +++++++++++-
 .../routes/dashboard/Dashboard.test.tsx       |  40 +++++
 .../routes/task/PlanDetailsPage.test.tsx      | 139 ++++++++++++++++++
 .../task/components/view/TaskForm.test.tsx    |  24 +++
 4 files changed, 295 insertions(+), 5 deletions(-)

diff --git a/src/components/routes/create-plan/CreatePlan.test.tsx b/src/components/routes/create-plan/CreatePlan.test.tsx
index a21c881b..63ead223 100644
--- a/src/components/routes/create-plan/CreatePlan.test.tsx
+++ b/src/components/routes/create-plan/CreatePlan.test.tsx
@@ -83,6 +83,19 @@ describe("CreatePlan Component", () => {
       }
       return Promise.resolve({ data: {} });
     });
+    vi.spyOn(axiosInstance, "get").mockResolvedValue({
+      data: {
+        id: "plan-123",
+        title: "Existing Plan",
+        description: "Existing description",
+        total_days: 14,
+        difficulty_level: "Beginner",
+        plan_image_url: "https://example.com/image.jpg",
+        image_url: "https://example.com/image.jpg",
+        tags: ["meditation"],
+        language: "en",
+      },
+    });
   });
   it("renders create plan form with main heading", () => {
     renderWithProviders(<CreatePlan />);
@@ -162,7 +175,7 @@ describe("CreatePlan Component", () => {
 
     fireEvent.change(titleInput, { target: { value: "Test Plan Title" } });
 
-    expect((titleInput as HTMLInputElement).value).toBe("Test Plan Title");
+    expect(titleInput).toHaveValue("Test Plan Title");
   });
 
   it("allows typing in description textarea", () => {
@@ -176,9 +189,7 @@ describe("CreatePlan Component", () => {
       target: { value: "Test plan description" },
     });
 
-    expect((descriptionTextarea as HTMLTextAreaElement).value).toBe(
-      "Test plan description",
-    );
+    expect(descriptionTextarea).toHaveValue("Test plan description");
   });
 
   it("allows typing in number of days input", () => {
@@ -190,7 +201,7 @@ describe("CreatePlan Component", () => {
 
     fireEvent.change(daysInput, { target: { value: "30" } });
 
-    expect((daysInput as HTMLInputElement).value).toBe("30");
+    expect(daysInput).toHaveValue(30);
   });
 
   it("renders image upload area", () => {
@@ -382,4 +393,80 @@ describe("CreatePlan Component", () => {
     fireEvent.click(confirmButton);
     expect(mockBlocker.proceed).toHaveBeenCalled();
   });
+
+  it("fetches and populates form in edit mode", async () => {
+    vi.mocked(useParams).mockReturnValue({ plan_id: "plan-123" });
+
+    renderWithProviders(<CreatePlan />);
+
+    await waitFor(() => {
+      expect(
+        screen.getByPlaceholderText("studio.plan.form.placeholder.title"),
+      ).toHaveValue("Existing Plan");
+    });
+
+    expect(
+      screen.getByPlaceholderText("studio.plan.form.placeholder.description"),
+    ).toHaveValue("Existing description");
+
+    expect(
+      screen.getByPlaceholderText(
+        "studio.plan.form.placeholder.number_of_days",
+      ),
+    ).toHaveValue(14);
+
+    expect(screen.getByAltText("Cover preview")).toBeInTheDocument();
+  });
+
+  it("handles navigation cancellation", async () => {
+    const mockBlocker = {
+      state: "blocked" as const,
+      proceed: vi.fn(),
+      reset: vi.fn(),
+      location: {} as any,
+    };
+    vi.mocked(useBlocker).mockReturnValue(mockBlocker);
+    renderWithProviders(<CreatePlan />);
+    await waitFor(() => {
+      expect(
+        screen.getByText("studio.plan.navigation.confirm_title"),
+      ).toBeInTheDocument();
+    });
+    const cancelButtons = screen.getAllByText("common.button.cancel");
+    const dialogCancelButton = cancelButtons.find((btn) =>
+      btn.closest('[role="dialog"]'),
+    );
+    fireEvent.click(dialogCancelButton!);
+    expect(mockBlocker.reset).toHaveBeenCalled();
+  });
+
+  it("submits update in edit mode", async () => {
+    vi.mocked(useParams).mockReturnValue({ plan_id: "plan-123" });
+    vi.spyOn(axiosInstance, "put").mockResolvedValue({ data: {} });
+    renderWithProviders(<CreatePlan />);
+
+    await waitFor(() => {
+      expect(
+        screen.getByPlaceholderText("studio.plan.form.placeholder.title"),
+      ).toHaveValue("Existing Plan");
+    });
+
+    fireEvent.change(
+      screen.getByPlaceholderText("studio.plan.form.placeholder.title"),
+      { target: { value: "Updated Plan" } },
+    );
+
+    const submitButton = screen.getByText("studio.plan.update_button");
+    await act(async () => {
+      fireEvent.click(submitButton);
+    });
+
+    await waitFor(() => {
+      expect(axiosInstance.put).toHaveBeenCalledWith(
+        "/api/v1/cms/plans/plan-123",
+        expect.any(Object),
+        expect.any(Object),
+      );
+    });
+  });
 });
diff --git a/src/components/routes/dashboard/Dashboard.test.tsx b/src/components/routes/dashboard/Dashboard.test.tsx
index e5a46774..273d5765 100644
--- a/src/components/routes/dashboard/Dashboard.test.tsx
+++ b/src/components/routes/dashboard/Dashboard.test.tsx
@@ -148,4 +148,44 @@ describe("Dashboard Component", () => {
       );
     });
   });
+
+  it("handles toggle featured on a plan", async () => {
+    vi.spyOn(axiosInstance, "get").mockResolvedValue({
+      data: {
+        plans: [
+          {
+            id: "plan-1",
+            image_url: "",
+            title: "Test Plan",
+            description: "Test description",
+            total_days: "7",
+            subscription_count: "10",
+            status: "PUBLISHED",
+            featured: false,
+            language: "EN",
+          },
+        ],
+        total: 1,
+      },
+    });
+    axiosInstance.patch = vi.fn().mockResolvedValue({ data: {} });
+
+    renderWithProviders(<Dashboard />);
+
+    await waitFor(() => {
+      expect(screen.queryByText("Loading...")).not.toBeInTheDocument();
+    });
+
+    expect(screen.getByText("Test Plan")).toBeInTheDocument();
+
+    const featuredButton = screen.getByText("Not Featured");
+    fireEvent.click(featuredButton);
+
+    await waitFor(() => {
+      expect(axiosInstance.patch).toHaveBeenCalledWith(
+        "/api/v1/cms/plans/plan-1/featured",
+        expect.any(Object),
+      );
+    });
+  });
 });
diff --git a/src/components/routes/task/PlanDetailsPage.test.tsx b/src/components/routes/task/PlanDetailsPage.test.tsx
index 0baba1e3..4f7b3d58 100644
--- a/src/components/routes/task/PlanDetailsPage.test.tsx
+++ b/src/components/routes/task/PlanDetailsPage.test.tsx
@@ -1,4 +1,5 @@
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { vi } from "vitest";
 import { BrowserRouter } from "react-router-dom";
@@ -233,4 +234,142 @@ describe("PlanDetailsPanel Component", () => {
       expect(screen.getByText("Task")).toBeInTheDocument();
     });
   });
+
+  it("fetches plan details via queryFn when cache is empty", async () => {
+    const { default: axiosInstance } = await import("@/config/axios-config");
+    const mockAxios = axiosInstance as any;
+    mockAxios.get.mockResolvedValue({
+      data: { ...mockPlanData, status: "DRAFT" },
+    });
+
+    const queryClient = new QueryClient({
+      defaultOptions: { queries: { retry: false } },
+    });
+
+    render(
+      <QueryClientProvider client={queryClient}>
+        <BrowserRouter>
+          <PlanDetailsPage />
+        </BrowserRouter>
+      </QueryClientProvider>,
+    );
+
+    await waitFor(() => {
+      expect(mockAxios.get).toHaveBeenCalledWith(
+        expect.stringContaining("/api/v1/cms/plans/test-plan-id"),
+        expect.any(Object),
+      );
+    });
+    await waitFor(() => {
+      expect(screen.getByText(mockPlanData.title)).toBeInTheDocument();
+    });
+  });
+
+  it("clears selected task when that task is deleted from sidebar", async () => {
+    const user = userEvent.setup();
+    const { default: axiosInstance } = await import("@/config/axios-config");
+    const mockAxios = axiosInstance as any;
+    mockAxios.get.mockImplementation((url: string) => {
+      if (url.includes("/tasks/task1")) {
+        return Promise.resolve({
+          data: {
+            id: "task1",
+            title: "Morning Intention Setting",
+            display_order: 1,
+            estimated_time: 30,
+            subtasks: [],
+          },
+        });
+      }
+      return Promise.resolve({ data: { ...mockPlanData, status: "DRAFT" } });
+    });
+    mockAxios.delete.mockResolvedValue({ data: {} });
+
+    renderWithProviders(<PlanDetailsPage />, true);
+    await waitFor(() => {
+      expect(screen.getByText(mockPlanData.title)).toBeInTheDocument();
+    });
+
+    fireEvent.click(screen.getByText("Morning Intention Setting"));
+    await waitFor(() => {
+      expect(screen.getByText("Task")).toBeInTheDocument();
+    });
+
+    const taskElements = screen.getAllByText("Morning Intention Setting");
+    const sidebarSpan = taskElements.find(
+      (el) => el.tagName === "SPAN" && el.classList.contains("cursor-pointer"),
+    );
+    const taskRow = sidebarSpan!.parentElement!;
+    const dropdownTrigger = taskRow.querySelector(
+      '[data-slot="dropdown-menu-trigger"]',
+    ) as HTMLElement;
+    await user.click(dropdownTrigger);
+
+    const deleteText = await screen.findByText("Delete");
+    await user.click(deleteText);
+
+    const deleteTaskBtn = await screen.findByText("Delete Task");
+    await user.click(deleteTaskBtn);
+
+    await waitFor(() => {
+      expect(screen.getByText("Add Task")).toBeInTheDocument();
+    });
+  });
+
+  it("clears editing task when that task is deleted from sidebar", async () => {
+    const user = userEvent.setup();
+    const { default: axiosInstance } = await import("@/config/axios-config");
+    const mockAxios = axiosInstance as any;
+    mockAxios.get.mockImplementation((url: string) => {
+      if (url.includes("/tasks/task1")) {
+        return Promise.resolve({
+          data: {
+            id: "task1",
+            title: "Morning Intention Setting",
+            display_order: 1,
+            estimated_time: 30,
+            subtasks: [],
+          },
+        });
+      }
+      return Promise.resolve({ data: { ...mockPlanData, status: "DRAFT" } });
+    });
+    mockAxios.delete.mockResolvedValue({ data: {} });
+
+    renderWithProviders(<PlanDetailsPage />, true);
+    await waitFor(() => {
+      expect(screen.getByText(mockPlanData.title)).toBeInTheDocument();
+    });
+
+    fireEvent.click(screen.getByText("Morning Intention Setting"));
+    await waitFor(() => {
+      expect(screen.getByText("Task")).toBeInTheDocument();
+    });
+
+    const editBtn = await screen.findByRole("button", { name: /edit/i });
+    fireEvent.click(editBtn);
+    await waitFor(() => {
+      expect(screen.getByText("Edit Task")).toBeInTheDocument();
+    });
+
+    const taskElements = screen.getAllByText("Morning Intention Setting");
+    const sidebarSpan = taskElements.find(
+      (el) => el.tagName === "SPAN" && el.classList.contains("cursor-pointer"),
+    );
+    const taskRow = sidebarSpan!.parentElement!;
+    const dropdownTrigger = taskRow.querySelector(
+      '[data-slot="dropdown-menu-trigger"]',
+    ) as HTMLElement;
+    await user.click(dropdownTrigger);
+
+    const deleteText = await screen.findByText("Delete");
+    await user.click(deleteText);
+
+    const deleteTaskBtn = await screen.findByText("Delete Task");
+    await user.click(deleteTaskBtn);
+
+    await waitFor(() => {
+      expect(screen.getByText("Add Task")).toBeInTheDocument();
+    });
+  });
 });
diff --git a/src/components/routes/task/components/view/TaskForm.test.tsx b/src/components/routes/task/components/view/TaskForm.test.tsx
index 0112968e..6f167e7f 100644
--- a/src/components/routes/task/components/view/TaskForm.test.tsx
+++ b/src/components/routes/task/components/view/TaskForm.test.tsx
@@ -530,4 +530,28 @@ describe("TaskForm Component", () => {
       ).toBeInTheDocument();
     });
   });
+
+  it("shows error when image exceeds 1MB", async () => {
+    renderWithProviders(<TaskForm selectedDay={1} onCancel={mockOnCancel} />);
+    fireEvent.click(screen.getByText("Add Image"));
+    await waitFor(() => {
+      expect(screen.getByTestId("image-upload-input")).toBeInTheDocument();
+    });
+    const imageInput = screen.getByTestId("image-upload-input");
+    const largeFile = new File(
+      [new ArrayBuffer(1.5 * 1024 * 1024)],
+      "big.jpg",
+      {
+        type: "image/jpeg",
+      },
+    );
+    fireEvent.change(imageInput, { target: { files: [largeFile] } });
+    await waitFor(() => {
+      expect(
+        screen.getByText(
+          "File size exceeds 1MB limit. Please select a smaller image.",
+        ),
+      ).toBeInTheDocument();
+    });
+  });
 });

From 330bc505f91c833cf1cdac381eaee02f16147692 Mon Sep 17 00:00:00 2001
From: Tenzin Youdon <94886097+Tech-lo@users.noreply.github.com>
Date: Mon, 9 Mar 2026 18:40:59 +0530
Subject: [PATCH 22/24] uncomment (#153)

---
 .../ui/molecules/content-sub/ContentTypeSelector.tsx   | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx b/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
index 12c5493e..62d6e135 100644
--- a/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
+++ b/src/components/ui/molecules/content-sub/ContentTypeSelector.tsx
@@ -1,6 +1,6 @@
 import { Pecha } from "@/components/ui/shadimport";
 import { IoMdAdd, IoMdVideocam } from "react-icons/io";
-import { IoTextOutline } from "react-icons/io5";
+import { IoMusicalNotesSharp, IoTextOutline } from "react-icons/io5";
 import { MdOutlineImage } from "react-icons/md";
 import pechaIcon from "@/assets/icon/pecha_icon.png";
 import { useState } from "react";
@@ -27,10 +27,10 @@ const contentTypes = [
     key: "IMAGE",
     icon: <MdOutlineImage className={iconClassName} />,
   },
-  // {
-  //   key: "AUDIO",
-  //   icon: <IoMusicalNotesSharp className={iconClassName} />,
-  // },
+  {
+    key: "AUDIO",
+    icon: <IoMusicalNotesSharp className={iconClassName} />,
+  },
   {
     key: "VIDEO",
     icon: <IoMdVideocam className={iconClassName} />,

From 08ba9187396da9e6a5fcb64242500a5b06a471c3 Mon Sep 17 00:00:00 2001
From: TenzDelek <tibetdelek@gmail.com>
Date: Mon, 30 Mar 2026 16:03:34 +0530
Subject: [PATCH 23/24] build

---
 src/components/routes/task/PlanDetailsPage.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/routes/task/PlanDetailsPage.test.tsx b/src/components/routes/task/PlanDetailsPage.test.tsx
index 6314fb21..a5a0f34e 100644
--- a/src/components/routes/task/PlanDetailsPage.test.tsx
+++ b/src/components/routes/task/PlanDetailsPage.test.tsx
@@ -94,7 +94,7 @@ Object.defineProperty(window, "sessionStorage", {
   writable: true,
 });
 
-const renderWithProviders = (component: React.ReactElement, isDraft = true) => {
+const renderWithProviders = (component: React.ReactElement, isEditable = true) => {
   const queryClient = new QueryClient({
     defaultOptions: {
       queries: { retry: false },

From d150fd44d00c4a0837bbcab1bc575a2cf42c17fc Mon Sep 17 00:00:00 2001
From: TenzDelek <tibetdelek@gmail.com>
Date: Mon, 30 Mar 2026 16:04:24 +0530
Subject: [PATCH 24/24] lint

---
 src/components/routes/task/PlanDetailsPage.test.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/routes/task/PlanDetailsPage.test.tsx b/src/components/routes/task/PlanDetailsPage.test.tsx
index a5a0f34e..4f7b3d58 100644
--- a/src/components/routes/task/PlanDetailsPage.test.tsx
+++ b/src/components/routes/task/PlanDetailsPage.test.tsx
@@ -94,7 +94,10 @@ Object.defineProperty(window, "sessionStorage", {
   writable: true,
 });
 
-const renderWithProviders = (component: React.ReactElement, isEditable = true) => {
+const renderWithProviders = (
+  component: React.ReactElement,
+  isEditable = true,
+) => {
   const queryClient = new QueryClient({
     defaultOptions: {
       queries: { retry: false },