diff --git a/src/components/routes/create-plan/PlanTagSearchInput.tsx b/src/components/routes/create-plan/PlanTagSearchInput.tsx
index be0606d1..18aec25c 100644
--- a/src/components/routes/create-plan/PlanTagSearchInput.tsx
+++ b/src/components/routes/create-plan/PlanTagSearchInput.tsx
@@ -1,14 +1,20 @@
 import { useEffect, useRef, useState } from "react";
-import { IoMdClose } from "react-icons/io";
+import { IoMdAdd, IoMdClose } from "react-icons/io";
 import { useDebounce } from "use-debounce";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
 import { Input } from "@/components/ui/atoms/input";
+import { Textarea } from "@/components/ui/atoms/textarea";
+import { Button } from "@/components/ui/atoms/button";
+import { Pecha } from "@/components/ui/shadimport";
+import { PLAN_LANGUAGE } from "@/lib/constant";
+import type { LanguageCode } from "@/schema/SeriesSchema";
 import {
   createTag,
   fetchTags,
   type PlanTagSummary,
   type Tag,
+  type TagMetadataInput,
 } from "@/components/routes/tags/api/tagsApi";
 
 interface PlanTagSearchInputProps {
@@ -24,6 +30,11 @@ const SEARCH_DEBOUNCE_MS = 400;
 
 const normalizeName = (name: string) => name.trim().toLowerCase();
 
+interface LanguageData {
+  name: string;
+  description: string;
+}
+
 const PlanTagSearchInput = ({
   value = [],
   onChange,
@@ -39,6 +50,13 @@ const PlanTagSearchInput = ({
   const [tagLabels, setTagLabels] = useState<Record<string, string>>(() =>
     Object.fromEntries(initialTags.map((tag) => [tag.id, tag.name])),
   );
+  const [showCreateDialog, setShowCreateDialog] = useState(false);
+  const [activeLanguages, setActiveLanguages] = useState<LanguageCode[]>(["EN"]);
+  const [languageData, setLanguageData] = useState<Record<LanguageCode, LanguageData>>({
+    EN: { name: "", description: "" },
+    BO: { name: "", description: "" },
+    ZH: { name: "", description: "" },
+  });
 
   useEffect(() => {
     if (!initialTags.length) return;
@@ -56,10 +74,9 @@ const PlanTagSearchInput = ({
   });
 
   const createTagMutation = useMutation({
-    mutationFn: (name: string) =>
+    mutationFn: (metadata: TagMetadataInput[]) =>
       createTag({
-        name: name.trim(),
-        description: null,
+        metadata,
         image_key: null,
         plan_ids: planId ? [planId] : [],
       }),
@@ -69,6 +86,8 @@ const PlanTagSearchInput = ({
       addTag(tag);
       setInputValue("");
       setShowSuggestions(false);
+      setShowCreateDialog(false);
+      resetCreateForm();
       toast.success(`Tag "${tag.name}" created`);
     },
     onError: () => {
@@ -106,9 +125,63 @@ const PlanTagSearchInput = ({
     setShowSuggestions(false);
   };
 
+  const resetCreateForm = () => {
+    setActiveLanguages(["EN"]);
+    setLanguageData({
+      EN: { name: "", description: "" },
+      BO: { name: "", description: "" },
+      ZH: { name: "", description: "" },
+    });
+  };
+
+  const openCreateDialog = () => {
+    resetCreateForm();
+    setLanguageData((prev) => ({
+      ...prev,
+      EN: { name: trimmedInput, description: "" },
+    }));
+    setShowCreateDialog(true);
+    setShowSuggestions(false);
+  };
+
   const handleCreateTag = () => {
-    if (!trimmedInput || createTagMutation.isPending) return;
-    createTagMutation.mutate(trimmedInput);
+    const metadata: TagMetadataInput[] = [];
+    for (const lang of activeLanguages) {
+      const data = languageData[lang];
+      if (!data.name.trim()) {
+        toast.error(`Name is required for ${PLAN_LANGUAGE.find(l => l.value === lang)?.label}`);
+        return;
+      }
+      metadata.push({
+        language: lang,
+        name: data.name.trim(),
+        description: data.description.trim() || null,
+      });
+    }
+    createTagMutation.mutate(metadata);
+  };
+
+  const addLanguage = (langCode: LanguageCode) => {
+    setActiveLanguages([...activeLanguages, langCode]);
+  };
+
+  const removeLanguage = (langCode: LanguageCode) => {
+    if (activeLanguages.length === 1) {
+      toast.error("At least one language is required");
+      return;
+    }
+    setActiveLanguages(activeLanguages.filter((l) => l !== langCode));
+  };
+
+  const updateLanguageField = (
+    lang: LanguageCode,
+    field: keyof LanguageData,
+    value: string
+  ) => {
+    setLanguageData((prev) => ({
+      ...prev,
+      [lang]: { ...prev[lang], [field]: value },
+    }));
   };
 
   const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
@@ -124,7 +197,7 @@ const PlanTagSearchInput = ({
         return;
       }
       if (showCreateOption) {
-        handleCreateTag();
+        openCreateDialog();
       }
     } else if (e.key === "Escape") {
       setShowSuggestions(false);
@@ -207,7 +280,7 @@ const PlanTagSearchInput = ({
                   type="button"
                   className="w-full px-3 py-2 text-left text-sm text-[#A51C21] hover:bg-muted/50 cursor-pointer font-medium border-b"
                   onMouseDown={(e) => e.preventDefault()}
-                  onClick={handleCreateTag}
+                  onClick={openCreateDialog}
                   disabled={createTagMutation.isPending}
                 >
                   {createTagMutation.isPending
@@ -241,6 +314,102 @@ const PlanTagSearchInput = ({
           </ul>
         )}
       </div>
+
+      {/* Multi-language Create Tag Dialog */}
+      <Pecha.Dialog open={showCreateDialog} onOpenChange={setShowCreateDialog}>
+        <Pecha.DialogContent className="flex max-h-[min(90dvh,90vh)] w-[calc(100%-2rem)] max-w-lg flex-col gap-0 overflow-hidden p-0 sm:w-full">
+          <Pecha.DialogHeader className="shrink-0 border-b px-6 py-4">
+            <Pecha.DialogTitle>Create New Tag</Pecha.DialogTitle>
+          </Pecha.DialogHeader>
+          <div className="min-h-0 flex-1 space-y-4 overflow-y-auto px-6 py-4">
+            <div className="space-y-2">
+              <div className="flex items-center justify-between">
+                <label className="text-sm font-bold">Languages</label>
+                {PLAN_LANGUAGE.filter((lang) => !activeLanguages.includes(lang.value as LanguageCode)).length > 0 && (
+                  <Pecha.DropdownMenu>
+                    <Pecha.DropdownMenuTrigger asChild>
+                      <Button
+                        type="button"
+                        variant="outline"
+                        size="sm"
+                        className="h-7 text-xs"
+                      >
+                        <IoMdAdd className="h-3 w-3 mr-1" />
+                        Add Language
+                      </Button>
+                    </Pecha.DropdownMenuTrigger>
+                    <Pecha.DropdownMenuContent>
+                      {PLAN_LANGUAGE.filter((lang) => !activeLanguages.includes(lang.value as LanguageCode)).map((lang) => (
+                        <Pecha.DropdownMenuItem
+                          key={lang.value}
+                          onClick={() => addLanguage(lang.value as LanguageCode)}
+                        >
+                          {lang.label}
+                        </Pecha.DropdownMenuItem>
+                      ))}
+                    </Pecha.DropdownMenuContent>
+                  </Pecha.DropdownMenu>
+                )}
+              </div>
+              {activeLanguages.map((lang) => {
+                const langLabel = PLAN_LANGUAGE.find((l) => l.value === lang)?.label || lang;
+                return (
+                  <div key={lang} className="relative rounded-lg border border-input bg-[#FAFAFA] dark:bg-[#262626] p-4 space-y-3">
+                    {activeLanguages.length > 1 && (
+                      <button
+                        type="button"
+                        onClick={() => removeLanguage(lang)}
+                        className="absolute top-2 right-2 text-muted-foreground hover:text-foreground p-1 rounded"
+                        aria-label={`Remove ${langLabel}`}
+                      >
+                        <IoMdClose className="h-4 w-4" />
+                      </button>
+                    )}
+                    <div className="text-sm font-semibold text-muted-foreground mb-2">{langLabel}</div>
+                    <div className="space-y-2">
+                      <label className="text-sm font-bold">Name</label>
+                      <Input
+                        value={languageData[lang].name}
+                        onChange={(e) => updateLanguageField(lang, "name", e.target.value)}
+                        placeholder="Tag name"
+                        required
+                        className="bg-white dark:bg-[#181818]"
+                      />
+                    </div>
+                    <div className="space-y-2">
+                      <label className="text-sm font-bold">Description</label>
+                      <Textarea
+                        value={languageData[lang].description}
+                        onChange={(e) => updateLanguageField(lang, "description", e.target.value)}
+                        placeholder="Optional description"
+                        className="field-sizing-fixed min-h-[80px] max-h-32 resize-none bg-white dark:bg-[#181818]"
+                      />
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+          <div className="flex shrink-0 justify-end gap-2 border-t bg-background px-6 py-4">
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => setShowCreateDialog(false)}
+              disabled={createTagMutation.isPending}
+            >
+              Cancel
+            </Button>
+            <Button
+              type="button"
+              className="bg-[#A51C21] text-white hover:bg-[#A51C21]/90"
+              onClick={handleCreateTag}
+              disabled={createTagMutation.isPending}
+            >
+              {createTagMutation.isPending ? "Creating..." : "Create Tag"}
+            </Button>
+          </div>
+        </Pecha.DialogContent>
+      </Pecha.Dialog>
     </div>
   );
 };
diff --git a/src/components/routes/groups/api/groupPickerApi.ts b/src/components/routes/groups/api/groupPickerApi.ts
index e72ff6af..8787b5db 100644
--- a/src/components/routes/groups/api/groupPickerApi.ts
+++ b/src/components/routes/groups/api/groupPickerApi.ts
@@ -52,6 +52,7 @@ export function mapGroupTagsToPlanTagSummaries(
     image: tag.image ?? null,
     image_key: tag.image_key ?? null,
     description: tag.description ?? null,
+    metadata: [],
   }));
 }
 
diff --git a/src/components/routes/tags/TagFormDialog.tsx b/src/components/routes/tags/TagFormDialog.tsx
index 06a9d2a2..c95d680a 100644
--- a/src/components/routes/tags/TagFormDialog.tsx
+++ b/src/components/routes/tags/TagFormDialog.tsx
@@ -6,7 +6,9 @@ import { Button } from "@/components/ui/atoms/button";
 import ImageContentData from "@/components/ui/molecules/modals/image-upload/ImageContentData";
 import { uploadImageToS3 } from "@/components/routes/task/api/taskApi";
 import { toast } from "sonner";
-import type { PlanOption, Tag, TagPayload } from "./api/tagsApi";
+import { PLAN_LANGUAGE } from "@/lib/constant";
+import type { LanguageCode } from "@/schema/SeriesSchema";
+import type { PlanOption, Tag, TagPayload, TagMetadataInput } from "./api/tagsApi";
 
 interface TagFormDialogProps {
   open: boolean;
@@ -17,6 +19,11 @@ interface TagFormDialogProps {
   onSubmit: (payload: TagPayload) => void;
 }
 
+interface LanguageData {
+  name: string;
+  description: string;
+}
+
 const TagFormDialog = ({
   open,
   onOpenChange,
@@ -26,8 +33,12 @@ const TagFormDialog = ({
   onSubmit,
 }: TagFormDialogProps) => {
   const isEdit = !!tag;
-  const [name, setName] = useState("");
-  const [description, setDescription] = useState("");
+  const [activeLanguages, setActiveLanguages] = useState<LanguageCode[]>(["EN"]);
+  const [languageData, setLanguageData] = useState<Record<LanguageCode, LanguageData>>({
+    EN: { name: "", description: "" },
+    BO: { name: "", description: "" },
+    ZH: { name: "", description: "" },
+  });
   const [imageKey, setImageKey] = useState<string | null>(null);
   const [imagePreview, setImagePreview] = useState<string | null>(null);
   const [selectedPlanIds, setSelectedPlanIds] = useState<string[]>([]);
@@ -37,14 +48,70 @@ const TagFormDialog = ({
 
   useEffect(() => {
     if (!open) return;
-    setName(tag?.name ?? "");
-    setDescription(tag?.description ?? "");
+    
+    if (tag?.metadata && tag.metadata.length > 0) {
+      const langs: LanguageCode[] = [];
+      const data: Record<LanguageCode, LanguageData> = {
+        EN: { name: "", description: "" },
+        BO: { name: "", description: "" },
+        ZH: { name: "", description: "" },
+      };
+      
+      tag.metadata.forEach((meta) => {
+        const lang = meta.language as LanguageCode;
+        if (["EN", "BO", "ZH"].includes(lang)) {
+          langs.push(lang);
+          data[lang] = {
+            name: meta.name,
+            description: meta.description || "",
+          };
+        }
+      });
+      
+      setActiveLanguages(langs.length > 0 ? langs : ["EN"]);
+      setLanguageData(data);
+    } else {
+      setActiveLanguages(["EN"]);
+      setLanguageData({
+        EN: { name: "", description: "" },
+        BO: { name: "", description: "" },
+        ZH: { name: "", description: "" },
+      });
+    }
+    
     setImageKey(tag?.image_key ?? null);
     setImagePreview(tag?.image ?? null);
     setSelectedPlanIds(tag?.plan_ids ?? []);
     setPlanSearch("");
   }, [open, tag]);
 
+  const availableLanguages = PLAN_LANGUAGE.filter(
+    (lang) => !activeLanguages.includes(lang.value as LanguageCode)
+  );
+
+  const addLanguage = (langCode: LanguageCode) => {
+    setActiveLanguages([...activeLanguages, langCode]);
+  };
+
+  const removeLanguage = (langCode: LanguageCode) => {
+    if (activeLanguages.length === 1) {
+      toast.error("At least one language is required");
+      return;
+    }
+    setActiveLanguages(activeLanguages.filter((l) => l !== langCode));
+  };
+
+  const updateLanguageField = (
+    lang: LanguageCode,
+    field: keyof LanguageData,
+    value: string
+  ) => {
+    setLanguageData((prev) => ({
+      ...prev,
+      [lang]: { ...prev[lang], [field]: value },
+    }));
+  };
+
   const filteredPlans = plans.filter((plan) =>
     plan.title.toLowerCase().includes(planSearch.toLowerCase()),
   );
@@ -85,15 +152,24 @@ const TagFormDialog = ({
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
-    const trimmedName = name.trim();
-    if (!trimmedName) {
-      toast.error("Tag name is required");
-      return;
+    
+    const metadata: TagMetadataInput[] = [];
+    for (const lang of activeLanguages) {
+      const data = languageData[lang];
+      if (!data.name.trim()) {
+        toast.error(`Name is required for ${PLAN_LANGUAGE.find(l => l.value === lang)?.label}`);
+        return;
+      }
+      metadata.push({
+        language: lang,
+        name: data.name.trim(),
+        description: data.description.trim() || null,
+      });
     }
+    
     onSubmit({
-      name: trimmedName,
+      metadata,
       image_key: imageKey,
-      description: description.trim() || null,
       plan_ids: selectedPlanIds,
     });
   };
@@ -112,24 +188,73 @@ const TagFormDialog = ({
             className="flex min-h-0 flex-1 flex-col overflow-hidden"
           >
             <div className="min-h-0 flex-1 space-y-4 overflow-y-auto px-6 py-4">
-              <div className="space-y-2">
-                <label className="text-sm font-bold">Name</label>
-                <Pecha.Input
-                  value={name}
-                  onChange={(e) => setName(e.target.value)}
-                  placeholder="Tag name"
-                  required
-                />
-              </div>
-
-              <div className="space-y-2">
-                <label className="text-sm font-bold">Description</label>
-                <Textarea
-                  value={description}
-                  onChange={(e) => setDescription(e.target.value)}
-                  placeholder="Optional description"
-                  className="field-sizing-fixed min-h-[80px] max-h-32 resize-none"
-                />
+              {/* Language Sections */}
+              <div className="space-y-3">
+                <div className="flex items-center justify-between">
+                  <label className="text-sm font-bold">Languages</label>
+                  {availableLanguages.length > 0 && (
+                    <Pecha.DropdownMenu>
+                      <Pecha.DropdownMenuTrigger asChild>
+                        <Button
+                          type="button"
+                          variant="outline"
+                          size="sm"
+                          className="h-7 text-xs"
+                        >
+                          <IoMdAdd className="h-3 w-3 mr-1" />
+                          Add Language
+                        </Button>
+                      </Pecha.DropdownMenuTrigger>
+                      <Pecha.DropdownMenuContent>
+                        {availableLanguages.map((lang) => (
+                          <Pecha.DropdownMenuItem
+                            key={lang.value}
+                            onClick={() => addLanguage(lang.value as LanguageCode)}
+                          >
+                            {lang.label}
+                          </Pecha.DropdownMenuItem>
+                        ))}
+                      </Pecha.DropdownMenuContent>
+                    </Pecha.DropdownMenu>
+                  )}
+                </div>
+                {activeLanguages.map((lang) => {
+                  const langLabel = PLAN_LANGUAGE.find((l) => l.value === lang)?.label || lang;
+                  return (
+                    <div key={lang} className="relative rounded-lg border border-input bg-[#FAFAFA] dark:bg-[#262626] p-4 space-y-3">
+                      {activeLanguages.length > 1 && (
+                        <button
+                          type="button"
+                          onClick={() => removeLanguage(lang)}
+                          className="absolute top-2 right-2 text-muted-foreground hover:text-foreground p-1 rounded"
+                          aria-label={`Remove ${langLabel}`}
+                        >
+                          <IoMdClose className="h-4 w-4" />
+                        </button>
+                      )}
+                      <div className="text-sm font-semibold text-muted-foreground mb-2">{langLabel}</div>
+                      <div className="space-y-2">
+                        <label className="text-sm font-bold">Name</label>
+                        <Pecha.Input
+                          value={languageData[lang].name}
+                          onChange={(e) => updateLanguageField(lang, "name", e.target.value)}
+                          placeholder="Tag name"
+                          required
+                          className="bg-white dark:bg-[#181818]"
+                        />
+                      </div>
+                      <div className="space-y-2">
+                        <label className="text-sm font-bold">Description</label>
+                        <Textarea
+                          value={languageData[lang].description}
+                          onChange={(e) => updateLanguageField(lang, "description", e.target.value)}
+                          placeholder="Optional description"
+                          className="field-sizing-fixed min-h-[80px] max-h-32 resize-none bg-white dark:bg-[#181818]"
+                        />
+                      </div>
+                    </div>
+                  );
+                })}
               </div>
 
               <div className="space-y-2">
diff --git a/src/components/routes/tags/TagsTable.tsx b/src/components/routes/tags/TagsTable.tsx
index 63f009c6..09ea6ef3 100644
--- a/src/components/routes/tags/TagsTable.tsx
+++ b/src/components/routes/tags/TagsTable.tsx
@@ -52,8 +52,22 @@ const TagsTable = ({
                   className="w-12 h-12 object-cover rounded-md border"
                 />
               </Pecha.TableCell>
-              <Pecha.TableCell className="font-medium">
-                {tag.name}
+              <Pecha.TableCell>
+                <div className="flex flex-col gap-1">
+                  <span className="font-medium">{tag.name}</span>
+                  {tag.metadata && tag.metadata.length > 0 && (
+                    <div className="flex gap-1">
+                      {tag.metadata.map((meta) => (
+                        <span
+                          key={meta.id}
+                          className="text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400"
+                        >
+                          {meta.language}
+                        </span>
+                      ))}
+                    </div>
+                  )}
+                </div>
               </Pecha.TableCell>
               <Pecha.TableCell className="text-muted-foreground max-w-xs truncate">
                 {tag.description || "—"}
diff --git a/src/components/routes/tags/api/tagsApi.ts b/src/components/routes/tags/api/tagsApi.ts
index 3eb39a5d..66502f2a 100644
--- a/src/components/routes/tags/api/tagsApi.ts
+++ b/src/components/routes/tags/api/tagsApi.ts
@@ -1,4 +1,18 @@
 import axiosInstance from "@/config/axios-config";
+import type { LanguageCode } from "@/schema/SeriesSchema";
+
+export interface TagMetadataDTO {
+  id: string;
+  language: string;
+  name: string;
+  description: string | null;
+}
+
+export interface TagMetadataInput {
+  language: LanguageCode;
+  name: string;
+  description?: string | null;
+}
 
 export interface Tag {
   id: string;
@@ -7,6 +21,7 @@ export interface Tag {
   image_key: string | null;
   description: string | null;
   plan_ids: string[];
+  metadata: TagMetadataDTO[];
 }
 
 /** Tag shape embedded on plan list/detail API responses */
@@ -27,10 +42,12 @@ export interface TagsListResponse {
 }
 
 export interface TagPayload {
-  name: string;
+  metadata: TagMetadataInput[];
   image_key?: string | null;
-  description?: string | null;
+  featured?: boolean;
+  display_order?: number | null;
   plan_ids: string[];
+  segment_ids?: string[];
 }
 
 export interface PlanOption {