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