@gatewaze/admin-embed 0.1.0

package/dist/resolvePeopleByEmail-hivX2l07.js

@@ -0,0 +1,828 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { d as n } from "./shim-BCerG8nb.js";
+import { t as r } from "./jsx-runtime-CjozyJt-.js";
+import { D as i, E as a, O as o, c as s, o as c } from "./ui-DRIo9Krs.js";
+import { a as l, c as u, i as d, l as f, o as p, r as m, s as h } from "./export-edition-html-C_hdXQu5.js";
+import { a as g } from "./hooks-C377EXJG.js";
+import { n as _ } from "./sonnerHostBridge-CXuCMM3R.js";
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/ArchiveBoxArrowDownIcon.js
+var v = /* @__PURE__ */ e(t());
+function y({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m8.25 3v6.75m0 0-3-3m3 3 3-3M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
+	}));
+}
+var b = /*#__PURE__*/ v.forwardRef(y);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/ArchiveBoxXMarkIcon.js
+function x({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m6 4.125 2.25 2.25m0 0 2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
+	}));
+}
+var S = /*#__PURE__*/ v.forwardRef(x);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/ArchiveBoxIcon.js
+function C({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
+	}));
+}
+var w = /*#__PURE__*/ v.forwardRef(C);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/BriefcaseIcon.js
+function T({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"
+	}));
+}
+var E = /*#__PURE__*/ v.forwardRef(T);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/ChevronUpIcon.js
+function D({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "m4.5 15.75 7.5-7.5 7.5 7.5"
+	}));
+}
+var O = /*#__PURE__*/ v.forwardRef(D);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/EnvelopeOpenIcon.js
+function k({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"
+	}));
+}
+var A = /*#__PURE__*/ v.forwardRef(k);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/InboxIcon.js
+function j({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M2.25 13.5h3.86a2.25 2.25 0 0 1 2.012 1.244l.256.512a2.25 2.25 0 0 0 2.013 1.244h3.218a2.25 2.25 0 0 0 2.013-1.244l.256-.512a2.25 2.25 0 0 1 2.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 0 0-2.15-1.588H6.911a2.25 2.25 0 0 0-2.15 1.588L2.35 13.177a2.25 2.25 0 0 0-.1.661Z"
+	}));
+}
+var M = /*#__PURE__*/ v.forwardRef(j);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/PaperClipIcon.js
+function N({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"
+	}));
+}
+var P = /*#__PURE__*/ v.forwardRef(N);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/StarIcon.js
+function F({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
+	}));
+}
+var I = /*#__PURE__*/ v.forwardRef(F);
+//#endregion
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/solid/esm/StarIcon.js
+function L({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ v.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ v.createElement("title", { id: t }, e) : null, /*#__PURE__*/ v.createElement("path", {
+		fillRule: "evenodd",
+		d: "M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z",
+		clipRule: "evenodd"
+	}));
+}
+var R = /*#__PURE__*/ v.forwardRef(L), z = r(), B = 10485760;
+function V(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = () => {
+			let e = r.result, n = e.indexOf(",");
+			t(n >= 0 ? e.slice(n + 1) : e);
+		}, r.onerror = () => n(r.error), r.readAsDataURL(e);
+	});
+}
+function H({ kind: e, replyId: t, toEmail: r, toName: a, onSent: o }) {
+	let [s, l] = (0, v.useState)(""), [u, f] = (0, v.useState)([]), [p, h] = (0, v.useState)(!1), g = (0, v.useRef)(null), y = !s.replace(/<[^>]*>/g, "").trim(), b = (e) => {
+		if (!e || e.length === 0) return;
+		let t = [...u, ...Array.from(e)];
+		if (t.reduce((e, t) => e + t.size, 0) > B) {
+			_.error("Attachments exceed 10 MB total");
+			return;
+		}
+		f(t);
+	}, x = (e) => f((t) => t.filter((t, n) => n !== e));
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
+		className: "mt-3 rounded-lg border border-[var(--gray-a5)] bg-[var(--gray-a1)] p-3",
+		children: [
+			/* @__PURE__ */ (0, z.jsxs)("div", {
+				className: "flex items-center justify-between mb-2 text-xs text-[var(--gray-9)]",
+				children: [/* @__PURE__ */ (0, z.jsxs)("span", { children: [
+					"Reply to",
+					" ",
+					/* @__PURE__ */ (0, z.jsx)("span", {
+						className: "text-[var(--gray-11)]",
+						children: a ? `${a} <${r}>` : r
+					})
+				] }), /* @__PURE__ */ (0, z.jsx)("span", {
+					className: "italic",
+					children: "Sends from the original address"
+				})]
+			}),
+			/* @__PURE__ */ (0, z.jsx)(m, {
+				content: s,
+				onChange: l,
+				placeholder: "Write your reply…",
+				editable: !p
+			}),
+			u.length > 0 && /* @__PURE__ */ (0, z.jsx)("ul", {
+				className: "mt-2 space-y-1",
+				children: u.map((e, t) => /* @__PURE__ */ (0, z.jsxs)("li", {
+					className: "flex items-center gap-2 text-xs text-[var(--gray-11)]",
+					children: [
+						/* @__PURE__ */ (0, z.jsx)(P, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+						/* @__PURE__ */ (0, z.jsx)("span", {
+							className: "truncate",
+							children: e.name
+						}),
+						/* @__PURE__ */ (0, z.jsxs)("span", {
+							className: "text-[var(--gray-9)] flex-shrink-0",
+							children: [(e.size / 1024).toFixed(0), " KB"]
+						}),
+						/* @__PURE__ */ (0, z.jsx)("button", {
+							type: "button",
+							onClick: () => x(t),
+							disabled: p,
+							className: "text-[var(--gray-9)] hover:text-[var(--red-9)] flex-shrink-0",
+							title: "Remove attachment",
+							children: /* @__PURE__ */ (0, z.jsx)(c, { className: "w-3.5 h-3.5" })
+						})
+					]
+				}, `${e.name}-${t}`))
+			}),
+			/* @__PURE__ */ (0, z.jsxs)("div", {
+				className: "mt-2 flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ (0, z.jsx)("input", {
+						ref: g,
+						type: "file",
+						multiple: !0,
+						hidden: !0,
+						onChange: (e) => {
+							b(e.target.files), g.current && (g.current.value = "");
+						}
+					}),
+					/* @__PURE__ */ (0, z.jsxs)(i, {
+						variant: "soft",
+						color: "gray",
+						size: "1",
+						onClick: () => g.current?.click(),
+						disabled: p,
+						children: [/* @__PURE__ */ (0, z.jsx)(P, { className: "w-4 h-4" }), " Attach"]
+					}),
+					/* @__PURE__ */ (0, z.jsxs)(i, {
+						variant: "solid",
+						size: "2",
+						onClick: async () => {
+							if (y) {
+								_.error("Write a reply first");
+								return;
+							}
+							h(!0);
+							try {
+								let i = await Promise.all(u.map(async (e) => ({
+									filename: e.name,
+									type: e.type || "application/octet-stream",
+									content: await V(e)
+								}))), c = s.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim(), { data: d, error: p } = await n.functions.invoke("reply-send", { body: {
+									kind: e,
+									replyId: t,
+									bodyHtml: s,
+									bodyText: c,
+									attachments: i
+								} });
+								if (p || d && d.error) throw Error(p?.message || d?.error || "Send failed");
+								_.success(`Reply sent to ${a || r}`), l(""), f([]), o?.();
+							} catch (e) {
+								_.error(`Could not send reply: ${e.message}`);
+							} finally {
+								h(!1);
+							}
+						},
+						disabled: p || y,
+						children: [
+							/* @__PURE__ */ (0, z.jsx)(d, { className: "w-4 h-4" }),
+							" ",
+							p ? "Sending…" : "Send reply"
+						]
+					})
+				]
+			})
+		]
+	});
+}
+function U({ messages: e }) {
+	return e.length ? /* @__PURE__ */ (0, z.jsx)("div", {
+		className: "mt-3 space-y-2",
+		children: e.map((e) => /* @__PURE__ */ (0, z.jsxs)("div", {
+			className: "rounded-lg border-l-2 border-l-[var(--accent-9)] bg-[var(--accent-a2)] px-3 py-2",
+			children: [
+				/* @__PURE__ */ (0, z.jsxs)("div", {
+					className: "text-xs text-[var(--gray-9)] mb-1",
+					children: [
+						"You replied · ",
+						new Date(e.created_at).toLocaleString(),
+						" · ",
+						e.from_address,
+						" → ",
+						e.to_address
+					]
+				}),
+				e.body_html ? /* @__PURE__ */ (0, z.jsx)("div", {
+					className: "prose prose-sm max-w-none text-[var(--gray-12)] [&_a]:text-[var(--accent-9)]",
+					dangerouslySetInnerHTML: { __html: e.body_html }
+				}) : /* @__PURE__ */ (0, z.jsx)("pre", {
+					className: "text-sm text-[var(--gray-12)] whitespace-pre-wrap font-sans",
+					children: e.body_text || ""
+				}),
+				e.attachments && e.attachments.length > 0 && /* @__PURE__ */ (0, z.jsx)("ul", {
+					className: "mt-2 space-y-0.5",
+					children: e.attachments.map((e, t) => /* @__PURE__ */ (0, z.jsxs)("li", {
+						className: "flex items-center gap-1.5 text-xs text-[var(--gray-10)]",
+						children: [
+							/* @__PURE__ */ (0, z.jsx)(P, { className: "w-3 h-3" }),
+							/* @__PURE__ */ (0, z.jsx)("span", {
+								className: "truncate",
+								children: e.filename
+							}),
+							typeof e.size == "number" && e.size > 0 && /* @__PURE__ */ (0, z.jsxs)("span", {
+								className: "text-[var(--gray-9)]",
+								children: [(e.size / 1024).toFixed(0), " KB"]
+							})
+						]
+					}, `${e.filename}-${t}`))
+				})
+			]
+		}, e.id))
+	}) : null;
+}
+//#endregion
+//#region src/components/people/PersonLink.tsx
+function W({ personId: e, label: t, className: n = "", title: r }) {
+	let i = g();
+	if (!e) return /* @__PURE__ */ (0, z.jsx)("span", {
+		className: `${n} text-[var(--gray-12)]`,
+		title: r,
+		children: t
+	});
+	let a = () => i(`/people/${e}`);
+	return /* @__PURE__ */ (0, z.jsx)("span", {
+		role: "link",
+		tabIndex: 0,
+		title: r || "View person profile",
+		onClick: (e) => {
+			e.stopPropagation(), a();
+		},
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), a());
+		},
+		className: `${n} cursor-pointer text-[var(--accent-11)] hover:underline underline-offset-2`,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/replies/RepliesWorkspace.tsx
+function G(e) {
+	let t = e.auto_reply_reason || "";
+	return t.startsWith("departed") ? "job_change" : e.is_auto_reply ? t === "dsn" || t === "bounce-sender" ? "bounce" : "ooo" : "reply";
+}
+var K = {
+	ooo: {
+		label: "Out of office",
+		color: "amber"
+	},
+	job_change: {
+		label: "Job change",
+		color: "red"
+	},
+	bounce: {
+		label: "Bounce",
+		color: "gray"
+	}
+}, q = [
+	{
+		key: "inbox",
+		label: "Inbox",
+		icon: M,
+		group: "primary"
+	},
+	{
+		key: "starred",
+		label: "Starred",
+		icon: I,
+		group: "primary"
+	},
+	{
+		key: "sent",
+		label: "Sent",
+		icon: d,
+		group: "primary"
+	},
+	{
+		key: "archived",
+		label: "Archived",
+		icon: w,
+		group: "primary"
+	},
+	{
+		key: "ooo",
+		label: "Out of office",
+		icon: p,
+		group: "filter"
+	},
+	{
+		key: "job_change",
+		label: "Job changes",
+		icon: E,
+		group: "filter"
+	},
+	{
+		key: "bounce",
+		label: "Bounces",
+		icon: s,
+		group: "filter"
+	}
+];
+function J(e) {
+	let t = new Date(e), n = Math.floor((Date.now() - t.getTime()) / 864e5);
+	return n === 0 ? t.toLocaleTimeString(void 0, {
+		hour: "2-digit",
+		minute: "2-digit"
+	}) : n === 1 ? "Yesterday" : n < 7 ? `${n} days ago` : t.toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	});
+}
+function Y({ kind: e, replies: t, sent: r, personByEmail: i, onReload: s, emptyHint: c }) {
+	let [d, p] = (0, v.useState)("inbox"), [m, g] = (0, v.useState)(null), [_, y] = (0, v.useState)({}), x = e === "broadcast" ? "broadcast_replies" : e === "event" ? "event_replies" : "newsletter_replies", C = (0, v.useMemo)(() => t.map((e) => _[e.id] ? {
+		...e,
+		..._[e.id]
+	} : e), [t, _]), w = (0, v.useMemo)(() => {
+		let e = {};
+		for (let t of r) (e[t.reply_id] ||= []).push(t);
+		return e;
+	}, [r]), T = (0, v.useMemo)(() => {
+		let e = C.filter((e) => !e.is_archived), t = (t) => e.filter((e) => G(e) === t).length;
+		return {
+			inbox: t("reply"),
+			ooo: t("ooo"),
+			job_change: t("job_change"),
+			bounce: t("bounce"),
+			starred: e.filter((e) => e.is_starred).length,
+			archived: C.filter((e) => e.is_archived).length,
+			sent: r.length
+		};
+	}, [C, r]), E = (0, v.useMemo)(() => C.filter((e) => !e.is_archived && !e.is_read && G(e) === "reply").length, [C]), D = (0, v.useMemo)(() => {
+		if (d === "archived") return C.filter((e) => e.is_archived);
+		let e = C.filter((e) => !e.is_archived);
+		return d === "starred" ? e.filter((e) => e.is_starred) : d === "inbox" ? e.filter((e) => G(e) === "reply") : e.filter((e) => G(e) === d);
+	}, [C, d]), k = (e, t) => {
+		y((n) => ({
+			...n,
+			[e]: {
+				...n[e] || {},
+				...t
+			}
+		})), n.from(x).update(t).eq("id", e).then(({ error: n }) => {
+			n && (console.error(`[RepliesWorkspace] failed to update ${x} ${e}:`, n), y((n) => {
+				let r = n[e];
+				if (!r) return n;
+				let i = { ...r };
+				for (let e of Object.keys(t)) delete i[e];
+				let { [e]: a, ...o } = n;
+				return Object.keys(i).length > 0 ? {
+					...o,
+					[e]: i
+				} : o;
+			}));
+		});
+	}, j = (e) => {
+		let t = m !== e.id;
+		g(t ? e.id : null), t && !e.is_read && k(e.id, { is_read: !0 });
+	}, M = q.filter((e) => e.group === "primary" || T[e.key] > 0);
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
+		className: "flex gap-6",
+		children: [/* @__PURE__ */ (0, z.jsx)("nav", {
+			className: "w-44 flex-shrink-0 space-y-0.5",
+			children: M.map((e, t) => {
+				let n = M[t - 1], r = n && n.group === "primary" && e.group === "filter", i = d === e.key, a = e.icon, s = T[e.key];
+				return /* @__PURE__ */ (0, z.jsxs)("div", { children: [r && /* @__PURE__ */ (0, z.jsx)("div", { className: "my-2 border-t border-[var(--gray-a4)]" }), /* @__PURE__ */ (0, z.jsxs)("button", {
+					type: "button",
+					onClick: () => {
+						p(e.key), g(null);
+					},
+					className: `w-full flex items-center gap-2.5 px-3 py-2 rounded-lg text-sm transition-colors ${i ? "bg-[var(--accent-a3)] text-[var(--accent-11)] font-medium" : "text-[var(--gray-11)] hover:bg-[var(--gray-a3)]"}`,
+					children: [
+						/* @__PURE__ */ (0, z.jsx)(a, { className: "w-4 h-4 flex-shrink-0" }),
+						/* @__PURE__ */ (0, z.jsx)("span", {
+							className: "flex-1 text-left truncate",
+							children: e.label
+						}),
+						e.key === "inbox" && E > 0 ? /* @__PURE__ */ (0, z.jsx)(o, {
+							variant: "solid",
+							color: "blue",
+							size: "1",
+							children: E
+						}) : s > 0 ? /* @__PURE__ */ (0, z.jsx)("span", {
+							className: `text-xs ${i ? "opacity-80" : "text-[var(--gray-9)]"}`,
+							children: s
+						}) : null
+					]
+				})] }, e.key);
+			})
+		}), /* @__PURE__ */ (0, z.jsx)("div", {
+			className: "flex-1 min-w-0",
+			children: d === "sent" ? /* @__PURE__ */ (0, z.jsx)(X, {
+				sent: r,
+				personByEmail: i
+			}) : D.length === 0 ? /* @__PURE__ */ (0, z.jsxs)(a, {
+				variant: "surface",
+				className: "p-12 text-center",
+				children: [
+					/* @__PURE__ */ (0, z.jsx)(l, { className: "w-10 h-10 text-[var(--gray-8)] mx-auto mb-3" }),
+					/* @__PURE__ */ (0, z.jsx)("p", {
+						className: "text-[var(--gray-11)] mb-1",
+						children: "Nothing here"
+					}),
+					/* @__PURE__ */ (0, z.jsx)("p", {
+						className: "text-sm text-[var(--gray-9)]",
+						children: c || "Replies will appear here"
+					})
+				]
+			}) : /* @__PURE__ */ (0, z.jsx)("div", {
+				className: "space-y-2",
+				children: D.map((t) => {
+					let n = m === t.id, r = G(t), c = r === "reply" ? null : K[r], d = i[t.from_email?.toLowerCase()], p = w[t.id]?.length ?? 0;
+					return /* @__PURE__ */ (0, z.jsxs)(a, {
+						variant: "surface",
+						className: `transition-colors ${t.is_read ? "" : "border-l-2 border-l-[var(--accent-9)]"}`,
+						children: [/* @__PURE__ */ (0, z.jsxs)("button", {
+							onClick: () => j(t),
+							className: "w-full text-left px-4 py-3 flex items-center gap-3",
+							children: [
+								t.is_read ? /* @__PURE__ */ (0, z.jsx)(A, { className: "w-4 h-4 text-[var(--gray-9)] flex-shrink-0" }) : /* @__PURE__ */ (0, z.jsx)(l, { className: "w-4 h-4 text-[var(--accent-9)] flex-shrink-0" }),
+								/* @__PURE__ */ (0, z.jsxs)("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ (0, z.jsxs)("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ (0, z.jsx)(W, {
+											personId: d,
+											label: t.from_name || t.from_email,
+											className: `text-sm truncate ${t.is_read ? "" : "font-semibold"}`,
+											title: d ? "View person profile" : void 0
+										}), t.from_name && /* @__PURE__ */ (0, z.jsx)("span", {
+											className: "text-xs text-[var(--gray-9)] truncate hidden sm:inline",
+											children: t.from_email
+										})]
+									}), /* @__PURE__ */ (0, z.jsx)("p", {
+										className: `text-sm truncate ${t.is_read ? "text-[var(--gray-9)]" : "font-medium text-[var(--gray-11)]"}`,
+										children: t.subject || "(no subject)"
+									})]
+								}),
+								/* @__PURE__ */ (0, z.jsxs)("div", {
+									className: "flex items-center gap-2 flex-shrink-0",
+									children: [
+										c && /* @__PURE__ */ (0, z.jsx)(o, {
+											variant: "soft",
+											color: c.color,
+											size: "1",
+											className: "hidden md:inline-flex",
+											title: t.auto_reply_reason || void 0,
+											children: c.label
+										}),
+										t.badge && /* @__PURE__ */ (0, z.jsx)(o, {
+											variant: "soft",
+											color: "blue",
+											size: "1",
+											className: "hidden md:inline-flex",
+											children: t.badge
+										}),
+										t.forwarded_at && /* @__PURE__ */ (0, z.jsx)(u, {
+											className: "w-3.5 h-3.5 text-[var(--gray-9)]",
+											title: `Forwarded to ${t.forwarded_to}`
+										}),
+										p > 0 && /* @__PURE__ */ (0, z.jsx)(f, {
+											className: "w-3.5 h-3.5 text-[var(--accent-9)]",
+											title: `Replied ${p}×`
+										}),
+										/* @__PURE__ */ (0, z.jsx)("span", {
+											role: "button",
+											tabIndex: 0,
+											title: t.is_starred ? "Unstar" : "Star",
+											onClick: (e) => {
+												e.stopPropagation(), k(t.id, { is_starred: !t.is_starred });
+											},
+											onKeyDown: (e) => {
+												(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), k(t.id, { is_starred: !t.is_starred }));
+											},
+											className: "cursor-pointer flex-shrink-0",
+											children: t.is_starred ? /* @__PURE__ */ (0, z.jsx)(R, { className: "w-4 h-4 text-[var(--amber-9)]" }) : /* @__PURE__ */ (0, z.jsx)(I, { className: "w-4 h-4 text-[var(--gray-9)] hover:text-[var(--amber-9)]" })
+										}),
+										/* @__PURE__ */ (0, z.jsx)("span", {
+											role: "button",
+											tabIndex: 0,
+											title: t.is_archived ? "Move to inbox" : "Archive",
+											onClick: (e) => {
+												e.stopPropagation(), k(t.id, { is_archived: !t.is_archived }), t.is_archived || g(null);
+											},
+											onKeyDown: (e) => {
+												(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), k(t.id, { is_archived: !t.is_archived }));
+											},
+											className: "cursor-pointer flex-shrink-0",
+											children: t.is_archived ? /* @__PURE__ */ (0, z.jsx)(S, { className: "w-4 h-4 text-[var(--gray-9)] hover:text-[var(--gray-12)]" }) : /* @__PURE__ */ (0, z.jsx)(b, { className: "w-4 h-4 text-[var(--gray-9)] hover:text-[var(--gray-12)]" })
+										}),
+										/* @__PURE__ */ (0, z.jsx)("span", {
+											className: "text-xs text-[var(--gray-9)] whitespace-nowrap",
+											children: J(t.created_at)
+										}),
+										n ? /* @__PURE__ */ (0, z.jsx)(O, { className: "w-4 h-4 text-[var(--gray-9)]" }) : /* @__PURE__ */ (0, z.jsx)(h, { className: "w-4 h-4 text-[var(--gray-9)]" })
+									]
+								})
+							]
+						}), n && /* @__PURE__ */ (0, z.jsx)("div", {
+							className: "px-4 pb-4 border-t border-[var(--gray-a4)]",
+							children: /* @__PURE__ */ (0, z.jsxs)("div", {
+								className: "pt-3",
+								children: [
+									/* @__PURE__ */ (0, z.jsxs)("div", {
+										className: "flex flex-wrap gap-x-6 gap-y-1 text-xs text-[var(--gray-9)] mb-3",
+										children: [
+											/* @__PURE__ */ (0, z.jsxs)("span", { children: [
+												"From:",
+												" ",
+												/* @__PURE__ */ (0, z.jsx)(W, {
+													personId: d,
+													label: t.from_name ? `${t.from_name} <${t.from_email}>` : t.from_email,
+													className: "text-xs"
+												})
+											] }),
+											/* @__PURE__ */ (0, z.jsxs)("span", { children: ["Date: ", new Date(t.created_at).toLocaleString()] }),
+											t.forwarded_at && /* @__PURE__ */ (0, z.jsxs)("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ (0, z.jsx)(u, { className: "w-3 h-3" }),
+													" Forwarded to ",
+													t.forwarded_to,
+													" at ",
+													new Date(t.forwarded_at).toLocaleString()
+												]
+											})
+										]
+									}),
+									t.body_html ? /* @__PURE__ */ (0, z.jsx)("div", {
+										className: "prose prose-sm max-w-none text-[var(--gray-12)] [&_a]:text-[var(--accent-9)]",
+										dangerouslySetInnerHTML: { __html: t.body_html }
+									}) : /* @__PURE__ */ (0, z.jsx)("pre", {
+										className: "text-sm text-[var(--gray-12)] whitespace-pre-wrap font-sans",
+										children: t.body_text || "(empty)"
+									}),
+									/* @__PURE__ */ (0, z.jsx)(U, { messages: w[t.id] || [] }),
+									/* @__PURE__ */ (0, z.jsx)(H, {
+										kind: e,
+										replyId: t.id,
+										toEmail: t.from_email,
+										toName: t.from_name,
+										onSent: s
+									})
+								]
+							})
+						})]
+					}, t.id);
+				})
+			})
+		})]
+	});
+}
+function X({ sent: e, personByEmail: t }) {
+	let [n, r] = (0, v.useState)(null), i = (0, v.useMemo)(() => [...e].sort((e, t) => e.created_at < t.created_at ? 1 : -1), [e]);
+	return i.length === 0 ? /* @__PURE__ */ (0, z.jsxs)(a, {
+		variant: "surface",
+		className: "p-12 text-center",
+		children: [
+			/* @__PURE__ */ (0, z.jsx)(d, { className: "w-10 h-10 text-[var(--gray-8)] mx-auto mb-3" }),
+			/* @__PURE__ */ (0, z.jsx)("p", {
+				className: "text-[var(--gray-11)] mb-1",
+				children: "No sent replies"
+			}),
+			/* @__PURE__ */ (0, z.jsx)("p", {
+				className: "text-sm text-[var(--gray-9)]",
+				children: "Replies you send from here will appear in this folder"
+			})
+		]
+	}) : /* @__PURE__ */ (0, z.jsx)("div", {
+		className: "space-y-2",
+		children: i.map((e) => {
+			let i = n === e.id, o = t[e.to_address?.toLowerCase()];
+			return /* @__PURE__ */ (0, z.jsxs)(a, {
+				variant: "surface",
+				children: [/* @__PURE__ */ (0, z.jsxs)("button", {
+					onClick: () => r(i ? null : e.id),
+					className: "w-full text-left px-4 py-3 flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ (0, z.jsx)(d, { className: "w-4 h-4 text-[var(--gray-9)] flex-shrink-0" }),
+						/* @__PURE__ */ (0, z.jsxs)("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ (0, z.jsxs)("div", {
+								className: "flex items-center gap-2 text-sm",
+								children: [/* @__PURE__ */ (0, z.jsx)("span", {
+									className: "text-[var(--gray-9)]",
+									children: "To"
+								}), /* @__PURE__ */ (0, z.jsx)(W, {
+									personId: o,
+									label: e.to_address,
+									className: "text-sm truncate"
+								})]
+							}), /* @__PURE__ */ (0, z.jsx)("p", {
+								className: "text-sm truncate text-[var(--gray-9)]",
+								children: e.subject || "(no subject)"
+							})]
+						}),
+						/* @__PURE__ */ (0, z.jsxs)("div", {
+							className: "flex items-center gap-2 flex-shrink-0",
+							children: [
+								e.attachments && e.attachments.length > 0 && /* @__PURE__ */ (0, z.jsx)(P, {
+									className: "w-3.5 h-3.5 text-[var(--gray-9)]",
+									title: `${e.attachments.length} attachment(s)`
+								}),
+								/* @__PURE__ */ (0, z.jsx)("span", {
+									className: "text-xs text-[var(--gray-9)] whitespace-nowrap",
+									children: J(e.created_at)
+								}),
+								i ? /* @__PURE__ */ (0, z.jsx)(O, { className: "w-4 h-4 text-[var(--gray-9)]" }) : /* @__PURE__ */ (0, z.jsx)(h, { className: "w-4 h-4 text-[var(--gray-9)]" })
+							]
+						})
+					]
+				}), i && /* @__PURE__ */ (0, z.jsxs)("div", {
+					className: "px-4 pb-4 border-t border-[var(--gray-a4)]",
+					children: [
+						/* @__PURE__ */ (0, z.jsxs)("div", {
+							className: "flex flex-wrap gap-x-6 gap-y-1 text-xs text-[var(--gray-9)] my-3",
+							children: [
+								/* @__PURE__ */ (0, z.jsxs)("span", { children: ["To: ", e.to_address] }),
+								/* @__PURE__ */ (0, z.jsxs)("span", { children: ["From: ", e.from_address] }),
+								/* @__PURE__ */ (0, z.jsxs)("span", { children: ["Date: ", new Date(e.created_at).toLocaleString()] })
+							]
+						}),
+						e.body_html ? /* @__PURE__ */ (0, z.jsx)("div", {
+							className: "prose prose-sm max-w-none text-[var(--gray-12)] [&_a]:text-[var(--accent-9)]",
+							dangerouslySetInnerHTML: { __html: e.body_html }
+						}) : /* @__PURE__ */ (0, z.jsx)("pre", {
+							className: "text-sm text-[var(--gray-12)] whitespace-pre-wrap font-sans",
+							children: e.body_text || ""
+						}),
+						e.attachments && e.attachments.length > 0 && /* @__PURE__ */ (0, z.jsx)("ul", {
+							className: "mt-2 space-y-0.5",
+							children: e.attachments.map((e, t) => /* @__PURE__ */ (0, z.jsxs)("li", {
+								className: "flex items-center gap-1.5 text-xs text-[var(--gray-10)]",
+								children: [
+									/* @__PURE__ */ (0, z.jsx)(P, { className: "w-3 h-3" }),
+									/* @__PURE__ */ (0, z.jsx)("span", {
+										className: "truncate",
+										children: e.filename
+									}),
+									typeof e.size == "number" && e.size > 0 && /* @__PURE__ */ (0, z.jsxs)("span", {
+										className: "text-[var(--gray-9)]",
+										children: [(e.size / 1024).toFixed(0), " KB"]
+									})
+								]
+							}, `${e.filename}-${t}`))
+						})
+					]
+				})]
+			}, e.id);
+		})
+	});
+}
+//#endregion
+//#region src/lib/resolvePeopleByEmail.ts
+async function Z(e) {
+	let t = Array.from(new Set(e.filter((e) => !!e).map((e) => e.trim()).filter(Boolean)));
+	if (t.length === 0) return {};
+	let r = Array.from(new Set(t.flatMap((e) => [e, e.toLowerCase()]))), [i, a] = await Promise.all([n.from("people").select("id, email").in("email", r), n.from("person_emails").select("person_id, email").in("email", r)]), o = {};
+	for (let e of i.data || []) e.email && e.id && (o[e.email.toLowerCase()] = e.id);
+	for (let e of a.data || []) e.email && e.person_id && (o[e.email.toLowerCase()] = e.person_id);
+	return o;
+}
+//#endregion
+export { Y as n, Z as t };