@burdenoff/microfe-conversations 2026.601.2 → 2026.602.1

package/dist/conversations/components/MemberPicker.js

@@ -0,0 +1,99 @@
+import { useTr as e } from "../utils/i18n.js";
+import { cn as t } from "../utils/cn.js";
+import { useWorkspaceDirectory as n } from "../hooks/useConversationQueries.js";
+import { useMemo as r, useState as i } from "react";
+import { X as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Command as c, CommandEmpty as l, CommandGroup as u, CommandInput as d, CommandItem as f, CommandList as p } from "@burdenoff/fe-libs/ui";
+//#region src/conversations/components/MemberPicker.tsx
+function m(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : `${t[0][0] ?? ""}${t[t.length - 1][0] ?? ""}`.toUpperCase();
+}
+function h({ member: e, size: n = "md" }) {
+	let r = n === "sm" ? "size-5 text-[10px]" : "size-8 text-xs";
+	return e.avatar ? /* @__PURE__ */ o("img", {
+		src: e.avatar,
+		alt: "",
+		className: t("rounded-full object-cover", r)
+	}) : /* @__PURE__ */ o("span", {
+		"aria-hidden": "true",
+		className: t("inline-flex items-center justify-center rounded-full bg-muted font-medium text-muted-foreground", r),
+		children: m(e.name)
+	});
+}
+function g({ selected: t, onAdd: m, onRemove: g, single: _ = !1, excludeIds: v = [] }) {
+	let y = e(), [b, x] = i(""), { members: S, loading: C } = n(b), w = r(() => {
+		let e = new Set(v);
+		for (let n of t) e.add(n.id);
+		return e;
+	}, [v, t]), T = r(() => S.filter((e) => !w.has(e.id)), [S, w]), E = (e) => {
+		m(e), x("");
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-2",
+		children: [
+			t.length > 0 && /* @__PURE__ */ o("div", {
+				className: "flex flex-wrap gap-2",
+				children: t.map((e) => /* @__PURE__ */ s("span", {
+					className: "inline-flex items-center gap-1.5 rounded-full bg-primary/10 py-1 pl-1 pr-2 text-xs font-medium text-primary",
+					children: [
+						/* @__PURE__ */ o(h, {
+							member: e,
+							size: "sm"
+						}),
+						e.name,
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							"aria-label": y("conversations.removeParticipant", "Remove participant"),
+							onClick: () => g(e.id),
+							className: "rounded-full p-0.5 hover:bg-primary/20",
+							children: /* @__PURE__ */ o(a, { size: 12 })
+						})
+					]
+				}, e.id))
+			}),
+			/* @__PURE__ */ s(c, {
+				shouldFilter: !1,
+				className: "rounded-lg border border-border bg-background",
+				children: [/* @__PURE__ */ o(d, {
+					value: b,
+					onValueChange: x,
+					placeholder: y("conversations.memberSearchPlaceholder", "Search members by name or email…")
+				}), /* @__PURE__ */ s(p, { children: [
+					C && T.length === 0 ? /* @__PURE__ */ o("div", {
+						className: "py-6 text-center text-sm text-muted-foreground",
+						children: y("conversations.memberSearchLoading", "Loading members…")
+					}) : null,
+					!C && T.length === 0 ? /* @__PURE__ */ o(l, { children: b.trim() ? y("conversations.memberSearchNoResults", "No members found.") : y("conversations.memberSearchEmpty", "No more members to add.") }) : null,
+					T.length > 0 ? /* @__PURE__ */ o(u, {
+						heading: y("conversations.members", "Members"),
+						children: T.map((e) => /* @__PURE__ */ s(f, {
+							value: `${e.name} ${e.email ?? ""} ${e.id}`,
+							onSelect: () => E(e),
+							className: "gap-2",
+							children: [/* @__PURE__ */ o(h, { member: e }), /* @__PURE__ */ s("span", {
+								className: "flex min-w-0 flex-col",
+								children: [/* @__PURE__ */ o("span", {
+									className: "truncate text-sm text-foreground",
+									children: e.name
+								}), e.email ? /* @__PURE__ */ o("span", {
+									className: "truncate text-xs text-muted-foreground",
+									children: e.email
+								}) : null]
+							})]
+						}, e.id))
+					}) : null
+				] })]
+			}),
+			_ && t.length > 0 ? /* @__PURE__ */ o("p", {
+				className: "text-xs text-muted-foreground",
+				children: y("conversations.directMessageSingleHint", "A direct message has exactly one recipient. Selecting another replaces the current one.")
+			}) : null
+		]
+	});
+}
+//#endregion
+export { g as MemberPicker };
+
+//# sourceMappingURL=MemberPicker.js.map

package/dist/conversations/components/MemberPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberPicker.js","names":[],"sources":["../../../src/conversations/components/MemberPicker.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@burdenoff/fe-libs/ui\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport {\n  useWorkspaceDirectory,\n  type WorkspaceDirectoryMember,\n} from \"../hooks/useConversationQueries\";\n\nexport interface MemberPickerProps {\n  /** Currently selected members (controlled by the parent). */\n  selected: WorkspaceDirectoryMember[];\n  /** Add a member to the selection. */\n  onAdd: (member: WorkspaceDirectoryMember) => void;\n  /** Remove a member from the selection by user id. */\n  onRemove: (userId: string) => void;\n  /**\n   * Single-select mode: only one member may be chosen at a time (e.g. for a\n   * direct message). Defaults to multi-select.\n   */\n  single?: boolean;\n  /**\n   * Extra user ids to hide from the suggestion list (e.g. the current user).\n   * Selected members are always hidden.\n   */\n  excludeIds?: string[];\n}\n\n/** Two-letter initials derived from a member's display name. */\nfunction initials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return \"?\";\n  if (parts.length === 1) return parts[0]!.slice(0, 2).toUpperCase();\n  return `${parts[0]![0] ?? \"\"}${parts[parts.length - 1]![0] ?? \"\"}`.toUpperCase();\n}\n\ninterface MemberAvatarProps {\n  member: WorkspaceDirectoryMember;\n  size?: \"sm\" | \"md\";\n}\n\nfunction MemberAvatar({ member, size = \"md\" }: MemberAvatarProps) {\n  const dimension = size === \"sm\" ? \"size-5 text-[10px]\" : \"size-8 text-xs\";\n  if (member.avatar) {\n    return (\n      <img\n        src={member.avatar}\n        alt=\"\"\n        className={cn(\"rounded-full object-cover\", dimension)}\n      />\n    );\n  }\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full bg-muted font-medium text-muted-foreground\",\n        dimension,\n      )}\n    >\n      {initials(member.name)}\n    </span>\n  );\n}\n\n/**\n * MemberPicker — search-as-you-type workspace-member selector.\n *\n * Lists the current workspace's members via the conversations\n * `workspaceDirectory` query (server-side search, debounced in\n * {@link useWorkspaceDirectory}) and renders each as an avatar + name + email\n * row inside the canonical `Command` palette from `@burdenoff/fe-libs/ui`.\n *\n * Selection is controlled by the parent: the picker reports adds/removes by\n * user id so the host owns the `participantIds` it ultimately submits.\n */\nexport function MemberPicker({\n  selected,\n  onAdd,\n  onRemove,\n  single = false,\n  excludeIds = [],\n}: MemberPickerProps) {\n  const tr = useTr();\n  const [input, setInput] = useState(\"\");\n  const { members, loading } = useWorkspaceDirectory(input);\n\n  const hiddenIds = useMemo(() => {\n    const ids = new Set<string>(excludeIds);\n    for (const member of selected) {\n      ids.add(member.id);\n    }\n    return ids;\n  }, [excludeIds, selected]);\n\n  const visibleMembers = useMemo(\n    () => members.filter((member) => !hiddenIds.has(member.id)),\n    [members, hiddenIds],\n  );\n\n  const handleSelect = (member: WorkspaceDirectoryMember) => {\n    onAdd(member);\n    setInput(\"\");\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {selected.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {selected.map((member) => (\n            <span\n              key={member.id}\n              className=\"inline-flex items-center gap-1.5 rounded-full bg-primary/10 py-1 pl-1 pr-2 text-xs font-medium text-primary\"\n            >\n              <MemberAvatar member={member} size=\"sm\" />\n              {member.name}\n              <button\n                type=\"button\"\n                aria-label={tr(\n                  \"conversations.removeParticipant\",\n                  \"Remove participant\",\n                )}\n                onClick={() => onRemove(member.id)}\n                className=\"rounded-full p-0.5 hover:bg-primary/20\"\n              >\n                <X size={12} />\n              </button>\n            </span>\n          ))}\n        </div>\n      )}\n\n      <Command\n        shouldFilter={false}\n        className=\"rounded-lg border border-border bg-background\"\n      >\n        <CommandInput\n          value={input}\n          onValueChange={setInput}\n          placeholder={tr(\n            \"conversations.memberSearchPlaceholder\",\n            \"Search members by name or email…\",\n          )}\n        />\n        <CommandList>\n          {loading && visibleMembers.length === 0 ? (\n            <div className=\"py-6 text-center text-sm text-muted-foreground\">\n              {tr(\"conversations.memberSearchLoading\", \"Loading members…\")}\n            </div>\n          ) : null}\n\n          {!loading && visibleMembers.length === 0 ? (\n            <CommandEmpty>\n              {input.trim()\n                ? tr(\"conversations.memberSearchNoResults\", \"No members found.\")\n                : tr(\n                    \"conversations.memberSearchEmpty\",\n                    \"No more members to add.\",\n                  )}\n            </CommandEmpty>\n          ) : null}\n\n          {visibleMembers.length > 0 ? (\n            <CommandGroup heading={tr(\"conversations.members\", \"Members\")}>\n              {visibleMembers.map((member) => (\n                <CommandItem\n                  key={member.id}\n                  value={`${member.name} ${member.email ?? \"\"} ${member.id}`}\n                  onSelect={() => handleSelect(member)}\n                  className=\"gap-2\"\n                >\n                  <MemberAvatar member={member} />\n                  <span className=\"flex min-w-0 flex-col\">\n                    <span className=\"truncate text-sm text-foreground\">\n                      {member.name}\n                    </span>\n                    {member.email ? (\n                      <span className=\"truncate text-xs text-muted-foreground\">\n                        {member.email}\n                      </span>\n                    ) : null}\n                  </span>\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          ) : null}\n        </CommandList>\n      </Command>\n\n      {single && selected.length > 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {tr(\n            \"conversations.directMessageSingleHint\",\n            \"A direct message has exactly one recipient. Selecting another replaces the current one.\",\n          )}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/conversations/components/NewConversationDialog.js

@@ -1,285 +1,257 @@
-import { useTr as e } from "../utils/i18n.js";
-import { cn as t } from "../utils/cn.js";
-import { useCreateConversation as n } from "../hooks/useConversationQueries.js";
-import { nativeImpact as r, nativeNotify as i } from "../../utils/nativeBridge.js";
-import { useCallback as a, useMemo as o, useState as s } from "react";
-import { Globe as c, Hash as l, Lock as u, Megaphone as d, MessageCircle as ee, Shield as f, Users as p, X as m } from "lucide-react";
-import { useEventBus as h } from "@burdenoff/fe-libs/shared/events";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Dialog as v, DialogContent as y, DialogDescription as b, DialogFooter as x, DialogHeader as S, DialogTitle as C } from "@burdenoff/fe-libs/ui";
+import { useConversations as e } from "../providers/ConversationsProvider.js";
+import { useTr as t } from "../utils/i18n.js";
+import { cn as n } from "../utils/cn.js";
+import { useCreateConversation as r } from "../hooks/useConversationQueries.js";
+import { nativeImpact as i, nativeNotify as a } from "../../utils/nativeBridge.js";
+import { MemberPicker as o } from "./MemberPicker.js";
+import { useCallback as s, useMemo as c, useState as l } from "react";
+import { Globe as u, Hash as d, Lock as f, Megaphone as p, MessageCircle as m, Shield as h, Users as ee } from "lucide-react";
+import { useEventBus as g } from "@burdenoff/fe-libs/shared/events";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Dialog as y, DialogContent as b, DialogDescription as x, DialogFooter as S, DialogHeader as C, DialogTitle as te } from "@burdenoff/fe-libs/ui";
 //#region src/conversations/components/NewConversationDialog.tsx
-function te(e) {
+function w(e) {
 	if ("graphQLErrors" in e) {
 		let t = e.graphQLErrors;
 		if (t && t.length > 0 && t[0]?.message) return t[0].message;
 	}
 	return e.message;
 }
-function w({ open: w, onOpenChange: T, onCreated: E }) {
-	let { createConversation: D, loading: O, error: k } = n(), A = h(), j = e(), M = o(() => [
+function T({ open: T, onOpenChange: E, onCreated: D }) {
+	let { createConversation: O, loading: k, error: A } = r(), { currentUser: j } = e(), M = g(), N = t(), ne = c(() => [
 		{
 			type: "DIRECT",
-			label: j("conversations.directMessage", "Direct Message"),
-			description: j("conversations.directMessageDescription", "One-on-one private conversation"),
-			icon: /* @__PURE__ */ g(ee, { size: 20 })
+			label: N("conversations.directMessage", "Direct Message"),
+			description: N("conversations.directMessageDescription", "One-on-one private conversation"),
+			icon: /* @__PURE__ */ _(m, { size: 20 })
 		},
 		{
 			type: "GROUP",
-			label: j("conversations.groupChat", "Group Chat"),
-			description: j("conversations.groupChatDescription", "Invite multiple people to a group conversation"),
-			icon: /* @__PURE__ */ g(p, { size: 20 })
+			label: N("conversations.groupChat", "Group Chat"),
+			description: N("conversations.groupChatDescription", "Invite multiple people to a group conversation"),
+			icon: /* @__PURE__ */ _(ee, { size: 20 })
 		},
 		{
 			type: "CHANNEL",
-			label: j("conversations.channel", "Channel"),
-			description: j("conversations.channelDescription", "A topic-based channel that anyone can join"),
-			icon: /* @__PURE__ */ g(l, { size: 20 })
+			label: N("conversations.channel", "Channel"),
+			description: N("conversations.channelDescription", "A topic-based channel that anyone can join"),
+			icon: /* @__PURE__ */ _(d, { size: 20 })
 		},
 		{
 			type: "ANNOUNCEMENT",
-			label: j("conversations.announcement", "Announcement"),
-			description: j("conversations.announcementDescription", "Broadcast messages to a large audience"),
-			icon: /* @__PURE__ */ g(d, { size: 20 })
+			label: N("conversations.announcement", "Announcement"),
+			description: N("conversations.announcementDescription", "Broadcast messages to a large audience"),
+			icon: /* @__PURE__ */ _(p, { size: 20 })
 		}
-	], [j]), N = o(() => [
+	], [N]), P = c(() => [
 		{
 			value: "PUBLIC",
-			label: j("conversations.public", "Public"),
-			description: j("conversations.publicDescription", "Anyone in the workspace can discover and join"),
-			icon: /* @__PURE__ */ g(c, { size: 16 })
+			label: N("conversations.public", "Public"),
+			description: N("conversations.publicDescription", "Anyone in the workspace can discover and join"),
+			icon: /* @__PURE__ */ _(u, { size: 16 })
 		},
 		{
 			value: "PRIVATE",
-			label: j("conversations.private", "Private"),
-			description: j("conversations.privateDescription", "Only invited members can access"),
-			icon: /* @__PURE__ */ g(u, { size: 16 })
+			label: N("conversations.private", "Private"),
+			description: N("conversations.privateDescription", "Only invited members can access"),
+			icon: /* @__PURE__ */ _(f, { size: 16 })
 		},
 		{
 			value: "PROTECTED",
-			label: j("conversations.protected", "Protected"),
-			description: j("conversations.protectedDescription", "Discoverable but requires approval to join"),
-			icon: /* @__PURE__ */ g(f, { size: 16 })
+			label: N("conversations.protected", "Protected"),
+			description: N("conversations.protectedDescription", "Discoverable but requires approval to join"),
+			icon: /* @__PURE__ */ _(h, { size: 16 })
 		}
-	], [j]), [P, F] = s("GROUP"), [I, L] = s(""), [R, z] = s(""), [B, V] = s("PRIVATE"), [H, U] = s(""), [W, G] = s([]), K = P === "DIRECT", q = !K, J = a(() => {
-		F("GROUP"), L(""), z(""), V("PRIVATE"), U(""), G([]);
-	}, []), Y = a(() => {
-		let e = H.trim();
-		!e || W.includes(e) || (G(K ? [e] : (t) => [...t, e]), U(""));
-	}, [
-		H,
-		W,
-		K
-	]), X = a((e) => {
-		G((t) => t.filter((t) => t !== e));
-	}, []), Z = P === "DIRECT" || P === "GROUP", Q = a((e) => {
-		e || J(), T(e);
-	}, [T, J]), ne = a(async () => {
-		if (!(Z && W.length === 0) && !(q && !I.trim())) {
-			r("light");
+	], [N]), [F, I] = l("GROUP"), [L, R] = l(""), [z, B] = l(""), [V, H] = l("PRIVATE"), [U, W] = l([]), G = F === "DIRECT", K = !G, q = c(() => U.map((e) => e.id), [U]), J = s(() => {
+		I("GROUP"), R(""), B(""), H("PRIVATE"), W([]);
+	}, []), Y = s((e) => {
+		W((t) => t.some((t) => t.id === e.id) ? t : G ? [e] : [...t, e]);
+	}, [G]), X = s((e) => {
+		W((t) => t.filter((t) => t.id !== e));
+	}, []), Z = F === "DIRECT" || F === "GROUP", re = c(() => j?.id ? [j.id] : [], [j?.id]), Q = s((e) => {
+		e || J(), E(e);
+	}, [E, J]), ie = s(async () => {
+		if (!(Z && q.length === 0) && !(K && !L.trim())) {
+			i("light");
 			try {
-				let e = await D({
-					type: P,
-					title: q ? I.trim() : void 0,
-					description: R.trim() || void 0,
-					participantIds: W,
-					visibility: B
+				let e = await O({
+					type: F,
+					title: K ? L.trim() : void 0,
+					description: z.trim() || void 0,
+					participantIds: q,
+					visibility: V
 				});
 				if (!e) {
-					i("error");
+					a("error");
 					return;
 				}
-				i("success"), A.emit("conversations.conversation.created", {
+				a("success"), M.emit("conversations.conversation.created", {
 					conversationId: e.id,
-					conversationType: P,
+					conversationType: F,
 					source: "new-conversation-dialog"
-				}), J(), T(!1), E?.(e.id);
+				}), J(), E(!1), D?.(e.id);
 			} catch (e) {
-				throw i("error"), e;
+				throw a("error"), e;
 			}
 		}
 	}, [
-		A,
+		M,
 		Z,
-		W,
 		q,
-		I,
-		D,
-		P,
-		R,
-		B,
+		K,
+		L,
+		O,
+		F,
+		z,
+		V,
 		J,
-		T,
-		E
-	]), $ = (!Z || W.length > 0) && (!q || I.trim().length > 0);
-	return /* @__PURE__ */ g(v, {
-		open: w,
+		E,
+		D
+	]), $ = (!Z || q.length > 0) && (!K || L.trim().length > 0);
+	return /* @__PURE__ */ _(y, {
+		open: T,
 		onOpenChange: Q,
-		children: /* @__PURE__ */ _(y, {
+		children: /* @__PURE__ */ v(b, {
 			className: "sm:max-w-[640px] max-h-[90vh] overflow-y-auto",
 			"data-tour": "new-conversation-dialog",
 			children: [
-				/* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(C, { children: j("conversations.newConversation", "New Conversation") }), /* @__PURE__ */ g(b, { children: j("conversations.newConversationSubtitle", "Start a new conversation with your team") })] }),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v(C, { children: [/* @__PURE__ */ _(te, { children: N("conversations.newConversation", "New Conversation") }), /* @__PURE__ */ _(x, { children: N("conversations.newConversationSubtitle", "Start a new conversation with your team") })] }),
+				/* @__PURE__ */ v("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ _("section", {
+						/* @__PURE__ */ v("section", {
 							"data-tour": "conversation-type-selector",
 							className: "space-y-3",
-							children: [/* @__PURE__ */ g("h3", {
+							children: [/* @__PURE__ */ _("h3", {
 								className: "text-sm font-semibold text-foreground",
-								children: j("conversations.conversationType", "Conversation Type")
-							}), /* @__PURE__ */ g("div", {
+								children: N("conversations.conversationType", "Conversation Type")
+							}), /* @__PURE__ */ _("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-								children: M.map((e) => /* @__PURE__ */ _("button", {
+								children: ne.map((e) => /* @__PURE__ */ v("button", {
 									type: "button",
 									onClick: () => {
-										F(e.type), e.type === "DIRECT" && G((e) => e.slice(0, 1));
+										I(e.type), e.type === "DIRECT" && W((e) => e.slice(0, 1));
 									},
-									className: t("flex items-start gap-3 p-4 rounded-xl border text-left transition-all duration-150", P === e.type ? "border-primary bg-primary/5 ring-1 ring-primary/20" : "border-border hover:border-muted-foreground/30 hover:bg-muted/30"),
-									children: [/* @__PURE__ */ g("div", {
-										className: t("p-2 rounded-lg", P === e.type ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"),
+									className: n("flex items-start gap-3 p-4 rounded-xl border text-left transition-all duration-150", F === e.type ? "border-primary bg-primary/5 ring-1 ring-primary/20" : "border-border hover:border-muted-foreground/30 hover:bg-muted/30"),
+									children: [/* @__PURE__ */ _("div", {
+										className: n("p-2 rounded-lg", F === e.type ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"),
 										children: e.icon
-									}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 										className: "text-sm font-medium text-foreground",
 										children: e.label
-									}), /* @__PURE__ */ g("p", {
+									}), /* @__PURE__ */ _("p", {
 										className: "text-xs text-muted-foreground mt-0.5",
 										children: e.description
 									})] })]
 								}, e.type))
 							})]
 						}),
-						!K && /* @__PURE__ */ _("section", {
+						!G && /* @__PURE__ */ v("section", {
 							"data-tour": "conversation-visibility-selector",
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ g("h3", {
+								/* @__PURE__ */ _("h3", {
 									className: "text-sm font-semibold text-foreground",
-									children: j("conversations.visibility", "Visibility")
+									children: N("conversations.visibility", "Visibility")
 								}),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ _("div", {
 									className: "flex gap-2 flex-wrap",
-									children: N.map((e) => /* @__PURE__ */ _("button", {
+									children: P.map((e) => /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => V(e.value),
-										className: t("flex items-center gap-2 px-4 py-2.5 rounded-lg border text-sm transition-all", B === e.value ? "border-primary bg-primary/5 text-primary font-medium" : "border-border text-muted-foreground hover:text-foreground hover:bg-muted/30"),
+										onClick: () => H(e.value),
+										className: n("flex items-center gap-2 px-4 py-2.5 rounded-lg border text-sm transition-all", V === e.value ? "border-primary bg-primary/5 text-primary font-medium" : "border-border text-muted-foreground hover:text-foreground hover:bg-muted/30"),
 										children: [e.icon, e.label]
 									}, e.value))
 								}),
-								/* @__PURE__ */ g("p", {
+								/* @__PURE__ */ _("p", {
 									className: "text-xs text-muted-foreground",
-									children: N.find((e) => e.value === B)?.description
+									children: P.find((e) => e.value === V)?.description
 								})
 							]
 						}),
-						q && /* @__PURE__ */ _("section", {
+						K && /* @__PURE__ */ v("section", {
 							"data-tour": "conversation-create-details",
 							className: "space-y-3",
-							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("label", {
+							children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
 								htmlFor: "conv-title",
 								className: "text-sm font-semibold text-foreground",
 								children: [
-									j("conversations.name", "Name"),
+									N("conversations.name", "Name"),
 									" ",
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "text-destructive",
 										children: "*"
 									})
 								]
-							}), /* @__PURE__ */ g("input", {
+							}), /* @__PURE__ */ _("input", {
 								id: "conv-title",
 								type: "text",
-								value: I,
-								onChange: (e) => L(e.target.value),
-								placeholder: P === "CHANNEL" ? j("conversations.channelNamePlaceholder", "e.g., engineering-general") : j("conversations.conversationNamePlaceholder", "e.g., Product Launch Q1"),
+								value: L,
+								onChange: (e) => R(e.target.value),
+								placeholder: F === "CHANNEL" ? N("conversations.channelNamePlaceholder", "e.g., engineering-general") : N("conversations.conversationNamePlaceholder", "e.g., Product Launch Q1"),
 								maxLength: 200,
 								className: "mt-1.5 w-full px-3 py-2 text-sm rounded-lg border border-border bg-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
-							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 								htmlFor: "conv-desc",
 								className: "text-sm font-semibold text-foreground",
-								children: j("conversations.description", "Description")
-							}), /* @__PURE__ */ g("textarea", {
+								children: N("conversations.description", "Description")
+							}), /* @__PURE__ */ _("textarea", {
 								id: "conv-desc",
-								value: R,
-								onChange: (e) => z(e.target.value),
-								placeholder: j("conversations.descriptionPlaceholder", "What is this conversation about?"),
+								value: z,
+								onChange: (e) => B(e.target.value),
+								placeholder: N("conversations.descriptionPlaceholder", "What is this conversation about?"),
 								rows: 2,
 								maxLength: 1e3,
 								className: "mt-1.5 w-full px-3 py-2 text-sm rounded-lg border border-border bg-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none"
 							})] })]
 						}),
-						/* @__PURE__ */ _("section", {
+						/* @__PURE__ */ v("section", {
 							"data-tour": "conversation-participants",
 							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ _("h3", {
-									className: "text-sm font-semibold text-foreground",
-									children: [K ? j("conversations.participantId", "Participant ID") : j("conversations.participantIds", "Participant IDs"), !Z && /* @__PURE__ */ _("span", {
-										className: "ml-1.5 text-xs font-normal text-muted-foreground",
-										children: [
-											"(",
-											j("conversations.optional", "optional"),
-											")"
-										]
-									})]
-								}),
-								W.length > 0 && /* @__PURE__ */ g("div", {
-									className: "flex flex-wrap gap-2",
-									children: W.map((e) => /* @__PURE__ */ _("span", {
-										className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium",
-										children: [e, /* @__PURE__ */ g("button", {
-											type: "button",
-											"aria-label": j("conversations.removeParticipant", "Remove participant"),
-											onClick: () => X(e),
-											className: "p-0.5 rounded-full hover:bg-primary/20",
-											children: /* @__PURE__ */ g(m, { size: 12 })
-										})]
-									}, e))
-								}),
-								/* @__PURE__ */ _("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g("input", {
-										type: "text",
-										"aria-label": j("conversations.participantInputLabel", "Add participant"),
-										value: H,
-										onChange: (e) => U(e.target.value),
-										onKeyDown: (e) => {
-											e.key === "Enter" && (e.preventDefault(), Y());
-										},
-										placeholder: j("conversations.participantInputPlaceholder", "Enter user ID and press Enter"),
-										className: "w-full px-3 py-2 text-sm rounded-lg border border-border bg-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
-									}), /* @__PURE__ */ g("button", {
-										type: "button",
-										onClick: Y,
-										className: "px-3 py-2 text-sm rounded-lg border border-border hover:bg-muted/50",
-										children: j("conversations.add", "Add")
-									})]
-								})
-							]
+							children: [/* @__PURE__ */ v("h3", {
+								className: "text-sm font-semibold text-foreground",
+								children: [G ? N("conversations.recipient", "Recipient") : N("conversations.participants", "Participants"), Z ? /* @__PURE__ */ _("span", {
+									className: "ml-1 text-destructive",
+									children: "*"
+								}) : /* @__PURE__ */ v("span", {
+									className: "ml-1.5 text-xs font-normal text-muted-foreground",
+									children: [
+										"(",
+										N("conversations.optional", "optional"),
+										")"
+									]
+								})]
+							}), /* @__PURE__ */ _(o, {
+								selected: U,
+								onAdd: Y,
+								onRemove: X,
+								single: G,
+								excludeIds: re
+							})]
 						}),
-						k && /* @__PURE__ */ g("div", {
+						A && /* @__PURE__ */ _("div", {
 							className: "text-xs text-destructive rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2",
-							children: te(k)
+							children: w(A)
 						})
 					]
 				}),
-				/* @__PURE__ */ _(x, { children: [/* @__PURE__ */ g("button", {
+				/* @__PURE__ */ v(S, { children: [/* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: () => Q(!1),
 					className: "px-4 py-2 text-sm font-medium rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
-					children: j("conversations.cancel", "Cancel")
-				}), /* @__PURE__ */ g("button", {
+					children: N("conversations.cancel", "Cancel")
+				}), /* @__PURE__ */ _("button", {
 					type: "button",
-					onClick: () => void ne(),
-					disabled: !$ || O,
-					className: t("inline-flex items-center gap-2 px-5 py-2 text-sm font-medium rounded-lg transition-all", $ && !O ? "bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm" : "bg-muted text-muted-foreground cursor-not-allowed"),
-					children: O ? j("conversations.creating", "Creating...") : j("conversations.createConversation", "Create Conversation")
+					onClick: () => void ie(),
+					disabled: !$ || k,
+					className: n("inline-flex items-center gap-2 px-5 py-2 text-sm font-medium rounded-lg transition-all", $ && !k ? "bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm" : "bg-muted text-muted-foreground cursor-not-allowed"),
+					children: k ? N("conversations.creating", "Creating...") : N("conversations.createConversation", "Create Conversation")
 				})] })
 			]
 		})
 	});
 }
 //#endregion
-export { w as NewConversationDialog };
+export { T as NewConversationDialog };
 
 //# sourceMappingURL=NewConversationDialog.js.map