@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.
Files changed (9) hide show
  1. package/dist/index.js +116 -102
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +116 -102
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/pages.js +8 -8
  6. package/dist/pages.js.map +1 -1
  7. package/dist/pages.mjs +8 -8
  8. package/dist/pages.mjs.map +1 -1
  9. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -4942,6 +4942,22 @@ function SidebarProvider({
4942
4942
  window.addEventListener("keydown", handleKeyDown);
4943
4943
  return () => window.removeEventListener("keydown", handleKeyDown);
4944
4944
  }, [toggleSidebar]);
4945
+ React7.useEffect(() => {
4946
+ const handleCustomToggle = (e) => {
4947
+ const customEvent = e;
4948
+ if (customEvent.detail && typeof customEvent.detail.open === "boolean") {
4949
+ if (isMobile) {
4950
+ setOpenMobile(customEvent.detail.open);
4951
+ } else {
4952
+ setOpen(customEvent.detail.open);
4953
+ }
4954
+ } else {
4955
+ toggleSidebar();
4956
+ }
4957
+ };
4958
+ window.addEventListener("amoga:toggle-sidebar", handleCustomToggle);
4959
+ return () => window.removeEventListener("amoga:toggle-sidebar", handleCustomToggle);
4960
+ }, [isMobile, setOpenMobile, setOpen, toggleSidebar]);
4945
4961
  const state = open ? "expanded" : "collapsed";
4946
4962
  const contextValue = React7.useMemo(
4947
4963
  () => ({
@@ -9937,26 +9953,26 @@ function ChatHeader({
9937
9953
  return "bg-slate-400";
9938
9954
  }
9939
9955
  };
9940
- const initials = title.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() || "MO";
9956
+ const initials = title?.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() || "MA";
9941
9957
  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
9942
9958
  "div",
9943
9959
  {
9944
9960
  className: cn(
9945
- "flex items-center justify-between border-b border-border/80 bg-background/95 px-4 py-3 backdrop-blur-xs select-none",
9961
+ "flex items-center justify-between border-b border-border bg-background px-4 py-3 select-none",
9946
9962
  className
9947
9963
  ),
9948
9964
  children: [
9949
9965
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
9950
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative cursor-pointer", onClick: onAvatarClick, children: [
9951
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Avatar, { className: "h-10 w-10 border border-border/60 shadow-2xs rounded-full", children: [
9952
- avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AvatarImage, { src: avatarUrl, alt: title }),
9953
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AvatarFallback, { className: "bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-200 text-xs font-bold", children: initials })
9966
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative cursor-pointer shrink-0", onClick: onAvatarClick, children: [
9967
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Avatar, { className: "h-10 w-10 rounded-xl border border-border/60 shadow-2xs", children: [
9968
+ avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AvatarImage, { src: avatarUrl, alt: title, className: "rounded-xl" }),
9969
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AvatarFallback, { className: "rounded-xl bg-primary/10 text-primary font-bold text-sm", children: initials })
9954
9970
  ] }),
9955
9971
  !isGroup && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
9956
9972
  "span",
9957
9973
  {
9958
9974
  className: cn(
9959
- "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full ring-2 ring-background",
9975
+ "absolute -bottom-0.5 -right-0.5 h-2.5 w-2.5 rounded-full ring-2 ring-background",
9960
9976
  getStatusColor()
9961
9977
  )
9962
9978
  }
@@ -9964,18 +9980,18 @@ function ChatHeader({
9964
9980
  ] }),
9965
9981
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0 flex-1", children: [
9966
9982
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "truncate text-sm font-bold text-foreground tracking-tight leading-snug", children: title }),
9967
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: subtitle ? subtitle : isGroup ? `${memberCount || 0} members` : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "capitalize", children: status }) })
9983
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "truncate text-xs text-muted-foreground leading-tight", children: subtitle ? subtitle : isGroup ? `${memberCount || 0} members` : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "capitalize", children: status }) })
9968
9984
  ] })
9969
9985
  ] }),
9970
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex items-center gap-1.5 shrink-0", children: actions ? actions : showDefaultActions ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-1", children: [
9986
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex items-center gap-1 shrink-0", children: actions ? actions : showDefaultActions ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-1", children: [
9971
9987
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
9972
9988
  "button",
9973
9989
  {
9974
9990
  type: "button",
9975
9991
  onClick: onNotificationClick,
9976
- className: "flex h-8 w-8 items-center justify-center rounded-full text-amber-500 hover:bg-amber-500/10 transition-colors cursor-pointer",
9977
- title: "Notifications",
9978
- children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Bell, { className: "h-4 w-4 fill-amber-500/20 text-amber-500" })
9992
+ className: "p-1.5 rounded-lg hover:bg-muted text-amber-500 hover:text-amber-600 transition-colors cursor-pointer",
9993
+ title: "Act on this",
9994
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Bell, { className: "h-4.5 w-4.5" })
9979
9995
  }
9980
9996
  ),
9981
9997
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
@@ -9983,9 +9999,9 @@ function ChatHeader({
9983
9999
  {
9984
10000
  type: "button",
9985
10001
  onClick: onFlagClick,
9986
- 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",
10002
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
9987
10003
  title: "Flag",
9988
- children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Flag, { className: "h-4 w-4" })
10004
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Flag, { className: "h-4.5 w-4.5" })
9989
10005
  }
9990
10006
  ),
9991
10007
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(DropdownMenu, { children: [
@@ -9993,92 +10009,91 @@ function ChatHeader({
9993
10009
  "button",
9994
10010
  {
9995
10011
  type: "button",
9996
- 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",
9997
- title: "More actions",
9998
- children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.MoreVertical, { className: "h-4 w-4" })
10012
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
10013
+ title: "More options",
10014
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.MoreVertical, { className: "h-4.5 w-4.5" })
9999
10015
  }
10000
10016
  ) }),
10001
10017
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
10002
10018
  DropdownMenuContent,
10003
10019
  {
10004
10020
  align: "end",
10005
- sideOffset: 6,
10006
- className: "w-48 rounded-2xl p-1.5 shadow-2xl border border-border/80 bg-background text-foreground space-y-0.5",
10021
+ className: "w-48 border border-border/80 bg-background shadow-lg p-1 space-y-0.5 rounded-xl",
10007
10022
  children: [
10008
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
10023
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
10009
10024
  DropdownMenuItem,
10010
10025
  {
10011
10026
  onClick: onReply,
10012
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10013
- children: [
10014
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.CornerUpLeft, { className: "h-4 w-4 text-blue-600 shrink-0" }),
10027
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10028
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5", children: [
10029
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.CornerUpLeft, { className: "h-4 w-4 text-blue-500" }),
10015
10030
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Reply" })
10016
- ]
10031
+ ] })
10017
10032
  }
10018
10033
  ),
10019
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
10034
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
10020
10035
  DropdownMenuItem,
10021
10036
  {
10022
10037
  onClick: onForward,
10023
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10024
- children: [
10025
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.CornerUpRight, { className: "h-4 w-4 text-sky-500 shrink-0" }),
10038
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10039
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5", children: [
10040
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.CornerUpRight, { className: "h-4 w-4 text-sky-500" }),
10026
10041
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Forward" })
10027
- ]
10042
+ ] })
10028
10043
  }
10029
10044
  ),
10030
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
10045
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
10031
10046
  DropdownMenuItem,
10032
10047
  {
10033
10048
  onClick: onPin,
10034
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10035
- children: [
10036
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Pin, { className: "h-4 w-4 text-purple-600 shrink-0" }),
10049
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10050
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5", children: [
10051
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Pin, { className: "h-4 w-4 text-purple-600" }),
10037
10052
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Pin Message" })
10038
- ]
10053
+ ] })
10039
10054
  }
10040
10055
  ),
10041
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
10056
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
10042
10057
  DropdownMenuItem,
10043
10058
  {
10044
10059
  onClick: onStar,
10045
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10046
- children: [
10047
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Star, { className: "h-4 w-4 text-amber-500 shrink-0" }),
10060
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10061
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5", children: [
10062
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Star, { className: "h-4 w-4 text-amber-500" }),
10048
10063
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Star" })
10049
- ]
10064
+ ] })
10050
10065
  }
10051
10066
  ),
10052
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
10067
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
10053
10068
  DropdownMenuItem,
10054
10069
  {
10055
10070
  onClick: onFavorite,
10056
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10057
- children: [
10058
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Heart, { className: "h-4 w-4 text-rose-500 shrink-0" }),
10071
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10072
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5", children: [
10073
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Heart, { className: "h-4 w-4 text-rose-500" }),
10059
10074
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Favorite" })
10060
- ]
10075
+ ] })
10061
10076
  }
10062
10077
  ),
10063
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
10078
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
10064
10079
  DropdownMenuItem,
10065
10080
  {
10066
10081
  onClick: onArchive,
10067
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10068
- children: [
10069
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Archive, { className: "h-4 w-4 text-indigo-600 shrink-0" }),
10082
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10083
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5", children: [
10084
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Archive, { className: "h-4 w-4 text-indigo-600" }),
10070
10085
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Archive" })
10071
- ]
10086
+ ] })
10072
10087
  }
10073
10088
  ),
10074
10089
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
10075
10090
  DropdownMenuItem,
10076
10091
  {
10077
10092
  onClick: onActionThis,
10078
- className: "flex items-center justify-between py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
10093
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
10079
10094
  children: [
10080
10095
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5", children: [
10081
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Bell, { className: "h-4 w-4 text-orange-500 shrink-0" }),
10096
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Bell, { className: "h-4 w-4 text-amber-500" }),
10082
10097
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Action This" })
10083
10098
  ] }),
10084
10099
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })
@@ -10089,10 +10104,10 @@ function ChatHeader({
10089
10104
  DropdownMenuItem,
10090
10105
  {
10091
10106
  onClick: onDelete,
10092
- 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",
10107
+ 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",
10093
10108
  children: [
10094
10109
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5", children: [
10095
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Trash2, { className: "h-4 w-4 text-rose-500 shrink-0" }),
10110
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.Trash2, { className: "h-4 w-4 text-rose-500" }),
10096
10111
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Delete" })
10097
10112
  ] }),
10098
10113
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react35.ChevronRight, { className: "h-3.5 w-3.5 text-rose-400" })
@@ -11180,7 +11195,7 @@ var import_lucide_react47 = require("lucide-react");
11180
11195
  var import_jsx_runtime93 = require("react/jsx-runtime");
11181
11196
  function AiChatHeader({
11182
11197
  title = "AI Assistant",
11183
- subtitle = "Powered by AI \u2022 Ask anything",
11198
+ subtitle = "Powered by AI \xB7 Ask anything",
11184
11199
  modelName,
11185
11200
  showSparkles = true,
11186
11201
  showDefaultActions = true,
@@ -11202,7 +11217,7 @@ function AiChatHeader({
11202
11217
  "div",
11203
11218
  {
11204
11219
  className: cn(
11205
- "flex items-center justify-between px-4 py-3 border-b border-border/80 bg-background/95 backdrop-blur-xs select-none",
11220
+ "flex items-center justify-between px-4 py-3 border-b border-border bg-background select-none",
11206
11221
  className
11207
11222
  ),
11208
11223
  children: [
@@ -11217,24 +11232,24 @@ function AiChatHeader({
11217
11232
  children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.ArrowLeft, { className: "h-4 w-4" })
11218
11233
  }
11219
11234
  ),
11220
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("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__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Bot, { className: "h-5 w-5" }) }),
11235
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("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__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Bot, { className: "h-5 w-5" }) }),
11221
11236
  /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "min-w-0", children: [
11222
11237
  /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-1.5", children: [
11223
11238
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h3", { className: "truncate text-sm font-bold text-foreground tracking-tight leading-snug", children: title }),
11224
11239
  showSparkles && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Sparkles, { className: "h-3.5 w-3.5 text-indigo-500 shrink-0" })
11225
11240
  ] }),
11226
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: subtitle ? subtitle : modelName ? `Powered by ${modelName}` : "Powered by AI \u2022 Ask anything" })
11241
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "truncate text-xs text-muted-foreground leading-tight", children: subtitle ? subtitle : modelName ? `Powered by ${modelName}` : "Powered by AI \xB7 Ask anything" })
11227
11242
  ] })
11228
11243
  ] }),
11229
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center gap-1.5 shrink-0", children: actions ? actions : showDefaultActions ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-1", children: [
11244
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center gap-1 shrink-0", children: actions ? actions : showDefaultActions ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-1", children: [
11230
11245
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
11231
11246
  "button",
11232
11247
  {
11233
11248
  type: "button",
11234
11249
  onClick: onNotificationClick,
11235
- className: "flex h-8 w-8 items-center justify-center rounded-full text-amber-500 hover:bg-amber-500/10 transition-colors cursor-pointer",
11236
- title: "Notifications",
11237
- children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Bell, { className: "h-4 w-4 fill-amber-500/20 text-amber-500" })
11250
+ className: "p-1.5 rounded-lg hover:bg-muted text-amber-500 hover:text-amber-600 transition-colors cursor-pointer",
11251
+ title: "Act on this",
11252
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Bell, { className: "h-4.5 w-4.5" })
11238
11253
  }
11239
11254
  ),
11240
11255
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
@@ -11242,9 +11257,9 @@ function AiChatHeader({
11242
11257
  {
11243
11258
  type: "button",
11244
11259
  onClick: onFlagClick,
11245
- 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",
11260
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
11246
11261
  title: "Flag",
11247
- children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Flag, { className: "h-4 w-4" })
11262
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Flag, { className: "h-4.5 w-4.5" })
11248
11263
  }
11249
11264
  ),
11250
11265
  /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(DropdownMenu, { children: [
@@ -11252,92 +11267,91 @@ function AiChatHeader({
11252
11267
  "button",
11253
11268
  {
11254
11269
  type: "button",
11255
- 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",
11256
- title: "More actions",
11257
- children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.MoreVertical, { className: "h-4 w-4" })
11270
+ className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
11271
+ title: "More options",
11272
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.MoreVertical, { className: "h-4.5 w-4.5" })
11258
11273
  }
11259
11274
  ) }),
11260
11275
  /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
11261
11276
  DropdownMenuContent,
11262
11277
  {
11263
11278
  align: "end",
11264
- sideOffset: 6,
11265
- className: "w-48 rounded-2xl p-1.5 shadow-2xl border border-border/80 bg-background text-foreground space-y-0.5",
11279
+ className: "w-48 border border-border/80 bg-background shadow-lg p-1 space-y-0.5 rounded-xl",
11266
11280
  children: [
11267
- /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
11281
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
11268
11282
  DropdownMenuItem,
11269
11283
  {
11270
11284
  onClick: onReply,
11271
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11272
- children: [
11273
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.CornerUpLeft, { className: "h-4 w-4 text-blue-600 shrink-0" }),
11285
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11286
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2.5", children: [
11287
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.CornerUpLeft, { className: "h-4 w-4 text-blue-500" }),
11274
11288
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Reply" })
11275
- ]
11289
+ ] })
11276
11290
  }
11277
11291
  ),
11278
- /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
11292
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
11279
11293
  DropdownMenuItem,
11280
11294
  {
11281
11295
  onClick: onForward,
11282
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11283
- children: [
11284
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.CornerUpRight, { className: "h-4 w-4 text-sky-500 shrink-0" }),
11296
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11297
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2.5", children: [
11298
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.CornerUpRight, { className: "h-4 w-4 text-sky-500" }),
11285
11299
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Forward" })
11286
- ]
11300
+ ] })
11287
11301
  }
11288
11302
  ),
11289
- /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
11303
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
11290
11304
  DropdownMenuItem,
11291
11305
  {
11292
11306
  onClick: onPin,
11293
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11294
- children: [
11295
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Pin, { className: "h-4 w-4 text-purple-600 shrink-0" }),
11307
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11308
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2.5", children: [
11309
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Pin, { className: "h-4 w-4 text-purple-600" }),
11296
11310
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Pin Message" })
11297
- ]
11311
+ ] })
11298
11312
  }
11299
11313
  ),
11300
- /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
11314
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
11301
11315
  DropdownMenuItem,
11302
11316
  {
11303
11317
  onClick: onStar,
11304
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11305
- children: [
11306
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Star, { className: "h-4 w-4 text-amber-500 shrink-0" }),
11318
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11319
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2.5", children: [
11320
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Star, { className: "h-4 w-4 text-amber-500" }),
11307
11321
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Star" })
11308
- ]
11322
+ ] })
11309
11323
  }
11310
11324
  ),
11311
- /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
11325
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
11312
11326
  DropdownMenuItem,
11313
11327
  {
11314
11328
  onClick: onFavorite,
11315
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11316
- children: [
11317
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Heart, { className: "h-4 w-4 text-rose-500 shrink-0" }),
11329
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11330
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2.5", children: [
11331
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Heart, { className: "h-4 w-4 text-rose-500" }),
11318
11332
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Favorite" })
11319
- ]
11333
+ ] })
11320
11334
  }
11321
11335
  ),
11322
- /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
11336
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
11323
11337
  DropdownMenuItem,
11324
11338
  {
11325
11339
  onClick: onArchive,
11326
- className: "gap-2.5 py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11327
- children: [
11328
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Archive, { className: "h-4 w-4 text-indigo-600 shrink-0" }),
11340
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11341
+ children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2.5", children: [
11342
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Archive, { className: "h-4 w-4 text-indigo-600" }),
11329
11343
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Archive" })
11330
- ]
11344
+ ] })
11331
11345
  }
11332
11346
  ),
11333
11347
  /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
11334
11348
  DropdownMenuItem,
11335
11349
  {
11336
11350
  onClick: onActionThis,
11337
- className: "flex items-center justify-between py-1.5 px-2 text-xs font-semibold cursor-pointer rounded-xl hover:bg-muted",
11351
+ className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
11338
11352
  children: [
11339
11353
  /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2.5", children: [
11340
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Bell, { className: "h-4 w-4 text-orange-500 shrink-0" }),
11354
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Bell, { className: "h-4 w-4 text-amber-500" }),
11341
11355
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Action This" })
11342
11356
  ] }),
11343
11357
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })
@@ -11348,10 +11362,10 @@ function AiChatHeader({
11348
11362
  DropdownMenuItem,
11349
11363
  {
11350
11364
  onClick: onDelete,
11351
- 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",
11365
+ 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",
11352
11366
  children: [
11353
11367
  /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2.5", children: [
11354
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Trash2, { className: "h-4 w-4 text-rose-500 shrink-0" }),
11368
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.Trash2, { className: "h-4 w-4 text-rose-500" }),
11355
11369
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Delete" })
11356
11370
  ] }),
11357
11371
  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react47.ChevronRight, { className: "h-3.5 w-3.5 text-rose-400" })