@layers-app/shared 0.4.9 → 0.4.11

package/dist/components/Notification/molecules/InboxHeader.js

@@ -1,32 +1,32 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useTranslation as x } from "react-i18next";
-import { Group as a, Text as s, Switch as f, Menu as i, ActionIcon as g } from "@mantine/core";
-import { IconSettings as I, IconCheck as z } from "@tabler/icons-react";
+import { Group as a, Text as s, Switch as f, Menu as r, Tooltip as g, ActionIcon as I } from "@mantine/core";
+import { IconSettings as z, IconCheck as v } from "@tabler/icons-react";
 import t from "../Notification.module.css.js";
-function T({
+function j({
   sourceItems: p,
   activeSources: c,
   onToggleSource: d,
-  unreadOnly: m,
-  onUnreadOnlyChange: h
+  unreadOnly: h,
+  onUnreadOnlyChange: m
 }) {
-  const { t: n } = x("appContainer"), w = c.size === 0;
-  return /* @__PURE__ */ r(a, { justify: "space-between", wrap: "nowrap", px: "md", py: "md", gap: "md", children: [
+  const { t: n } = x("appContainer"), b = c.size === 0;
+  return /* @__PURE__ */ i(a, { justify: "space-between", wrap: "nowrap", px: "md", py: "md", gap: "md", children: [
     /* @__PURE__ */ e(s, { fw: 700, fz: 18, lh: 1.6, style: { whiteSpace: "nowrap" }, children: n("inbox.title") }),
-    /* @__PURE__ */ r(a, { gap: 10, wrap: "nowrap", align: "center", children: [
-      /* @__PURE__ */ r(a, { gap: 8, wrap: "nowrap", align: "center", children: [
+    /* @__PURE__ */ i(a, { gap: 10, wrap: "nowrap", align: "center", children: [
+      /* @__PURE__ */ i(a, { gap: 8, wrap: "nowrap", align: "center", children: [
         /* @__PURE__ */ e(s, { fz: 14, lh: 1.45, c: "var(--mantine-color-text)", style: { whiteSpace: "nowrap" }, children: n("inbox.showUnread") }),
         /* @__PURE__ */ e(
           f,
           {
             size: "xs",
-            checked: m,
-            onChange: (o) => h(o.currentTarget.checked)
+            checked: h,
+            onChange: (o) => m(o.currentTarget.checked)
           }
         )
       ] }),
-      /* @__PURE__ */ r(
-        i,
+      /* @__PURE__ */ i(
+        r,
         {
           position: "bottom-end",
           shadow: "md",
@@ -34,29 +34,29 @@ function T({
           closeOnItemClick: !1,
           classNames: { dropdown: t.inboxMenu, item: t.inboxMenuItem, label: t.inboxMenuLabel },
           children: [
-            /* @__PURE__ */ e(i.Target, { children: /* @__PURE__ */ e(
-              g,
+            /* @__PURE__ */ e(r.Target, { children: /* @__PURE__ */ e(g, { label: n("inbox.sources"), children: /* @__PURE__ */ e(
+              I,
               {
                 variant: "subtle",
                 size: 28,
                 radius: "md",
                 color: "gray",
                 "aria-label": n("inbox.sources"),
-                children: /* @__PURE__ */ e(I, { size: 18, stroke: 1.5 })
+                children: /* @__PURE__ */ e(z, { size: 18, stroke: 1.5 })
               }
-            ) }),
-            /* @__PURE__ */ r(i.Dropdown, { w: 200, children: [
-              /* @__PURE__ */ e(i.Label, { children: n("inbox.sources") }),
-              p.map(({ key: o, i18nKey: b, icon: u }) => {
-                const l = w || c.has(o);
+            ) }) }),
+            /* @__PURE__ */ i(r.Dropdown, { w: 200, children: [
+              /* @__PURE__ */ e(r.Label, { children: n("inbox.sources") }),
+              p.map(({ key: o, i18nKey: w, icon: u }) => {
+                const l = b || c.has(o);
                 return /* @__PURE__ */ e(
-                  i.Item,
+                  r.Item,
                   {
                     leftSection: u,
-                    rightSection: l ? /* @__PURE__ */ e(z, { size: 16, stroke: 1.75, color: "var(--mantine-color-indigo-5)" }) : null,
+                    rightSection: l ? /* @__PURE__ */ e(v, { size: 16, stroke: 1.5, color: "var(--mantine-color-indigo-5)" }) : null,
                     onClick: () => d(o),
                     className: l ? t.inboxMenuItemActive : void 0,
-                    children: n(`inbox.sourceLabel.${b}`)
+                    children: n(`inbox.sourceLabel.${w}`)
                   },
                   o
                 );
@@ -69,5 +69,5 @@ function T({
   ] });
 }
 export {
-  T as InboxHeader
+  j as InboxHeader
 };

package/dist/components/Notification/molecules/InboxTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/InboxTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAIlE,UAAU,cAAc;IACtB,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EAAE,WAAW,EAAE,YAAY,EAC9B,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,GAC9D,EAAE,cAAc,2CA6ChB"}
+{"version":3,"file":"InboxTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/InboxTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAIlE,UAAU,cAAc;IACtB,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EAAE,WAAW,EAAE,YAAY,EAC9B,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,GAC9D,EAAE,cAAc,2CAkDhB"}

package/dist/components/Notification/molecules/InboxTabs.js

@@ -1,60 +1,71 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { useTranslation as I } from "react-i18next";
-import { Tabs as a, Stack as c, Group as g, Box as k, Menu as n, ActionIcon as v } from "@mantine/core";
-import { IconDotsVertical as T, IconChecks as N, IconArchive as m } from "@tabler/icons-react";
+import { Tabs as a, Stack as c, Group as g, Box as k, Menu as n, Tooltip as v, ActionIcon as T } from "@mantine/core";
+import { IconDotsVertical as C, IconChecks as N, IconArchive as m } from "@tabler/icons-react";
 import { TabBadge as h } from "../atoms/TabBadge.js";
-import i from "../Notification.module.css.js";
-function z({
-  tab: r,
+import t from "../Notification.module.css.js";
+function H({
+  tab: l,
   onTabChange: d,
-  unreadCounts: l,
+  unreadCounts: r,
   onMarkAllRead: b,
   onArchiveAll: p,
   onArchiveRead: x,
   children: f,
   isEmpty: u
 }) {
-  const { t } = I("appContainer");
+  const { t: i } = I("appContainer");
   return /* @__PURE__ */ e(
     a,
     {
-      value: r,
+      value: l,
       onChange: (s) => s && d(s),
       variant: "pills",
-      classNames: { list: i.tabsList, tab: i.tab },
+      classNames: { list: t.tabsList, tab: t.tab },
       style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" },
       children: /* @__PURE__ */ o(c, { gap: 0, h: "100%", style: { minHeight: 0 }, children: [
-        /* @__PURE__ */ o(g, { justify: "space-between", wrap: "nowrap", gap: 0, px: "md", className: i.tabsBar, children: [
+        /* @__PURE__ */ o(g, { justify: "space-between", wrap: "nowrap", gap: 0, px: "md", className: t.tabsBar, children: [
           /* @__PURE__ */ o(a.List, { children: [
-            /* @__PURE__ */ e(a.Tab, { value: "ALL", rightSection: /* @__PURE__ */ e(h, { count: l.all, active: r === "ALL" }), children: t("inbox.tab.all") }),
-            /* @__PURE__ */ e(a.Tab, { value: "MENTIONS", rightSection: /* @__PURE__ */ e(h, { count: l.mentions, active: r === "MENTIONS" }), children: t("inbox.tab.mentions") }),
-            /* @__PURE__ */ e(k, { className: i.tabDivider }),
-            /* @__PURE__ */ e(a.Tab, { value: "ARCHIVE", children: t("inbox.tab.archive") })
+            /* @__PURE__ */ e(a.Tab, { value: "ALL", rightSection: /* @__PURE__ */ e(h, { count: r.all, active: l === "ALL" }), children: i("inbox.tab.all") }),
+            /* @__PURE__ */ e(a.Tab, { value: "MENTIONS", rightSection: /* @__PURE__ */ e(h, { count: r.mentions, active: l === "MENTIONS" }), children: i("inbox.tab.mentions") }),
+            /* @__PURE__ */ e(k, { className: t.tabDivider }),
+            /* @__PURE__ */ e(a.Tab, { value: "ARCHIVE", children: i("inbox.tab.archive") })
           ] }),
-          /* @__PURE__ */ o(
+          l !== "ARCHIVE" && /* @__PURE__ */ o(
             n,
             {
               position: "bottom-end",
               shadow: "md",
               withinPortal: !1,
               closeOnItemClick: !0,
-              classNames: { dropdown: i.inboxMenu, item: i.inboxMenuItem },
+              classNames: { dropdown: t.inboxMenu, item: t.inboxMenuItem },
               children: [
-                /* @__PURE__ */ e(n.Target, { children: /* @__PURE__ */ e(v, { variant: "subtle", size: 28, radius: "md", color: "gray", mt: 4, children: /* @__PURE__ */ e(T, { size: 20, stroke: 1.5 }) }) }),
+                /* @__PURE__ */ e(n.Target, { children: /* @__PURE__ */ e(v, { label: i("inbox.actions"), children: /* @__PURE__ */ e(
+                  T,
+                  {
+                    variant: "subtle",
+                    size: 28,
+                    radius: "md",
+                    color: "gray",
+                    mt: 4,
+                    "aria-label": i("inbox.actions"),
+                    children: /* @__PURE__ */ e(C, { size: 20, stroke: 1.5 })
+                  }
+                ) }) }),
                 /* @__PURE__ */ o(n.Dropdown, { w: 200, children: [
-                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(N, { size: 16, stroke: 1.5 }), onClick: b, children: t("inbox.markAllRead") }),
-                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(m, { size: 16, stroke: 1.5 }), onClick: p, children: t("inbox.archiveAll") }),
-                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(m, { size: 16, stroke: 1.5 }), onClick: x, children: t("inbox.archiveRead") })
+                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(N, { size: 16, stroke: 1.5 }), onClick: b, children: i("inbox.markAllRead") }),
+                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(m, { size: 16, stroke: 1.5 }), onClick: p, children: i("inbox.archiveAll") }),
+                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(m, { size: 16, stroke: 1.5 }), onClick: x, children: i("inbox.archiveRead") })
                 ] })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ e(c, { gap: 0, style: { flex: 1, minHeight: 0, justifyContent: u ? "center" : "flex-start" }, className: i.shrink, children: f })
+        /* @__PURE__ */ e(c, { gap: 0, style: { flex: 1, minHeight: 0, justifyContent: u ? "center" : "flex-start" }, className: t.shrink, children: f })
       ] })
     }
   );
 }
 export {
-  z as InboxTabs
+  H as InboxTabs
 };

package/dist/components/Notification/molecules/NotificationContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/NotificationContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyCtE,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AAcD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAChE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAClE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,aAAa,GACzD,EAAE,wBAAwB,2CAsI1B"}
+{"version":3,"file":"NotificationContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/NotificationContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAqCtE,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AAsBD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAChE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAClE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,aAAa,GACzD,EAAE,wBAAwB,2CA8I1B"}

package/dist/components/Notification/molecules/NotificationContent.js

@@ -1,183 +1,183 @@
-import { jsxs as r, jsx as n, Fragment as l } from "react/jsx-runtime";
-import { useRef as _, useState as D, useCallback as J } from "react";
-import { HashtagIcon as O, Video01Icon as Q, WorkflowSquareIcon as R, File02Icon as E, CheckListIcon as A, PlazaIcon as X } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as Y } from "@hugeicons/react";
-import { Stack as H, Tooltip as M, Text as e, Group as w, Box as g } from "@mantine/core";
-import { useTranslation as Z } from "react-i18next";
-import u from "../Notification.module.css.js";
-const P = {
-  workspace: X,
-  pages: E,
-  projects: A,
-  tasks: A,
-  comments: E,
-  forms: R,
-  flow: R,
-  chat: Q,
-  channel: O
+import { jsxs as r, jsx as n, Fragment as o } from "react/jsx-runtime";
+import { useRef as O, useState as Q, useCallback as X } from "react";
+import { HashtagIcon as Y, Video01Icon as Z, WorkflowSquareIcon as H, File02Icon as M, CheckListIcon as q, PlazaIcon as P } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as b } from "@hugeicons/react";
+import { Stack as A, Tooltip as F, Text as h, Group as x, Box as g } from "@mantine/core";
+import { useTranslation as v } from "react-i18next";
+import d from "../Notification.module.css.js";
+const K = {
+  workspace: P,
+  pages: M,
+  projects: q,
+  tasks: q,
+  comments: M,
+  forms: H,
+  flow: H,
+  chat: Z,
+  channel: Y
 };
-function K({ sourceKey: i }) {
-  if (!i) return null;
-  const c = P[i];
-  return c ? /* @__PURE__ */ n(
-    Y,
-    {
-      icon: c,
-      size: 14,
-      style: { color: "var(--mantine-color-gray-6)", flexShrink: 0 }
-    }
-  ) : null;
+function j({ sourceKey: e }) {
+  if (!e) return null;
+  const c = K[e];
+  return c ? /* @__PURE__ */ n(b, { icon: c, size: 14, style: { flexShrink: 0 } }) : null;
 }
-function j() {
-  const i = _(null), [c, o] = D(!1), h = J(() => {
-    const a = i.current;
-    a && o(a.scrollWidth > a.clientWidth);
+function t({ children: e }) {
+  return /* @__PURE__ */ n(h, { span: !0, fw: 600, c: "var(--mantine-color-bright)", children: e });
+}
+function N() {
+  const e = O(null), [c, i] = Q(!1), f = X(() => {
+    const a = e.current;
+    a && i(a.scrollWidth > a.clientWidth);
   }, []);
-  return { ref: i, truncated: c, onMouseEnter: h };
+  return { ref: e, truncated: c, onMouseEnter: f };
 }
-function ln({
-  actorName: i,
+function tn({
+  actorName: e,
   verb: c,
-  objectName: o,
-  source: h,
+  objectName: i,
+  source: f,
   sourceKey: a,
-  sourceIcon: b,
-  time: d,
-  isSystem: q,
-  systemTitle: F,
-  statusValue: t,
-  statusOldValue: m,
-  commentPreview: f,
-  taskKey: y,
-  showInvitationActor: G,
-  statusFirst: k,
-  tailConnector: L
+  sourceIcon: G,
+  time: s,
+  isSystem: L,
+  systemTitle: S,
+  statusValue: l,
+  statusOldValue: C,
+  commentPreview: p,
+  taskKey: u,
+  showInvitationActor: $,
+  statusFirst: z,
+  tailConnector: U
 }) {
-  const C = b ?? /* @__PURE__ */ n(K, { sourceKey: a }), { t: x } = Z("appContainer"), { ref: S, truncated: $, onMouseEnter: W } = j(), s = t ? L : "", p = x("inbox.locationConnector"), I = x("inbox.fromConnector"), z = x("inbox.statusConnector"), T = !!(m && t);
-  if (q) {
-    const B = [
-      G ? i : "",
-      F
+  const I = G ?? /* @__PURE__ */ n(j, { sourceKey: a }), { t: k } = v("appContainer"), { ref: W, truncated: y, onMouseEnter: T } = N(), w = l ? U : "", m = k("inbox.locationConnector"), B = k("inbox.fromConnector"), R = k("inbox.statusConnector"), D = !!(C && l);
+  if (L) {
+    const J = [
+      $ ? e : "",
+      S
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ r(H, { gap: 6, className: u.itemContent, children: [
-      /* @__PURE__ */ n(M, { label: B, disabled: !$, multiline: !0, maw: 320, withArrow: !0, children: /* @__PURE__ */ n(
-        e,
+    return /* @__PURE__ */ r(A, { gap: 6, className: d.itemContent, children: [
+      /* @__PURE__ */ n(F, { label: J, disabled: !y, multiline: !0, maw: 320, withArrow: !0, children: /* @__PURE__ */ r(
+        h,
         {
-          ref: S,
-          onMouseEnter: W,
+          ref: W,
+          onMouseEnter: T,
           fz: 14,
-          fw: 500,
           lh: 1.45,
+          c: "var(--mantine-color-text)",
           lineClamp: 2,
           style: { minWidth: 0, wordBreak: "break-word" },
-          children: B
+          children: [
+            $ && e && /* @__PURE__ */ r(t, { children: [
+              e,
+              " "
+            ] }),
+            S
+          ]
         }
       ) }),
-      /* @__PURE__ */ r(w, { gap: 6, wrap: "nowrap", align: "center", style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ r(w, { gap: 4, wrap: "nowrap", align: "center", style: { minWidth: 0, flexShrink: 1 }, children: [
-          C,
-          /* @__PURE__ */ n(e, { fz: 12, c: "gray.6", lh: 1.4, truncate: "end", style: { minWidth: 0 }, children: h })
+      /* @__PURE__ */ r(x, { gap: 6, wrap: "nowrap", align: "center", className: d.metaRow, children: [
+        /* @__PURE__ */ r(x, { gap: 4, wrap: "nowrap", align: "flex-start", style: { minWidth: 0, flexShrink: 1 }, children: [
+          I,
+          /* @__PURE__ */ n(h, { fz: 12, lh: 1.4, truncate: "end", style: { minWidth: 0 }, children: f })
         ] }),
-        d && /* @__PURE__ */ r(l, { children: [
-          /* @__PURE__ */ n(g, { w: 3, h: 3, style: { borderRadius: "50%", backgroundColor: "var(--mantine-color-gray-5)", flexShrink: 0 } }),
-          /* @__PURE__ */ n(e, { fz: 12, c: "gray.6", lh: 1.4, style: { whiteSpace: "nowrap", flexShrink: 0 }, children: d })
+        s && /* @__PURE__ */ r(o, { children: [
+          /* @__PURE__ */ n(g, { className: d.metaDot }),
+          /* @__PURE__ */ n(h, { fz: 12, lh: 1.4, style: { whiteSpace: "nowrap", flexShrink: 0 }, children: s })
         ] })
       ] })
     ] });
   }
-  const v = T ? [
-    i,
+  const E = D ? [
+    e,
     c,
-    `${I} ${m} ${z} ${t}`,
-    o ? `${p} ${o}` : ""
-  ].filter(Boolean).join(" ") : k && t ? [
-    i,
+    `${B} ${C} ${R} ${l}`,
+    i ? `${m} ${i}` : ""
+  ].filter(Boolean).join(" ") : z && l ? [
+    e,
     c,
-    `${s} ${t}`,
-    o ? `${p} ${o}` : ""
+    `${w} ${l}`,
+    i ? `${m} ${i}` : ""
   ].filter(Boolean).join(" ") : [
-    i,
+    e,
     c,
-    o,
-    t ? `${s} ${t}` : ""
-  ].filter(Boolean).join(" "), U = f ? `${v} — ${f}` : v;
-  return /* @__PURE__ */ r(H, { gap: 6, className: u.itemContent, children: [
-    /* @__PURE__ */ n(M, { label: U, disabled: !$, multiline: !0, maw: 320, withArrow: !0, children: /* @__PURE__ */ r(
-      e,
+    i,
+    l ? `${w} ${l}` : ""
+  ].filter(Boolean).join(" "), _ = p ? `${E} — ${p}` : E;
+  return /* @__PURE__ */ r(A, { gap: 6, className: d.itemContent, children: [
+    /* @__PURE__ */ n(F, { label: _, disabled: !y, multiline: !0, maw: 320, withArrow: !0, children: /* @__PURE__ */ r(
+      h,
       {
-        ref: S,
-        onMouseEnter: W,
+        ref: W,
+        onMouseEnter: T,
         fz: 14,
         lh: 1.45,
         c: "var(--mantine-color-text)",
         lineClamp: 2,
         style: { minWidth: 0, wordBreak: "break-word" },
         children: [
-          i && /* @__PURE__ */ r(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: [
-            i,
+          e && /* @__PURE__ */ r(t, { children: [
+            e,
             " "
           ] }),
           c,
-          T ? /* @__PURE__ */ r(l, { children: [
+          D ? /* @__PURE__ */ r(o, { children: [
             " ",
-            I,
+            B,
             " ",
-            /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: m }),
+            /* @__PURE__ */ n(t, { children: C }),
             " ",
-            z,
+            R,
             " ",
-            /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: t }),
-            o && /* @__PURE__ */ r(l, { children: [
+            /* @__PURE__ */ n(t, { children: l }),
+            i && /* @__PURE__ */ r(o, { children: [
               " ",
-              p,
+              m,
               " ",
-              /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: o })
+              /* @__PURE__ */ n(t, { children: i })
             ] })
-          ] }) : k && t ? /* @__PURE__ */ r(l, { children: [
+          ] }) : z && l ? /* @__PURE__ */ r(o, { children: [
             " ",
-            s,
+            w,
             " ",
-            /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: t }),
-            o && /* @__PURE__ */ r(l, { children: [
+            /* @__PURE__ */ n(t, { children: l }),
+            i && /* @__PURE__ */ r(o, { children: [
               " ",
-              p,
+              m,
               " ",
-              /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: o })
+              /* @__PURE__ */ n(t, { children: i })
             ] })
-          ] }) : /* @__PURE__ */ r(l, { children: [
-            o && /* @__PURE__ */ r(l, { children: [
+          ] }) : /* @__PURE__ */ r(o, { children: [
+            i && /* @__PURE__ */ r(o, { children: [
               " ",
-              /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: o })
+              /* @__PURE__ */ n(t, { children: i })
             ] }),
-            t && /* @__PURE__ */ r(l, { children: [
+            l && /* @__PURE__ */ r(o, { children: [
               " ",
-              s,
+              w,
               " ",
-              /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: t })
+              /* @__PURE__ */ n(t, { children: l })
             ] })
           ] })
         ]
       }
     ) }),
-    f && /* @__PURE__ */ n(g, { className: u.replyPreview, children: /* @__PURE__ */ n(e, { fz: 13, c: "var(--mantine-color-text)", lh: 1.45, lineClamp: 2, style: { flex: 1, minWidth: 0 }, children: f }) }),
-    /* @__PURE__ */ r(w, { gap: 6, wrap: "nowrap", align: "center", style: { minWidth: 0 }, children: [
-      /* @__PURE__ */ r(w, { gap: 4, wrap: "nowrap", align: "center", style: { minWidth: 0, flexShrink: 1 }, children: [
-        C,
-        /* @__PURE__ */ r(e, { fz: 12, c: "gray.6", lh: 1.4, truncate: "end", style: { minWidth: 0 }, children: [
-          h,
-          y && /* @__PURE__ */ r(l, { children: [
-            " · ",
-            /* @__PURE__ */ n(e, { span: !0, c: "gray.6", fw: 500, children: y })
-          ] })
-        ] })
+    p && /* @__PURE__ */ n(g, { className: d.replyPreview, children: /* @__PURE__ */ n(h, { fz: 13, c: "var(--mantine-color-text)", lh: 1.45, lineClamp: 2, style: { flex: 1, minWidth: 0 }, children: p }) }),
+    /* @__PURE__ */ r(x, { gap: 6, wrap: "nowrap", align: "center", className: d.metaRow, children: [
+      /* @__PURE__ */ r(x, { gap: 4, wrap: "nowrap", align: "flex-start", style: { minWidth: 0, flexShrink: 1 }, children: [
+        I,
+        /* @__PURE__ */ n(h, { fz: 12, lh: 1.4, truncate: "end", style: { minWidth: 0 }, children: f })
+      ] }),
+      u && /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ n(g, { className: d.metaDot }),
+        /* @__PURE__ */ n(h, { fz: 12, lh: 1.4, style: { whiteSpace: "nowrap", flexShrink: 0 }, children: u })
       ] }),
-      d && /* @__PURE__ */ r(l, { children: [
-        /* @__PURE__ */ n(g, { w: 3, h: 3, style: { borderRadius: "50%", backgroundColor: "var(--mantine-color-gray-5)", flexShrink: 0 } }),
-        /* @__PURE__ */ n(e, { fz: 12, c: "gray.6", lh: 1.4, style: { whiteSpace: "nowrap", flexShrink: 0 }, children: d })
+      s && /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ n(g, { className: d.metaDot }),
+        /* @__PURE__ */ n(h, { fz: 12, lh: 1.4, style: { whiteSpace: "nowrap", flexShrink: 0 }, children: s })
       ] })
     ] })
   ] });
 }
 export {
-  ln as NotificationContent
+  tn as NotificationContent
 };

package/dist/components/Notification/organisms/InboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/organisms/InboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAOpD,UAAU,cAAc;IACtB,YAAY,EAAE,eAAe,CAAC;IAC9B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,wBAAgB,SAAS,CAAC,EACxB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,GAChF,EAAE,cAAc,2CAmDhB"}
+{"version":3,"file":"InboxItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/organisms/InboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAOpD,UAAU,cAAc;IACtB,YAAY,EAAE,eAAe,CAAC;IAC9B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,wBAAgB,SAAS,CAAC,EACxB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,GAChF,EAAE,cAAc,2CAoDhB"}

package/dist/components/Notification/organisms/InboxItem.js

@@ -1,17 +1,17 @@
 import { jsxs as w, jsx as a } from "react/jsx-runtime";
-import { useCallback as m } from "react";
+import { useCallback as l } from "react";
 import { Flex as F, Box as K } from "@mantine/core";
 import { useNotificationItem as V } from "../hooks/useNotificationItem.js";
 import { NotificationActions as B } from "../molecules/NotificationActions.js";
 import { NotificationAvatar as O } from "../molecules/NotificationAvatar.js";
 import { NotificationContent as S } from "../molecules/NotificationContent.js";
-import l from "../Notification.module.css.js";
+import m from "../Notification.module.css.js";
 function M({
-  notification: o,
+  notification: t,
   onRead: r,
   onUnread: e,
-  onArchive: c,
-  onUnarchive: s,
+  onArchive: s,
+  onUnarchive: c,
   onClick: d,
   sourceIcons: p
 }) {
@@ -33,32 +33,33 @@ function M({
     fallbackUser: C,
     statusFirst: T,
     tailConnector: P
-  } = V(o), U = m((t) => {
-    t.stopPropagation(), o.read ? e(o.id) : r(o.id);
-  }, [o.id, o.read, r, e]), j = m((t) => {
-    t.stopPropagation(), o.archived ? s(o.id) : c(o.id);
-  }, [o.id, o.archived, c, s]);
+  } = V(t), U = l((o) => {
+    o.stopPropagation(), t.read ? e(t.id) : r(t.id);
+  }, [t.id, t.read, r, e]), j = l((o) => {
+    o.stopPropagation(), t.archived ? c(t.id) : s(t.id);
+  }, [t.id, t.archived, s, c]);
   return /* @__PURE__ */ w(
     F,
     {
       gap: 10,
       px: 16,
-      py: o.archived ? 10 : 12,
+      py: t.archived ? 10 : 12,
+      align: "flex-start",
       pos: "relative",
-      className: l.item,
-      onClick: () => d(o),
-      style: o.read ? void 0 : { backgroundColor: "var(--mantine-color-gray-light)" },
+      className: m.item,
+      onClick: () => d(t),
+      style: t.read ? void 0 : { backgroundColor: "var(--mantine-color-gray-light)" },
       children: [
         /* @__PURE__ */ a(
           O,
           {
-            actorUserId: o.actorUserId,
-            actorName: o.actorName,
-            actorAvatarUrl: o.actorAvatarUrl,
+            actorUserId: t.actorUserId,
+            actorName: t.actorName,
+            actorAvatarUrl: t.actorAvatarUrl,
             variant: f,
-            notificationType: o.notificationType,
+            notificationType: t.notificationType,
             fallbackUser: C,
-            unread: !o.read
+            unread: !t.read
           }
         ),
         /* @__PURE__ */ a(
@@ -82,11 +83,11 @@ function M({
             tailConnector: P
           }
         ),
-        /* @__PURE__ */ a(K, { className: l.itemActions, onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(K, { className: m.itemActions, onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ a(
           B,
           {
-            read: o.read,
-            archived: o.archived,
+            read: t.read,
+            archived: t.archived,
             onToggleRead: U,
             onToggleArchive: j
           }

package/dist/components/Notification/organisms/InboxPanel.js

@@ -31,7 +31,7 @@ function ho({ onNavigate: w } = {}) {
     const o = new Map(c.map((e) => [e.id, e]));
     return Z.map(({ key: e, toolId: n, i18nKey: d }) => {
       const s = o.get(n);
-      return { key: e, i18nKey: d, icon: s?.icon?.({ size: 18 }) };
+      return { key: e, i18nKey: d, icon: s?.icon?.({ size: 16 }) };
     });
   }, [c]), M = a(() => {
     const o = new Map(c.map((n) => [n.id, n])), e = (n) => o.get(n)?.icon?.({ size: 14 }) ?? null;

package/dist/components/OnboardingTour/index.d.ts

@@ -1,4 +1,4 @@
 export { OnboardingTourWrapper } from './OnboardingTourWrapper';
 export type { OnboardingTourWrapperProps } from './OnboardingTourWrapper';
-export { useOnboardingTour, isOnboardingCompleted, resetOnboarding, getSavedStepIndex, saveStepIndex, clearSavedStep, setOnboardingUserId, suppressOnboarding, } from './useOnboardingTour';
+export { ONBOARDING_COMPLETED_STORAGE_KEY, ONBOARDING_STEP_STORAGE_KEY, useOnboardingTour, isOnboardingCompleted, completeOnboarding, resetOnboarding, getSavedStepIndex, saveStepIndex, clearSavedStep, setOnboardingUserId, suppressOnboarding, } from './useOnboardingTour';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/OnboardingTour/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EACL,gCAAgC,EAChC,2BAA2B,EAC3B,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC"}