@burdenoff/microfe-conversations 2026.510.117

package/dist/conversations/pages/ConversationsSettingsPage.js

@@ -0,0 +1,215 @@
+import { useConversations as e } from "../providers/ConversationsProvider.js";
+import { PageLayout as t, PageSection as n } from "../components/PageLayout.js";
+import { useGetConversation as r, useUpdateConversation as i } from "../hooks/useConversationQueries.js";
+import { useConversationsStore as a } from "../store/conversationsStore.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 { useExportConversation as u } from "../hooks/useExportConversation.js";
+import { useEffect as d, useRef as f, useState as p } from "react";
+import { ArrowLeft as m, Bell as h, Download as g, Eye as _, Save as v, Settings as y } from "lucide-react";
+import { useNavigate as b } from "react-router-dom";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/conversations/pages/ConversationsSettingsPage.tsx
+function T() {
+	let T = b(), { basePath: D } = e(), { activeConversationId: O } = a(), { t: k } = w(), A = (e, t) => {
+		let n = k(e);
+		return n === e ? t : n;
+	}, { conversation: j, loading: M } = r(O ?? ""), { updateConversation: N, loading: P, error: F } = i(), [I, L] = p(!0), [R, z] = p(!0), [B, V] = p("ALL"), [H, U] = p(!1), W = f(null), { exportComments: G, loading: K, downloadUrl: q } = u();
+	d(() => {
+		let e = j?.settings && typeof j.settings == "object" ? j.settings : null;
+		e && (typeof e.showTypingIndicators == "boolean" && L(e.showTypingIndicators), typeof e.showReadReceipts == "boolean" && z(e.showReadReceipts), typeof e.defaultNotificationLevel == "string" && V(e.defaultNotificationLevel));
+	}, [j]);
+	let J = async () => {
+		if (j?.id) {
+			c("light");
+			try {
+				let e = !!await N({
+					id: j.id,
+					settings: {
+						showTypingIndicators: I,
+						showReadReceipts: R,
+						defaultNotificationLevel: B
+					}
+				});
+				l(e ? "success" : "error"), U(e);
+			} catch (e) {
+				throw l("error"), e;
+			}
+		}
+	};
+	return /* @__PURE__ */ S(t, {
+		title: A("conversations.settings", "Settings"),
+		subtitle: j ? `${A("conversations.settingsFor", "Conversation settings for")} ${j.title}` : A("conversations.selectConversationForSettings", "Select a conversation to edit settings"),
+		icon: /* @__PURE__ */ S(y, { size: 24 }),
+		maxWidth: "lg",
+		headerActions: /* @__PURE__ */ C("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ C("button", {
+				type: "button",
+				onClick: () => T(D || "/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__ */ S(m, { size: 16 }), A("conversations.back", "Back")]
+			}), /* @__PURE__ */ C("button", {
+				type: "button",
+				onClick: () => void J(),
+				disabled: P || !j,
+				className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors shadow-sm disabled:opacity-50",
+				children: [/* @__PURE__ */ S(v, { size: 16 }), P ? A("conversations.saving", "Saving...") : A("conversations.saveChanges", "Save Changes")]
+			})]
+		}),
+		children: M ? /* @__PURE__ */ S("div", {
+			className: "text-sm text-muted-foreground",
+			children: A("conversations.loadingSettings", "Loading settings...")
+		}) : j ? /* @__PURE__ */ C(x, { children: [
+			/* @__PURE__ */ S(n, {
+				title: A("conversations.notifications", "Notifications"),
+				description: A("conversations.notificationsDescription", "Configure delivery behavior for this conversation"),
+				children: /* @__PURE__ */ S("div", {
+					className: "space-y-4 rounded-xl border border-border p-4",
+					children: /* @__PURE__ */ C("div", {
+						className: "flex items-start justify-between gap-4",
+						children: [/* @__PURE__ */ C("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ S("div", {
+								className: "p-2 rounded-lg bg-status-info-bg-subtle text-status-info-text",
+								children: /* @__PURE__ */ S(h, { size: 16 })
+							}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+								className: "text-sm font-medium text-foreground",
+								children: A("conversations.defaultNotificationLevel", "Default Notification Level")
+							}), /* @__PURE__ */ S("p", {
+								className: "text-xs text-muted-foreground mt-0.5",
+								children: A("conversations.defaultNotificationLevelHint", "This updates conversation settings JSON via GraphQL.")
+							})] })]
+						}), /* @__PURE__ */ C("select", {
+							value: B,
+							onChange: (e) => V(e.target.value),
+							className: "px-3 py-1.5 text-sm rounded-lg border border-border bg-background focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ S("option", {
+									value: "ALL",
+									children: A("conversations.allMessages", "All Messages")
+								}),
+								/* @__PURE__ */ S("option", {
+									value: "MENTIONS",
+									children: A("conversations.mentionsOnly", "Mentions Only")
+								}),
+								/* @__PURE__ */ S("option", {
+									value: "DIRECT",
+									children: A("conversations.directOnly", "Direct Only")
+								}),
+								/* @__PURE__ */ S("option", {
+									value: "NONE",
+									children: A("conversations.none", "None")
+								})
+							]
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ S(n, {
+				title: A("conversations.messageBehavior", "Message Behavior"),
+				description: A("conversations.messageBehaviorDescription", "Tune read and typing experience"),
+				children: /* @__PURE__ */ C("div", {
+					className: "space-y-4 rounded-xl border border-border p-4",
+					children: [/* @__PURE__ */ S(E, {
+						icon: /* @__PURE__ */ S(_, { size: 16 }),
+						label: A("conversations.typingIndicators", "Typing Indicators"),
+						description: A("conversations.typingIndicatorsDescription", "Show others when someone is typing"),
+						checked: I,
+						onChange: L
+					}), /* @__PURE__ */ S(E, {
+						icon: /* @__PURE__ */ S(_, { size: 16 }),
+						label: A("conversations.readReceipts", "Read Receipts"),
+						description: A("conversations.readReceiptsDescription", "Display read status for conversation participants"),
+						checked: R,
+						onChange: z
+					})]
+				})
+			}),
+			/* @__PURE__ */ S(n, {
+				title: A("conversations.exportData", "Export Data"),
+				description: A("conversations.exportDataDescription", "Download conversation comments in your preferred format"),
+				children: /* @__PURE__ */ C("div", {
+					className: "space-y-3 rounded-xl border border-border p-4",
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: "flex flex-wrap gap-2",
+							children: [
+								"JSON",
+								"CSV",
+								"MARKDOWN"
+							].map((e) => /* @__PURE__ */ S(o, {
+								permission: s.CONVERSATION_READ,
+								children: /* @__PURE__ */ C("button", {
+									type: "button",
+									disabled: K || !j,
+									onClick: async () => {
+										let t = await G("conversation", j.id, e);
+										t && W.current && (W.current.href = t, W.current.download = `conversation-${j.id}.${e.toLowerCase()}`, W.current.click());
+									},
+									className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors disabled:opacity-50",
+									children: [/* @__PURE__ */ S(g, { size: 12 }), K ? A("conversations.exporting", "Exporting…") : e]
+								})
+							}, e))
+						}),
+						q && /* @__PURE__ */ S("p", {
+							className: "text-xs text-status-success-text",
+							children: A("conversations.exportReady", "Export ready — downloading…")
+						}),
+						/* @__PURE__ */ S("a", {
+							ref: W,
+							className: "hidden",
+							"aria-hidden": "true"
+						})
+					]
+				})
+			}),
+			F && /* @__PURE__ */ S("div", {
+				className: "text-xs text-destructive rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2",
+				children: F.message
+			}),
+			H && !F && /* @__PURE__ */ S("div", {
+				className: "text-xs text-status-success-text rounded-lg border border-border-default bg-status-success-bg-subtle px-3 py-2",
+				children: A("conversations.settingsSaved", "Settings saved.")
+			})
+		] }) : /* @__PURE__ */ S("div", {
+			className: "text-sm text-muted-foreground",
+			children: A("conversations.openConversationFirst", "Open a conversation first, then come back to settings.")
+		})
+	});
+}
+function E({ icon: e, label: t, description: n, checked: r, onChange: i }) {
+	return /* @__PURE__ */ S(o, {
+		permission: s.CONVERSATION_UPDATE,
+		children: /* @__PURE__ */ C("div", {
+			className: "flex items-start justify-between gap-4",
+			children: [/* @__PURE__ */ C("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ S("div", {
+					className: "p-2 rounded-lg bg-muted text-muted-foreground",
+					children: e
+				}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+					className: "text-sm font-medium text-foreground",
+					children: t
+				}), /* @__PURE__ */ S("p", {
+					className: "text-xs text-muted-foreground mt-0.5",
+					children: n
+				})] })]
+			}), /* @__PURE__ */ S("button", {
+				type: "button",
+				role: "switch",
+				"aria-checked": r,
+				"aria-label": t,
+				onClick: () => i(!r),
+				className: `relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors ${r ? "bg-primary" : "bg-muted"}`,
+				children: /* @__PURE__ */ S("span", { className: `pointer-events-none inline-block h-5 w-5 rounded-full bg-background shadow transition ${r ? "translate-x-5" : "translate-x-0"}` })
+			})]
+		})
+	});
+}
+//#endregion
+export { T as ConversationsSettingsPage };
+
+//# sourceMappingURL=ConversationsSettingsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationsSettingsPage.js","names":[],"sources":["../../../src/conversations/pages/ConversationsSettingsPage.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useNavigate } from \"react-router-dom\";\nimport { ArrowLeft, Bell, Download, Eye, Save, Settings } from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  useGetConversation,\n  useUpdateConversation,\n} from \"../hooks/useConversationQueries\";\nimport { useExportConversation } from \"../hooks/useExportConversation\";\nimport { useConversations } from \"../providers/ConversationsProvider\";\nimport { useConversationsStore } from \"../store/conversationsStore\";\nimport { PermissionGuard } from \"../components/PermissionGuard\";\nimport { CONVERSATIONS_PERMISSIONS } from \"../constants/permissions\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\nexport function ConversationsSettingsPage() {\n  const navigate = useNavigate();\n  const { basePath } = useConversations();\n  const { activeConversationId } = useConversationsStore();\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  const { conversation, loading: conversationLoading } = useGetConversation(\n    activeConversationId ?? \"\",\n  );\n  const {\n    updateConversation,\n    loading: saving,\n    error: saveError,\n  } = useUpdateConversation();\n\n  const [showTypingIndicators, setShowTypingIndicators] = useState(true);\n  const [showReadReceipts, setShowReadReceipts] = useState(true);\n  const [defaultNotificationLevel, setDefaultNotificationLevel] =\n    useState(\"ALL\");\n  const [saved, setSaved] = useState(false);\n  const downloadLinkRef = useRef<HTMLAnchorElement>(null);\n  const {\n    exportComments,\n    loading: exporting,\n    downloadUrl,\n  } = useExportConversation();\n\n  useEffect(() => {\n    const settings =\n      conversation?.settings && typeof conversation.settings === \"object\"\n        ? (conversation.settings as Record<string, unknown>)\n        : null;\n    if (!settings) return;\n    if (typeof settings.showTypingIndicators === \"boolean\") {\n      setShowTypingIndicators(settings.showTypingIndicators);\n    }\n    if (typeof settings.showReadReceipts === \"boolean\") {\n      setShowReadReceipts(settings.showReadReceipts);\n    }\n    if (typeof settings.defaultNotificationLevel === \"string\") {\n      setDefaultNotificationLevel(settings.defaultNotificationLevel);\n    }\n  }, [conversation]);\n\n  const handleSave = async () => {\n    if (!conversation?.id) return;\n    nativeImpact(\"light\");\n    try {\n      const updated = await updateConversation({\n        id: conversation.id,\n        settings: {\n          showTypingIndicators,\n          showReadReceipts,\n          defaultNotificationLevel,\n        },\n      });\n      const ok = Boolean(updated);\n      nativeNotify(ok ? \"success\" : \"error\");\n      setSaved(ok);\n    } catch (error) {\n      nativeNotify(\"error\");\n      throw error;\n    }\n  };\n\n  return (\n    <PageLayout\n      title={tr(\"conversations.settings\", \"Settings\")}\n      subtitle={\n        conversation\n          ? `${tr(\"conversations.settingsFor\", \"Conversation settings for\")} ${conversation.title}`\n          : tr(\n              \"conversations.selectConversationForSettings\",\n              \"Select a conversation to edit settings\",\n            )\n      }\n      icon={<Settings size={24} />}\n      maxWidth=\"lg\"\n      headerActions={\n        <div className=\"flex items-center gap-2\">\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          <button\n            type=\"button\"\n            onClick={() => void handleSave()}\n            disabled={saving || !conversation}\n            className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors shadow-sm disabled:opacity-50\"\n          >\n            <Save size={16} />\n            {saving\n              ? tr(\"conversations.saving\", \"Saving...\")\n              : tr(\"conversations.saveChanges\", \"Save Changes\")}\n          </button>\n        </div>\n      }\n    >\n      {conversationLoading ? (\n        <div className=\"text-sm text-muted-foreground\">\n          {tr(\"conversations.loadingSettings\", \"Loading settings...\")}\n        </div>\n      ) : !conversation ? (\n        <div className=\"text-sm text-muted-foreground\">\n          {tr(\n            \"conversations.openConversationFirst\",\n            \"Open a conversation first, then come back to settings.\",\n          )}\n        </div>\n      ) : (\n        <>\n          <PageSection\n            title={tr(\"conversations.notifications\", \"Notifications\")}\n            description={tr(\n              \"conversations.notificationsDescription\",\n              \"Configure delivery behavior for this conversation\",\n            )}\n          >\n            <div className=\"space-y-4 rounded-xl border border-border p-4\">\n              <div className=\"flex items-start justify-between gap-4\">\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"p-2 rounded-lg bg-status-info-bg-subtle text-status-info-text\">\n                    <Bell size={16} />\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      {tr(\n                        \"conversations.defaultNotificationLevel\",\n                        \"Default Notification Level\",\n                      )}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground mt-0.5\">\n                      {tr(\n                        \"conversations.defaultNotificationLevelHint\",\n                        \"This updates conversation settings JSON via GraphQL.\",\n                      )}\n                    </p>\n                  </div>\n                </div>\n                <select\n                  value={defaultNotificationLevel}\n                  onChange={(event) =>\n                    setDefaultNotificationLevel(event.target.value)\n                  }\n                  className=\"px-3 py-1.5 text-sm rounded-lg border border-border bg-background focus:outline-none focus:ring-2 focus:ring-ring\"\n                >\n                  <option value=\"ALL\">\n                    {tr(\"conversations.allMessages\", \"All Messages\")}\n                  </option>\n                  <option value=\"MENTIONS\">\n                    {tr(\"conversations.mentionsOnly\", \"Mentions Only\")}\n                  </option>\n                  <option value=\"DIRECT\">\n                    {tr(\"conversations.directOnly\", \"Direct Only\")}\n                  </option>\n                  <option value=\"NONE\">\n                    {tr(\"conversations.none\", \"None\")}\n                  </option>\n                </select>\n              </div>\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\"conversations.messageBehavior\", \"Message Behavior\")}\n            description={tr(\n              \"conversations.messageBehaviorDescription\",\n              \"Tune read and typing experience\",\n            )}\n          >\n            <div className=\"space-y-4 rounded-xl border border-border p-4\">\n              <ToggleSetting\n                icon={<Eye size={16} />}\n                label={tr(\n                  \"conversations.typingIndicators\",\n                  \"Typing Indicators\",\n                )}\n                description={tr(\n                  \"conversations.typingIndicatorsDescription\",\n                  \"Show others when someone is typing\",\n                )}\n                checked={showTypingIndicators}\n                onChange={setShowTypingIndicators}\n              />\n              <ToggleSetting\n                icon={<Eye size={16} />}\n                label={tr(\"conversations.readReceipts\", \"Read Receipts\")}\n                description={tr(\n                  \"conversations.readReceiptsDescription\",\n                  \"Display read status for conversation participants\",\n                )}\n                checked={showReadReceipts}\n                onChange={setShowReadReceipts}\n              />\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\"conversations.exportData\", \"Export Data\")}\n            description={tr(\n              \"conversations.exportDataDescription\",\n              \"Download conversation comments in your preferred format\",\n            )}\n          >\n            <div className=\"space-y-3 rounded-xl border border-border p-4\">\n              <div className=\"flex flex-wrap gap-2\">\n                {([\"JSON\", \"CSV\", \"MARKDOWN\"] as const).map((format) => (\n                  <PermissionGuard\n                    key={format}\n                    permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_READ}\n                  >\n                    <button\n                      type=\"button\"\n                      disabled={exporting || !conversation}\n                      onClick={async () => {\n                        const url = await exportComments(\n                          \"conversation\",\n                          conversation!.id,\n                          format,\n                        );\n                        if (url && downloadLinkRef.current) {\n                          downloadLinkRef.current.href = url;\n                          downloadLinkRef.current.download = `conversation-${conversation!.id}.${format.toLowerCase()}`;\n                          downloadLinkRef.current.click();\n                        }\n                      }}\n                      className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors disabled:opacity-50\"\n                    >\n                      <Download size={12} />\n                      {exporting\n                        ? tr(\"conversations.exporting\", \"Exporting…\")\n                        : format}\n                    </button>\n                  </PermissionGuard>\n                ))}\n              </div>\n              {downloadUrl && (\n                <p className=\"text-xs text-status-success-text\">\n                  {tr(\n                    \"conversations.exportReady\",\n                    \"Export ready — downloading…\",\n                  )}\n                </p>\n              )}\n              {/* Hidden anchor driven programmatically for download trigger */}\n              <a ref={downloadLinkRef} className=\"hidden\" aria-hidden=\"true\" />\n            </div>\n          </PageSection>\n\n          {saveError && (\n            <div className=\"text-xs text-destructive rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2\">\n              {saveError.message}\n            </div>\n          )}\n          {saved && !saveError && (\n            <div className=\"text-xs text-status-success-text rounded-lg border border-border-default bg-status-success-bg-subtle px-3 py-2\">\n              {tr(\"conversations.settingsSaved\", \"Settings saved.\")}\n            </div>\n          )}\n        </>\n      )}\n    </PageLayout>\n  );\n}\n\nfunction ToggleSetting({\n  icon,\n  label,\n  description,\n  checked,\n  onChange,\n}: {\n  icon: React.ReactNode;\n  label: string;\n  description: string;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n}) {\n  return (\n    <PermissionGuard permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_UPDATE}>\n      <div className=\"flex items-start justify-between gap-4\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"p-2 rounded-lg bg-muted text-muted-foreground\">\n            {icon}\n          </div>\n          <div>\n            <p className=\"text-sm font-medium text-foreground\">{label}</p>\n            <p className=\"text-xs text-muted-foreground mt-0.5\">\n              {description}\n            </p>\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={checked}\n          aria-label={label}\n          onClick={() => onChange(!checked)}\n          className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors ${checked ? \"bg-primary\" : \"bg-muted\"}`}\n        >\n          <span\n            className={`pointer-events-none inline-block h-5 w-5 rounded-full bg-background shadow transition ${checked ? \"translate-x-5\" : \"translate-x-0\"}`}\n          />\n        </button>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/conversations/pages/NewConversationPage.d.ts

@@ -0,0 +1,2 @@
+export declare function NewConversationPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NewConversationPage.d.ts.map

package/dist/conversations/pages/NewConversationPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewConversationPage.d.ts","sourceRoot":"","sources":["../../../src/conversations/pages/NewConversationPage.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,mBAAmB,4CA8ZlC"}

package/dist/conversations/pages/NewConversationPage.js

@@ -0,0 +1,287 @@
+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";
+//#region src/conversations/pages/NewConversationPage.tsx
+function te(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(() => [
+		{
+			type: "DIRECT",
+			label: N("conversations.directMessage", "Direct Message"),
+			description: N("conversations.directMessageDescription", "One-on-one private conversation"),
+			icon: /* @__PURE__ */ C(g, { 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 })
+		},
+		{
+			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 })
+		},
+		{
+			type: "ANNOUNCEMENT",
+			label: N("conversations.announcement", "Announcement"),
+			description: N("conversations.announcementDescription", "Broadcast messages to a large audience"),
+			icon: /* @__PURE__ */ C(h, { size: 20 })
+		}
+	], [M]), F = l(() => [
+		{
+			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 })
+		},
+		{
+			value: "PRIVATE",
+			label: N("conversations.private", "Private"),
+			description: N("conversations.privateDescription", "Only invited members can access"),
+			icon: /* @__PURE__ */ C(m, { 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 })
+		}
+	], [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(() => {
+		let e = W.trim();
+		!e || K.includes(e) || (q(J ? [e] : (t) => [...t, e]), G(""));
+	}, [
+		W,
+		K,
+		J
+	]), Z = c((e) => {
+		q((t) => t.filter((t) => t !== e));
+	}, []), Q = I === "DIRECT" || I === "GROUP", ne = c(async () => {
+		if (!(Q && K.length === 0) && !(Y && !R.trim())) {
+			o("light");
+			try {
+				let e = await O({
+					type: I,
+					title: Y ? R.trim() : void 0,
+					description: B.trim() || void 0,
+					participantIds: K,
+					visibility: H
+				});
+				if (!e) {
+					s("error");
+					return;
+				}
+				s("success"), j.emit("conversations.conversation.created", {
+					conversationId: e.id,
+					conversationType: I,
+					source: "new-conversation-page"
+				}), E(t(D || "/conversations", e.id));
+			} catch (e) {
+				throw s("error"), e;
+			}
+		}
+	}, [
+		D,
+		j,
+		Q,
+		K,
+		Y,
+		R,
+		O,
+		I,
+		B,
+		H,
+		E
+	]), $ = (!Q || K.length > 0) && (!Y || R.trim().length > 0);
+	return /* @__PURE__ */ C(i, {
+		permission: a.CONVERSATION_CREATE,
+		allowUnavailablePermissions: !0,
+		children: /* @__PURE__ */ w(r, {
+			title: N("conversations.newConversation", "New Conversation"),
+			subtitle: N("conversations.newConversationSubtitle", "Start a new conversation with your team"),
+			icon: /* @__PURE__ */ C(_, { size: 24 }),
+			maxWidth: "lg",
+			headerActions: /* @__PURE__ */ w("button", {
+				type: "button",
+				onClick: () => E(D || "/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("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ C("h3", {
+						className: "text-sm font-semibold text-foreground",
+						children: N("conversations.conversationType", "Conversation Type")
+					}), /* @__PURE__ */ C("div", {
+						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
+						children: P.map((e) => /* @__PURE__ */ w("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"),
+								children: e.icon
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-sm font-medium text-foreground",
+								children: e.label
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-muted-foreground mt-0.5",
+								children: e.description
+							})] })]
+						}, e.type))
+					})]
+				}),
+				!J && /* @__PURE__ */ w("section", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ C("h3", {
+							className: "text-sm font-semibold text-foreground",
+							children: N("conversations.visibility", "Visibility")
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "flex gap-2",
+							children: F.map((e) => /* @__PURE__ */ w("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"),
+								children: [e.icon, e.label]
+							}, e.value))
+						}),
+						/* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: F.find((e) => e.value === H)?.description
+						})
+					]
+				}),
+				Y && /* @__PURE__ */ w("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
+						htmlFor: "conv-title",
+						className: "text-sm font-semibold text-foreground",
+						children: [
+							N("conversations.name", "Name"),
+							" ",
+							/* @__PURE__ */ C("span", {
+								className: "text-destructive",
+								children: "*"
+							})
+						]
+					}), /* @__PURE__ */ C("input", {
+						id: "conv-title",
+						type: "text",
+						value: R,
+						onChange: (e) => z(e.target.value),
+						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", {
+						htmlFor: "conv-desc",
+						className: "text-sm font-semibold text-foreground",
+						children: N("conversations.description", "Description")
+					}), /* @__PURE__ */ C("textarea", {
+						id: "conv-desc",
+						value: B,
+						onChange: (e) => V(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__ */ w("section", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ w("h3", {
+							className: "text-sm font-semibold text-foreground",
+							children: [J ? N("conversations.participantId", "Participant ID") : N("conversations.participantIds", "Participant IDs"), !Q && /* @__PURE__ */ w("span", {
+								className: "ml-1.5 text-xs font-normal text-muted-foreground",
+								children: [
+									"(",
+									N("conversations.optional", "optional"),
+									")"
+								]
+							})]
+						}),
+						K.length > 0 && /* @__PURE__ */ C("div", {
+							className: "flex flex-wrap gap-2",
+							children: K.map((e) => /* @__PURE__ */ w("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", {
+									type: "button",
+									onClick: () => Z(e),
+									className: "p-0.5 rounded-full hover:bg-primary/20",
+									children: /* @__PURE__ */ C(b, { size: 12 })
+								})]
+							}, e))
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ C("input", {
+								type: "text",
+								value: W,
+								onChange: (e) => G(e.target.value),
+								onKeyDown: (e) => {
+									e.key === "Enter" && (e.preventDefault(), X());
+								},
+								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", {
+								type: "button",
+								onClick: X,
+								className: "px-3 py-2 text-sm rounded-lg border border-border hover:bg-muted/50",
+								children: N("conversations.add", "Add")
+							})]
+						})
+					]
+				}),
+				A && /* @__PURE__ */ C("div", {
+					className: "text-xs text-destructive rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2",
+					children: te(A)
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "flex justify-end gap-3 pt-4 border-t border-border",
+					children: [/* @__PURE__ */ C("button", {
+						type: "button",
+						onClick: () => E(".."),
+						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", {
+						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")
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { E as NewConversationPage };
+
+//# sourceMappingURL=NewConversationPage.js.map

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

@@ -0,0 +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 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 className=\"space-y-3\">\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 className=\"space-y-3\">\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 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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"}

package/dist/conversations/providers/ConversationsProvider.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from 'react';
+import { ConversationsRootProps } from '../types';
+
+/**
+ * Hook to access Conversations context
+ */
+export declare const useConversations: () => ConversationsRootProps;
+/**
+ * Provider component for Conversations microfrontend
+ * Sets up routing, context, Apollo Client, and React Query client
+ */
+export declare const ConversationsProvider: FC<PropsWithChildren<ConversationsRootProps>>;
+//# sourceMappingURL=ConversationsProvider.d.ts.map

package/dist/conversations/providers/ConversationsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationsProvider.d.ts","sourceRoot":"","sources":["../../../src/conversations/providers/ConversationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAmBnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAoDvD;;GAEG;AACH,eAAO,MAAM,gBAAgB,8BAQ5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CACpC,iBAAiB,CAAC,sBAAsB,CAAC,CAqL1C,CAAC"}