@burdenoff/fe-libs 2026.527.2 → 2026.527.4

package/dist/shared/components/ErrorFallback.js

@@ -25,14 +25,17 @@ function i({ error: i, resetErrorBoundary: a }) {
 				/* @__PURE__ */ n("div", {
 					className: "flex gap-3 justify-center",
 					children: s ? /* @__PURE__ */ n("button", {
+						type: "button",
 						onClick: c,
 						className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover font-medium",
 						children: "Reload page"
 					}) : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("button", {
+						type: "button",
 						onClick: a,
 						className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover font-medium",
 						children: "Try again"
 					}), /* @__PURE__ */ n("button", {
+						type: "button",
 						onClick: c,
 						className: "px-4 py-2 bg-transparent text-text-secondary border border-border-default rounded-md hover:bg-bg-surface-hover font-medium",
 						children: "Reload page"

package/dist/shared/components/PWAInstallBanner.js

@@ -31,7 +31,7 @@ function c({ productName: c = "App", brandInitial: l = "B" }) {
 				className: "flex items-start gap-3",
 				children: [/* @__PURE__ */ o("div", {
 					className: "flex-shrink-0",
-					children: /* @__PURE__ */ o(i, { className: "w-5 h-5 text-status-info-text" })
+					children: /* @__PURE__ */ o(i, { className: "size-5 text-status-info-text" })
 				}), /* @__PURE__ */ s("div", {
 					className: "flex-1 min-w-0",
 					children: [
@@ -50,6 +50,7 @@ function c({ productName: c = "App", brandInitial: l = "B" }) {
 						/* @__PURE__ */ o("div", {
 							className: "mt-3 flex gap-2",
 							children: /* @__PURE__ */ o("button", {
+								type: "button",
 								onClick: m,
 								className: "px-3 py-1.5 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
 								children: "Refresh Now"
@@ -69,7 +70,7 @@ function c({ productName: c = "App", brandInitial: l = "B" }) {
 					/* @__PURE__ */ o("div", {
 						className: "flex-shrink-0",
 						children: /* @__PURE__ */ o("div", {
-							className: "w-10 h-10 rounded-lg bg-gradient-to-br from-brand-primary to-brand-secondary flex items-center justify-center text-white font-bold",
+							className: "size-10 rounded-lg bg-gradient-to-br from-brand-primary to-brand-secondary flex items-center justify-center text-white font-bold",
 							children: l
 						})
 					}),
@@ -87,10 +88,12 @@ function c({ productName: c = "App", brandInitial: l = "B" }) {
 							/* @__PURE__ */ s("div", {
 								className: "mt-3 flex gap-2",
 								children: [/* @__PURE__ */ s("button", {
+									type: "button",
 									onClick: v,
 									className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-									children: [/* @__PURE__ */ o(r, { className: "w-4 h-4" }), "Install"]
+									children: [/* @__PURE__ */ o(r, { className: "size-4" }), "Install"]
 								}), /* @__PURE__ */ o("button", {
+									type: "button",
 									onClick: y,
 									className: "px-3 py-1.5 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
 									children: "Not now"
@@ -99,10 +102,11 @@ function c({ productName: c = "App", brandInitial: l = "B" }) {
 						]
 					}),
 					/* @__PURE__ */ o("button", {
+						type: "button",
 						onClick: y,
 						className: "flex-shrink-0 p-1 text-text-muted hover:text-text-secondary transition-colors",
 						"aria-label": "Dismiss",
-						children: /* @__PURE__ */ o(a, { className: "w-4 h-4" })
+						children: /* @__PURE__ */ o(a, { className: "size-4" })
 					})
 				]
 			})

package/dist/shared/components/RequireAuth.js

@@ -8,7 +8,7 @@ function a({ children: e, loginPath: a = "/auth/login", loadingComponent: o, una
 		className: "flex items-center justify-center min-h-screen bg-bg-canvas",
 		children: /* @__PURE__ */ i("div", {
 			className: "flex flex-col items-center gap-4",
-			children: [/* @__PURE__ */ r("div", { className: "w-8 h-8 border-2 border-brand-primary border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ r("span", {
+			children: [/* @__PURE__ */ r("div", { className: "size-8 border-2 border-brand-primary border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ r("span", {
 				className: "text-text-secondary text-sm",
 				children: "Loading..."
 			})]
@@ -43,9 +43,9 @@ function a({ children: e, loginPath: a = "/auth/login", loadingComponent: o, una
 				className: "bg-bg-surface border border-border-default rounded-lg p-8 max-w-md w-full text-center",
 				children: [
 					/* @__PURE__ */ r("div", {
-						className: "w-12 h-12 mx-auto mb-4 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
+						className: "size-12 mx-auto mb-4 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
 						children: /* @__PURE__ */ r("svg", {
-							className: "w-6 h-6 text-status-error-text",
+							className: "size-6 text-status-error-text",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
@@ -79,7 +79,7 @@ function o({ children: i, redirectTo: a = "/", redirect: o }) {
 	let { isAuthenticated: s, isLoading: c } = t();
 	return c ? /* @__PURE__ */ r("div", {
 		className: "flex items-center justify-center min-h-screen bg-bg-canvas",
-		children: /* @__PURE__ */ r("div", { className: "w-8 h-8 border-2 border-brand-primary border-t-transparent rounded-full animate-spin" })
+		children: /* @__PURE__ */ r("div", { className: "size-8 border-2 border-brand-primary border-t-transparent rounded-full animate-spin" })
 	}) : s ? o ? /* @__PURE__ */ r(n, { children: o(a) }) : (typeof window < "u" && e(a), null) : /* @__PURE__ */ r(n, { children: i });
 }
 //#endregion

package/dist/shared/components/SSORedirectGuard.js

@@ -143,7 +143,7 @@ function w() {
 function T() {
 	return /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ o("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-action-primary-bg border-t-transparent" })
+		children: /* @__PURE__ */ o("div", { className: "animate-spin rounded-full size-8 border-2 border-action-primary-bg border-t-transparent" })
 	});
 }
 //#endregion

package/dist/shared/components/contextConversationWidget/Composer.js

@@ -0,0 +1,66 @@
+import { Button as e } from "../../../ui/button.js";
+import { Badge as t } from "../../../ui/badge.js";
+import { Textarea as n } from "../../../ui/textarea.js";
+import "../../../ui.js";
+import { Loader2 as r, Paperclip as i, SendHorizontal as a, SmilePlus as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/Composer.tsx
+function l({ composerValue: l, onComposerChange: u, fileInputRef: d, onFilesSelected: f, onAttachClick: p, onSend: m, uploading: h, isSendingMessage: g, featureFlags: _, mentionSuggestions: v, onSelectMention: y, tr: b }) {
+	return /* @__PURE__ */ c("div", {
+		"data-tour": "page-discussion-composer",
+		className: "space-y-3 rounded-lg border border-border bg-background/80 p-3",
+		children: [
+			/* @__PURE__ */ s(n, {
+				value: l,
+				onChange: (e) => u(e.target.value),
+				rows: 3,
+				placeholder: b("conversationWidget.placeholder", "Discuss this page in context…"),
+				className: "border-0 bg-transparent px-0 shadow-none focus-visible:ring-0"
+			}),
+			_.mentions && v.length > 0 ? /* @__PURE__ */ c("div", {
+				className: "flex flex-wrap gap-2 rounded-md border border-border bg-muted/20 p-2",
+				children: [/* @__PURE__ */ s(o, { className: "mt-0.5 size-4 text-muted-foreground" }), v.map((t) => /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => y(t),
+					children: ["@", t.label]
+				}, t.id))]
+			}) : null,
+			/* @__PURE__ */ c("div", {
+				className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between",
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ s("input", {
+							ref: d,
+							type: "file",
+							multiple: !0,
+							className: "hidden",
+							onChange: (e) => f(e.target.files)
+						}),
+						/* @__PURE__ */ c(e, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: p,
+							disabled: h,
+							children: [h ? /* @__PURE__ */ s(r, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ s(i, { className: "mr-2 size-4" }), b("conversationWidget.attach", "Attach files")]
+						}),
+						_.mentions ? /* @__PURE__ */ s(t, {
+							variant: "outline",
+							children: b("conversationWidget.mentionsHint", "Type @ to mention participants")
+						}) : null
+					]
+				}), /* @__PURE__ */ c(e, {
+					type: "button",
+					onClick: m,
+					disabled: g || h || !l.trim(),
+					children: [g ? /* @__PURE__ */ s(r, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ s(a, { className: "mr-2 size-4" }), b("conversationWidget.send", "Send")]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { l as Composer };

package/dist/shared/components/contextConversationWidget/MessageItem.js

@@ -0,0 +1,124 @@
+import { Button as e } from "../../../ui/button.js";
+import { Textarea as t } from "../../../ui/textarea.js";
+import "../../../ui.js";
+import { QUICK_REACTIONS as n } from "./types.js";
+import { formatFileSize as r, formatTimestamp as i } from "./utils.js";
+import { Pencil as a, Pin as o, PinOff as s, Reply as c, Trash2 as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/MessageItem.tsx
+function p({ message: p, currentUserId: m, featureFlags: h, editingMessageId: g, editingValue: _, onEditValueChange: v, onStartEdit: y, onCancelEdit: b, onSaveEdit: x, onSetReplyTarget: S, onToggleReaction: C, onDelete: w, onTogglePin: T, tr: E }) {
+	let D = p.authorId === m, O = g === p.id;
+	return /* @__PURE__ */ d("div", {
+		className: `flex ${D ? "justify-end" : "justify-start"}`,
+		children: /* @__PURE__ */ f("div", {
+			className: `w-full max-w-full rounded-xl border px-3 py-2 text-sm shadow-sm sm:max-w-[92%] ${D ? "border-primary/20 bg-primary/5" : "border-border bg-background"}`,
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "mb-1 flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-2 text-xs text-muted-foreground",
+						children: [
+							/* @__PURE__ */ d("span", {
+								className: "font-medium text-foreground",
+								children: D ? E("conversationWidget.you", "You") : p.authorId
+							}),
+							/* @__PURE__ */ d("span", { children: i(p.createdAt) }),
+							p.isEdited ? /* @__PURE__ */ d("span", { children: E("conversationWidget.edited", "edited") }) : null,
+							p.isPinned ? /* @__PURE__ */ d(o, { className: "size-3" }) : null
+						]
+					}), /* @__PURE__ */ d("div", {
+						className: "flex items-center gap-1",
+						children: h.reactions && p.permissions.canReact ? n.map((e) => {
+							let t = p.reactions.filter((t) => t.emoji === e).length;
+							return /* @__PURE__ */ f("button", {
+								type: "button",
+								className: `min-h-9 rounded-full px-2.5 py-1 text-xs transition-colors ${p.reactions.some((t) => t.emoji === e && t.userId === m) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
+								onClick: () => C(p, e),
+								children: [e, t > 0 ? ` ${t}` : ""]
+							}, `${p.id}-${e}`);
+						}) : null
+					})]
+				}),
+				O ? /* @__PURE__ */ f("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ d(t, {
+						value: _,
+						onChange: (e) => v(e.target.value),
+						rows: 3
+					}), /* @__PURE__ */ f("div", {
+						className: "flex flex-wrap items-center justify-end gap-2",
+						children: [/* @__PURE__ */ d(e, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: b,
+							children: E("conversationWidget.cancel", "Cancel")
+						}), /* @__PURE__ */ d(e, {
+							type: "button",
+							size: "sm",
+							onClick: x,
+							children: E("conversationWidget.save", "Save")
+						})]
+					})]
+				}) : /* @__PURE__ */ f(u, { children: [p.parentMessageId ? /* @__PURE__ */ d("p", {
+					className: "mb-1 text-xs text-muted-foreground",
+					children: E("conversationWidget.replyingInThread", "Reply in thread")
+				}) : null, /* @__PURE__ */ d("p", {
+					className: "whitespace-pre-wrap break-words text-sm text-foreground",
+					children: p.content
+				})] }),
+				p.attachments.length > 0 ? /* @__PURE__ */ d("div", {
+					className: "mt-3 flex flex-col gap-2",
+					children: p.attachments.map((e) => /* @__PURE__ */ f("a", {
+						href: e.downloadUrl ?? "#",
+						target: e.downloadUrl ? "_blank" : void 0,
+						rel: e.downloadUrl ? "noreferrer" : void 0,
+						className: "flex items-center justify-between gap-2 rounded-md border border-border bg-muted/40 px-3 py-2 text-xs",
+						children: [/* @__PURE__ */ d("span", {
+							className: "truncate",
+							children: e.fileName
+						}), /* @__PURE__ */ d("span", {
+							className: "text-muted-foreground",
+							children: r(e.fileSize)
+						})]
+					}, e.id))
+				}) : null,
+				/* @__PURE__ */ f("div", {
+					className: "mt-3 flex flex-wrap items-center gap-2 text-xs",
+					children: [
+						h.threads && p.permissions.canReply ? /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => S(p),
+							children: [/* @__PURE__ */ d(c, { className: "mr-2 size-3" }), E("conversationWidget.reply", "Reply")]
+						}) : null,
+						p.permissions.canEdit && !O ? /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => y(p),
+							children: [/* @__PURE__ */ d(a, { className: "mr-2 size-3" }), E("conversationWidget.edit", "Edit")]
+						}) : null,
+						p.permissions.canDelete ? /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => w(p),
+							children: [/* @__PURE__ */ d(l, { className: "mr-2 size-3" }), E("conversationWidget.delete", "Delete")]
+						}) : null,
+						p.permissions.canPin ? /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => T(p),
+							children: [p.isPinned ? /* @__PURE__ */ d(s, { className: "mr-2 size-3" }) : /* @__PURE__ */ d(o, { className: "mr-2 size-3" }), p.isPinned ? E("conversationWidget.unpin", "Unpin") : E("conversationWidget.pin", "Pin")]
+						}) : null
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { p as MessageItem };

package/dist/shared/components/contextConversationWidget/MessageList.js

@@ -0,0 +1,32 @@
+import { MessageItem as e } from "./MessageItem.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/MessageList.tsx
+function r({ messages: r, currentUserId: i, featureFlags: a, editingMessageId: o, editingValue: s, messageEndRef: c, onEditValueChange: l, onStartEdit: u, onCancelEdit: d, onSaveEdit: f, onSetReplyTarget: p, onToggleReaction: m, onDelete: h, onTogglePin: g, tr: _ }) {
+	return /* @__PURE__ */ t("div", {
+		className: "max-h-[24rem] overflow-y-auto rounded-lg border border-border bg-muted/20",
+		children: /* @__PURE__ */ n("div", {
+			className: "space-y-3 p-4",
+			children: [r.length === 0 ? /* @__PURE__ */ t("div", {
+				className: "rounded-lg border border-dashed border-border bg-background/70 px-4 py-5 text-sm text-muted-foreground",
+				children: _("conversationWidget.empty", "No messages yet. Start the conversation in context.")
+			}) : r.map((n) => /* @__PURE__ */ t(e, {
+				message: n,
+				currentUserId: i,
+				featureFlags: a,
+				editingMessageId: o,
+				editingValue: s,
+				onEditValueChange: l,
+				onStartEdit: u,
+				onCancelEdit: d,
+				onSaveEdit: f,
+				onSetReplyTarget: p,
+				onToggleReaction: m,
+				onDelete: h,
+				onTogglePin: g,
+				tr: _
+			}, n.id)), /* @__PURE__ */ t("div", { ref: c })]
+		})
+	});
+}
+//#endregion
+export { r as MessageList };

package/dist/shared/components/contextConversationWidget/NoWorkspaceCard.js

@@ -0,0 +1,19 @@
+import { Card as e, CardContent as t, CardHeader as n, CardTitle as r } from "../../../ui/card.js";
+import "../../../ui.js";
+import { MessageCircle as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/NoWorkspaceCard.tsx
+function s({ className: s, tr: c }) {
+	return /* @__PURE__ */ o(e, {
+		className: s,
+		children: [/* @__PURE__ */ a(n, { children: /* @__PURE__ */ o(r, {
+			className: "flex items-center gap-2 text-base",
+			children: [/* @__PURE__ */ a(i, { className: "size-4" }), c("conversationWidget.title", "Page conversation")]
+		}) }), /* @__PURE__ */ a(t, { children: /* @__PURE__ */ a("p", {
+			className: "text-sm text-muted-foreground",
+			children: c("conversationWidget.noWorkspace", "Select a workspace to enable contextual conversations on this page.")
+		}) })]
+	});
+}
+//#endregion
+export { s as NoWorkspaceCard };

package/dist/shared/components/contextConversationWidget/PendingAttachmentsBar.js

@@ -0,0 +1,28 @@
+import { Badge as e } from "../../../ui/badge.js";
+import "../../../ui.js";
+import { Paperclip as t, X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/PendingAttachmentsBar.tsx
+function a({ attachments: a, onRemove: o }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-wrap gap-2",
+		children: a.map((a) => /* @__PURE__ */ i(e, {
+			variant: "secondary",
+			className: "gap-2 py-1.5",
+			children: [
+				/* @__PURE__ */ r(t, { className: "size-3" }),
+				/* @__PURE__ */ r("span", {
+					className: "max-w-[14rem] truncate",
+					children: a.fileName
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					onClick: () => o(a.fileId),
+					children: /* @__PURE__ */ r(n, { className: "size-3" })
+				})
+			]
+		}, a.fileId))
+	});
+}
+//#endregion
+export { a as PendingAttachmentsBar };

package/dist/shared/components/contextConversationWidget/ReplyBanner.js

@@ -0,0 +1,32 @@
+import { Button as e } from "../../../ui/button.js";
+import "../../../ui.js";
+import { X as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/ReplyBanner.tsx
+function i({ replyTarget: i, onClear: a, tr: o }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-between gap-2 rounded-md border border-border bg-muted/40 px-3 py-2 text-sm",
+		children: [/* @__PURE__ */ r("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ r("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					o("conversationWidget.replyingTo", "Replying to"),
+					" ",
+					i.authorId
+				]
+			}), /* @__PURE__ */ n("p", {
+				className: "truncate",
+				children: i.content
+			})]
+		}), /* @__PURE__ */ n(e, {
+			type: "button",
+			variant: "ghost",
+			size: "icon",
+			onClick: a,
+			children: /* @__PURE__ */ n(t, { className: "size-4" })
+		})]
+	});
+}
+//#endregion
+export { i as ReplyBanner };

package/dist/shared/components/contextConversationWidget/WidgetHeader.js

@@ -0,0 +1,70 @@
+import { Button as e } from "../../../ui/button.js";
+import { Badge as t } from "../../../ui/badge.js";
+import { CardHeader as n, CardTitle as r } from "../../../ui/card.js";
+import "../../../ui.js";
+import { ChevronDown as i, ChevronUp as a, ExternalLink as o, MessageCircle as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/WidgetHeader.tsx
+function u({ conversationTitle: u, pageContext: d, resolvedContext: f, unreadCount: p, conversationId: m, collapsed: h, onToggleCollapsed: g, onOpenContext: _, onOpenInbox: v, tr: y }) {
+	let b = d.entityType && d.entityId ? `${d.entityType} · ${d.entityId}` : d.pagePath;
+	return /* @__PURE__ */ l(n, {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between",
+			children: [/* @__PURE__ */ l("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ l(r, {
+					className: "flex items-center gap-2 text-base",
+					children: [/* @__PURE__ */ c(s, { className: "size-4" }), u || d.contextTitle || y("conversationWidget.title", "Page conversation")]
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground truncate whitespace-nowrap overflow-hidden max-w-full",
+					title: b,
+					children: b
+				})]
+			}), /* @__PURE__ */ l("div", {
+				className: "flex flex-wrap items-center gap-2 md:justify-end",
+				children: [
+					/* @__PURE__ */ l(e, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: _,
+						children: [/* @__PURE__ */ c(o, { className: "mr-2 size-4" }), y("conversationWidget.openContext", "Open context")]
+					}),
+					/* @__PURE__ */ c(e, {
+						type: "button",
+						"data-tour": "page-discussion-open-full",
+						variant: "outline",
+						size: "sm",
+						onClick: v,
+						disabled: !m,
+						children: y("conversationWidget.openInbox", "Open in conversations")
+					}),
+					/* @__PURE__ */ c(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						onClick: g,
+						"aria-label": h ? y("conversationWidget.expand", "Expand page conversation") : y("conversationWidget.collapse", "Collapse page conversation"),
+						children: c(h ? i : a, { className: "size-4" })
+					})
+				]
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [
+				/* @__PURE__ */ c(t, {
+					variant: "secondary",
+					children: f.widgetKey
+				}),
+				f.activeTab ? /* @__PURE__ */ c(t, {
+					variant: "outline",
+					children: f.activeTab
+				}) : null,
+				p ? /* @__PURE__ */ l(t, { children: [p, " unread"] }) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { u as WidgetHeader };