@burdenoff/microfe-conversations 2026.525.3 → 2026.527.1

package/dist/conversations/pages/NewConversationPage.js

@@ -1,87 +1,84 @@
 import { useConversations as e } from "../providers/ConversationsProvider.js";
 import { joinPath as t } from "../utils/navigation.js";
-import { cn as n } from "../utils/cn.js";
-import { PageLayout as r } from "../components/PageLayout.js";
-import { useCreateConversation as ee } from "../hooks/useConversationQueries.js";
-import { PermissionGuard as i } from "../components/PermissionGuard.js";
-import { CONVERSATIONS_PERMISSIONS as a } from "../constants/permissions.js";
-import { nativeImpact as o, nativeNotify as s } from "../../utils/nativeBridge.js";
-import { useCallback as c, useMemo as l, useState as u } from "react";
-import { ArrowLeft as d, Globe as f, Hash as p, Lock as m, Megaphone as h, MessageCircle as g, Plus as _, Shield as v, Users as y, X as b } from "lucide-react";
-import { useNavigate as x } from "react-router-dom";
-import { useEventBus as S } from "@burdenoff/fe-libs/shared/events";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useTr as n } from "../utils/i18n.js";
+import { cn as r } from "../utils/cn.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { useCreateConversation as a } from "../hooks/useConversationQueries.js";
+import { PermissionGuard as o } from "../components/PermissionGuard.js";
+import { CONVERSATIONS_PERMISSIONS as s } from "../constants/permissions.js";
+import { nativeImpact as c, nativeNotify as l } from "../../utils/nativeBridge.js";
+import { useCallback as u, useMemo as d, useState as f } from "react";
+import { ArrowLeft as p, Globe as m, Hash as h, Lock as g, Megaphone as _, MessageCircle as v, Plus as ee, Shield as y, Users as b, X as x } from "lucide-react";
+import { useNavigate as S } from "react-router-dom";
+import { useEventBus as C } from "@burdenoff/fe-libs/shared/events";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/conversations/pages/NewConversationPage.tsx
-function te(e) {
+function E(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 E() {
-	let E = x(), { basePath: D } = e(), { createConversation: O, loading: k, error: A } = ee(), j = S(), { t: M } = T(), N = (e, t) => {
-		let n = M(e);
-		return n === e ? t : n;
-	}, P = l(() => [
+function D() {
+	let D = S(), { basePath: O } = e(), { createConversation: k, loading: A, error: j } = a(), M = C(), N = n(), P = d(() => [
 		{
 			type: "DIRECT",
 			label: N("conversations.directMessage", "Direct Message"),
 			description: N("conversations.directMessageDescription", "One-on-one private conversation"),
-			icon: /* @__PURE__ */ C(g, { size: 20 })
+			icon: /* @__PURE__ */ w(v, { size: 20 })
 		},
 		{
 			type: "GROUP",
 			label: N("conversations.groupChat", "Group Chat"),
 			description: N("conversations.groupChatDescription", "Invite multiple people to a group conversation"),
-			icon: /* @__PURE__ */ C(y, { size: 20 })
+			icon: /* @__PURE__ */ w(b, { size: 20 })
 		},
 		{
 			type: "CHANNEL",
 			label: N("conversations.channel", "Channel"),
 			description: N("conversations.channelDescription", "A topic-based channel that anyone can join"),
-			icon: /* @__PURE__ */ C(p, { size: 20 })
+			icon: /* @__PURE__ */ w(h, { size: 20 })
 		},
 		{
 			type: "ANNOUNCEMENT",
 			label: N("conversations.announcement", "Announcement"),
 			description: N("conversations.announcementDescription", "Broadcast messages to a large audience"),
-			icon: /* @__PURE__ */ C(h, { size: 20 })
+			icon: /* @__PURE__ */ w(_, { size: 20 })
 		}
-	], [M]), F = l(() => [
+	], [N]), F = d(() => [
 		{
 			value: "PUBLIC",
 			label: N("conversations.public", "Public"),
 			description: N("conversations.publicDescription", "Anyone in the workspace can discover and join"),
-			icon: /* @__PURE__ */ C(f, { size: 16 })
+			icon: /* @__PURE__ */ w(m, { size: 16 })
 		},
 		{
 			value: "PRIVATE",
 			label: N("conversations.private", "Private"),
 			description: N("conversations.privateDescription", "Only invited members can access"),
-			icon: /* @__PURE__ */ C(m, { size: 16 })
+			icon: /* @__PURE__ */ w(g, { size: 16 })
 		},
 		{
 			value: "PROTECTED",
 			label: N("conversations.protected", "Protected"),
 			description: N("conversations.protectedDescription", "Discoverable but requires approval to join"),
-			icon: /* @__PURE__ */ C(v, { size: 16 })
+			icon: /* @__PURE__ */ w(y, { size: 16 })
 		}
-	], [M]), [I, L] = u("GROUP"), [R, z] = u(""), [B, V] = u(""), [H, U] = u("PRIVATE"), [W, G] = u(""), [K, q] = u([]), J = I === "DIRECT", Y = !J, X = c(() => {
+	], [N]), [I, L] = f("GROUP"), [R, z] = f(""), [B, V] = f(""), [H, U] = f("PRIVATE"), [W, G] = f(""), [K, q] = f([]), J = I === "DIRECT", Y = !J, X = u(() => {
 		let e = W.trim();
 		!e || K.includes(e) || (q(J ? [e] : (t) => [...t, e]), G(""));
 	}, [
 		W,
 		K,
 		J
-	]), Z = c((e) => {
+	]), Z = u((e) => {
 		q((t) => t.filter((t) => t !== e));
-	}, []), Q = I === "DIRECT" || I === "GROUP", ne = c(async () => {
+	}, []), Q = I === "DIRECT" || I === "GROUP", te = u(async () => {
 		if (!(Q && K.length === 0) && !(Y && !R.trim())) {
-			o("light");
+			c("light");
 			try {
-				let e = await O({
+				let e = await k({
 					type: I,
 					title: Y ? R.trim() : void 0,
 					description: B.trim() || void 0,
@@ -89,111 +86,111 @@ function E() {
 					visibility: H
 				});
 				if (!e) {
-					s("error");
+					l("error");
 					return;
 				}
-				s("success"), j.emit("conversations.conversation.created", {
+				l("success"), M.emit("conversations.conversation.created", {
 					conversationId: e.id,
 					conversationType: I,
 					source: "new-conversation-page"
-				}), E(t(D || "/conversations", e.id));
+				}), D(t(O || "/conversations", e.id));
 			} catch (e) {
-				throw s("error"), e;
+				throw l("error"), e;
 			}
 		}
 	}, [
-		D,
-		j,
+		O,
+		M,
 		Q,
 		K,
 		Y,
 		R,
-		O,
+		k,
 		I,
 		B,
 		H,
-		E
+		D
 	]), $ = (!Q || K.length > 0) && (!Y || R.trim().length > 0);
-	return /* @__PURE__ */ C(i, {
-		permission: a.CONVERSATION_CREATE,
+	return /* @__PURE__ */ w(o, {
+		permission: s.CONVERSATION_CREATE,
 		allowUnavailablePermissions: !0,
-		children: /* @__PURE__ */ w(r, {
+		children: /* @__PURE__ */ T(i, {
 			title: N("conversations.newConversation", "New Conversation"),
 			subtitle: N("conversations.newConversationSubtitle", "Start a new conversation with your team"),
-			icon: /* @__PURE__ */ C(_, { size: 24 }),
+			icon: /* @__PURE__ */ w(ee, { size: 24 }),
 			maxWidth: "lg",
-			headerActions: /* @__PURE__ */ w("button", {
+			headerActions: /* @__PURE__ */ T("button", {
 				type: "button",
-				onClick: () => E(D || "/conversations"),
+				onClick: () => D(O || "/conversations"),
 				className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
-				children: [/* @__PURE__ */ C(d, { size: 16 }), N("conversations.back", "Back")]
+				children: [/* @__PURE__ */ w(p, { size: 16 }), N("conversations.back", "Back")]
 			}),
 			children: [
-				/* @__PURE__ */ w("section", {
+				/* @__PURE__ */ T("section", {
 					"data-tour": "conversation-type-selector",
 					className: "space-y-3",
-					children: [/* @__PURE__ */ C("h3", {
+					children: [/* @__PURE__ */ w("h3", {
 						className: "text-sm font-semibold text-foreground",
 						children: N("conversations.conversationType", "Conversation Type")
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-						children: P.map((e) => /* @__PURE__ */ w("button", {
+						children: P.map((e) => /* @__PURE__ */ T("button", {
 							type: "button",
 							onClick: () => {
 								L(e.type), e.type === "DIRECT" && q((e) => e.slice(0, 1));
 							},
-							className: n("flex items-start gap-3 p-4 rounded-xl border text-left transition-all duration-150", I === 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__ */ C("div", {
-								className: n("p-2 rounded-lg", I === e.type ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"),
+							className: r("flex items-start gap-3 p-4 rounded-xl border text-left transition-all duration-150", I === 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__ */ w("div", {
+								className: r("p-2 rounded-lg", I === e.type ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"),
 								children: e.icon
-							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 								className: "text-sm font-medium text-foreground",
 								children: e.label
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "text-xs text-muted-foreground mt-0.5",
 								children: e.description
 							})] })]
 						}, e.type))
 					})]
 				}),
-				!J && /* @__PURE__ */ w("section", {
+				!J && /* @__PURE__ */ T("section", {
 					"data-tour": "conversation-visibility-selector",
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ C("h3", {
+						/* @__PURE__ */ w("h3", {
 							className: "text-sm font-semibold text-foreground",
 							children: N("conversations.visibility", "Visibility")
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ w("div", {
 							className: "flex gap-2",
-							children: F.map((e) => /* @__PURE__ */ w("button", {
+							children: F.map((e) => /* @__PURE__ */ T("button", {
 								type: "button",
 								onClick: () => U(e.value),
-								className: n("flex items-center gap-2 px-4 py-2.5 rounded-lg border text-sm transition-all", H === e.value ? "border-primary bg-primary/5 text-primary font-medium" : "border-border text-muted-foreground hover:text-foreground hover:bg-muted/30"),
+								className: r("flex items-center gap-2 px-4 py-2.5 rounded-lg border text-sm transition-all", H === 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__ */ C("p", {
+						/* @__PURE__ */ w("p", {
 							className: "text-xs text-muted-foreground",
 							children: F.find((e) => e.value === H)?.description
 						})
 					]
 				}),
-				Y && /* @__PURE__ */ w("section", {
+				Y && /* @__PURE__ */ T("section", {
 					"data-tour": "conversation-create-details",
 					className: "space-y-3",
-					children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
+					children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("label", {
 						htmlFor: "conv-title",
 						className: "text-sm font-semibold text-foreground",
 						children: [
 							N("conversations.name", "Name"),
 							" ",
-							/* @__PURE__ */ C("span", {
+							/* @__PURE__ */ w("span", {
 								className: "text-destructive",
 								children: "*"
 							})
 						]
-					}), /* @__PURE__ */ C("input", {
+					}), /* @__PURE__ */ w("input", {
 						id: "conv-title",
 						type: "text",
 						value: R,
@@ -201,11 +198,11 @@ function E() {
 						placeholder: I === "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__ */ w("div", { children: [/* @__PURE__ */ C("label", {
+					})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 						htmlFor: "conv-desc",
 						className: "text-sm font-semibold text-foreground",
 						children: N("conversations.description", "Description")
-					}), /* @__PURE__ */ C("textarea", {
+					}), /* @__PURE__ */ w("textarea", {
 						id: "conv-desc",
 						value: B,
 						onChange: (e) => V(e.target.value),
@@ -215,13 +212,13 @@ function E() {
 						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__ */ w("section", {
+				/* @__PURE__ */ T("section", {
 					"data-tour": "conversation-participants",
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ w("h3", {
+						/* @__PURE__ */ T("h3", {
 							className: "text-sm font-semibold text-foreground",
-							children: [J ? N("conversations.participantId", "Participant ID") : N("conversations.participantIds", "Participant IDs"), !Q && /* @__PURE__ */ w("span", {
+							children: [J ? N("conversations.participantId", "Participant ID") : N("conversations.participantIds", "Participant IDs"), !Q && /* @__PURE__ */ T("span", {
 								className: "ml-1.5 text-xs font-normal text-muted-foreground",
 								children: [
 									"(",
@@ -230,22 +227,24 @@ function E() {
 								]
 							})]
 						}),
-						K.length > 0 && /* @__PURE__ */ C("div", {
+						K.length > 0 && /* @__PURE__ */ w("div", {
 							className: "flex flex-wrap gap-2",
-							children: K.map((e) => /* @__PURE__ */ w("span", {
+							children: K.map((e) => /* @__PURE__ */ T("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__ */ C("button", {
+								children: [e, /* @__PURE__ */ w("button", {
 									type: "button",
+									"aria-label": N("conversations.removeParticipant", "Remove participant"),
 									onClick: () => Z(e),
 									className: "p-0.5 rounded-full hover:bg-primary/20",
-									children: /* @__PURE__ */ C(b, { size: 12 })
+									children: /* @__PURE__ */ w(x, { size: 12 })
 								})]
 							}, e))
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ C("input", {
+							children: [/* @__PURE__ */ w("input", {
 								type: "text",
+								"aria-label": N("conversations.participantInputLabel", "Add participant"),
 								value: W,
 								onChange: (e) => G(e.target.value),
 								onKeyDown: (e) => {
@@ -253,7 +252,7 @@ function E() {
 								},
 								placeholder: N("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__ */ C("button", {
+							}), /* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: X,
 								className: "px-3 py-2 text-sm rounded-lg border border-border hover:bg-muted/50",
@@ -262,23 +261,23 @@ function E() {
 						})
 					]
 				}),
-				A && /* @__PURE__ */ C("div", {
+				j && /* @__PURE__ */ w("div", {
 					className: "text-xs text-destructive rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2",
-					children: te(A)
+					children: E(j)
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ T("div", {
 					className: "flex justify-end gap-3 pt-4 border-t border-border",
-					children: [/* @__PURE__ */ C("button", {
+					children: [/* @__PURE__ */ w("button", {
 						type: "button",
-						onClick: () => E(".."),
+						onClick: () => D(".."),
 						className: "px-4 py-2 text-sm font-medium rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
 						children: N("conversations.cancel", "Cancel")
-					}), /* @__PURE__ */ C("button", {
+					}), /* @__PURE__ */ w("button", {
 						type: "button",
-						onClick: () => void ne(),
-						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")
+						onClick: () => void te(),
+						disabled: !$ || A,
+						className: r("inline-flex items-center gap-2 px-5 py-2 text-sm font-medium rounded-lg transition-all", $ && !A ? "bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm" : "bg-muted text-muted-foreground cursor-not-allowed"),
+						children: A ? N("conversations.creating", "Creating...") : N("conversations.createConversation", "Create Conversation")
 					})]
 				})
 			]
@@ -286,6 +285,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as NewConversationPage };
+export { D as NewConversationPage };
 
 //# sourceMappingURL=NewConversationPage.js.map

package/dist/conversations/pages/NewConversationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewConversationPage.js","names":[],"sources":["../../../src/conversations/pages/NewConversationPage.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useEventBus } from \"@burdenoff/fe-libs/shared/events\";\nimport { useNavigate } from \"react-router-dom\";\nimport {\n  ArrowLeft,\n  Globe,\n  Hash,\n  Lock,\n  Megaphone,\n  MessageCircle,\n  Plus,\n  Shield,\n  Users,\n  X,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { useCreateConversation } from \"../hooks/useConversationQueries\";\nimport { useConversations } from \"../providers/ConversationsProvider\";\nimport type { ConversationType, ConversationVisibility } from \"../types\";\nimport { PermissionGuard } from \"../components/PermissionGuard\";\nimport { CONVERSATIONS_PERMISSIONS } from \"../constants/permissions\";\nimport { joinPath } from \"../utils/navigation\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/** Extract the first meaningful GraphQL error message from an ApolloError. */\nfunction getErrorMessage(error: Error): string {\n  if (\"graphQLErrors\" in error) {\n    const gqlErrors = (error as { graphQLErrors?: Array<{ message?: string }> })\n      .graphQLErrors;\n    if (gqlErrors && gqlErrors.length > 0 && gqlErrors[0]?.message) {\n      return gqlErrors[0].message;\n    }\n  }\n  return error.message;\n}\n\ninterface ConversationTypeOption {\n  type: ConversationType;\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n}\n\nexport function NewConversationPage() {\n  const navigate = useNavigate();\n  const { basePath } = useConversations();\n  const { createConversation, loading, error } = useCreateConversation();\n  const bus = useEventBus();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const CONVERSATION_TYPES: ConversationTypeOption[] = useMemo(\n    () => [\n      {\n        type: \"DIRECT\" as ConversationType,\n        label: tr(\"conversations.directMessage\", \"Direct Message\"),\n        description: tr(\n          \"conversations.directMessageDescription\",\n          \"One-on-one private conversation\",\n        ),\n        icon: <MessageCircle size={20} />,\n      },\n      {\n        type: \"GROUP\" as ConversationType,\n        label: tr(\"conversations.groupChat\", \"Group Chat\"),\n        description: tr(\n          \"conversations.groupChatDescription\",\n          \"Invite multiple people to a group conversation\",\n        ),\n        icon: <Users size={20} />,\n      },\n      {\n        type: \"CHANNEL\" as ConversationType,\n        label: tr(\"conversations.channel\", \"Channel\"),\n        description: tr(\n          \"conversations.channelDescription\",\n          \"A topic-based channel that anyone can join\",\n        ),\n        icon: <Hash size={20} />,\n      },\n      {\n        type: \"ANNOUNCEMENT\" as ConversationType,\n        label: tr(\"conversations.announcement\", \"Announcement\"),\n        description: tr(\n          \"conversations.announcementDescription\",\n          \"Broadcast messages to a large audience\",\n        ),\n        icon: <Megaphone size={20} />,\n      },\n    ],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [t],\n  );\n\n  const VISIBILITY_OPTIONS: Array<{\n    value: ConversationVisibility;\n    label: string;\n    description: string;\n    icon: React.ReactNode;\n  }> = useMemo(\n    () => [\n      {\n        value: \"PUBLIC\" as ConversationVisibility,\n        label: tr(\"conversations.public\", \"Public\"),\n        description: tr(\n          \"conversations.publicDescription\",\n          \"Anyone in the workspace can discover and join\",\n        ),\n        icon: <Globe size={16} />,\n      },\n      {\n        value: \"PRIVATE\" as ConversationVisibility,\n        label: tr(\"conversations.private\", \"Private\"),\n        description: tr(\n          \"conversations.privateDescription\",\n          \"Only invited members can access\",\n        ),\n        icon: <Lock size={16} />,\n      },\n      {\n        value: \"PROTECTED\" as ConversationVisibility,\n        label: tr(\"conversations.protected\", \"Protected\"),\n        description: tr(\n          \"conversations.protectedDescription\",\n          \"Discoverable but requires approval to join\",\n        ),\n        icon: <Shield size={16} />,\n      },\n    ],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [t],\n  );\n\n  const [selectedType, setSelectedType] = useState<ConversationType>(\"GROUP\");\n  const [title, setTitle] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [visibility, setVisibility] =\n    useState<ConversationVisibility>(\"PRIVATE\");\n  const [participantInput, setParticipantInput] = useState(\"\");\n  const [participantIds, setParticipantIds] = useState<string[]>([]);\n\n  const isDirectMessage = selectedType === \"DIRECT\";\n  const needsTitle = !isDirectMessage;\n\n  const addParticipant = useCallback(() => {\n    const value = participantInput.trim();\n    if (!value || participantIds.includes(value)) return;\n    if (isDirectMessage) {\n      setParticipantIds([value]);\n    } else {\n      setParticipantIds((prev) => [...prev, value]);\n    }\n    setParticipantInput(\"\");\n  }, [participantInput, participantIds, isDirectMessage]);\n\n  const removeParticipant = useCallback((participantId: string) => {\n    setParticipantIds((prev) => prev.filter((id) => id !== participantId));\n  }, []);\n\n  const requiresParticipants =\n    selectedType === \"DIRECT\" || selectedType === \"GROUP\";\n\n  const handleCreate = useCallback(async () => {\n    if (requiresParticipants && participantIds.length === 0) return;\n    if (needsTitle && !title.trim()) return;\n\n    nativeImpact(\"light\");\n    try {\n      const conversation = await createConversation({\n        type: selectedType,\n        title: needsTitle ? title.trim() : undefined,\n        description: description.trim() || undefined,\n        participantIds,\n        visibility,\n      });\n\n      if (!conversation) {\n        nativeNotify(\"error\");\n        return;\n      }\n      nativeNotify(\"success\");\n      bus.emit(\"conversations.conversation.created\", {\n        conversationId: conversation.id,\n        conversationType: selectedType,\n        source: \"new-conversation-page\",\n      });\n      navigate(joinPath(basePath || \"/conversations\", conversation.id));\n    } catch (error) {\n      nativeNotify(\"error\");\n      throw error;\n    }\n  }, [\n    basePath,\n    bus,\n    requiresParticipants,\n    participantIds,\n    needsTitle,\n    title,\n    createConversation,\n    selectedType,\n    description,\n    visibility,\n    navigate,\n  ]);\n\n  const canCreate =\n    (!requiresParticipants || participantIds.length > 0) &&\n    (!needsTitle || title.trim().length > 0);\n\n  return (\n    <PermissionGuard\n      permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_CREATE}\n      allowUnavailablePermissions\n    >\n      <PageLayout\n        title={tr(\"conversations.newConversation\", \"New Conversation\")}\n        subtitle={tr(\n          \"conversations.newConversationSubtitle\",\n          \"Start a new conversation with your team\",\n        )}\n        icon={<Plus size={24} />}\n        maxWidth=\"lg\"\n        headerActions={\n          <button\n            type=\"button\"\n            onClick={() => navigate(basePath || \"/conversations\")}\n            className=\"inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors\"\n          >\n            <ArrowLeft size={16} />\n            {tr(\"conversations.back\", \"Back\")}\n          </button>\n        }\n      >\n        <section data-tour=\"conversation-type-selector\" className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-foreground\">\n            {tr(\"conversations.conversationType\", \"Conversation Type\")}\n          </h3>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n            {CONVERSATION_TYPES.map((option) => (\n              <button\n                key={option.type}\n                type=\"button\"\n                onClick={() => {\n                  setSelectedType(option.type);\n                  if (option.type === \"DIRECT\") {\n                    setParticipantIds((prev) => prev.slice(0, 1));\n                  }\n                }}\n                className={cn(\n                  \"flex items-start gap-3 p-4 rounded-xl border text-left transition-all duration-150\",\n                  selectedType === option.type\n                    ? \"border-primary bg-primary/5 ring-1 ring-primary/20\"\n                    : \"border-border hover:border-muted-foreground/30 hover:bg-muted/30\",\n                )}\n              >\n                <div\n                  className={cn(\n                    \"p-2 rounded-lg\",\n                    selectedType === option.type\n                      ? \"bg-primary/10 text-primary\"\n                      : \"bg-muted text-muted-foreground\",\n                  )}\n                >\n                  {option.icon}\n                </div>\n                <div>\n                  <p className=\"text-sm font-medium text-foreground\">\n                    {option.label}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground mt-0.5\">\n                    {option.description}\n                  </p>\n                </div>\n              </button>\n            ))}\n          </div>\n        </section>\n\n        {!isDirectMessage && (\n          <section\n            data-tour=\"conversation-visibility-selector\"\n            className=\"space-y-3\"\n          >\n            <h3 className=\"text-sm font-semibold text-foreground\">\n              {tr(\"conversations.visibility\", \"Visibility\")}\n            </h3>\n            <div className=\"flex gap-2\">\n              {VISIBILITY_OPTIONS.map((option) => (\n                <button\n                  key={option.value}\n                  type=\"button\"\n                  onClick={() => setVisibility(option.value)}\n                  className={cn(\n                    \"flex items-center gap-2 px-4 py-2.5 rounded-lg border text-sm transition-all\",\n                    visibility === option.value\n                      ? \"border-primary bg-primary/5 text-primary font-medium\"\n                      : \"border-border text-muted-foreground hover:text-foreground hover:bg-muted/30\",\n                  )}\n                >\n                  {option.icon}\n                  {option.label}\n                </button>\n              ))}\n            </div>\n            <p className=\"text-xs text-muted-foreground\">\n              {\n                VISIBILITY_OPTIONS.find((option) => option.value === visibility)\n                  ?.description\n              }\n            </p>\n          </section>\n        )}\n\n        {needsTitle && (\n          <section\n            data-tour=\"conversation-create-details\"\n            className=\"space-y-3\"\n          >\n            <div>\n              <label\n                htmlFor=\"conv-title\"\n                className=\"text-sm font-semibold text-foreground\"\n              >\n                {tr(\"conversations.name\", \"Name\")}{\" \"}\n                <span className=\"text-destructive\">*</span>\n              </label>\n              <input\n                id=\"conv-title\"\n                type=\"text\"\n                value={title}\n                onChange={(event) => setTitle(event.target.value)}\n                placeholder={\n                  selectedType === \"CHANNEL\"\n                    ? tr(\n                        \"conversations.channelNamePlaceholder\",\n                        \"e.g., engineering-general\",\n                      )\n                    : tr(\n                        \"conversations.conversationNamePlaceholder\",\n                        \"e.g., Product Launch Q1\",\n                      )\n                }\n                maxLength={200}\n                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\"\n              />\n            </div>\n            <div>\n              <label\n                htmlFor=\"conv-desc\"\n                className=\"text-sm font-semibold text-foreground\"\n              >\n                {tr(\"conversations.description\", \"Description\")}\n              </label>\n              <textarea\n                id=\"conv-desc\"\n                value={description}\n                onChange={(event) => setDescription(event.target.value)}\n                placeholder={tr(\n                  \"conversations.descriptionPlaceholder\",\n                  \"What is this conversation about?\",\n                )}\n                rows={2}\n                maxLength={1000}\n                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\"\n              />\n            </div>\n          </section>\n        )}\n\n        <section data-tour=\"conversation-participants\" className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-foreground\">\n            {isDirectMessage\n              ? tr(\"conversations.participantId\", \"Participant ID\")\n              : tr(\"conversations.participantIds\", \"Participant IDs\")}\n            {!requiresParticipants && (\n              <span className=\"ml-1.5 text-xs font-normal text-muted-foreground\">\n                ({tr(\"conversations.optional\", \"optional\")})\n              </span>\n            )}\n          </h3>\n\n          {participantIds.length > 0 && (\n            <div className=\"flex flex-wrap gap-2\">\n              {participantIds.map((participantId) => (\n                <span\n                  key={participantId}\n                  className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium\"\n                >\n                  {participantId}\n                  <button\n                    type=\"button\"\n                    onClick={() => removeParticipant(participantId)}\n                    className=\"p-0.5 rounded-full hover:bg-primary/20\"\n                  >\n                    <X size={12} />\n                  </button>\n                </span>\n              ))}\n            </div>\n          )}\n\n          <div className=\"flex items-center gap-2\">\n            <input\n              type=\"text\"\n              value={participantInput}\n              onChange={(event) => setParticipantInput(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key !== \"Enter\") return;\n                event.preventDefault();\n                addParticipant();\n              }}\n              placeholder={tr(\n                \"conversations.participantInputPlaceholder\",\n                \"Enter user ID and press Enter\",\n              )}\n              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\"\n            />\n            <button\n              type=\"button\"\n              onClick={addParticipant}\n              className=\"px-3 py-2 text-sm rounded-lg border border-border hover:bg-muted/50\"\n            >\n              {tr(\"conversations.add\", \"Add\")}\n            </button>\n          </div>\n        </section>\n\n        {error && (\n          <div className=\"text-xs text-destructive rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2\">\n            {getErrorMessage(error)}\n          </div>\n        )}\n\n        <div className=\"flex justify-end gap-3 pt-4 border-t border-border\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"..\")}\n            className=\"px-4 py-2 text-sm font-medium rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors\"\n          >\n            {tr(\"conversations.cancel\", \"Cancel\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleCreate()}\n            disabled={!canCreate || loading}\n            className={cn(\n              \"inline-flex items-center gap-2 px-5 py-2 text-sm font-medium rounded-lg transition-all\",\n              canCreate && !loading\n                ? \"bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm\"\n                : \"bg-muted text-muted-foreground cursor-not-allowed\",\n            )}\n          >\n            {loading\n              ? tr(\"conversations.creating\", \"Creating...\")\n              : tr(\"conversations.createConversation\", \"Create Conversation\")}\n          </button>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NewConversationPage.js","names":[],"sources":["../../../src/conversations/pages/NewConversationPage.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\nimport { useTr } from \"../utils/i18n\";\nimport { useEventBus } from \"@burdenoff/fe-libs/shared/events\";\nimport { useNavigate } from \"react-router-dom\";\nimport {\n  ArrowLeft,\n  Globe,\n  Hash,\n  Lock,\n  Megaphone,\n  MessageCircle,\n  Plus,\n  Shield,\n  Users,\n  X,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { useCreateConversation } from \"../hooks/useConversationQueries\";\nimport { useConversations } from \"../providers/ConversationsProvider\";\nimport type { ConversationType, ConversationVisibility } from \"../types\";\nimport { PermissionGuard } from \"../components/PermissionGuard\";\nimport { CONVERSATIONS_PERMISSIONS } from \"../constants/permissions\";\nimport { joinPath } from \"../utils/navigation\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/** Extract the first meaningful GraphQL error message from an ApolloError. */\nfunction getErrorMessage(error: Error): string {\n  if (\"graphQLErrors\" in error) {\n    const gqlErrors = (error as { graphQLErrors?: Array<{ message?: string }> })\n      .graphQLErrors;\n    if (gqlErrors && gqlErrors.length > 0 && gqlErrors[0]?.message) {\n      return gqlErrors[0].message;\n    }\n  }\n  return error.message;\n}\n\ninterface ConversationTypeOption {\n  type: ConversationType;\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n}\n\nexport function NewConversationPage() {\n  const navigate = useNavigate();\n  const { basePath } = useConversations();\n  const { createConversation, loading, error } = useCreateConversation();\n  const bus = useEventBus();\n  const tr = useTr();\n\n  const CONVERSATION_TYPES: ConversationTypeOption[] = useMemo(\n    () => [\n      {\n        type: \"DIRECT\" as ConversationType,\n        label: tr(\"conversations.directMessage\", \"Direct Message\"),\n        description: tr(\n          \"conversations.directMessageDescription\",\n          \"One-on-one private conversation\",\n        ),\n        icon: <MessageCircle size={20} />,\n      },\n      {\n        type: \"GROUP\" as ConversationType,\n        label: tr(\"conversations.groupChat\", \"Group Chat\"),\n        description: tr(\n          \"conversations.groupChatDescription\",\n          \"Invite multiple people to a group conversation\",\n        ),\n        icon: <Users size={20} />,\n      },\n      {\n        type: \"CHANNEL\" as ConversationType,\n        label: tr(\"conversations.channel\", \"Channel\"),\n        description: tr(\n          \"conversations.channelDescription\",\n          \"A topic-based channel that anyone can join\",\n        ),\n        icon: <Hash size={20} />,\n      },\n      {\n        type: \"ANNOUNCEMENT\" as ConversationType,\n        label: tr(\"conversations.announcement\", \"Announcement\"),\n        description: tr(\n          \"conversations.announcementDescription\",\n          \"Broadcast messages to a large audience\",\n        ),\n        icon: <Megaphone size={20} />,\n      },\n    ],\n    [tr],\n  );\n\n  const VISIBILITY_OPTIONS: Array<{\n    value: ConversationVisibility;\n    label: string;\n    description: string;\n    icon: React.ReactNode;\n  }> = useMemo(\n    () => [\n      {\n        value: \"PUBLIC\" as ConversationVisibility,\n        label: tr(\"conversations.public\", \"Public\"),\n        description: tr(\n          \"conversations.publicDescription\",\n          \"Anyone in the workspace can discover and join\",\n        ),\n        icon: <Globe size={16} />,\n      },\n      {\n        value: \"PRIVATE\" as ConversationVisibility,\n        label: tr(\"conversations.private\", \"Private\"),\n        description: tr(\n          \"conversations.privateDescription\",\n          \"Only invited members can access\",\n        ),\n        icon: <Lock size={16} />,\n      },\n      {\n        value: \"PROTECTED\" as ConversationVisibility,\n        label: tr(\"conversations.protected\", \"Protected\"),\n        description: tr(\n          \"conversations.protectedDescription\",\n          \"Discoverable but requires approval to join\",\n        ),\n        icon: <Shield size={16} />,\n      },\n    ],\n    [tr],\n  );\n\n  const [selectedType, setSelectedType] = useState<ConversationType>(\"GROUP\");\n  const [title, setTitle] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [visibility, setVisibility] =\n    useState<ConversationVisibility>(\"PRIVATE\");\n  const [participantInput, setParticipantInput] = useState(\"\");\n  const [participantIds, setParticipantIds] = useState<string[]>([]);\n\n  const isDirectMessage = selectedType === \"DIRECT\";\n  const needsTitle = !isDirectMessage;\n\n  const addParticipant = useCallback(() => {\n    const value = participantInput.trim();\n    if (!value || participantIds.includes(value)) return;\n    if (isDirectMessage) {\n      setParticipantIds([value]);\n    } else {\n      setParticipantIds((prev) => [...prev, value]);\n    }\n    setParticipantInput(\"\");\n  }, [participantInput, participantIds, isDirectMessage]);\n\n  const removeParticipant = useCallback((participantId: string) => {\n    setParticipantIds((prev) => prev.filter((id) => id !== participantId));\n  }, []);\n\n  const requiresParticipants =\n    selectedType === \"DIRECT\" || selectedType === \"GROUP\";\n\n  const handleCreate = useCallback(async () => {\n    if (requiresParticipants && participantIds.length === 0) return;\n    if (needsTitle && !title.trim()) return;\n\n    nativeImpact(\"light\");\n    try {\n      const conversation = await createConversation({\n        type: selectedType,\n        title: needsTitle ? title.trim() : undefined,\n        description: description.trim() || undefined,\n        participantIds,\n        visibility,\n      });\n\n      if (!conversation) {\n        nativeNotify(\"error\");\n        return;\n      }\n      nativeNotify(\"success\");\n      bus.emit(\"conversations.conversation.created\", {\n        conversationId: conversation.id,\n        conversationType: selectedType,\n        source: \"new-conversation-page\",\n      });\n      navigate(joinPath(basePath || \"/conversations\", conversation.id));\n    } catch (error) {\n      nativeNotify(\"error\");\n      throw error;\n    }\n  }, [\n    basePath,\n    bus,\n    requiresParticipants,\n    participantIds,\n    needsTitle,\n    title,\n    createConversation,\n    selectedType,\n    description,\n    visibility,\n    navigate,\n  ]);\n\n  const canCreate =\n    (!requiresParticipants || participantIds.length > 0) &&\n    (!needsTitle || title.trim().length > 0);\n\n  return (\n    <PermissionGuard\n      permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_CREATE}\n      allowUnavailablePermissions\n    >\n      <PageLayout\n        title={tr(\"conversations.newConversation\", \"New Conversation\")}\n        subtitle={tr(\n          \"conversations.newConversationSubtitle\",\n          \"Start a new conversation with your team\",\n        )}\n        icon={<Plus size={24} />}\n        maxWidth=\"lg\"\n        headerActions={\n          <button\n            type=\"button\"\n            onClick={() => navigate(basePath || \"/conversations\")}\n            className=\"inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors\"\n          >\n            <ArrowLeft size={16} />\n            {tr(\"conversations.back\", \"Back\")}\n          </button>\n        }\n      >\n        <section data-tour=\"conversation-type-selector\" className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-foreground\">\n            {tr(\"conversations.conversationType\", \"Conversation Type\")}\n          </h3>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n            {CONVERSATION_TYPES.map((option) => (\n              <button\n                key={option.type}\n                type=\"button\"\n                onClick={() => {\n                  setSelectedType(option.type);\n                  if (option.type === \"DIRECT\") {\n                    setParticipantIds((prev) => prev.slice(0, 1));\n                  }\n                }}\n                className={cn(\n                  \"flex items-start gap-3 p-4 rounded-xl border text-left transition-all duration-150\",\n                  selectedType === option.type\n                    ? \"border-primary bg-primary/5 ring-1 ring-primary/20\"\n                    : \"border-border hover:border-muted-foreground/30 hover:bg-muted/30\",\n                )}\n              >\n                <div\n                  className={cn(\n                    \"p-2 rounded-lg\",\n                    selectedType === option.type\n                      ? \"bg-primary/10 text-primary\"\n                      : \"bg-muted text-muted-foreground\",\n                  )}\n                >\n                  {option.icon}\n                </div>\n                <div>\n                  <p className=\"text-sm font-medium text-foreground\">\n                    {option.label}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground mt-0.5\">\n                    {option.description}\n                  </p>\n                </div>\n              </button>\n            ))}\n          </div>\n        </section>\n\n        {!isDirectMessage && (\n          <section\n            data-tour=\"conversation-visibility-selector\"\n            className=\"space-y-3\"\n          >\n            <h3 className=\"text-sm font-semibold text-foreground\">\n              {tr(\"conversations.visibility\", \"Visibility\")}\n            </h3>\n            <div className=\"flex gap-2\">\n              {VISIBILITY_OPTIONS.map((option) => (\n                <button\n                  key={option.value}\n                  type=\"button\"\n                  onClick={() => setVisibility(option.value)}\n                  className={cn(\n                    \"flex items-center gap-2 px-4 py-2.5 rounded-lg border text-sm transition-all\",\n                    visibility === option.value\n                      ? \"border-primary bg-primary/5 text-primary font-medium\"\n                      : \"border-border text-muted-foreground hover:text-foreground hover:bg-muted/30\",\n                  )}\n                >\n                  {option.icon}\n                  {option.label}\n                </button>\n              ))}\n            </div>\n            <p className=\"text-xs text-muted-foreground\">\n              {\n                VISIBILITY_OPTIONS.find((option) => option.value === visibility)\n                  ?.description\n              }\n            </p>\n          </section>\n        )}\n\n        {needsTitle && (\n          <section\n            data-tour=\"conversation-create-details\"\n            className=\"space-y-3\"\n          >\n            <div>\n              <label\n                htmlFor=\"conv-title\"\n                className=\"text-sm font-semibold text-foreground\"\n              >\n                {tr(\"conversations.name\", \"Name\")}{\" \"}\n                <span className=\"text-destructive\">*</span>\n              </label>\n              <input\n                id=\"conv-title\"\n                type=\"text\"\n                value={title}\n                onChange={(event) => setTitle(event.target.value)}\n                placeholder={\n                  selectedType === \"CHANNEL\"\n                    ? tr(\n                        \"conversations.channelNamePlaceholder\",\n                        \"e.g., engineering-general\",\n                      )\n                    : tr(\n                        \"conversations.conversationNamePlaceholder\",\n                        \"e.g., Product Launch Q1\",\n                      )\n                }\n                maxLength={200}\n                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\"\n              />\n            </div>\n            <div>\n              <label\n                htmlFor=\"conv-desc\"\n                className=\"text-sm font-semibold text-foreground\"\n              >\n                {tr(\"conversations.description\", \"Description\")}\n              </label>\n              <textarea\n                id=\"conv-desc\"\n                value={description}\n                onChange={(event) => setDescription(event.target.value)}\n                placeholder={tr(\n                  \"conversations.descriptionPlaceholder\",\n                  \"What is this conversation about?\",\n                )}\n                rows={2}\n                maxLength={1000}\n                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\"\n              />\n            </div>\n          </section>\n        )}\n\n        <section data-tour=\"conversation-participants\" className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-foreground\">\n            {isDirectMessage\n              ? tr(\"conversations.participantId\", \"Participant ID\")\n              : tr(\"conversations.participantIds\", \"Participant IDs\")}\n            {!requiresParticipants && (\n              <span className=\"ml-1.5 text-xs font-normal text-muted-foreground\">\n                ({tr(\"conversations.optional\", \"optional\")})\n              </span>\n            )}\n          </h3>\n\n          {participantIds.length > 0 && (\n            <div className=\"flex flex-wrap gap-2\">\n              {participantIds.map((participantId) => (\n                <span\n                  key={participantId}\n                  className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium\"\n                >\n                  {participantId}\n                  <button\n                    type=\"button\"\n                    aria-label={tr(\n                      \"conversations.removeParticipant\",\n                      \"Remove participant\",\n                    )}\n                    onClick={() => removeParticipant(participantId)}\n                    className=\"p-0.5 rounded-full hover:bg-primary/20\"\n                  >\n                    <X size={12} />\n                  </button>\n                </span>\n              ))}\n            </div>\n          )}\n\n          <div className=\"flex items-center gap-2\">\n            <input\n              type=\"text\"\n              aria-label={tr(\n                \"conversations.participantInputLabel\",\n                \"Add participant\",\n              )}\n              value={participantInput}\n              onChange={(event) => setParticipantInput(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key !== \"Enter\") return;\n                event.preventDefault();\n                addParticipant();\n              }}\n              placeholder={tr(\n                \"conversations.participantInputPlaceholder\",\n                \"Enter user ID and press Enter\",\n              )}\n              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\"\n            />\n            <button\n              type=\"button\"\n              onClick={addParticipant}\n              className=\"px-3 py-2 text-sm rounded-lg border border-border hover:bg-muted/50\"\n            >\n              {tr(\"conversations.add\", \"Add\")}\n            </button>\n          </div>\n        </section>\n\n        {error && (\n          <div className=\"text-xs text-destructive rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2\">\n            {getErrorMessage(error)}\n          </div>\n        )}\n\n        <div className=\"flex justify-end gap-3 pt-4 border-t border-border\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"..\")}\n            className=\"px-4 py-2 text-sm font-medium rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors\"\n          >\n            {tr(\"conversations.cancel\", \"Cancel\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleCreate()}\n            disabled={!canCreate || loading}\n            className={cn(\n              \"inline-flex items-center gap-2 px-5 py-2 text-sm font-medium rounded-lg transition-all\",\n              canCreate && !loading\n                ? \"bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm\"\n                : \"bg-muted text-muted-foreground cursor-not-allowed\",\n            )}\n          >\n            {loading\n              ? tr(\"conversations.creating\", \"Creating...\")\n              : tr(\"conversations.createConversation\", \"Create Conversation\")}\n          </button>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/conversations/providers/ConversationsProvider.js

@@ -1,4 +1,4 @@
-import { createContext as e, useContext as t, useMemo as n, useRef as r } from "react";
+import { createContext as e, use as t, useMemo as n, useRef as r } from "react";
 import { MemoryRouter as i } from "react-router-dom";
 import { QueryClient as a, QueryClientProvider as o } from "@tanstack/react-query";
 import { ApolloClient as s, HttpLink as c, InMemoryCache as l, Observable as u, from as d } from "@apollo/client";

package/dist/conversations/providers/ConversationsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationsProvider.js","names":[],"sources":["../../../src/conversations/providers/ConversationsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useMemo, useRef } from \"react\";\nimport { MemoryRouter } from \"react-router-dom\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport {\n  ApolloClient,\n  InMemoryCache,\n  HttpLink,\n  from,\n  Observable,\n} from \"@apollo/client\";\nimport { onError } from \"@apollo/client/link/error\";\nimport { ApolloProvider, useApolloClient } from \"@apollo/client/react\";\nimport { PermissionProvider } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport {\n  isAuthNetworkError,\n  redirectToLogin,\n} from \"@burdenoff/fe-libs/shared/utils\";\nimport { useEvent } from \"@burdenoff/fe-libs/shared/events\";\nimport type { ConversationsRootProps } from \"../types\";\n\n/**\n * Clears Apollo cache on auth.signed_out so stale conversation data\n * is not retained across sessions. Must render inside ApolloProvider.\n */\nfunction AuthCacheClearer() {\n  const client = useApolloClient();\n  useEvent(\"auth.signed_out\", () => {\n    void client.clearStore();\n  });\n  return null;\n}\n\nfunction hasSessionAuthErrors(\n  errors: ReadonlyArray<{\n    message?: string;\n    extensions?: Record<string, unknown>;\n  }> = [],\n): boolean {\n  return errors.some((error) => {\n    const code =\n      typeof error.extensions?.code === \"string\" ? error.extensions.code : \"\";\n    const errorCode =\n      typeof error.extensions?.errorCode === \"string\"\n        ? error.extensions.errorCode\n        : \"\";\n    const message = (error.message ?? \"\").toLowerCase();\n\n    return (\n      code === \"UNAUTHENTICATED\" ||\n      errorCode === \"TOKEN_EXPIRED\" ||\n      message.includes(\"token_expired\") ||\n      message.includes(\"token expired\") ||\n      message.includes(\"session expired\") ||\n      message.includes(\"unauthorized\") ||\n      message.includes(\"unauthenticated\") ||\n      message.includes(\"authentication required\") ||\n      message.includes(\"workspace context missing\")\n    );\n  });\n}\n\n/**\n * Context value for Conversations microfrontend\n */\ntype ConversationsContextValue = ConversationsRootProps;\n\nconst ConversationsContext = createContext<ConversationsContextValue | null>(\n  null,\n);\n\n/**\n * Hook to access Conversations context\n */\nexport const useConversations = () => {\n  const context = useContext(ConversationsContext);\n  if (!context) {\n    throw new Error(\n      \"useConversations must be used within ConversationsProvider\",\n    );\n  }\n  return context;\n};\n\n/**\n * Provider component for Conversations microfrontend\n * Sets up routing, context, Apollo Client, and React Query client\n */\nexport const ConversationsProvider: FC<\n  PropsWithChildren<ConversationsRootProps>\n> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n  workspaceToken,\n  getWorkspaceToken,\n  onConversationSelect,\n  onMessageSend,\n  defaultView,\n  variant,\n}) => {\n  const contextValue: ConversationsContextValue = {\n    basePath,\n    navigate,\n    currentUser,\n    workspaceId,\n    apiGatewayUrl,\n    authToken,\n    workspaceToken,\n    getWorkspaceToken,\n    onConversationSelect,\n    onMessageSend,\n    defaultView,\n    variant,\n  };\n\n  const isRefreshingRef = useRef(false);\n  const getWorkspaceTokenRef = useRef(getWorkspaceToken);\n  getWorkspaceTokenRef.current = getWorkspaceToken;\n  // PermissionProvider requires the shell's AuthProvider — only mount it in integrated mode.\n  const isIntegrated = !!basePath;\n\n  // Create QueryClient instance (memoized to avoid recreation on re-renders)\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: {\n            retry: 1,\n            refetchOnWindowFocus: false,\n            staleTime: 5 * 60 * 1000, // 5 minutes\n          },\n        },\n      }),\n    [],\n  );\n\n  // Create ApolloClient instance (memoized, recreated when tokens change)\n  // The workspace gateway requires dual-token auth:\n  //   Authorization: Bearer <authToken>                    (platform identity)\n  //   X-Workspace-Authorization: Bearer <workspaceToken>   (workspace access)\n  const apolloClient = useMemo(() => {\n    if (isIntegrated) return null;\n\n    const isLocalDirectMode =\n      typeof window !== \"undefined\" &&\n      (window.location.hostname === \"localhost\" ||\n        window.location.hostname.endsWith(\".local.burdenoff.com\"));\n    const workspaceEndpoint = isLocalDirectMode\n      ? `${window.location.origin}/__local/conversations/graphql`\n      : apiGatewayUrl\n        ? `${apiGatewayUrl}/workspaces/graphql`\n        : \"/workspaces/graphql\";\n\n    const headers: Record<string, string> = {};\n    if (authToken) {\n      headers[\"Authorization\"] = `Bearer ${authToken}`;\n    }\n    if (workspaceToken) {\n      headers[\"X-Workspace-Authorization\"] = `Bearer ${workspaceToken}`;\n    }\n    if (workspaceId) {\n      headers[\"x-workspace-id\"] = workspaceId;\n    }\n    if (isLocalDirectMode && currentUser?.id) {\n      headers[\"x-actor-id\"] = currentUser.id;\n      headers[\"x-actor-type\"] = \"user\";\n    }\n\n    const httpLink = new HttpLink({\n      uri: workspaceEndpoint,\n      headers: Object.keys(headers).length > 0 ? headers : undefined,\n    });\n\n    const errorLink = onError(({ error, operation, forward }) => {\n      if (!error) return;\n\n      const errors =\n        \"errors\" in error && Array.isArray(error.errors) ? error.errors : [];\n      const hasAuthError = hasSessionAuthErrors(errors);\n\n      if (\n        !getWorkspaceTokenRef.current ||\n        !hasAuthError ||\n        isRefreshingRef.current\n      ) {\n        if (error instanceof Error && isAuthNetworkError(error)) {\n          redirectToLogin();\n        }\n        return;\n      }\n\n      return new Observable((observer) => {\n        isRefreshingRef.current = true;\n        getWorkspaceTokenRef\n          .current?.()\n          .then((freshToken) => {\n            isRefreshingRef.current = false;\n            if (!freshToken) {\n              redirectToLogin();\n              observer.error(new Error(\"Failed to refresh workspace token\"));\n              return;\n            }\n\n            operation.setContext(\n              ({\n                headers: existingHeaders = {},\n              }: {\n                headers?: Record<string, string>;\n              }) => ({\n                headers: {\n                  ...existingHeaders,\n                  \"X-Workspace-Authorization\": `Bearer ${freshToken}`,\n                  ...(workspaceId ? { \"x-workspace-id\": workspaceId } : {}),\n                },\n              }),\n            );\n\n            const subscriber = forward(operation).subscribe(observer);\n            return () => subscriber.unsubscribe();\n          })\n          .catch((refreshError: unknown) => {\n            isRefreshingRef.current = false;\n            observer.error(refreshError);\n          });\n      });\n    });\n\n    return new ApolloClient({\n      link: from([errorLink, httpLink]),\n      cache: new InMemoryCache(),\n      defaultOptions: {\n        watchQuery: {\n          fetchPolicy: \"cache-and-network\",\n        },\n      },\n    });\n  }, [\n    apiGatewayUrl,\n    authToken,\n    currentUser?.id,\n    isIntegrated,\n    workspaceId,\n    workspaceToken,\n  ]);\n\n  // Wrap content with QueryClientProvider and ConversationsContext.Provider\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <ConversationsContext.Provider value={contextValue}>\n        {isIntegrated ? (\n          <PermissionProvider scopeId={workspaceId ?? null} gateway=\"workspace\">\n            <AuthCacheClearer />\n            {children}\n          </PermissionProvider>\n        ) : (\n          <>\n            <AuthCacheClearer />\n            {children}\n          </>\n        )}\n      </ConversationsContext.Provider>\n    </QueryClientProvider>\n  );\n\n  // When integrated into a shell (basePath provided), the shell already has a router and ApolloProvider\n  // so we don't create another one. When standalone (no basePath), use MemoryRouter and ApolloProvider.\n  if (isIntegrated) {\n    return content;\n  }\n\n  if (!apolloClient) {\n    return null;\n  }\n\n  return (\n    <ApolloProvider client={apolloClient}>\n      <MemoryRouter>{content}</MemoryRouter>\n    </ApolloProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAyBA,SAAS,IAAmB;CAC1B,IAAM,IAAS,GAAiB;AAIhC,QAHA,EAAS,yBAAyB;AAC3B,IAAO,YAAY;GACxB,EACK;;AAGT,SAAS,EACP,IAGK,EAAE,EACE;AACT,QAAO,EAAO,MAAM,MAAU;EAC5B,IAAM,IACJ,OAAO,EAAM,YAAY,QAAS,WAAW,EAAM,WAAW,OAAO,IACjE,IACJ,OAAO,EAAM,YAAY,aAAc,WACnC,EAAM,WAAW,YACjB,IACA,KAAW,EAAM,WAAW,IAAI,aAAa;AAEnD,SACE,MAAS,qBACT,MAAc,mBACd,EAAQ,SAAS,gBAAgB,IACjC,EAAQ,SAAS,gBAAgB,IACjC,EAAQ,SAAS,kBAAkB,IACnC,EAAQ,SAAS,eAAe,IAChC,EAAQ,SAAS,kBAAkB,IACnC,EAAQ,SAAS,0BAA0B,IAC3C,EAAQ,SAAS,4BAA4B;GAE/C;;AAQJ,IAAM,IAAuB,EAC3B,KACD,EAKY,UAAyB;CACpC,IAAM,IAAU,EAAW,EAAqB;AAChD,KAAI,CAAC,EACH,OAAU,MACR,6DACD;AAEH,QAAO;GAOI,KAER,EACH,aACA,aACA,aACA,gBACA,gBACA,kBACA,cACA,mBACA,sBACA,yBACA,kBACA,gBACA,iBACI;CACJ,IAAM,IAA0C;EAC9C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EAEK,IAAkB,EAAO,GAAM,EAC/B,IAAuB,EAAO,EAAkB;AACtD,GAAqB,UAAU;CAE/B,IAAM,IAAe,CAAC,CAAC,GAGjB,IAAc,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;EACP,OAAO;EACP,sBAAsB;EACtB,WAAW,MAAS;EACrB,EACF,EACF,CAAC,EACJ,EAAE,CACH,EAMK,IAAe,QAAc;AACjC,MAAI,EAAc,QAAO;EAEzB,IAAM,IACJ,OAAO,SAAW,QACjB,OAAO,SAAS,aAAa,eAC5B,OAAO,SAAS,SAAS,SAAS,uBAAuB,GACvD,IAAoB,IACtB,GAAG,OAAO,SAAS,OAAO,kCAC1B,IACE,GAAG,EAAc,uBACjB,uBAEA,IAAkC,EAAE;AAU1C,EATI,MACF,EAAQ,gBAAmB,UAAU,MAEnC,MACF,EAAQ,+BAA+B,UAAU,MAE/C,MACF,EAAQ,oBAAoB,IAE1B,KAAqB,GAAa,OACpC,EAAQ,gBAAgB,EAAY,IACpC,EAAQ,kBAAkB;EAG5B,IAAM,IAAW,IAAI,EAAS;GAC5B,KAAK;GACL,SAAS,OAAO,KAAK,EAAQ,CAAC,SAAS,IAAI,IAAU,KAAA;GACtD,CAAC;AAwDF,SAAO,IAAI,EAAa;GACtB,MAAM,EAAK,CAvDK,GAAS,EAAE,UAAO,cAAW,iBAAc;AAC3D,QAAI,CAAC,EAAO;IAIZ,IAAM,IAAe,EADnB,YAAY,KAAS,MAAM,QAAQ,EAAM,OAAO,GAAG,EAAM,SAAS,EAAE,CACrB;AAEjD,QACE,CAAC,EAAqB,WACtB,CAAC,KACD,EAAgB,SAChB;AACA,KAAI,aAAiB,SAAS,EAAmB,EAAM,IACrD,GAAiB;AAEnB;;AAGF,WAAO,IAAI,GAAY,MAAa;AAElC,KADA,EAAgB,UAAU,IAC1B,EACG,WAAW,CACX,MAAM,MAAe;AAEpB,UADA,EAAgB,UAAU,IACtB,CAAC,GAAY;AAEf,OADA,GAAiB,EACjB,EAAS,MAAM,gBAAI,MAAM,oCAAoC,CAAC;AAC9D;;AAGF,QAAU,YACP,EACC,SAAS,IAAkB,EAAE,QAGxB,EACL,SAAS;OACP,GAAG;OACH,6BAA6B,UAAU;OACvC,GAAI,IAAc,EAAE,kBAAkB,GAAa,GAAG,EAAE;OACzD,EACF,EACF;MAED,IAAM,IAAa,EAAQ,EAAU,CAAC,UAAU,EAAS;AACzD,mBAAa,EAAW,aAAa;OACrC,CACD,OAAO,MAA0B;AAEhC,MADA,EAAgB,UAAU,IAC1B,EAAS,MAAM,EAAa;OAC5B;MACJ;KACF,EAGuB,EAAS,CAAC;GACjC,OAAO,IAAI,GAAe;GAC1B,gBAAgB,EACd,YAAY,EACV,aAAa,qBACd,EACF;GACF,CAAC;IACD;EACD;EACA;EACA,GAAa;EACb;EACA;EACA;EACD,CAAC,EAGI,IACJ,kBAAC,GAAD;EAAqB,QAAQ;YAC3B,kBAAC,EAAqB,UAAtB;GAA+B,OAAO;aACnC,IACC,kBAAC,GAAD;IAAoB,SAAS,KAAe;IAAM,SAAQ;cAA1D,CACE,kBAAC,GAAD,EAAoB,CAAA,EACnB,EACkB;QAErB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAoB,CAAA,EACnB,EACA,EAAA,CAAA;GAEyB,CAAA;EACZ,CAAA;AAaxB,QARI,IACK,IAGJ,IAKH,kBAAC,GAAD;EAAgB,QAAQ;YACtB,kBAAC,GAAD,EAAA,UAAe,GAAuB,CAAA;EACvB,CAAA,GANV"}
+{"version":3,"file":"ConversationsProvider.js","names":[],"sources":["../../../src/conversations/providers/ConversationsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, use, useMemo, useRef } from \"react\";\nimport { MemoryRouter } from \"react-router-dom\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport {\n  ApolloClient,\n  InMemoryCache,\n  HttpLink,\n  from,\n  Observable,\n} from \"@apollo/client\";\nimport { onError } from \"@apollo/client/link/error\";\nimport { ApolloProvider, useApolloClient } from \"@apollo/client/react\";\nimport { PermissionProvider } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport {\n  isAuthNetworkError,\n  redirectToLogin,\n} from \"@burdenoff/fe-libs/shared/utils\";\nimport { useEvent } from \"@burdenoff/fe-libs/shared/events\";\nimport type { ConversationsRootProps } from \"../types\";\n\n/**\n * Clears Apollo cache on auth.signed_out so stale conversation data\n * is not retained across sessions. Must render inside ApolloProvider.\n */\nfunction AuthCacheClearer() {\n  const client = useApolloClient();\n  useEvent(\"auth.signed_out\", () => {\n    void client.clearStore();\n  });\n  return null;\n}\n\nfunction hasSessionAuthErrors(\n  errors: ReadonlyArray<{\n    message?: string;\n    extensions?: Record<string, unknown>;\n  }> = [],\n): boolean {\n  return errors.some((error) => {\n    const code =\n      typeof error.extensions?.code === \"string\" ? error.extensions.code : \"\";\n    const errorCode =\n      typeof error.extensions?.errorCode === \"string\"\n        ? error.extensions.errorCode\n        : \"\";\n    const message = (error.message ?? \"\").toLowerCase();\n\n    return (\n      code === \"UNAUTHENTICATED\" ||\n      errorCode === \"TOKEN_EXPIRED\" ||\n      message.includes(\"token_expired\") ||\n      message.includes(\"token expired\") ||\n      message.includes(\"session expired\") ||\n      message.includes(\"unauthorized\") ||\n      message.includes(\"unauthenticated\") ||\n      message.includes(\"authentication required\") ||\n      message.includes(\"workspace context missing\")\n    );\n  });\n}\n\n/**\n * Context value for Conversations microfrontend\n */\ntype ConversationsContextValue = ConversationsRootProps;\n\nconst ConversationsContext = createContext<ConversationsContextValue | null>(\n  null,\n);\n\n/**\n * Hook to access Conversations context\n */\nexport const useConversations = () => {\n  const context = use(ConversationsContext);\n  if (!context) {\n    throw new Error(\n      \"useConversations must be used within ConversationsProvider\",\n    );\n  }\n  return context;\n};\n\n/**\n * Provider component for Conversations microfrontend\n * Sets up routing, context, Apollo Client, and React Query client\n */\nexport const ConversationsProvider: FC<\n  PropsWithChildren<ConversationsRootProps>\n> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n  workspaceToken,\n  getWorkspaceToken,\n  onConversationSelect,\n  onMessageSend,\n  defaultView,\n  variant,\n}) => {\n  const contextValue: ConversationsContextValue = {\n    basePath,\n    navigate,\n    currentUser,\n    workspaceId,\n    apiGatewayUrl,\n    authToken,\n    workspaceToken,\n    getWorkspaceToken,\n    onConversationSelect,\n    onMessageSend,\n    defaultView,\n    variant,\n  };\n\n  const isRefreshingRef = useRef(false);\n  const getWorkspaceTokenRef = useRef(getWorkspaceToken);\n  getWorkspaceTokenRef.current = getWorkspaceToken;\n  // PermissionProvider requires the shell's AuthProvider — only mount it in integrated mode.\n  const isIntegrated = !!basePath;\n\n  // Create QueryClient instance (memoized to avoid recreation on re-renders)\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: {\n            retry: 1,\n            refetchOnWindowFocus: false,\n            staleTime: 5 * 60 * 1000, // 5 minutes\n          },\n        },\n      }),\n    [],\n  );\n\n  // Create ApolloClient instance (memoized, recreated when tokens change)\n  // The workspace gateway requires dual-token auth:\n  //   Authorization: Bearer <authToken>                    (platform identity)\n  //   X-Workspace-Authorization: Bearer <workspaceToken>   (workspace access)\n  const apolloClient = useMemo(() => {\n    if (isIntegrated) return null;\n\n    const isLocalDirectMode =\n      typeof window !== \"undefined\" &&\n      (window.location.hostname === \"localhost\" ||\n        window.location.hostname.endsWith(\".local.burdenoff.com\"));\n    const workspaceEndpoint = isLocalDirectMode\n      ? `${window.location.origin}/__local/conversations/graphql`\n      : apiGatewayUrl\n        ? `${apiGatewayUrl}/workspaces/graphql`\n        : \"/workspaces/graphql\";\n\n    const headers: Record<string, string> = {};\n    if (authToken) {\n      headers[\"Authorization\"] = `Bearer ${authToken}`;\n    }\n    if (workspaceToken) {\n      headers[\"X-Workspace-Authorization\"] = `Bearer ${workspaceToken}`;\n    }\n    if (workspaceId) {\n      headers[\"x-workspace-id\"] = workspaceId;\n    }\n    if (isLocalDirectMode && currentUser?.id) {\n      headers[\"x-actor-id\"] = currentUser.id;\n      headers[\"x-actor-type\"] = \"user\";\n    }\n\n    const httpLink = new HttpLink({\n      uri: workspaceEndpoint,\n      headers: Object.keys(headers).length > 0 ? headers : undefined,\n    });\n\n    const errorLink = onError(({ error, operation, forward }) => {\n      if (!error) return;\n\n      const errors =\n        \"errors\" in error && Array.isArray(error.errors) ? error.errors : [];\n      const hasAuthError = hasSessionAuthErrors(errors);\n\n      if (\n        !getWorkspaceTokenRef.current ||\n        !hasAuthError ||\n        isRefreshingRef.current\n      ) {\n        if (error instanceof Error && isAuthNetworkError(error)) {\n          redirectToLogin();\n        }\n        return;\n      }\n\n      return new Observable((observer) => {\n        isRefreshingRef.current = true;\n        getWorkspaceTokenRef\n          .current?.()\n          .then((freshToken) => {\n            isRefreshingRef.current = false;\n            if (!freshToken) {\n              redirectToLogin();\n              observer.error(new Error(\"Failed to refresh workspace token\"));\n              return;\n            }\n\n            operation.setContext(\n              ({\n                headers: existingHeaders = {},\n              }: {\n                headers?: Record<string, string>;\n              }) => ({\n                headers: {\n                  ...existingHeaders,\n                  \"X-Workspace-Authorization\": `Bearer ${freshToken}`,\n                  ...(workspaceId ? { \"x-workspace-id\": workspaceId } : {}),\n                },\n              }),\n            );\n\n            const subscriber = forward(operation).subscribe(observer);\n            return () => subscriber.unsubscribe();\n          })\n          .catch((refreshError: unknown) => {\n            isRefreshingRef.current = false;\n            observer.error(refreshError);\n          });\n      });\n    });\n\n    return new ApolloClient({\n      link: from([errorLink, httpLink]),\n      cache: new InMemoryCache(),\n      defaultOptions: {\n        watchQuery: {\n          fetchPolicy: \"cache-and-network\",\n        },\n      },\n    });\n  }, [\n    apiGatewayUrl,\n    authToken,\n    currentUser?.id,\n    isIntegrated,\n    workspaceId,\n    workspaceToken,\n  ]);\n\n  // Wrap content with QueryClientProvider and ConversationsContext.Provider\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <ConversationsContext.Provider value={contextValue}>\n        {isIntegrated ? (\n          <PermissionProvider scopeId={workspaceId ?? null} gateway=\"workspace\">\n            <AuthCacheClearer />\n            {children}\n          </PermissionProvider>\n        ) : (\n          <>\n            <AuthCacheClearer />\n            {children}\n          </>\n        )}\n      </ConversationsContext.Provider>\n    </QueryClientProvider>\n  );\n\n  // When integrated into a shell (basePath provided), the shell already has a router and ApolloProvider\n  // so we don't create another one. When standalone (no basePath), use MemoryRouter and ApolloProvider.\n  if (isIntegrated) {\n    return content;\n  }\n\n  if (!apolloClient) {\n    return null;\n  }\n\n  return (\n    <ApolloProvider client={apolloClient}>\n      <MemoryRouter>{content}</MemoryRouter>\n    </ApolloProvider>\n  );\n};\n"],"mappings":"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"}