@parto-system-design/ui 1.1.0 → 1.1.1

package/dist/index.cjs

@@ -1,4 +1,3 @@
-"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -363,9 +362,95 @@ module.exports = __toCommonJS(index_exports);
 // src/lib/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+function formatNumber(num, format3 = "exact") {
+  if (num === void 0 || num === null) return "0";
+  if (format3 === "exact") {
+    return num.toLocaleString("en-US");
+  }
+  if (num >= 1e9) {
+    return `${(num / 1e9).toFixed(1).replace(/\.0$/, "")}B`;
+  }
+  if (num >= 1e6) {
+    return `${(num / 1e6).toFixed(1).replace(/\.0$/, "")}M`;
+  }
+  if (num >= 1e3) {
+    return `${(num / 1e3).toFixed(1).replace(/\.0$/, "")}K`;
+  }
+  return num.toString();
+}
+function formatRelativeTime(date) {
+  const now = /* @__PURE__ */ new Date();
+  const then = new Date(date);
+  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1e3);
+  const toPersianDigits2 = (num) => {
+    const persianDigits = ["\u06F0", "\u06F1", "\u06F2", "\u06F3", "\u06F4", "\u06F5", "\u06F6", "\u06F7", "\u06F8", "\u06F9"];
+    return num.toString().replace(/\d/g, (digit) => persianDigits[parseInt(digit)]);
+  };
+  if (diffInSeconds < 60) {
+    return "\u0647\u0645\u06CC\u0646 \u0627\u0644\u0627\u0646";
+  }
+  const diffInMinutes = Math.floor(diffInSeconds / 60);
+  if (diffInMinutes < 60) {
+    return `${toPersianDigits2(diffInMinutes)} \u062F\u0642\u06CC\u0642\u0647 \u067E\u06CC\u0634`;
+  }
+  const diffInHours = Math.floor(diffInMinutes / 60);
+  if (diffInHours < 24) {
+    return `${toPersianDigits2(diffInHours)} \u0633\u0627\u0639\u062A \u067E\u06CC\u0634`;
+  }
+  const diffInDays = Math.floor(diffInHours / 24);
+  if (diffInDays < 7) {
+    return `${toPersianDigits2(diffInDays)} \u0631\u0648\u0632 \u067E\u06CC\u0634`;
+  }
+  const diffInWeeks = Math.floor(diffInDays / 7);
+  if (diffInWeeks < 4) {
+    return `${toPersianDigits2(diffInWeeks)} \u0647\u0641\u062A\u0647 \u067E\u06CC\u0634`;
+  }
+  const diffInMonths = Math.floor(diffInDays / 30);
+  if (diffInMonths < 12) {
+    return `${toPersianDigits2(diffInMonths)} \u0645\u0627\u0647 \u067E\u06CC\u0634`;
+  }
+  const diffInYears = Math.floor(diffInDays / 365);
+  return `${toPersianDigits2(diffInYears)} \u0633\u0627\u0644 \u067E\u06CC\u0634`;
+}
+function formatAbsoluteTime(date) {
+  const d = new Date(date);
+  const toPersianDigits2 = (num) => {
+    const persianDigits = ["\u06F0", "\u06F1", "\u06F2", "\u06F3", "\u06F4", "\u06F5", "\u06F6", "\u06F7", "\u06F8", "\u06F9"];
+    return num.toString().replace(/\d/g, (digit) => persianDigits[parseInt(digit)]);
+  };
+  const persianMonths = [
+    "\u0641\u0631\u0648\u0631\u062F\u06CC\u0646",
+    "\u0627\u0631\u062F\u06CC\u0628\u0647\u0634\u062A",
+    "\u062E\u0631\u062F\u0627\u062F",
+    "\u062A\u06CC\u0631",
+    "\u0645\u0631\u062F\u0627\u062F",
+    "\u0634\u0647\u0631\u06CC\u0648\u0631",
+    "\u0645\u0647\u0631",
+    "\u0622\u0628\u0627\u0646",
+    "\u0622\u0630\u0631",
+    "\u062F\u06CC",
+    "\u0628\u0647\u0645\u0646",
+    "\u0627\u0633\u0641\u0646\u062F"
+  ];
+  const year = d.getFullYear();
+  const month = d.getMonth();
+  const day = d.getDate();
+  const hours = d.getHours();
+  const minutes = d.getMinutes();
+  const persianYear = year - 621;
+  const persianMonth = persianMonths[month];
+  const persianDay = toPersianDigits2(day);
+  const persianHours = toPersianDigits2(hours);
+  const persianMinutes = toPersianDigits2(minutes.toString().padStart(2, "0"));
+  return `${persianDay} ${persianMonth} ${toPersianDigits2(persianYear)}\u060C ${persianHours}:${persianMinutes}`;
+}
 
 // src/lib/jalali-utils.ts
-var import_date_fns_jalali = require("date-fns-jalali");
+var import_moment_jalaali = __toESM(require("moment-jalaali"), 1);
+import_moment_jalaali.default.loadPersian({ usePersianDigits: true, dialect: "persian-modern" });
 var PERSIAN_MONTHS = [
   "\u0641\u0631\u0648\u0631\u062F\u06CC\u0646",
   "\u0627\u0631\u062F\u06CC\u0628\u0647\u0634\u062A",
@@ -413,59 +498,49 @@ function toEnglishDigits(str) {
   const arabicDigits = ["\u0660", "\u0661", "\u0662", "\u0663", "\u0664", "\u0665", "\u0666", "\u0667", "\u0668", "\u0669"];
   return str.replace(/[۰-۹]/g, (digit) => String(persianDigits.indexOf(digit))).replace(/[٠-٩]/g, (digit) => String(arabicDigits.indexOf(digit)));
 }
-function formatJalaliDate(date, formatStr = "yyyy/MM/dd") {
-  let finalFormatStr = formatStr;
-  if (finalFormatStr.includes("jYYYY")) finalFormatStr = finalFormatStr.replace(/jYYYY/g, "yyyy");
-  if (finalFormatStr.includes("jMMMM")) finalFormatStr = finalFormatStr.replace(/jMMMM/g, "MMMM");
-  if (finalFormatStr.includes("jMM")) finalFormatStr = finalFormatStr.replace(/jMM/g, "MM");
-  if (finalFormatStr.includes("jM")) finalFormatStr = finalFormatStr.replace(/jM/g, "M");
-  if (finalFormatStr.includes("jDD")) finalFormatStr = finalFormatStr.replace(/jDD/g, "dd");
-  if (finalFormatStr.includes("jD")) finalFormatStr = finalFormatStr.replace(/jD/g, "d");
-  return (0, import_date_fns_jalali.format)(date, finalFormatStr);
+function formatJalaliDate(date, format3 = "jYYYY/jMM/jDD") {
+  return (0, import_moment_jalaali.default)(date).format(format3);
 }
 function getPersianMonthName(date) {
-  const monthIndex = (0, import_date_fns_jalali.getMonth)(date);
+  const monthIndex = (0, import_moment_jalaali.default)(date).jMonth();
   return PERSIAN_MONTHS[monthIndex];
 }
 function getPersianMonthNameShort(date) {
-  const monthIndex = (0, import_date_fns_jalali.getMonth)(date);
+  const monthIndex = (0, import_moment_jalaali.default)(date).jMonth();
   return PERSIAN_MONTHS_SHORT[monthIndex];
 }
 function getPersianWeekdayName(date, short = false) {
-  const dayIndex = date.getDay();
+  const dayIndex = (0, import_moment_jalaali.default)(date).day();
   return short ? PERSIAN_WEEKDAYS_SHORT[dayIndex] : PERSIAN_WEEKDAYS[dayIndex];
 }
 function getPersianYear(date) {
-  return (0, import_date_fns_jalali.getYear)(date);
+  return (0, import_moment_jalaali.default)(date).jYear();
 }
 function getPersianMonth(date) {
-  return (0, import_date_fns_jalali.getMonth)(date);
+  return (0, import_moment_jalaali.default)(date).jMonth();
 }
 function getPersianDay(date) {
-  return (0, import_date_fns_jalali.getDate)(date);
+  return (0, import_moment_jalaali.default)(date).jDate();
 }
 function jalaliToGregorian(year, month, day) {
-  const yyyy = year.toString().padStart(4, "0");
-  const MM = (month + 1).toString().padStart(2, "0");
-  const dd = day.toString().padStart(2, "0");
-  const referenceDate = /* @__PURE__ */ new Date();
-  referenceDate.setHours(12, 0, 0, 0);
-  return (0, import_date_fns_jalali.parse)(`${yyyy}/${MM}/${dd}`, "yyyy/MM/dd", referenceDate);
+  return (0, import_moment_jalaali.default)(`${year}/${month + 1}/${day}`, "jYYYY/jM/jD").toDate();
 }
 function formatPersianDateRange(from, to) {
-  const fromYear = (0, import_date_fns_jalali.getYear)(from);
-  const toYear = (0, import_date_fns_jalali.getYear)(to);
-  const fromMonth = (0, import_date_fns_jalali.getMonth)(from);
-  const toMonth = (0, import_date_fns_jalali.getMonth)(to);
-  const fromDay = (0, import_date_fns_jalali.getDate)(from);
-  const toDay = (0, import_date_fns_jalali.getDate)(to);
-  if ((0, import_date_fns_jalali.isSameDay)(from, to)) {
+  const fromMoment = (0, import_moment_jalaali.default)(from);
+  const toMoment = (0, import_moment_jalaali.default)(to);
+  const fromYear = fromMoment.jYear();
+  const toYear = toMoment.jYear();
+  const fromMonth = fromMoment.jMonth();
+  const toMonth = toMoment.jMonth();
+  const fromDay = fromMoment.jDate();
+  const toDay = toMoment.jDate();
+  if (fromYear === toYear && fromMonth === toMonth && fromDay === toDay) {
     return `${toPersianDigits(fromDay)} ${PERSIAN_MONTHS[fromMonth]} ${toPersianDigits(fromYear)}`;
   }
-  if ((0, import_date_fns_jalali.isSameYear)(from, to) && (0, import_date_fns_jalali.isSameMonth)(from, to)) {
+  if (fromYear === toYear && fromMonth === toMonth) {
     return `${toPersianDigits(fromDay)} - ${toPersianDigits(toDay)} ${PERSIAN_MONTHS[fromMonth]} ${toPersianDigits(fromYear)}`;
   }
-  if ((0, import_date_fns_jalali.isSameYear)(from, to)) {
+  if (fromYear === toYear) {
     return `${toPersianDigits(fromDay)} ${PERSIAN_MONTHS[fromMonth]} - ${toPersianDigits(toDay)} ${PERSIAN_MONTHS[toMonth]} ${toPersianDigits(fromYear)}`;
   }
   return `${toPersianDigits(fromDay)} ${PERSIAN_MONTHS[fromMonth]} ${toPersianDigits(fromYear)} - ${toPersianDigits(toDay)} ${PERSIAN_MONTHS[toMonth]} ${toPersianDigits(toYear)}`;
@@ -487,71 +562,11 @@ function getPersianYearsForDropdown(fromYear, toYear) {
   return years;
 }
 
-// src/lib/utils.ts
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-function formatNumber(num, format4 = "exact") {
-  if (num === void 0 || num === null) return "0";
-  if (format4 === "exact") {
-    return num.toLocaleString("en-US");
-  }
-  if (num >= 1e9) {
-    return `${(num / 1e9).toFixed(1).replace(/\.0$/, "")}B`;
-  }
-  if (num >= 1e6) {
-    return `${(num / 1e6).toFixed(1).replace(/\.0$/, "")}M`;
-  }
-  if (num >= 1e3) {
-    return `${(num / 1e3).toFixed(1).replace(/\.0$/, "")}K`;
-  }
-  return num.toString();
-}
-function formatRelativeTime(date) {
-  const now = /* @__PURE__ */ new Date();
-  const then = new Date(date);
-  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1e3);
-  if (diffInSeconds < 60) {
-    return "\u0647\u0645\u06CC\u0646 \u0627\u0644\u0627\u0646";
-  }
-  const diffInMinutes = Math.floor(diffInSeconds / 60);
-  if (diffInMinutes < 60) {
-    return `${toPersianDigits(diffInMinutes)} \u062F\u0642\u06CC\u0642\u0647 \u067E\u06CC\u0634`;
-  }
-  const diffInHours = Math.floor(diffInMinutes / 60);
-  if (diffInHours < 24) {
-    return `${toPersianDigits(diffInHours)} \u0633\u0627\u0639\u062A \u067E\u06CC\u0634`;
-  }
-  const diffInDays = Math.floor(diffInHours / 24);
-  if (diffInDays < 7) {
-    return `${toPersianDigits(diffInDays)} \u0631\u0648\u0632 \u067E\u06CC\u0634`;
-  }
-  const diffInWeeks = Math.floor(diffInDays / 7);
-  if (diffInWeeks < 4) {
-    return `${toPersianDigits(diffInWeeks)} \u0647\u0641\u062A\u0647 \u067E\u06CC\u0634`;
-  }
-  const diffInMonths = Math.floor(diffInDays / 30);
-  if (diffInMonths < 12) {
-    return `${toPersianDigits(diffInMonths)} \u0645\u0627\u0647 \u067E\u06CC\u0634`;
-  }
-  const diffInYears = Math.floor(diffInDays / 365);
-  return `${toPersianDigits(diffInYears)} \u0633\u0627\u0644 \u067E\u06CC\u0634`;
-}
-function formatAbsoluteTime(date) {
-  const d = new Date(date);
-  const year = getPersianYear(d);
-  const month = getPersianMonth(d);
-  const day = getPersianDay(d);
-  const hours = d.getHours();
-  const minutes = d.getMinutes();
-  return `${toPersianDigits(day)} ${PERSIAN_MONTHS[month]} ${toPersianDigits(year)}\u060C ${toPersianDigits(hours)}:${toPersianDigits(String(minutes).padStart(2, "0"))}`;
-}
-
 // src/icons.tsx
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Icons = {
-  /** Parto layered logo mark (generic) */
+  // Lucide Icons
   logo: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "svg",
     {
@@ -570,7 +585,6 @@ var Icons = {
       ]
     }
   ),
-  /** Official Parto brand mark (triangle composition) */
   parto: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "svg",
     {
@@ -590,7 +604,6 @@ var Icons = {
   arrowRight: import_lucide_react.ArrowRight,
   arrowLeft: import_lucide_react.ArrowLeft,
   bold: import_lucide_react.Bold,
-  building: import_lucide_react.Building,
   calendar: import_lucide_react.Calendar,
   check: import_lucide_react.Check,
   chevronDown: import_lucide_react.ChevronDown,
@@ -599,19 +612,47 @@ var Icons = {
   chevronUp: import_lucide_react.ChevronUp,
   circle: import_lucide_react.Circle,
   clock: import_lucide_react.Clock,
-  /** Use for close/dismiss actions (X mark) */
-  close: import_lucide_react.X,
   copy: import_lucide_react.Copy,
   download: import_lucide_react.Download,
   eye: import_lucide_react.Eye,
   eyeOff: import_lucide_react.EyeOff,
   file: import_lucide_react.File,
   fileText: import_lucide_react.FileText,
+  heart: import_lucide_react.Heart,
+  home: import_lucide_react.Home,
+  image: import_lucide_react.Image,
+  images: import_lucide_react.Images,
+  inbox: import_lucide_react.Inbox,
+  info: import_lucide_react.Info,
+  italic: import_lucide_react.Italic,
+  loader: import_lucide_react.Loader2,
+  menu: import_lucide_react.Menu,
+  messageCircle: import_lucide_react.MessageCircle,
+  moon: import_lucide_react.Moon,
+  moreHorizontal: import_lucide_react.MoreHorizontal,
+  moreVertical: import_lucide_react.MoreVertical,
+  plus: import_lucide_react.Plus,
+  rocket: import_lucide_react.Rocket,
+  search: import_lucide_react.Search,
+  settings: import_lucide_react.Settings,
+  share: import_lucide_react.Share2,
+  sparkles: import_lucide_react.Sparkles,
+  sun: import_lucide_react.Sun,
+  trash: import_lucide_react.Trash,
+  underline: import_lucide_react.Underline,
+  user: import_lucide_react.User,
+  users: import_lucide_react.Users,
+  video: import_lucide_react.Video,
+  building: import_lucide_react.Building,
+  close: import_lucide_react.X,
+  spinner: import_lucide_react.Loader2,
   gitHub: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
       "aria-hidden": "true",
       focusable: "false",
+      "data-prefix": "fab",
+      "data-icon": "github",
       role: "img",
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 496 512",
@@ -625,13 +666,7 @@ var Icons = {
       )
     }
   ),
-  heart: import_lucide_react.Heart,
-  home: import_lucide_react.Home,
-  image: import_lucide_react.Image,
-  images: import_lucide_react.Images,
-  inbox: import_lucide_react.Inbox,
-  info: import_lucide_react.Info,
-  instagram: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  twitter: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -642,30 +677,10 @@ var Icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z" })
     }
   ),
-  italic: import_lucide_react.Italic,
-  /** Animated loading spinner — prefer this over a custom spinner */
-  loader: import_lucide_react.Loader2,
-  menu: import_lucide_react.Menu,
-  messageCircle: import_lucide_react.MessageCircle,
-  moon: import_lucide_react.Moon,
-  moreHorizontal: import_lucide_react.MoreHorizontal,
-  moreVertical: import_lucide_react.MoreVertical,
-  plus: import_lucide_react.Plus,
-  rocket: import_lucide_react.Rocket,
-  search: import_lucide_react.Search,
-  settings: import_lucide_react.Settings,
-  share: import_lucide_react.Share2,
-  sparkles: import_lucide_react.Sparkles,
-  sun: import_lucide_react.Sun,
-  trash: import_lucide_react.Trash,
-  twitter: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  instagram: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -676,27 +691,18 @@ var Icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z" })
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
+      ]
     }
-  ),
-  underline: import_lucide_react.Underline,
-  user: import_lucide_react.User,
-  users: import_lucide_react.Users,
-  video: import_lucide_react.Video,
-  userCheck: import_lucide_react.UserCheck,
-  trendingUp: import_lucide_react.TrendingUp,
-  award: import_lucide_react.Award,
-  crown: import_lucide_react.Crown,
-  minus: import_lucide_react.Minus,
-  imageOff: import_lucide_react.ImageOff,
-  externalLink: import_lucide_react.ExternalLink,
-  gripVertical: import_lucide_react.GripVertical,
-  panelLeft: import_lucide_react.PanelLeft,
-  xCircle: import_lucide_react.XCircle
+  )
 };
 
 // src/components/ui/accordion.tsx
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"), 1);
+var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function Accordion({
   ...props
@@ -732,7 +738,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icons.chevronDown, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });
@@ -810,6 +816,7 @@ var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
 // src/components/ui/button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
+var import_lucide_react3 = require("lucide-react");
 var import_react = require("react");
 
 // src/lib/constants.ts
@@ -975,7 +982,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
           bg-destructive-300 dark:bg-destructive-400 hover:bg-destructive-400 dark:hover:bg-destructive/50
           border-destructive-500 hover:border-destructive
           hover:text-hi-contrast
-          focus-visible:outline-amber-700
+          focus-visible:outline-brand-600
           data-[state=open]:border-destructive
           data-[state=open]:bg-destructive-400 dark:data-[state=open]:bg-destructive/50
           data-[state=open]:outline-destructive
@@ -985,7 +992,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
           bg-warning-300 dark:bg-warning-400 hover:bg-warning-400 dark:hover:bg-warning/50
           border-warning-500 hover:border-warning
           hover:text-hi-contrast
-          focus-visible:outline-amber-700
+          focus-visible:outline-brand-600
           data-[state=open]:border-warning
           data-[state=open]:bg-warning-400 dark:data-[state=open]:bg-warning/50
           data-[state=open]:outline-warning
@@ -995,7 +1002,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
           bg-destructive-300 dark:bg-destructive-400 hover:bg-destructive-400 dark:hover:bg-destructive/50
           border-destructive-500 hover:border-destructive
           hover:text-hi-contrast
-          focus-visible:outline-amber-700
+          focus-visible:outline-brand-600
           data-[state=open]:border-destructive
           data-[state=open]:bg-destructive-400 dark:data-[state=open]:bg-destructive/50
           data-[state=open]:outline-destructive
@@ -1123,11 +1130,11 @@ var Button = (0, import_react.forwardRef)(
         children: asChild ? (0, import_react.isValidElement)(children) ? (0, import_react.cloneElement)(
           children,
           void 0,
-          showIcon && (loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icons.loader, { className: cn(loadingVariants({ loading, variant: buttonVariant })) }) }) : _iconLeft ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: _iconLeft }) : null),
+          showIcon && (loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Loader2, { className: cn(loadingVariants({ loading, variant: buttonVariant })) }) }) : _iconLeft ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: _iconLeft }) : null),
           children.props?.children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate", children: children.props.children }),
           iconRight && !loading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: iconRight })
         ) : null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          showIcon && (loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icons.loader, { className: cn(loadingVariants({ loading, variant: buttonVariant })) }) }) : _iconLeft ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: _iconLeft }) : null),
+          showIcon && (loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Loader2, { className: cn(loadingVariants({ loading, variant: buttonVariant })) }) }) : _iconLeft ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: _iconLeft }) : null),
           " ",
           children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate", children }),
           " ",
@@ -1306,10 +1313,11 @@ var Input = React3.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/spinner.tsx
+var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function Spinner({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    Icons.loader,
+    import_lucide_react4.Loader2Icon,
     {
       role: "status",
       "aria-label": "Loading",
@@ -2017,6 +2025,7 @@ function Badge({
 
 // src/components/ui/breadcrumb.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
+var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -2091,7 +2100,7 @@ function BreadcrumbSeparator({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icons.chevronRight, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.ChevronRight, {})
     }
   );
 }
@@ -2108,7 +2117,7 @@ function BreadcrumbEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icons.moreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.MoreHorizontal, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -2242,6 +2251,7 @@ function ButtonGroupSeparator({
 }
 
 // src/components/ui/calendar.tsx
+var import_lucide_react6 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 var import_persian = require("react-day-picker/persian");
 var import_locale = require("date-fns/locale");
@@ -2326,14 +2336,14 @@ function Calendar2({
         Chevron: ({ orientation }) => {
           if (usePersianCalendar) {
             if (orientation === "left") {
-              return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icons.chevronRight, { className: "h-4 w-4" });
+              return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronRight, { className: "h-4 w-4" });
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icons.chevronLeft, { className: "h-4 w-4" });
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronLeft, { className: "h-4 w-4" });
           }
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icons.chevronLeft, { className: "h-4 w-4" });
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronLeft, { className: "h-4 w-4" });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icons.chevronRight, { className: "h-4 w-4" });
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronRight, { className: "h-4 w-4" });
         }
       },
       ...props
@@ -2385,6 +2395,7 @@ CardFooter.displayName = "CardFooter";
 // src/components/ui/carousel.tsx
 var React8 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
+var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var CarouselContext = React8.createContext(null);
 function useCarousel() {
@@ -2578,7 +2589,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        isRTL ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icons.arrowRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icons.arrowLeft, {}),
+        isRTL ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.ArrowRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.ArrowLeft, {}),
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -2609,7 +2620,7 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        isRTL ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icons.arrowLeft, {}) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icons.arrowRight, {}),
+        isRTL ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.ArrowLeft, {}) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.ArrowRight, {}),
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -2618,6 +2629,7 @@ function CarouselNext({
 
 // src/components/ui/checkbox.tsx
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function Checkbox({
   className,
@@ -2637,7 +2649,7 @@ function Checkbox({
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icons.check, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.CheckIcon, { className: "size-3.5" })
         }
       )
     }
@@ -2677,10 +2689,12 @@ function CollapsibleContent2({
 
 // src/components/ui/command.tsx
 var import_cmdk = require("cmdk");
+var import_lucide_react10 = require("lucide-react");
 
 // src/components/ui/dialog.tsx
 var React9 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
@@ -2712,7 +2726,7 @@ var DialogContent = React9.forwardRef(({ className, children, ...props }, ref) =
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogPrimitive.Close, { className: "absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-brand-default focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-selection data-[state=open]:text-foreground-muted", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icons.close, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.X, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -2819,7 +2833,7 @@ function CommandInput({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icons.search, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           import_cmdk.Command.Input,
           {
@@ -2998,6 +3012,7 @@ CommentCard.displayName = "CommentCard";
 
 // src/components/ui/context-menu.tsx
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
+var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function ContextMenu({
   ...props
@@ -3053,7 +3068,7 @@ function ContextMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.chevronRight, { className: "ms-auto rtl:rotate-180" })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.ChevronRightIcon, { className: "ms-auto rtl:rotate-180" })
       ]
     }
   );
@@ -3127,7 +3142,7 @@ function ContextMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -3148,7 +3163,7 @@ function ContextMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.circle, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -3204,6 +3219,7 @@ function ContextMenuShortcut({
 
 // src/components/ui/date-picker.tsx
 var import_date_fns = require("date-fns");
+var import_lucide_react12 = require("lucide-react");
 
 // src/components/ui/popover.tsx
 var React11 = __toESM(require("react"), 1);
@@ -3343,7 +3359,7 @@ function DatePicker({
           !value && "text-muted-foreground"
         ),
         disabled,
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icons.calendar, { className: "h-4 w-4" }),
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Calendar, { className: "h-4 w-4" }),
         children: displayText || placeholder || defaultPlaceholder
       }
     ) }),
@@ -3402,6 +3418,7 @@ function DatePicker({
 
 // src/components/ui/date-range-picker.tsx
 var React12 = __toESM(require("react"), 1);
+var import_lucide_react13 = require("lucide-react");
 
 // src/components/ui/label.tsx
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
@@ -3467,7 +3484,7 @@ function DateRangePicker({
           ),
           children: [
             formatDateRange2(value),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icons.chevronDown, { className: "size-4 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.ChevronDownIcon, { className: "size-4 opacity-50" })
           ]
         }
       ) }),
@@ -3534,7 +3551,7 @@ function DateRangePickerInline({
         ),
         children: [
           formatDateRange2(value),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icons.calendar, { className: "size-4 opacity-50" })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.CalendarIcon, { className: "size-4 opacity-50" })
         ]
       }
     ) }),
@@ -3682,6 +3699,7 @@ function DrawerDescription({
 
 // src/components/ui/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
@@ -3764,7 +3782,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icons.check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -3796,7 +3814,7 @@ function DropdownMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icons.circle, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -3872,7 +3890,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icons.chevronRight, { className: "ms-auto size-4 rtl:rotate-180" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.ChevronRightIcon, { className: "ms-auto size-4 rtl:rotate-180" })
       ]
     }
   );
@@ -4301,15 +4319,20 @@ function HoverCardContent({
 
 // src/components/ui/tag-input.tsx
 var React14 = __toESM(require("react"), 1);
+var import_lucide_react15 = require("lucide-react");
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var tagInputVariants = (0, import_class_variance_authority7.cva)(
-  "flex min-h-[38px] w-full flex-wrap gap-2 rounded-md border border-control bg-background px-3 py-2 text-sm ring-offset-background focus-within:ring-2 focus-within:ring-background-control focus-within:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  cn(
+    "flex min-h-[34px] w-full flex-wrap gap-1.5 rounded-md border border-control bg-foreground/[.026] px-3 py-1.5 text-sm text-foreground",
+    "focus-within:outline-none focus-within:ring-2 focus-within:ring-background-control focus-within:ring-offset-2 focus-within:ring-offset-foreground-muted",
+    "disabled:cursor-not-allowed disabled:text-foreground-muted disabled:opacity-50"
+  ),
   {
     variants: {
       variant: {
-        default: "bg-background",
-        secondary: "bg-secondary"
+        default: "",
+        secondary: "bg-surface-200"
       }
     },
     defaultVariants: {
@@ -4380,7 +4403,7 @@ var TagInput = React14.forwardRef(
             Badge,
             {
               variant: "secondary",
-              className: "gap-1 pe-1 ps-2 h-7 hover:!bg-primary/20 hover:!text-primary transition-colors [&:hover_svg]:!text-primary",
+              className: "gap-1 pe-1 ps-2 h-6 text-xs font-medium hover:!bg-primary/20 hover:!text-primary transition-colors [&:hover_svg]:!text-primary",
               children: [
                 tag,
                 /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
@@ -4394,7 +4417,7 @@ var TagInput = React14.forwardRef(
                     className: "rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:!bg-primary/20 transition-colors",
                     disabled,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icons.close, { className: "h-3 w-3 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react15.X, { className: "h-3 w-3 text-muted-foreground" }),
                       /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "sr-only", children: [
                         "Remove ",
                         tag
@@ -4414,7 +4437,7 @@ var TagInput = React14.forwardRef(
               value: inputValue,
               onChange: (e) => setInputValue(e.target.value),
               onKeyDown: handleKeyDown,
-              className: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground min-w-[120px] text-sm h-7",
+              className: "flex-1 bg-transparent outline-none placeholder:text-foreground-muted min-w-[80px] text-sm leading-4",
               placeholder: value.length === 0 ? placeholder : void 0,
               disabled
             }
@@ -4428,15 +4451,20 @@ TagInput.displayName = "TagInput";
 
 // src/components/ui/hashtag-input.tsx
 var React15 = __toESM(require("react"), 1);
+var import_lucide_react16 = require("lucide-react");
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var hashtagInputVariants = (0, import_class_variance_authority8.cva)(
-  "flex min-h-[38px] w-full flex-wrap gap-2 rounded-md border border-control bg-background px-3 py-2 text-sm ring-offset-background focus-within:ring-2 focus-within:ring-background-control focus-within:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  cn(
+    "flex min-h-[34px] w-full flex-wrap gap-1.5 rounded-md border border-control bg-foreground/[.026] px-3 py-1.5 text-sm text-foreground",
+    "focus-within:outline-none focus-within:ring-2 focus-within:ring-background-control focus-within:ring-offset-2 focus-within:ring-offset-foreground-muted",
+    "disabled:cursor-not-allowed disabled:text-foreground-muted disabled:opacity-50"
+  ),
   {
     variants: {
       variant: {
-        default: "bg-background",
-        secondary: "bg-secondary"
+        default: "",
+        secondary: "bg-surface-200"
       }
     },
     defaultVariants: {
@@ -4507,7 +4535,7 @@ var HashtagInput = React15.forwardRef(
             Badge,
             {
               variant: "secondary",
-              className: "gap-1 pe-1 ps-2 h-7 hover:!bg-primary/20 hover:!text-primary transition-colors [&:hover_svg]:!text-primary",
+              className: "gap-1 pe-1 ps-2 h-6 text-xs font-medium hover:!bg-primary/20 hover:!text-primary transition-colors [&:hover_svg]:!text-primary",
               children: [
                 "#",
                 tag,
@@ -4522,7 +4550,7 @@ var HashtagInput = React15.forwardRef(
                     className: "rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:!bg-primary/20 transition-colors",
                     disabled,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icons.close, { className: "h-3 w-3 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.X, { className: "h-3 w-3 text-muted-foreground" }),
                       /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "sr-only", children: [
                         "Remove ",
                         tag
@@ -4542,7 +4570,7 @@ var HashtagInput = React15.forwardRef(
               value: inputValue,
               onChange: (e) => setInputValue(e.target.value),
               onKeyDown: handleKeyDown,
-              className: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground min-w-[120px] text-sm h-7",
+              className: "flex-1 bg-transparent outline-none placeholder:text-foreground-muted min-w-[80px] text-sm leading-4",
               placeholder: value.length === 0 ? placeholder : void 0,
               disabled
             }
@@ -4747,6 +4775,7 @@ function InputGroupTextarea({
 // src/components/ui/input-otp.tsx
 var React17 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
+var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function InputOTP({
   className,
@@ -4812,7 +4841,7 @@ function InputOTPSeparator({ ...props }) {
       role: "separator",
       dir: "ltr",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icons.minus, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react17.MinusIcon, {})
     }
   );
 }
@@ -4843,6 +4872,7 @@ var TooltipContent = React18.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/instagram-post.tsx
+var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var instagramPostVariants = (0, import_class_variance_authority10.cva)(
   "relative border bg-background-surface-100",
@@ -4868,17 +4898,18 @@ function InstagramPostMedia({
   const handleImageError = (url) => {
     setImageError((prev) => ({ ...prev, [url]: true }));
   };
-  const renderPlaceholder = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-full h-full flex items-center justify-center bg-muted/10 dark:bg-muted/5", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icons.imageOff, { className: "size-12 text-muted-foreground/50" }) });
+  const renderPlaceholder = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-full h-full flex items-center justify-center bg-muted/10 dark:bg-muted/5", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react18.ImageOff, { className: "size-12 text-muted-foreground/50" }) });
   if (!media || media.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "div",
       {
         className: cn(
           "flex items-center justify-center bg-muted/30",
-          variant === "vertical" ? "aspect-square" : "w-[20%] shrink-0 h-full min-h-[200px] -my-[1px] -ms-[1px]"
+          variant === "vertical" ? "w-full" : "w-[20%] shrink-0 h-full min-h-[200px] -my-[1px] -ms-[1px]"
         ),
+        style: variant === "vertical" ? { aspectRatio: "4/5" } : void 0,
         children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "text-center p-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icons.imageOff, { className: "size-12 mx-auto mb-2 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react18.ImageOff, { className: "size-12 mx-auto mb-2 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm text-muted-foreground", children: placeholderText })
         ] })
       }
@@ -4900,19 +4931,33 @@ function InstagramPostMedia({
         )
       ] });
     }
-    const ratio = getAspectRatio(item.aspectRatio || "1:1");
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-full relative overflow-hidden group cursor-pointer bg-muted/30", style: { aspectRatio: ratio }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 z-10" }),
-      imageError[item.url] ? renderPlaceholder() : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-        "img",
-        {
-          src: item.url,
-          alt: "Post media",
-          className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-300",
-          onError: () => handleImageError(item.url)
-        }
-      )
-    ] });
+    const aspectRatio = item.aspectRatio || "4:5";
+    const isPortrait = aspectRatio === "9:16" || aspectRatio === "4:5";
+    const instagramRatio = isPortrait ? "4/5" : getAspectRatioCSS(aspectRatio);
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      "div",
+      {
+        className: "w-full relative overflow-hidden group cursor-pointer bg-black",
+        style: { aspectRatio: instagramRatio },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 z-10" }),
+          imageError[item.url] ? renderPlaceholder() : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "img",
+            {
+              src: item.url,
+              alt: "Post media",
+              className: cn(
+                "w-full h-full transition-transform duration-300 group-hover:scale-[1.02]",
+                // For portrait images: object-contain to show full image like Instagram
+                // For square/landscape: object-cover
+                isPortrait ? "object-contain" : "object-cover"
+              ),
+              onError: () => handleImageError(item.url)
+            }
+          )
+        ]
+      }
+    );
   }
   if (mediaType === "video" || media.length === 1 && media[0].type === "video") {
     const item = media[0];
@@ -4930,19 +4975,31 @@ function InstagramPostMedia({
         )
       ] });
     }
-    const ratio = getAspectRatio(item.aspectRatio || "16:9");
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-full relative overflow-hidden group cursor-pointer bg-muted/30", style: { aspectRatio: ratio }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 z-10" }),
-      imageError[item.url] ? renderPlaceholder() : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-        "img",
-        {
-          src: item.url,
-          alt: "Post media",
-          className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-300",
-          onError: () => handleImageError(item.url)
-        }
-      )
-    ] });
+    const aspectRatio = item.aspectRatio || "4:5";
+    const isPortrait = aspectRatio === "9:16" || aspectRatio === "4:5";
+    const instagramRatio = isPortrait ? "4/5" : getAspectRatioCSS(aspectRatio);
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      "div",
+      {
+        className: "w-full relative overflow-hidden group cursor-pointer bg-black",
+        style: { aspectRatio: instagramRatio },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 z-10" }),
+          imageError[item.url] ? renderPlaceholder() : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "img",
+            {
+              src: item.url,
+              alt: "Post media",
+              className: cn(
+                "w-full h-full transition-transform duration-300 group-hover:scale-[1.02]",
+                isPortrait ? "object-contain" : "object-cover"
+              ),
+              onError: () => handleImageError(item.url)
+            }
+          )
+        ]
+      }
+    );
   }
   if (mediaType === "carousel" || media.length > 1) {
     if (variant === "horizontal") {
@@ -4964,38 +5021,47 @@ function InstagramPostMedia({
       ] }) });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Carousel, { className: "w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CarouselContent, { children: media.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-        "div",
-        {
-          className: "w-full relative overflow-hidden group cursor-pointer bg-muted/30",
-          style: { aspectRatio: getAspectRatio(item.aspectRatio || (item.type === "video" ? "16:9" : "1:1")) },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 z-10" }),
-            imageError[item.url] ? renderPlaceholder() : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-              "img",
-              {
-                src: item.url,
-                alt: `Post media ${index + 1}`,
-                className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-300",
-                onError: () => handleImageError(item.url)
-              }
-            )
-          ]
-        }
-      ) }, index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CarouselContent, { children: media.map((item, index) => {
+        const itemAspect = item.aspectRatio || "4:5";
+        const itemIsPortrait = itemAspect === "9:16" || itemAspect === "4:5";
+        const itemRatio = itemIsPortrait ? "4/5" : getAspectRatioCSS(itemAspect);
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+          "div",
+          {
+            className: "w-full relative overflow-hidden group cursor-pointer bg-black",
+            style: { aspectRatio: itemRatio },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 z-10" }),
+              imageError[item.url] ? renderPlaceholder() : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                "img",
+                {
+                  src: item.url,
+                  alt: `Post media ${index + 1}`,
+                  className: cn(
+                    "w-full h-full transition-transform duration-300",
+                    itemIsPortrait ? "object-contain" : "object-cover"
+                  ),
+                  onError: () => handleImageError(item.url)
+                }
+              )
+            ]
+          }
+        ) }, index);
+      }) }),
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CarouselPrevious, { className: "ms-2" }),
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CarouselNext, { className: "me-2" })
     ] });
   }
   return null;
 }
-function getAspectRatio(ratio) {
+function getAspectRatioCSS(ratio) {
   const ratios = {
-    "16:9": 16 / 9,
-    "9:16": 9 / 16,
-    "1:1": 1,
-    "4:5": 4 / 5,
-    "5:4": 5 / 4
+    "16:9": "16/9",
+    "9:16": "4/5",
+    // Instagram standard portrait
+    "1:1": "1/1",
+    "4:5": "4/5",
+    "5:4": "5/4"
   };
   return ratios[ratio];
 }
@@ -5218,7 +5284,11 @@ function InstagramPostActions({
   onBooster,
   onAIAnalysis,
   onOpenInstagram,
-  instagramUrl
+  instagramUrl,
+  disableCommentAnalyzer = false,
+  disableBooster = false,
+  disableAIAnalysis = false,
+  disableOpenInstagram = false
 }) {
   if (!showActions) return null;
   const handleOpenInstagram = () => {
@@ -5228,21 +5298,6 @@ function InstagramPostActions({
       window.open(instagramUrl, "_blank", "noopener,noreferrer");
     }
   };
-  const handleCommentAnalyzer = () => {
-    if (onCommentAnalyzer) {
-      onCommentAnalyzer();
-    }
-  };
-  const handleBooster = () => {
-    if (onBooster) {
-      onBooster();
-    }
-  };
-  const handleAIAnalysis = () => {
-    if (onAIAnalysis) {
-      onAIAnalysis();
-    }
-  };
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "absolute top-2 end-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
@@ -5250,13 +5305,17 @@ function InstagramPostActions({
         {
           variant: "ghost",
           size: "icon",
-          className: "size-8 bg-background/80 backdrop-blur-sm hover:bg-background",
-          onClick: handleCommentAnalyzer,
+          className: cn(
+            "size-8 bg-background/80 backdrop-blur-sm hover:bg-background",
+            disableCommentAnalyzer && "opacity-40 cursor-not-allowed pointer-events-none"
+          ),
+          onClick: disableCommentAnalyzer ? void 0 : onCommentAnalyzer,
+          disabled: disableCommentAnalyzer,
           "aria-label": "Comment Analyzer",
           children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icons.messageCircle, { className: "size-4" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "\u062A\u062D\u0644\u06CC\u0644 \u06A9\u0627\u0645\u0646\u062A\u200C\u0647\u0627" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: disableCommentAnalyzer ? "\u062A\u062D\u0644\u06CC\u0644 \u06A9\u0627\u0645\u0646\u062A\u200C\u0647\u0627 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)" : "\u062A\u062D\u0644\u06CC\u0644 \u06A9\u0627\u0645\u0646\u062A\u200C\u0647\u0627" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
@@ -5264,13 +5323,17 @@ function InstagramPostActions({
         {
           variant: "ghost",
           size: "icon",
-          className: "size-8 bg-background/80 backdrop-blur-sm hover:bg-background",
-          onClick: handleBooster,
+          className: cn(
+            "size-8 bg-background/80 backdrop-blur-sm hover:bg-background",
+            disableBooster && "opacity-40 cursor-not-allowed pointer-events-none"
+          ),
+          onClick: disableBooster ? void 0 : onBooster,
+          disabled: disableBooster,
           "aria-label": "Booster",
           children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icons.rocket, { className: "size-4" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "\u0628\u0648\u0633\u062A\u0631" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: disableBooster ? "\u0628\u0648\u0633\u062A\u0631 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)" : "\u0628\u0648\u0633\u062A\u0631" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
@@ -5278,13 +5341,17 @@ function InstagramPostActions({
         {
           variant: "ghost",
           size: "icon",
-          className: "size-8 bg-background/80 backdrop-blur-sm hover:bg-background",
-          onClick: handleAIAnalysis,
+          className: cn(
+            "size-8 bg-background/80 backdrop-blur-sm hover:bg-background",
+            disableAIAnalysis && "opacity-40 cursor-not-allowed pointer-events-none"
+          ),
+          onClick: disableAIAnalysis ? void 0 : onAIAnalysis,
+          disabled: disableAIAnalysis,
           "aria-label": "AI Analysis",
           children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icons.sparkles, { className: "size-4" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "\u062A\u062D\u0644\u06CC\u0644 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06CC" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: disableAIAnalysis ? "\u062A\u062D\u0644\u06CC\u0644 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06CC (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)" : "\u062A\u062D\u0644\u06CC\u0644 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06CC" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
@@ -5292,13 +5359,17 @@ function InstagramPostActions({
         {
           variant: "ghost",
           size: "icon",
-          className: "size-8 bg-background/80 backdrop-blur-sm hover:bg-background",
-          onClick: handleOpenInstagram,
+          className: cn(
+            "size-8 bg-background/80 backdrop-blur-sm hover:bg-background",
+            disableOpenInstagram && "opacity-40 cursor-not-allowed pointer-events-none"
+          ),
+          onClick: disableOpenInstagram ? void 0 : handleOpenInstagram,
+          disabled: disableOpenInstagram,
           "aria-label": "Open on Instagram",
           children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icons.instagram, { className: "size-4" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u062F\u0631 \u0627\u06CC\u0646\u0633\u062A\u0627\u06AF\u0631\u0627\u0645" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: disableOpenInstagram ? "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u062F\u0631 \u0627\u06CC\u0646\u0633\u062A\u0627\u06AF\u0631\u0627\u0645 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)" : "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u062F\u0631 \u0627\u06CC\u0646\u0633\u062A\u0627\u06AF\u0631\u0627\u0645" }) })
     ] })
   ] }) });
 }
@@ -5354,6 +5425,10 @@ var InstagramPost = React19.forwardRef(
     onAIAnalysis,
     onOpenInstagram,
     instagramUrl,
+    disableCommentAnalyzer = false,
+    disableBooster = false,
+    disableAIAnalysis = false,
+    disableOpenInstagram = false,
     placeholderText,
     dir,
     ...props
@@ -5375,7 +5450,11 @@ var InstagramPost = React19.forwardRef(
               onBooster,
               onAIAnalysis,
               onOpenInstagram,
-              instagramUrl
+              instagramUrl,
+              disableCommentAnalyzer,
+              disableBooster,
+              disableAIAnalysis,
+              disableOpenInstagram
             }
           ),
           isVertical ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
@@ -5480,6 +5559,7 @@ function KbdGroup({ className, ...props }) {
 
 // src/components/ui/menubar.tsx
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
+var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function Menubar({
   className,
@@ -5592,7 +5672,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icons.check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react19.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -5613,7 +5693,7 @@ function MenubarRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icons.circle, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react19.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -5689,7 +5769,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icons.chevronRight, { className: "ms-auto h-4 w-4 rtl:rotate-180" })
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react19.ChevronRightIcon, { className: "ms-auto h-4 w-4 rtl:rotate-180" })
       ]
     }
   );
@@ -5713,6 +5793,7 @@ function MenubarSubContent({
 
 // src/components/ui/metric-card.tsx
 var React20 = __toESM(require("react"), 1);
+var import_lucide_react20 = require("lucide-react");
 var import_date_fns2 = require("date-fns");
 
 // src/components/ui/skeleton.tsx
@@ -5751,7 +5832,7 @@ var MetricCard = React20.forwardRef(
       Card,
       {
         ref,
-        className: cn("py-4 space-y-3 @container", className),
+        className: cn("py-4 space-y-3", className),
         ...props,
         children
       }
@@ -5776,7 +5857,7 @@ var MetricCardHeader = React20.forwardRef(
               target: "_blank",
               rel: "noopener noreferrer",
               className: "text-foreground-lighter hover:text-foreground transition-colors",
-              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icons.externalLink, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react20.ExternalLink, { className: "h-3.5 w-3.5" })
             }
           )
         ]
@@ -5806,7 +5887,7 @@ var MetricCardLabel = React20.forwardRef(
       return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Tooltip, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-1.5 cursor-help", children: [
           label,
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icons.info, { className: "h-3.5 w-3.5 text-foreground-lighter" })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react20.Info, { className: "h-3.5 w-3.5 text-foreground-lighter" })
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "max-w-xs", children: tooltip }) })
       ] }) });
@@ -6065,6 +6146,7 @@ var MetricCardSparkline = React20.forwardRef(
 MetricCardSparkline.displayName = "MetricCardSparkline";
 
 // src/components/ui/native-select.tsx
+var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function NativeSelect({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
@@ -6096,7 +6178,7 @@ function NativeSelect({ className, ...props }) {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          Icons.chevronDown,
+          import_lucide_react21.ChevronDownIcon,
           {
             className: "pointer-events-none absolute top-1/2 end-3 size-4 -translate-y-1/2 text-foreground-muted select-none",
             "aria-hidden": "true",
@@ -6127,6 +6209,7 @@ function NativeSelectOptGroup({
 // src/components/ui/navigation-menu.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority11 = require("class-variance-authority");
+var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function NavigationMenu({
   className,
@@ -6198,7 +6281,7 @@ function NavigationMenuTrigger({
         children,
         " ",
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-          Icons.chevronDown,
+          import_lucide_react22.ChevronDownIcon,
           {
             className: "relative top-[1px] ms-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -6285,6 +6368,7 @@ function NavigationMenuIndicator({
 
 // src/components/ui/pagination.tsx
 var React21 = __toESM(require("react"), 1);
+var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var PaginationDirectionContext = React21.createContext("rtl");
 function usePaginationDirection() {
@@ -6373,7 +6457,7 @@ function PaginationPrevious({
   const dir = usePaginationDirection();
   const isRTL = dir === "rtl";
   const label = isRTL ? "\u0642\u0628\u0644\u06CC" : "Previous";
-  const Icon2 = isRTL ? Icons.chevronRight : Icons.chevronLeft;
+  const Icon2 = isRTL ? import_lucide_react23.ChevronRightIcon : import_lucide_react23.ChevronLeftIcon;
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     PaginationLink,
     {
@@ -6399,7 +6483,7 @@ function PaginationNext({
   const dir = usePaginationDirection();
   const isRTL = dir === "rtl";
   const label = isRTL ? "\u0628\u0639\u062F\u06CC" : "Next";
-  const Icon2 = isRTL ? Icons.chevronLeft : Icons.chevronRight;
+  const Icon2 = isRTL ? import_lucide_react23.ChevronLeftIcon : import_lucide_react23.ChevronRightIcon;
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     PaginationLink,
     {
@@ -6433,7 +6517,7 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icons.moreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react23.MoreHorizontalIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     }
@@ -6634,7 +6718,7 @@ var ProfileCard = React22.forwardRef(
       {
         ref,
         className: cn(
-          "flex flex-col items-center rounded-lg shadow-sm transition-colors @container",
+          "flex flex-col items-center rounded-lg shadow-sm transition-colors",
           variantClasses[variant],
           currentSize.container,
           onCardClick && "cursor-pointer hover:bg-surface-200",
@@ -6643,7 +6727,7 @@ var ProfileCard = React22.forwardRef(
         onClick: onCardClick,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "relative flex-shrink-0", children: avatarBorderVariant === "gold" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "relative p-0.5 rounded-full bg-gradient-to-br from-amber-500 via-yellow-400 to-amber-500", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Avatar, { className: cn(currentSize.avatar, "ring-2 ring-background"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "relative flex-shrink-0", children: avatarBorderVariant === "gold" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "relative p-0.5 rounded-full bg-gradient-to-br from-brand-400 via-brand to-brand-400", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Avatar, { className: cn(currentSize.avatar, "ring-2 ring-background"), children: [
             /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AvatarImage, { src: avatarSrc, alt: avatarAlt || name }),
             /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AvatarFallback, { className: "bg-surface-300 text-foreground font-medium", children: initials || name.charAt(0) })
           ] }) }) : avatarBorderVariant === "primary" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Avatar, { className: cn(currentSize.avatar, "ring-2 ring-offset-2 ring-offset-background ring-primary"), children: [
@@ -6721,7 +6805,7 @@ var ProfileInfo = React23.forwardRef(
       transparent: "bg-transparent"
     };
     const borderClasses = {
-      gold: "ring-2 ring-offset-2 ring-offset-background [--tw-ring-color:conic-gradient(from_180deg,#f59e0b,#fbbf24,#f59e0b)]",
+      gold: "ring-2 ring-offset-2 ring-offset-background [--tw-ring-color:conic-gradient(from_180deg,#22c55e,#4ade80,#22c55e)]",
       primary: "ring-2 ring-offset-2 ring-offset-background ring-primary",
       none: ""
     };
@@ -6741,7 +6825,7 @@ var ProfileInfo = React23.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "relative", children: avatarBorderVariant === "gold" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "relative p-0.5 rounded-full bg-gradient-to-br from-amber-500 via-yellow-400 to-amber-500", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Avatar, { className: cn(currentSize.avatar, "ring-2 ring-background"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "relative", children: avatarBorderVariant === "gold" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "relative p-0.5 rounded-full bg-gradient-to-br from-brand-400 via-brand to-brand-400", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Avatar, { className: cn(currentSize.avatar, "ring-2 ring-background"), children: [
               /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AvatarImage, { src: avatarSrc, alt: avatarAlt || name }),
               /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AvatarFallback, { className: "bg-surface-300 text-foreground font-medium", children: initials || name.charAt(0) })
             ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Avatar, { className: cn(currentSize.avatar, borderClasses[avatarBorderVariant]), children: [
@@ -6798,6 +6882,7 @@ ProfileInfo.displayName = "ProfileInfo";
 
 // src/components/ui/engagement-rate.tsx
 var React24 = __toESM(require("react"), 1);
+var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var convertToLocalNumbers2 = (text, locale) => {
   if (locale === "fa" || locale === "ar") {
@@ -6857,17 +6942,17 @@ var getGroupIcon = (group) => {
   const iconClass = "w-12 h-12 text-primary";
   switch (group) {
     case "nano":
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icons.users, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react24.Users, { className: iconClass });
     case "micro":
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icons.userCheck, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react24.UserCheck, { className: iconClass });
     case "mid":
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icons.trendingUp, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react24.TrendingUp, { className: iconClass });
     case "macro":
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icons.award, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react24.Award, { className: iconClass });
     case "mega":
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icons.crown, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react24.Crown, { className: iconClass });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icons.users, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react24.Users, { className: iconClass });
   }
 };
 var translations = {
@@ -6993,10 +7078,10 @@ var EngagementRate = React24.forwardRef(
             min: r.average[0],
             max: r.average[1],
             display: `${r.average[0]}% - ${r.average[1]}%`,
-            color: "#eab308",
-            // yellow-500
-            hoverColor: "#ca8a04"
-            // yellow-600
+            color: "#22c55e",
+            // brand green (green-500)
+            hoverColor: "#16a34a"
+            // brand green hover (green-600)
           },
           {
             label: t.couldBeImproved,
@@ -7337,10 +7422,10 @@ var EngagementRateBar = React25.forwardRef(
           label: t.average,
           min: r.average[0],
           max: r.average[1],
-          color: "#eab308",
-          // yellow-500
-          hoverColor: "#ca8a04"
-          // yellow-600
+          color: "#22c55e",
+          // brand green (green-500)
+          hoverColor: "#16a34a"
+          // brand green hover (green-600)
         },
         {
           label: t.couldBeImproved,
@@ -7480,7 +7565,7 @@ var progressIndicatorVariants = (0, import_class_variance_authority12.cva)(
         primary: "bg-brand-500",
         secondary: "bg-foreground",
         success: "bg-green-500",
-        warning: "bg-yellow-500",
+        warning: "bg-warning-500",
         destructive: "bg-destructive-500"
       }
     },
@@ -7527,6 +7612,7 @@ function Progress({
 
 // src/components/ui/radio-group.tsx
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
+var import_lucide_react25 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function RadioGroup4({
   className,
@@ -7559,7 +7645,7 @@ function RadioGroupItem({
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icons.circle, { className: "fill-brand absolute top-1/2 start-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react25.CircleIcon, { className: "fill-brand absolute top-1/2 start-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2" })
         }
       )
     }
@@ -7627,6 +7713,7 @@ var RadioCardDescription = React26.forwardRef(({ className, ...props }, ref) =>
 RadioCardDescription.displayName = "RadioCardDescription";
 
 // src/components/ui/resizable.tsx
+var import_lucide_react26 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function ResizablePanelGroup({
@@ -7664,7 +7751,7 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icons.gripVertical, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react26.GripVerticalIcon, { className: "size-2.5" }) })
     }
   );
 }
@@ -7729,6 +7816,7 @@ function ScrollBar({
 // src/components/ui/select.tsx
 var React27 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_lucide_react27 = require("lucide-react");
 var import_class_variance_authority13 = require("class-variance-authority");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
@@ -7767,7 +7855,7 @@ var SelectTrigger = React27.forwardRef(({ className, children, size, ...props },
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icons.chevronDown, { className: "h-4 w-4 text-foreground-lighter flex-shrink-0", strokeWidth: 1.5 }) })
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react27.ChevronDown, { className: "h-4 w-4 text-foreground-lighter flex-shrink-0", strokeWidth: 1.5 }) })
     ]
   }
 ));
@@ -7781,7 +7869,7 @@ var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icons.chevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react27.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -7794,7 +7882,7 @@ var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icons.chevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react27.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -7849,7 +7937,7 @@ var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectPrimitive.ItemIndicator, { className: "h-3.5 w-3.5 bg-foreground rounded-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icons.check, { className: "h-2 w-2 text-background-overlay", strokeWidth: 6 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectPrimitive.ItemIndicator, { className: "h-3.5 w-3.5 bg-foreground rounded-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react27.Check, { className: "h-2 w-2 text-background-overlay", strokeWidth: 6 }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectPrimitive.ItemText, { children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children }) : children })
     ]
   }
@@ -7867,6 +7955,7 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/sheet.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react28 = require("lucide-react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function Sheet({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
@@ -7926,7 +8015,7 @@ function SheetContent({
         children: [
           children,
           /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(SheetPrimitive.Close, { className: "absolute top-4 end-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-brand-default focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-selection data-[state=open]:text-foreground-muted", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icons.close, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react28.XIcon, { className: "size-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -7985,6 +8074,7 @@ function SheetDescription({
 var React29 = __toESM(require("react"), 1);
 var import_react_slot5 = require("@radix-ui/react-slot");
 var import_class_variance_authority14 = require("class-variance-authority");
+var import_lucide_react29 = require("lucide-react");
 
 // src/hooks/use-mobile.ts
 var React28 = __toESM(require("react"), 1);
@@ -8202,7 +8292,7 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icons.panelLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react29.PanelLeftIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -8695,15 +8785,16 @@ function Slider({
 }
 
 // src/components/ui/sonner.tsx
+var import_lucide_react30 = require("lucide-react");
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
 var import_sonner2 = require("sonner");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var SONNER_DEFAULT_DURATION = 4e3;
-var StatusIconSuccess = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-4 shrink-0 items-center justify-center rounded bg-brand-600 dark:bg-brand-500 p-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icons.check, { className: "size-3 text-white", strokeWidth: 3 }) });
-var StatusIconInfo = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-4 shrink-0 items-center justify-center rounded bg-foreground-lighter p-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icons.info, { className: "size-3 text-background-surface-200" }) });
-var StatusIconWarning = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-4 shrink-0 items-center justify-center rounded bg-warning-600 dark:bg-warning-500 p-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icons.alertTriangle, { className: "size-3 text-white" }) });
-var StatusIconError = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-4 shrink-0 items-center justify-center rounded bg-destructive-600 dark:bg-destructive-500 p-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icons.xCircle, { className: "size-3 text-white" }) });
+var StatusIconSuccess = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-4 shrink-0 items-center justify-center rounded bg-brand-600 dark:bg-brand-500 p-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react30.CheckIcon, { className: "size-3 text-white", strokeWidth: 3 }) });
+var StatusIconInfo = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-4 shrink-0 items-center justify-center rounded bg-foreground-lighter p-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react30.InfoIcon, { className: "size-3 text-background-surface-200" }) });
+var StatusIconWarning = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-4 shrink-0 items-center justify-center rounded bg-warning-600 dark:bg-warning-500 p-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react30.TriangleAlertIcon, { className: "size-3 text-white" }) });
+var StatusIconError = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-4 shrink-0 items-center justify-center rounded bg-destructive-600 dark:bg-destructive-500 p-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react30.XCircleIcon, { className: "size-3 text-white" }) });
 var Toaster = ({
   dir = "rtl",
   position = "bottom-left",
@@ -8720,7 +8811,7 @@ var Toaster = ({
         info: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StatusIconInfo, {}),
         warning: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StatusIconWarning, {}),
         error: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StatusIconError, {}),
-        loading: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icons.loader, { className: "size-4 animate-spin" })
+        loading: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react30.Loader2Icon, { className: "size-4 animate-spin" })
       },
       theme,
       className: "toaster group pointer-events-auto",
@@ -9104,136 +9195,236 @@ function resolveCssColor(styles, variable, fallback) {
   if (raw.includes("%")) return `hsl(${raw})`;
   return raw;
 }
-function addOpacityToColor(color, opacity) {
-  if (color.startsWith("hsl(")) {
-    return color.replace(")", ` / ${opacity})`);
-  }
-  if (color.startsWith("rgb(")) {
-    return color.replace("rgb(", "rgba(").replace(")", `, ${opacity})`);
-  }
-  return color;
-}
-var CHART_FONT_FAMILY = "Yekan Bakh, system-ui, -apple-system, sans-serif";
-function createNivoTheme(styles, fallbacks) {
-  const fb = { ...DEFAULT_FALLBACKS, ...fallbacks };
-  const get = (variable, fallback) => resolveCssColor(styles, variable, fallback);
-  const foreground = get("--foreground", fb.foreground);
-  const foregroundMuted = get("--foreground-muted", fb.foregroundMuted);
-  const border = get("--border", fb.border);
-  const background = get("--background", fb.background);
-  return {
+
+// src/components/charts/PartoLineChart.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var FALLBACKS = {
+  foreground: "hsl(0 0% 98%)",
+  border: "hsl(0 0% 45%)",
+  mutedForeground: "hsl(0 0% 55%)",
+  background: "hsl(0 0% 98%)",
+  foregroundMuted: "hsl(0 0% 55%)",
+  chart1: "hsl(12 76% 61%)",
+  chart2: "hsl(173 58% 39%)",
+  chart3: "hsl(197 37% 24%)",
+  chart4: "hsl(43 74% 66%)",
+  chart5: "hsl(27 87% 67%)"
+};
+function PartoLineChart({ className, ...props }) {
+  const styles = useRootStyles();
+  const getColor = (variable, fallback) => resolveCssColor(styles, variable, fallback);
+  const addOpacity = (color, opacity) => {
+    if (color.startsWith("hsl(")) {
+      return color.replace(")", ` / ${opacity})`);
+    }
+    if (color.startsWith("rgb(")) {
+      return color.replace("rgb(", "rgba(").replace(")", `, ${opacity})`);
+    }
+    return color;
+  };
+  const nivoTheme = {
     background: "transparent",
     text: {
-      fontFamily: CHART_FONT_FAMILY,
-      fill: foreground
+      fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+      fill: getColor("--foreground", FALLBACKS.foreground)
     },
     axis: {
       domain: {
         line: {
-          stroke: border,
+          stroke: getColor("--border", FALLBACKS.border),
           strokeWidth: 1
         }
       },
       ticks: {
         line: {
-          stroke: border,
+          stroke: getColor("--border", FALLBACKS.border),
           strokeWidth: 1
         },
         text: {
-          fontFamily: CHART_FONT_FAMILY,
-          fill: foregroundMuted
+          fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+          fill: getColor("--foreground-muted", FALLBACKS.foregroundMuted)
         }
       },
       legend: {
         text: {
-          fontFamily: CHART_FONT_FAMILY,
-          fill: foreground
+          fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+          fill: getColor("--foreground", FALLBACKS.foreground)
         }
       }
     },
     grid: {
       line: {
-        stroke: border,
+        stroke: getColor("--border", FALLBACKS.border),
         strokeWidth: 1,
         strokeOpacity: 0.5
       }
     },
     tooltip: {
       container: {
-        fontFamily: CHART_FONT_FAMILY,
-        background,
-        color: foreground,
+        fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+        background: getColor("--background", FALLBACKS.background),
+        color: getColor("--foreground", FALLBACKS.foreground),
         fontSize: 12,
         borderRadius: "8px",
-        border: `1px solid ${addOpacityToColor(border, 0.5)}`,
+        border: `1px solid ${addOpacity(getColor("--border", FALLBACKS.border), 0.5)}`,
         boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
         padding: "10px"
       }
     },
     legends: {
       text: {
-        fontFamily: CHART_FONT_FAMILY,
-        fill: foreground
+        fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+        fill: getColor("--foreground", FALLBACKS.foreground)
       }
     }
   };
-}
-var DEFAULT_FALLBACKS = {
-  foreground: "hsl(0 0% 9%)",
-  foregroundMuted: "hsl(0 0% 44%)",
-  border: "hsl(0 0% 88%)",
-  background: "hsl(0 0% 99%)",
-  chart1: "hsl(152.9deg 60% 52.9%)",
-  chart2: "hsl(173 58% 39%)",
-  chart3: "hsl(197 37% 24%)",
-  chart4: "hsl(43 74% 66%)",
-  chart5: "hsl(27 87% 67%)"
-};
-function resolveChartColors(styles, fallbacks) {
-  const fb = { ...DEFAULT_FALLBACKS, ...fallbacks };
-  const get = (variable, fallback) => resolveCssColor(styles, variable, fallback);
-  return [
-    get("--chart-1", fb.chart1),
-    get("--chart-2", fb.chart2),
-    get("--chart-3", fb.chart3),
-    get("--chart-4", fb.chart4),
-    get("--chart-5", fb.chart5)
+  const defaultColors = [
+    getColor("--chart-1", FALLBACKS.chart1),
+    getColor("--chart-2", FALLBACKS.chart2),
+    getColor("--chart-3", FALLBACKS.chart3),
+    getColor("--chart-4", FALLBACKS.chart4),
+    getColor("--chart-5", FALLBACKS.chart5)
   ];
-}
-
-// src/components/charts/PartoLineChart.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
-function PartoLineChart({ className, ...props }) {
-  const styles = useRootStyles();
-  const nivoTheme = createNivoTheme(styles);
-  const defaultColors = resolveChartColors(styles);
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className, dir: "ltr", style: { position: "relative", width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_line.ResponsiveLine, { theme: nivoTheme, colors: defaultColors, ...props }) });
 }
 
 // src/components/charts/PartoBarChart.tsx
 var import_bar = require("@nivo/bar");
 var import_jsx_runtime70 = require("react/jsx-runtime");
+var FALLBACKS2 = {
+  foreground: "hsl(0 0% 98%)",
+  border: "hsl(0 0% 45%)",
+  mutedForeground: "hsl(0 0% 55%)",
+  popover: "hsl(0 0% 12%)",
+  popoverForeground: "hsl(0 0% 98%)",
+  chart1: "hsl(12 76% 61%)",
+  chart2: "hsl(173 58% 39%)",
+  chart3: "hsl(197 37% 24%)",
+  chart4: "hsl(43 74% 66%)",
+  chart5: "hsl(27 87% 67%)"
+};
 function PartoBarChart({ className, ...props }) {
   const styles = useRootStyles();
-  const nivoTheme = createNivoTheme(styles);
-  const defaultColors = resolveChartColors(styles);
+  const getColor = (variable, fallback) => resolveCssColor(styles, variable, fallback);
+  const nivoTheme = {
+    background: "transparent",
+    text: {
+      fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+      fill: getColor("--foreground", FALLBACKS2.foreground)
+    },
+    axis: {
+      domain: {
+        line: {
+          stroke: getColor("--border", FALLBACKS2.border),
+          strokeWidth: 1
+        }
+      },
+      ticks: {
+        line: {
+          stroke: getColor("--border", FALLBACKS2.border),
+          strokeWidth: 1
+        },
+        text: {
+          fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+          fill: getColor("--muted-foreground", FALLBACKS2.mutedForeground)
+        }
+      },
+      legend: {
+        text: {
+          fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+          fill: getColor("--foreground", FALLBACKS2.foreground)
+        }
+      }
+    },
+    grid: {
+      line: {
+        stroke: getColor("--border", FALLBACKS2.border),
+        strokeWidth: 1,
+        strokeOpacity: 0.4
+      }
+    },
+    tooltip: {
+      container: {
+        fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+        background: getColor("--popover", FALLBACKS2.popover),
+        color: getColor("--popover-foreground", FALLBACKS2.popoverForeground),
+        fontSize: 12,
+        borderRadius: "var(--radius)",
+        boxShadow: "0 2px 12px rgba(0,0,0,0.15)",
+        padding: "8px 12px"
+      }
+    },
+    legends: {
+      text: {
+        fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+        fill: getColor("--foreground", FALLBACKS2.foreground)
+      }
+    }
+  };
+  const defaultColors = [
+    getColor("--chart-1", FALLBACKS2.chart1),
+    getColor("--chart-2", FALLBACKS2.chart2),
+    getColor("--chart-3", FALLBACKS2.chart3),
+    getColor("--chart-4", FALLBACKS2.chart4),
+    getColor("--chart-5", FALLBACKS2.chart5)
+  ];
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className, dir: "ltr", style: { position: "relative", width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_bar.ResponsiveBar, { theme: nivoTheme, colors: defaultColors, ...props }) });
 }
 
 // src/components/charts/PartoPieChart.tsx
 var import_pie = require("@nivo/pie");
 var import_jsx_runtime71 = require("react/jsx-runtime");
+var FALLBACKS3 = {
+  foreground: "hsl(0 0% 98%)",
+  popover: "hsl(0 0% 12%)",
+  popoverForeground: "hsl(0 0% 98%)",
+  chart1: "hsl(12 76% 61%)",
+  chart2: "hsl(173 58% 39%)",
+  chart3: "hsl(197 37% 24%)",
+  chart4: "hsl(43 74% 66%)",
+  chart5: "hsl(27 87% 67%)"
+};
 function PartoPieChart({ className, ...props }) {
   const styles = useRootStyles();
-  const nivoTheme = createNivoTheme(styles);
-  const defaultColors = resolveChartColors(styles);
+  const getColor = (variable, fallback) => resolveCssColor(styles, variable, fallback);
+  const nivoTheme = {
+    background: "transparent",
+    text: {
+      fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+      fill: getColor("--foreground", FALLBACKS3.foreground)
+    },
+    tooltip: {
+      container: {
+        fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+        background: getColor("--popover", FALLBACKS3.popover),
+        color: getColor("--popover-foreground", FALLBACKS3.popoverForeground),
+        fontSize: 12,
+        borderRadius: "var(--radius)",
+        boxShadow: "0 2px 12px rgba(0,0,0,0.15)",
+        padding: "8px 12px"
+      }
+    },
+    legends: {
+      text: {
+        fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
+        fill: getColor("--foreground", FALLBACKS3.foreground)
+      }
+    }
+  };
+  const defaultColors = [
+    getColor("--chart-1", FALLBACKS3.chart1),
+    getColor("--chart-2", FALLBACKS3.chart2),
+    getColor("--chart-3", FALLBACKS3.chart3),
+    getColor("--chart-4", FALLBACKS3.chart4),
+    getColor("--chart-5", FALLBACKS3.chart5)
+  ];
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className, dir: "ltr", style: { position: "relative", width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_pie.ResponsivePie, { theme: nivoTheme, colors: defaultColors, ...props }) });
 }
 
 // src/components/charts/PartoHeatMap.tsx
 var import_heatmap = require("@nivo/heatmap");
 var import_jsx_runtime72 = require("react/jsx-runtime");
-var FALLBACKS = {
+var FALLBACKS4 = {
   foreground: "hsl(0 0% 98%)",
   border: "hsl(0 0% 45%)",
   mutedForeground: "hsl(0 0% 55%)",
@@ -9301,24 +9492,24 @@ function PartoHeatMap({
     background: "transparent",
     text: {
       fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
-      fill: getColor("--foreground", FALLBACKS.foreground),
+      fill: getColor("--foreground", FALLBACKS4.foreground),
       fontSize: 11
     },
     axis: {
       domain: {
         line: {
-          stroke: getColor("--border", FALLBACKS.border),
+          stroke: getColor("--border", FALLBACKS4.border),
           strokeWidth: 1
         }
       },
       ticks: {
         line: {
-          stroke: getColor("--border", FALLBACKS.border),
+          stroke: getColor("--border", FALLBACKS4.border),
           strokeWidth: 1
         },
         text: {
           fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
-          fill: getColor("--foreground", FALLBACKS.foreground),
+          fill: getColor("--foreground", FALLBACKS4.foreground),
           fontSize: 13,
           fontWeight: 600
         }
@@ -9326,7 +9517,7 @@ function PartoHeatMap({
       legend: {
         text: {
           fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
-          fill: getColor("--foreground", FALLBACKS.foreground),
+          fill: getColor("--foreground", FALLBACKS4.foreground),
           fontSize: 13,
           fontWeight: 700
         }
@@ -9334,26 +9525,26 @@ function PartoHeatMap({
     },
     grid: {
       line: {
-        stroke: getColor("--card", FALLBACKS.card),
+        stroke: getColor("--card", FALLBACKS4.card),
         strokeWidth: 3
       }
     },
     tooltip: {
       container: {
         fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
-        background: getColor("--popover", FALLBACKS.popover),
-        color: getColor("--popover-foreground", FALLBACKS.popoverForeground),
+        background: getColor("--popover", FALLBACKS4.popover),
+        color: getColor("--popover-foreground", FALLBACKS4.popoverForeground),
         fontSize: 12,
         borderRadius: "var(--radius)",
         boxShadow: "0 2px 4px rgba(0,0,0,0.2)",
         padding: "8px 12px",
-        border: `1px solid ${getColor("--border", FALLBACKS.border)}`
+        border: `1px solid ${getColor("--border", FALLBACKS4.border)}`
       }
     },
     legends: {
       text: {
         fontFamily: "Yekan Bakh, system-ui, -apple-system, sans-serif",
-        fill: getColor("--foreground", FALLBACKS.foreground),
+        fill: getColor("--foreground", FALLBACKS4.foreground),
         fontSize: 11
       }
     }
@@ -9422,7 +9613,7 @@ function PartoHeatMap({
           emptyColor: getColor("--muted", "hsl(0 0% 20%)"),
           borderRadius: 2,
           borderWidth: 3,
-          borderColor: getColor("--card", FALLBACKS.card),
+          borderColor: getColor("--card", FALLBACKS4.card),
           enableLabels: false,
           animate: true,
           motionConfig: "gentle",
@@ -9441,7 +9632,7 @@ var import_wordcloud = require("@visx/wordcloud");
 var import_scale = require("@visx/scale");
 var import_text = require("@visx/text");
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var FALLBACKS2 = {
+var FALLBACKS5 = {
   primary: "hsl(12 76% 61%)"
 };
 var stableRandom = () => 0.5;
@@ -9475,7 +9666,7 @@ function PartoWordCloud({
   const [hovered, setHovered] = React34.useState(null);
   const containerRef = React34.useRef(null);
   const getColor = (variable, fallback) => resolveCssColor(styles, variable, fallback);
-  const primaryColor = getColor("--primary", FALLBACKS2.primary);
+  const primaryColor = getColor("--primary", FALLBACKS5.primary);
   const formattedWords = React34.useMemo(() => {
     return words.map((word) => ({
       ...word,