@amogads/ui 1.1.2 → 1.1.4

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
@@ -4564,6 +4564,22 @@ function SidebarProvider({
4564
4564
  window.addEventListener("keydown", handleKeyDown);
4565
4565
  return () => window.removeEventListener("keydown", handleKeyDown);
4566
4566
  }, [toggleSidebar]);
4567
+ React7.useEffect(() => {
4568
+ const handleCustomToggle = (e) => {
4569
+ const customEvent = e;
4570
+ if (customEvent.detail && typeof customEvent.detail.open === "boolean") {
4571
+ if (isMobile) {
4572
+ setOpenMobile(customEvent.detail.open);
4573
+ } else {
4574
+ setOpen(customEvent.detail.open);
4575
+ }
4576
+ } else {
4577
+ toggleSidebar();
4578
+ }
4579
+ };
4580
+ window.addEventListener("amoga:toggle-sidebar", handleCustomToggle);
4581
+ return () => window.removeEventListener("amoga:toggle-sidebar", handleCustomToggle);
4582
+ }, [isMobile, setOpenMobile, setOpen, toggleSidebar]);
4567
4583
  const state = open ? "expanded" : "collapsed";
4568
4584
  const contextValue = React7.useMemo(
4569
4585
  () => ({
@@ -9629,26 +9645,26 @@ function ChatHeader({
9629
9645
  return "bg-slate-400";
9630
9646
  }
9631
9647
  };
9632
- const initials = title.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() || "MO";
9648
+ const initials = title?.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() || "MA";
9633
9649
  return /* @__PURE__ */ jsxs42(
9634
9650
  "div",
9635
9651
  {
9636
9652
  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",
9653
+ "flex items-center justify-between border-b border-border bg-background px-4 py-3 select-none",
9638
9654
  className
9639
9655
  ),
9640
9656
  children: [
9641
9657
  /* @__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 })
9658
+ /* @__PURE__ */ jsxs42("div", { className: "relative cursor-pointer shrink-0", onClick: onAvatarClick, children: [
9659
+ /* @__PURE__ */ jsxs42(Avatar, { className: "h-10 w-10 rounded-xl border border-border/60 shadow-2xs", children: [
9660
+ avatarUrl && /* @__PURE__ */ jsx79(AvatarImage, { src: avatarUrl, alt: title, className: "rounded-xl" }),
9661
+ /* @__PURE__ */ jsx79(AvatarFallback, { className: "rounded-xl bg-primary/10 text-primary font-bold text-sm", children: initials })
9646
9662
  ] }),
9647
9663
  !isGroup && /* @__PURE__ */ jsx79(
9648
9664
  "span",
9649
9665
  {
9650
9666
  className: cn(
9651
- "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full ring-2 ring-background",
9667
+ "absolute -bottom-0.5 -right-0.5 h-2.5 w-2.5 rounded-full ring-2 ring-background",
9652
9668
  getStatusColor()
9653
9669
  )
9654
9670
  }
@@ -9656,18 +9672,18 @@ function ChatHeader({
9656
9672
  ] }),
9657
9673
  /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
9658
9674
  /* @__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 }) })
9675
+ /* @__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
9676
  ] })
9661
9677
  ] }),
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: [
9678
+ /* @__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
9679
  /* @__PURE__ */ jsx79(
9664
9680
  "button",
9665
9681
  {
9666
9682
  type: "button",
9667
9683
  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" })
9684
+ className: "p-1.5 rounded-lg hover:bg-muted text-amber-500 hover:text-amber-600 transition-colors cursor-pointer",
9685
+ title: "Act on this",
9686
+ children: /* @__PURE__ */ jsx79(Bell2, { className: "h-4.5 w-4.5" })
9671
9687
  }
9672
9688
  ),
9673
9689
  /* @__PURE__ */ jsx79(
@@ -9675,9 +9691,9 @@ function ChatHeader({
9675
9691
  {
9676
9692
  type: "button",
9677
9693
  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",
9694
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
9679
9695
  title: "Flag",
9680
- children: /* @__PURE__ */ jsx79(Flag2, { className: "h-4 w-4" })
9696
+ children: /* @__PURE__ */ jsx79(Flag2, { className: "h-4.5 w-4.5" })
9681
9697
  }
9682
9698
  ),
9683
9699
  /* @__PURE__ */ jsxs42(DropdownMenu, { children: [
@@ -9685,92 +9701,91 @@ function ChatHeader({
9685
9701
  "button",
9686
9702
  {
9687
9703
  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" })
9704
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
9705
+ title: "More options",
9706
+ children: /* @__PURE__ */ jsx79(MoreVertical, { className: "h-4.5 w-4.5" })
9691
9707
  }
9692
9708
  ) }),
9693
9709
  /* @__PURE__ */ jsxs42(
9694
9710
  DropdownMenuContent,
9695
9711
  {
9696
9712
  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",
9713
+ className: "w-48 border border-border/80 bg-background shadow-lg p-1 space-y-0.5 rounded-xl",
9699
9714
  children: [
9700
- /* @__PURE__ */ jsxs42(
9715
+ /* @__PURE__ */ jsx79(
9701
9716
  DropdownMenuItem,
9702
9717
  {
9703
9718
  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" }),
9719
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9720
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9721
+ /* @__PURE__ */ jsx79(CornerUpLeft2, { className: "h-4 w-4 text-blue-500" }),
9707
9722
  /* @__PURE__ */ jsx79("span", { children: "Reply" })
9708
- ]
9723
+ ] })
9709
9724
  }
9710
9725
  ),
9711
- /* @__PURE__ */ jsxs42(
9726
+ /* @__PURE__ */ jsx79(
9712
9727
  DropdownMenuItem,
9713
9728
  {
9714
9729
  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" }),
9730
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9731
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9732
+ /* @__PURE__ */ jsx79(CornerUpRight2, { className: "h-4 w-4 text-sky-500" }),
9718
9733
  /* @__PURE__ */ jsx79("span", { children: "Forward" })
9719
- ]
9734
+ ] })
9720
9735
  }
9721
9736
  ),
9722
- /* @__PURE__ */ jsxs42(
9737
+ /* @__PURE__ */ jsx79(
9723
9738
  DropdownMenuItem,
9724
9739
  {
9725
9740
  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" }),
9741
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9742
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9743
+ /* @__PURE__ */ jsx79(Pin2, { className: "h-4 w-4 text-purple-600" }),
9729
9744
  /* @__PURE__ */ jsx79("span", { children: "Pin Message" })
9730
- ]
9745
+ ] })
9731
9746
  }
9732
9747
  ),
9733
- /* @__PURE__ */ jsxs42(
9748
+ /* @__PURE__ */ jsx79(
9734
9749
  DropdownMenuItem,
9735
9750
  {
9736
9751
  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" }),
9752
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9753
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9754
+ /* @__PURE__ */ jsx79(Star2, { className: "h-4 w-4 text-amber-500" }),
9740
9755
  /* @__PURE__ */ jsx79("span", { children: "Star" })
9741
- ]
9756
+ ] })
9742
9757
  }
9743
9758
  ),
9744
- /* @__PURE__ */ jsxs42(
9759
+ /* @__PURE__ */ jsx79(
9745
9760
  DropdownMenuItem,
9746
9761
  {
9747
9762
  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" }),
9763
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9764
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9765
+ /* @__PURE__ */ jsx79(Heart2, { className: "h-4 w-4 text-rose-500" }),
9751
9766
  /* @__PURE__ */ jsx79("span", { children: "Favorite" })
9752
- ]
9767
+ ] })
9753
9768
  }
9754
9769
  ),
9755
- /* @__PURE__ */ jsxs42(
9770
+ /* @__PURE__ */ jsx79(
9756
9771
  DropdownMenuItem,
9757
9772
  {
9758
9773
  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" }),
9774
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9775
+ children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2.5", children: [
9776
+ /* @__PURE__ */ jsx79(Archive2, { className: "h-4 w-4 text-indigo-600" }),
9762
9777
  /* @__PURE__ */ jsx79("span", { children: "Archive" })
9763
- ]
9778
+ ] })
9764
9779
  }
9765
9780
  ),
9766
9781
  /* @__PURE__ */ jsxs42(
9767
9782
  DropdownMenuItem,
9768
9783
  {
9769
9784
  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",
9785
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
9771
9786
  children: [
9772
9787
  /* @__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" }),
9788
+ /* @__PURE__ */ jsx79(Bell2, { className: "h-4 w-4 text-amber-500" }),
9774
9789
  /* @__PURE__ */ jsx79("span", { children: "Action This" })
9775
9790
  ] }),
9776
9791
  /* @__PURE__ */ jsx79(ChevronRight5, { className: "h-3.5 w-3.5 text-muted-foreground" })
@@ -9781,10 +9796,10 @@ function ChatHeader({
9781
9796
  DropdownMenuItem,
9782
9797
  {
9783
9798
  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",
9799
+ 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
9800
  children: [
9786
9801
  /* @__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" }),
9802
+ /* @__PURE__ */ jsx79(Trash22, { className: "h-4 w-4 text-rose-500" }),
9788
9803
  /* @__PURE__ */ jsx79("span", { children: "Delete" })
9789
9804
  ] }),
9790
9805
  /* @__PURE__ */ jsx79(ChevronRight5, { className: "h-3.5 w-3.5 text-rose-400" })
@@ -10887,7 +10902,7 @@ import {
10887
10902
  import { jsx as jsx93, jsxs as jsxs55 } from "react/jsx-runtime";
10888
10903
  function AiChatHeader({
10889
10904
  title = "AI Assistant",
10890
- subtitle = "Powered by AI \u2022 Ask anything",
10905
+ subtitle = "Powered by AI \xB7 Ask anything",
10891
10906
  modelName,
10892
10907
  showSparkles = true,
10893
10908
  showDefaultActions = true,
@@ -10909,7 +10924,7 @@ function AiChatHeader({
10909
10924
  "div",
10910
10925
  {
10911
10926
  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",
10927
+ "flex items-center justify-between px-4 py-3 border-b border-border bg-background select-none",
10913
10928
  className
10914
10929
  ),
10915
10930
  children: [
@@ -10924,24 +10939,24 @@ function AiChatHeader({
10924
10939
  children: /* @__PURE__ */ jsx93(ArrowLeft2, { className: "h-4 w-4" })
10925
10940
  }
10926
10941
  ),
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" }) }),
10942
+ /* @__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
10943
  /* @__PURE__ */ jsxs55("div", { className: "min-w-0", children: [
10929
10944
  /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-1.5", children: [
10930
10945
  /* @__PURE__ */ jsx93("h3", { className: "truncate text-sm font-bold text-foreground tracking-tight leading-snug", children: title }),
10931
10946
  showSparkles && /* @__PURE__ */ jsx93(Sparkles3, { className: "h-3.5 w-3.5 text-indigo-500 shrink-0" })
10932
10947
  ] }),
10933
- /* @__PURE__ */ jsx93("p", { className: "truncate text-xs text-muted-foreground", children: subtitle ? subtitle : modelName ? `Powered by ${modelName}` : "Powered by AI \u2022 Ask anything" })
10948
+ /* @__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
10949
  ] })
10935
10950
  ] }),
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: [
10951
+ /* @__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
10952
  /* @__PURE__ */ jsx93(
10938
10953
  "button",
10939
10954
  {
10940
10955
  type: "button",
10941
10956
  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" })
10957
+ className: "p-1.5 rounded-lg hover:bg-muted text-amber-500 hover:text-amber-600 transition-colors cursor-pointer",
10958
+ title: "Act on this",
10959
+ children: /* @__PURE__ */ jsx93(Bell3, { className: "h-4.5 w-4.5" })
10945
10960
  }
10946
10961
  ),
10947
10962
  /* @__PURE__ */ jsx93(
@@ -10949,9 +10964,9 @@ function AiChatHeader({
10949
10964
  {
10950
10965
  type: "button",
10951
10966
  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",
10967
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
10953
10968
  title: "Flag",
10954
- children: /* @__PURE__ */ jsx93(Flag3, { className: "h-4 w-4" })
10969
+ children: /* @__PURE__ */ jsx93(Flag3, { className: "h-4.5 w-4.5" })
10955
10970
  }
10956
10971
  ),
10957
10972
  /* @__PURE__ */ jsxs55(DropdownMenu, { children: [
@@ -10959,92 +10974,91 @@ function AiChatHeader({
10959
10974
  "button",
10960
10975
  {
10961
10976
  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" })
10977
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
10978
+ title: "More options",
10979
+ children: /* @__PURE__ */ jsx93(MoreVertical2, { className: "h-4.5 w-4.5" })
10965
10980
  }
10966
10981
  ) }),
10967
10982
  /* @__PURE__ */ jsxs55(
10968
10983
  DropdownMenuContent,
10969
10984
  {
10970
10985
  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",
10986
+ className: "w-48 border border-border/80 bg-background shadow-lg p-1 space-y-0.5 rounded-xl",
10973
10987
  children: [
10974
- /* @__PURE__ */ jsxs55(
10988
+ /* @__PURE__ */ jsx93(
10975
10989
  DropdownMenuItem,
10976
10990
  {
10977
10991
  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" }),
10992
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10993
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
10994
+ /* @__PURE__ */ jsx93(CornerUpLeft3, { className: "h-4 w-4 text-blue-500" }),
10981
10995
  /* @__PURE__ */ jsx93("span", { children: "Reply" })
10982
- ]
10996
+ ] })
10983
10997
  }
10984
10998
  ),
10985
- /* @__PURE__ */ jsxs55(
10999
+ /* @__PURE__ */ jsx93(
10986
11000
  DropdownMenuItem,
10987
11001
  {
10988
11002
  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" }),
11003
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11004
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11005
+ /* @__PURE__ */ jsx93(CornerUpRight3, { className: "h-4 w-4 text-sky-500" }),
10992
11006
  /* @__PURE__ */ jsx93("span", { children: "Forward" })
10993
- ]
11007
+ ] })
10994
11008
  }
10995
11009
  ),
10996
- /* @__PURE__ */ jsxs55(
11010
+ /* @__PURE__ */ jsx93(
10997
11011
  DropdownMenuItem,
10998
11012
  {
10999
11013
  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" }),
11014
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11015
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11016
+ /* @__PURE__ */ jsx93(Pin3, { className: "h-4 w-4 text-purple-600" }),
11003
11017
  /* @__PURE__ */ jsx93("span", { children: "Pin Message" })
11004
- ]
11018
+ ] })
11005
11019
  }
11006
11020
  ),
11007
- /* @__PURE__ */ jsxs55(
11021
+ /* @__PURE__ */ jsx93(
11008
11022
  DropdownMenuItem,
11009
11023
  {
11010
11024
  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" }),
11025
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11026
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11027
+ /* @__PURE__ */ jsx93(Star3, { className: "h-4 w-4 text-amber-500" }),
11014
11028
  /* @__PURE__ */ jsx93("span", { children: "Star" })
11015
- ]
11029
+ ] })
11016
11030
  }
11017
11031
  ),
11018
- /* @__PURE__ */ jsxs55(
11032
+ /* @__PURE__ */ jsx93(
11019
11033
  DropdownMenuItem,
11020
11034
  {
11021
11035
  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" }),
11036
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11037
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11038
+ /* @__PURE__ */ jsx93(Heart3, { className: "h-4 w-4 text-rose-500" }),
11025
11039
  /* @__PURE__ */ jsx93("span", { children: "Favorite" })
11026
- ]
11040
+ ] })
11027
11041
  }
11028
11042
  ),
11029
- /* @__PURE__ */ jsxs55(
11043
+ /* @__PURE__ */ jsx93(
11030
11044
  DropdownMenuItem,
11031
11045
  {
11032
11046
  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" }),
11047
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11048
+ children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2.5", children: [
11049
+ /* @__PURE__ */ jsx93(Archive3, { className: "h-4 w-4 text-indigo-600" }),
11036
11050
  /* @__PURE__ */ jsx93("span", { children: "Archive" })
11037
- ]
11051
+ ] })
11038
11052
  }
11039
11053
  ),
11040
11054
  /* @__PURE__ */ jsxs55(
11041
11055
  DropdownMenuItem,
11042
11056
  {
11043
11057
  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",
11058
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11045
11059
  children: [
11046
11060
  /* @__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" }),
11061
+ /* @__PURE__ */ jsx93(Bell3, { className: "h-4 w-4 text-amber-500" }),
11048
11062
  /* @__PURE__ */ jsx93("span", { children: "Action This" })
11049
11063
  ] }),
11050
11064
  /* @__PURE__ */ jsx93(ChevronRight6, { className: "h-3.5 w-3.5 text-muted-foreground" })
@@ -11055,10 +11069,10 @@ function AiChatHeader({
11055
11069
  DropdownMenuItem,
11056
11070
  {
11057
11071
  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",
11072
+ 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
11073
  children: [
11060
11074
  /* @__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" }),
11075
+ /* @__PURE__ */ jsx93(Trash25, { className: "h-4 w-4 text-rose-500" }),
11062
11076
  /* @__PURE__ */ jsx93("span", { children: "Delete" })
11063
11077
  ] }),
11064
11078
  /* @__PURE__ */ jsx93(ChevronRight6, { className: "h-3.5 w-3.5 text-rose-400" })