@amogads/ui 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -9629,26 +9629,26 @@ function ChatHeader({
9629
9629
  return "bg-slate-400";
9630
9630
  }
9631
9631
  };
9632
- const initials = title.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() || "MO";
9632
+ const initials = title?.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() || "MA";
9633
9633
  return /* @__PURE__ */ jsxs42(
9634
9634
  "div",
9635
9635
  {
9636
9636
  className: cn(
9637
- "flex items-center justify-between border-b border-border/80 bg-background/95 px-4 py-3 backdrop-blur-xs select-none",
9637
+ "flex items-center justify-between border-b border-border bg-background px-4 py-3 select-none",
9638
9638
  className
9639
9639
  ),
9640
9640
  children: [
9641
9641
  /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3 min-w-0", children: [
9642
- /* @__PURE__ */ jsxs42("div", { className: "relative cursor-pointer", onClick: onAvatarClick, children: [
9643
- /* @__PURE__ */ jsxs42(Avatar, { className: "h-10 w-10 border border-border/60 shadow-2xs rounded-full", children: [
9644
- avatarUrl && /* @__PURE__ */ jsx79(AvatarImage, { src: avatarUrl, alt: title }),
9645
- /* @__PURE__ */ jsx79(AvatarFallback, { className: "bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-200 text-xs font-bold", children: initials })
9642
+ /* @__PURE__ */ jsxs42("div", { className: "relative cursor-pointer shrink-0", onClick: onAvatarClick, children: [
9643
+ /* @__PURE__ */ jsxs42(Avatar, { className: "h-10 w-10 rounded-xl border border-border/60 shadow-2xs", children: [
9644
+ avatarUrl && /* @__PURE__ */ jsx79(AvatarImage, { src: avatarUrl, alt: title, className: "rounded-xl" }),
9645
+ /* @__PURE__ */ jsx79(AvatarFallback, { className: "rounded-xl bg-primary/10 text-primary font-bold text-sm", children: initials })
9646
9646
  ] }),
9647
9647
  !isGroup && /* @__PURE__ */ jsx79(
9648
9648
  "span",
9649
9649
  {
9650
9650
  className: cn(
9651
- "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full ring-2 ring-background",
9651
+ "absolute -bottom-0.5 -right-0.5 h-2.5 w-2.5 rounded-full ring-2 ring-background",
9652
9652
  getStatusColor()
9653
9653
  )
9654
9654
  }
@@ -9656,18 +9656,18 @@ function ChatHeader({
9656
9656
  ] }),
9657
9657
  /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
9658
9658
  /* @__PURE__ */ jsx79("h2", { className: "truncate text-sm font-bold text-foreground tracking-tight leading-snug", children: title }),
9659
- /* @__PURE__ */ jsx79("p", { className: "truncate text-xs text-muted-foreground", children: subtitle ? subtitle : isGroup ? `${memberCount || 0} members` : /* @__PURE__ */ jsx79("span", { className: "capitalize", children: status }) })
9659
+ /* @__PURE__ */ jsx79("p", { className: "truncate text-xs text-muted-foreground leading-tight", children: subtitle ? subtitle : isGroup ? `${memberCount || 0} members` : /* @__PURE__ */ jsx79("span", { className: "capitalize", children: status }) })
9660
9660
  ] })
9661
9661
  ] }),
9662
- /* @__PURE__ */ jsx79("div", { className: "flex items-center gap-1.5 shrink-0", children: actions ? actions : showDefaultActions ? /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-1", children: [
9662
+ /* @__PURE__ */ jsx79("div", { className: "flex items-center gap-1 shrink-0", children: actions ? actions : showDefaultActions ? /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-1", children: [
9663
9663
  /* @__PURE__ */ jsx79(
9664
9664
  "button",
9665
9665
  {
9666
9666
  type: "button",
9667
9667
  onClick: onNotificationClick,
9668
- className: "flex h-8 w-8 items-center justify-center rounded-full text-amber-500 hover:bg-amber-500/10 transition-colors cursor-pointer",
9669
- title: "Notifications",
9670
- children: /* @__PURE__ */ jsx79(Bell2, { className: "h-4 w-4 fill-amber-500/20 text-amber-500" })
9668
+ className: "p-1.5 rounded-lg hover:bg-muted text-amber-500 hover:text-amber-600 transition-colors cursor-pointer",
9669
+ title: "Act on this",
9670
+ children: /* @__PURE__ */ jsx79(Bell2, { className: "h-4.5 w-4.5" })
9671
9671
  }
9672
9672
  ),
9673
9673
  /* @__PURE__ */ jsx79(
@@ -9675,9 +9675,9 @@ function ChatHeader({
9675
9675
  {
9676
9676
  type: "button",
9677
9677
  onClick: onFlagClick,
9678
- className: "flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground hover:text-red-500 hover:bg-red-500/10 transition-colors cursor-pointer",
9678
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
9679
9679
  title: "Flag",
9680
- children: /* @__PURE__ */ jsx79(Flag2, { className: "h-4 w-4" })
9680
+ children: /* @__PURE__ */ jsx79(Flag2, { className: "h-4.5 w-4.5" })
9681
9681
  }
9682
9682
  ),
9683
9683
  /* @__PURE__ */ jsxs42(DropdownMenu, { children: [
@@ -9685,92 +9685,91 @@ function ChatHeader({
9685
9685
  "button",
9686
9686
  {
9687
9687
  type: "button",
9688
- className: "flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors cursor-pointer",
9689
- title: "More actions",
9690
- children: /* @__PURE__ */ jsx79(MoreVertical, { className: "h-4 w-4" })
9688
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
9689
+ title: "More options",
9690
+ children: /* @__PURE__ */ jsx79(MoreVertical, { className: "h-4.5 w-4.5" })
9691
9691
  }
9692
9692
  ) }),
9693
9693
  /* @__PURE__ */ jsxs42(
9694
9694
  DropdownMenuContent,
9695
9695
  {
9696
9696
  align: "end",
9697
- sideOffset: 6,
9698
- className: "w-48 rounded-2xl p-1.5 shadow-2xl border border-border/80 bg-background text-foreground space-y-0.5",
9697
+ className: "w-48 border border-border/80 bg-background shadow-lg p-1 space-y-0.5 rounded-xl",
9699
9698
  children: [
9700
- /* @__PURE__ */ jsxs42(
9699
+ /* @__PURE__ */ jsx79(
9701
9700
  DropdownMenuItem,
9702
9701
  {
9703
9702
  onClick: onReply,
9704
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
9705
- children: [
9706
- /* @__PURE__ */ jsx79(CornerUpLeft2, { className: "h-4 w-4 text-blue-600 shrink-0" }),
9703
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9704
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9705
+ /* @__PURE__ */ jsx79(CornerUpLeft2, { className: "h-4 w-4 text-blue-500" }),
9707
9706
  /* @__PURE__ */ jsx79("span", { children: "Reply" })
9708
- ]
9707
+ ] })
9709
9708
  }
9710
9709
  ),
9711
- /* @__PURE__ */ jsxs42(
9710
+ /* @__PURE__ */ jsx79(
9712
9711
  DropdownMenuItem,
9713
9712
  {
9714
9713
  onClick: onForward,
9715
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
9716
- children: [
9717
- /* @__PURE__ */ jsx79(CornerUpRight2, { className: "h-4 w-4 text-sky-500 shrink-0" }),
9714
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9715
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9716
+ /* @__PURE__ */ jsx79(CornerUpRight2, { className: "h-4 w-4 text-sky-500" }),
9718
9717
  /* @__PURE__ */ jsx79("span", { children: "Forward" })
9719
- ]
9718
+ ] })
9720
9719
  }
9721
9720
  ),
9722
- /* @__PURE__ */ jsxs42(
9721
+ /* @__PURE__ */ jsx79(
9723
9722
  DropdownMenuItem,
9724
9723
  {
9725
9724
  onClick: onPin,
9726
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
9727
- children: [
9728
- /* @__PURE__ */ jsx79(Pin2, { className: "h-4 w-4 text-purple-600 shrink-0" }),
9725
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9726
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9727
+ /* @__PURE__ */ jsx79(Pin2, { className: "h-4 w-4 text-purple-600" }),
9729
9728
  /* @__PURE__ */ jsx79("span", { children: "Pin Message" })
9730
- ]
9729
+ ] })
9731
9730
  }
9732
9731
  ),
9733
- /* @__PURE__ */ jsxs42(
9732
+ /* @__PURE__ */ jsx79(
9734
9733
  DropdownMenuItem,
9735
9734
  {
9736
9735
  onClick: onStar,
9737
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
9738
- children: [
9739
- /* @__PURE__ */ jsx79(Star2, { className: "h-4 w-4 text-amber-500 shrink-0" }),
9736
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9737
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9738
+ /* @__PURE__ */ jsx79(Star2, { className: "h-4 w-4 text-amber-500" }),
9740
9739
  /* @__PURE__ */ jsx79("span", { children: "Star" })
9741
- ]
9740
+ ] })
9742
9741
  }
9743
9742
  ),
9744
- /* @__PURE__ */ jsxs42(
9743
+ /* @__PURE__ */ jsx79(
9745
9744
  DropdownMenuItem,
9746
9745
  {
9747
9746
  onClick: onFavorite,
9748
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
9749
- children: [
9750
- /* @__PURE__ */ jsx79(Heart2, { className: "h-4 w-4 text-rose-500 shrink-0" }),
9747
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9748
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9749
+ /* @__PURE__ */ jsx79(Heart2, { className: "h-4 w-4 text-rose-500" }),
9751
9750
  /* @__PURE__ */ jsx79("span", { children: "Favorite" })
9752
- ]
9751
+ ] })
9753
9752
  }
9754
9753
  ),
9755
- /* @__PURE__ */ jsxs42(
9754
+ /* @__PURE__ */ jsx79(
9756
9755
  DropdownMenuItem,
9757
9756
  {
9758
9757
  onClick: onArchive,
9759
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
9760
- children: [
9761
- /* @__PURE__ */ jsx79(Archive2, { className: "h-4 w-4 text-indigo-600 shrink-0" }),
9758
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9759
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9760
+ /* @__PURE__ */ jsx79(Archive2, { className: "h-4 w-4 text-indigo-600" }),
9762
9761
  /* @__PURE__ */ jsx79("span", { children: "Archive" })
9763
- ]
9762
+ ] })
9764
9763
  }
9765
9764
  ),
9766
9765
  /* @__PURE__ */ jsxs42(
9767
9766
  DropdownMenuItem,
9768
9767
  {
9769
9768
  onClick: onActionThis,
9770
- className: "flex items-center justify-between py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
9769
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9771
9770
  children: [
9772
9771
  /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9773
- /* @__PURE__ */ jsx79(Bell2, { className: "h-4 w-4 text-orange-500 shrink-0" }),
9772
+ /* @__PURE__ */ jsx79(Bell2, { className: "h-4 w-4 text-amber-500" }),
9774
9773
  /* @__PURE__ */ jsx79("span", { children: "Action This" })
9775
9774
  ] }),
9776
9775
  /* @__PURE__ */ jsx79(ChevronRight5, { className: "h-3.5 w-3.5 text-muted-foreground" })
@@ -9781,10 +9780,10 @@ function ChatHeader({
9781
9780
  DropdownMenuItem,
9782
9781
  {
9783
9782
  onClick: onDelete,
9784
- className: "flex items-center justify-between py-1.5 px-2 text-xs font-semibold text-rose-500 hover:text-rose-600 hover:bg-rose-50 dark:hover:bg-rose-950/30 cursor-pointer rounded-xl",
9783
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-rose-50 dark:hover:bg-rose-950/30 text-rose-500 hover:text-rose-600 rounded-md",
9785
9784
  children: [
9786
9785
  /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9787
- /* @__PURE__ */ jsx79(Trash22, { className: "h-4 w-4 text-rose-500 shrink-0" }),
9786
+ /* @__PURE__ */ jsx79(Trash22, { className: "h-4 w-4 text-rose-500" }),
9788
9787
  /* @__PURE__ */ jsx79("span", { children: "Delete" })
9789
9788
  ] }),
9790
9789
  /* @__PURE__ */ jsx79(ChevronRight5, { className: "h-3.5 w-3.5 text-rose-400" })
@@ -10887,7 +10886,7 @@ import {
10887
10886
  import { jsx as jsx93, jsxs as jsxs55 } from "react/jsx-runtime";
10888
10887
  function AiChatHeader({
10889
10888
  title = "AI Assistant",
10890
- subtitle = "Powered by AI \u2022 Ask anything",
10889
+ subtitle = "Powered by AI \xB7 Ask anything",
10891
10890
  modelName,
10892
10891
  showSparkles = true,
10893
10892
  showDefaultActions = true,
@@ -10909,7 +10908,7 @@ function AiChatHeader({
10909
10908
  "div",
10910
10909
  {
10911
10910
  className: cn(
10912
- "flex items-center justify-between px-4 py-3 border-b border-border/80 bg-background/95 backdrop-blur-xs select-none",
10911
+ "flex items-center justify-between px-4 py-3 border-b border-border bg-background select-none",
10913
10912
  className
10914
10913
  ),
10915
10914
  children: [
@@ -10924,24 +10923,24 @@ function AiChatHeader({
10924
10923
  children: /* @__PURE__ */ jsx93(ArrowLeft2, { className: "h-4 w-4" })
10925
10924
  }
10926
10925
  ),
10927
- /* @__PURE__ */ jsx93("div", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-indigo-50 dark:bg-indigo-950/50 text-indigo-600 dark:text-indigo-400 border border-indigo-200/60 dark:border-indigo-900/40 shrink-0 shadow-2xs", children: /* @__PURE__ */ jsx93(Bot3, { className: "h-5 w-5" }) }),
10926
+ /* @__PURE__ */ jsx93("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-indigo-50 dark:bg-indigo-950/50 text-indigo-600 dark:text-indigo-400 border border-indigo-200/60 dark:border-indigo-900/40 shrink-0 shadow-2xs", children: /* @__PURE__ */ jsx93(Bot3, { className: "h-5 w-5" }) }),
10928
10927
  /* @__PURE__ */ jsxs55("div", { className: "min-w-0", children: [
10929
10928
  /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-1.5", children: [
10930
10929
  /* @__PURE__ */ jsx93("h3", { className: "truncate text-sm font-bold text-foreground tracking-tight leading-snug", children: title }),
10931
10930
  showSparkles && /* @__PURE__ */ jsx93(Sparkles3, { className: "h-3.5 w-3.5 text-indigo-500 shrink-0" })
10932
10931
  ] }),
10933
- /* @__PURE__ */ jsx93("p", { className: "truncate text-xs text-muted-foreground", children: subtitle ? subtitle : modelName ? `Powered by ${modelName}` : "Powered by AI \u2022 Ask anything" })
10932
+ /* @__PURE__ */ jsx93("p", { className: "truncate text-xs text-muted-foreground leading-tight", children: subtitle ? subtitle : modelName ? `Powered by ${modelName}` : "Powered by AI \xB7 Ask anything" })
10934
10933
  ] })
10935
10934
  ] }),
10936
- /* @__PURE__ */ jsx93("div", { className: "flex items-center gap-1.5 shrink-0", children: actions ? actions : showDefaultActions ? /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-1", children: [
10935
+ /* @__PURE__ */ jsx93("div", { className: "flex items-center gap-1 shrink-0", children: actions ? actions : showDefaultActions ? /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-1", children: [
10937
10936
  /* @__PURE__ */ jsx93(
10938
10937
  "button",
10939
10938
  {
10940
10939
  type: "button",
10941
10940
  onClick: onNotificationClick,
10942
- className: "flex h-8 w-8 items-center justify-center rounded-full text-amber-500 hover:bg-amber-500/10 transition-colors cursor-pointer",
10943
- title: "Notifications",
10944
- children: /* @__PURE__ */ jsx93(Bell3, { className: "h-4 w-4 fill-amber-500/20 text-amber-500" })
10941
+ className: "p-1.5 rounded-lg hover:bg-muted text-amber-500 hover:text-amber-600 transition-colors cursor-pointer",
10942
+ title: "Act on this",
10943
+ children: /* @__PURE__ */ jsx93(Bell3, { className: "h-4.5 w-4.5" })
10945
10944
  }
10946
10945
  ),
10947
10946
  /* @__PURE__ */ jsx93(
@@ -10949,9 +10948,9 @@ function AiChatHeader({
10949
10948
  {
10950
10949
  type: "button",
10951
10950
  onClick: onFlagClick,
10952
- className: "flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground hover:text-red-500 hover:bg-red-500/10 transition-colors cursor-pointer",
10951
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
10953
10952
  title: "Flag",
10954
- children: /* @__PURE__ */ jsx93(Flag3, { className: "h-4 w-4" })
10953
+ children: /* @__PURE__ */ jsx93(Flag3, { className: "h-4.5 w-4.5" })
10955
10954
  }
10956
10955
  ),
10957
10956
  /* @__PURE__ */ jsxs55(DropdownMenu, { children: [
@@ -10959,92 +10958,91 @@ function AiChatHeader({
10959
10958
  "button",
10960
10959
  {
10961
10960
  type: "button",
10962
- className: "flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors cursor-pointer",
10963
- title: "More actions",
10964
- children: /* @__PURE__ */ jsx93(MoreVertical2, { className: "h-4 w-4" })
10961
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
10962
+ title: "More options",
10963
+ children: /* @__PURE__ */ jsx93(MoreVertical2, { className: "h-4.5 w-4.5" })
10965
10964
  }
10966
10965
  ) }),
10967
10966
  /* @__PURE__ */ jsxs55(
10968
10967
  DropdownMenuContent,
10969
10968
  {
10970
10969
  align: "end",
10971
- sideOffset: 6,
10972
- className: "w-48 rounded-2xl p-1.5 shadow-2xl border border-border/80 bg-background text-foreground space-y-0.5",
10970
+ className: "w-48 border border-border/80 bg-background shadow-lg p-1 space-y-0.5 rounded-xl",
10973
10971
  children: [
10974
- /* @__PURE__ */ jsxs55(
10972
+ /* @__PURE__ */ jsx93(
10975
10973
  DropdownMenuItem,
10976
10974
  {
10977
10975
  onClick: onReply,
10978
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10979
- children: [
10980
- /* @__PURE__ */ jsx93(CornerUpLeft3, { className: "h-4 w-4 text-blue-600 shrink-0" }),
10976
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10977
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
10978
+ /* @__PURE__ */ jsx93(CornerUpLeft3, { className: "h-4 w-4 text-blue-500" }),
10981
10979
  /* @__PURE__ */ jsx93("span", { children: "Reply" })
10982
- ]
10980
+ ] })
10983
10981
  }
10984
10982
  ),
10985
- /* @__PURE__ */ jsxs55(
10983
+ /* @__PURE__ */ jsx93(
10986
10984
  DropdownMenuItem,
10987
10985
  {
10988
10986
  onClick: onForward,
10989
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10990
- children: [
10991
- /* @__PURE__ */ jsx93(CornerUpRight3, { className: "h-4 w-4 text-sky-500 shrink-0" }),
10987
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10988
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
10989
+ /* @__PURE__ */ jsx93(CornerUpRight3, { className: "h-4 w-4 text-sky-500" }),
10992
10990
  /* @__PURE__ */ jsx93("span", { children: "Forward" })
10993
- ]
10991
+ ] })
10994
10992
  }
10995
10993
  ),
10996
- /* @__PURE__ */ jsxs55(
10994
+ /* @__PURE__ */ jsx93(
10997
10995
  DropdownMenuItem,
10998
10996
  {
10999
10997
  onClick: onPin,
11000
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11001
- children: [
11002
- /* @__PURE__ */ jsx93(Pin3, { className: "h-4 w-4 text-purple-600 shrink-0" }),
10998
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10999
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11000
+ /* @__PURE__ */ jsx93(Pin3, { className: "h-4 w-4 text-purple-600" }),
11003
11001
  /* @__PURE__ */ jsx93("span", { children: "Pin Message" })
11004
- ]
11002
+ ] })
11005
11003
  }
11006
11004
  ),
11007
- /* @__PURE__ */ jsxs55(
11005
+ /* @__PURE__ */ jsx93(
11008
11006
  DropdownMenuItem,
11009
11007
  {
11010
11008
  onClick: onStar,
11011
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11012
- children: [
11013
- /* @__PURE__ */ jsx93(Star3, { className: "h-4 w-4 text-amber-500 shrink-0" }),
11009
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11010
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11011
+ /* @__PURE__ */ jsx93(Star3, { className: "h-4 w-4 text-amber-500" }),
11014
11012
  /* @__PURE__ */ jsx93("span", { children: "Star" })
11015
- ]
11013
+ ] })
11016
11014
  }
11017
11015
  ),
11018
- /* @__PURE__ */ jsxs55(
11016
+ /* @__PURE__ */ jsx93(
11019
11017
  DropdownMenuItem,
11020
11018
  {
11021
11019
  onClick: onFavorite,
11022
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11023
- children: [
11024
- /* @__PURE__ */ jsx93(Heart3, { className: "h-4 w-4 text-rose-500 shrink-0" }),
11020
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11021
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11022
+ /* @__PURE__ */ jsx93(Heart3, { className: "h-4 w-4 text-rose-500" }),
11025
11023
  /* @__PURE__ */ jsx93("span", { children: "Favorite" })
11026
- ]
11024
+ ] })
11027
11025
  }
11028
11026
  ),
11029
- /* @__PURE__ */ jsxs55(
11027
+ /* @__PURE__ */ jsx93(
11030
11028
  DropdownMenuItem,
11031
11029
  {
11032
11030
  onClick: onArchive,
11033
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11034
- children: [
11035
- /* @__PURE__ */ jsx93(Archive3, { className: "h-4 w-4 text-indigo-600 shrink-0" }),
11031
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11032
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11033
+ /* @__PURE__ */ jsx93(Archive3, { className: "h-4 w-4 text-indigo-600" }),
11036
11034
  /* @__PURE__ */ jsx93("span", { children: "Archive" })
11037
- ]
11035
+ ] })
11038
11036
  }
11039
11037
  ),
11040
11038
  /* @__PURE__ */ jsxs55(
11041
11039
  DropdownMenuItem,
11042
11040
  {
11043
11041
  onClick: onActionThis,
11044
- className: "flex items-center justify-between py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11042
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11045
11043
  children: [
11046
11044
  /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11047
- /* @__PURE__ */ jsx93(Bell3, { className: "h-4 w-4 text-orange-500 shrink-0" }),
11045
+ /* @__PURE__ */ jsx93(Bell3, { className: "h-4 w-4 text-amber-500" }),
11048
11046
  /* @__PURE__ */ jsx93("span", { children: "Action This" })
11049
11047
  ] }),
11050
11048
  /* @__PURE__ */ jsx93(ChevronRight6, { className: "h-3.5 w-3.5 text-muted-foreground" })
@@ -11055,10 +11053,10 @@ function AiChatHeader({
11055
11053
  DropdownMenuItem,
11056
11054
  {
11057
11055
  onClick: onDelete,
11058
- className: "flex items-center justify-between py-1.5 px-2 text-xs font-semibold text-rose-500 hover:text-rose-600 hover:bg-rose-50 dark:hover:bg-rose-950/30 cursor-pointer rounded-xl",
11056
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-rose-50 dark:hover:bg-rose-950/30 text-rose-500 hover:text-rose-600 rounded-md",
11059
11057
  children: [
11060
11058
  /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11061
- /* @__PURE__ */ jsx93(Trash25, { className: "h-4 w-4 text-rose-500 shrink-0" }),
11059
+ /* @__PURE__ */ jsx93(Trash25, { className: "h-4 w-4 text-rose-500" }),
11062
11060
  /* @__PURE__ */ jsx93("span", { children: "Delete" })
11063
11061
  ] }),
11064
11062
  /* @__PURE__ */ jsx93(ChevronRight6, { className: "h-3.5 w-3.5 text-rose-400" })