@burdenoff/microfe-crewfoundry 2026.1029.2 → 2026.1030.1

package/dist/crewfoundry/lib/useFocusedRecordParam.d.ts

@@ -0,0 +1,51 @@
+/**
+ * The search param that names the record a page is focused on.
+ *
+ * It is the same `?id=` the detail pages (`hiring/job-details-page?id=…`)
+ * already read, so `resolveCrewFoundryConversationContext` in
+ * `src/utils/pageContext.ts` resolves every focused record the same way: the
+ * assistant's "this interview" / "approve this" works without the user naming
+ * the record.
+ */
+export declare const FOCUSED_RECORD_PARAM = "id";
+interface UseFocusedRecordParamOptions<T extends {
+    id: string;
+}> {
+    /** The records the page can focus. Restoring waits until the URL's id is among them. */
+    records: readonly T[];
+    /** The record the page is showing right now (selected row, open edit dialog), or null. */
+    activeId: string | null;
+    /** Re-focus the record named by the URL when the page is opened from a link or reloaded. */
+    onRestore: (record: T) => void;
+}
+/**
+ * Keeps `?id=` in step with the record a list page is focused on.
+ *
+ * List pages (leave, time, payroll, interviews, departments, clients, vendors,
+ * announcements, candidates) have no detail route of their own: the user
+ * focuses a record in place, by selecting a row or opening its edit dialog.
+ * Writing that focus to the URL is what lets the assistant's page context name
+ * the record, and makes the focused record linkable.
+ *
+ * - On first load, an `?id=` already in the URL is restored once, as soon as
+ *   the record is loaded (`onRestore`). Until then the id is left alone, so a
+ *   slow list load cannot erase a deep link.
+ * - After that, the URL follows `activeId`: set while a record is focused,
+ *   removed when focus is cleared. Updates use `replace` so focusing rows does
+ *   not fill the browser history.
+ */
+export declare function useFocusedRecordParam<T extends {
+    id: string;
+}>({ records, activeId, onRestore, }: UseFocusedRecordParamOptions<T>): void;
+/**
+ * Marks the focused row's primary cell. `ResponsiveTable` has no row-state
+ * styling, so the highlight sits on the cell; the classes match the selected
+ * state of the interview schedule list.
+ */
+export declare const FOCUSED_CELL_CLASS = "rounded-[var(--radius-input)] bg-action-primary-bg/10 ring-1 ring-action-primary-bg";
+/** The 1-based `usePagination` page that holds `id` in `list` (1 when it is absent). */
+export declare function pageContaining(list: readonly {
+    id: string;
+}[], id: string, pageSize: number): number;
+export {};
+//# sourceMappingURL=useFocusedRecordParam.d.ts.map

package/dist/crewfoundry/lib/useFocusedRecordParam.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusedRecordParam.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/lib/useFocusedRecordParam.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,UAAU,4BAA4B,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC7D,wFAAwF;IACxF,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC;IACtB,0FAA0F;IAC1F,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,4FAA4F;IAC5F,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CAChC;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EAC9D,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,CAAC,CAAC,CAAC,GAAG,IAAI,CA6DxC;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,wFACwD,CAAC;AAExF,wFAAwF;AACxF,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EAC/B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,MAAM,GACf,MAAM,CAGR"}

package/dist/crewfoundry/lib/useFocusedRecordParam.js

@@ -0,0 +1,38 @@
+import { useEffect as e, useRef as t } from "react";
+import { useSearchParams as n } from "react-router";
+function r({ records: r, activeId: i, onRestore: a }) {
+	let [o, s] = n(), c = o.get("id"), l = t(c === null), u = t(null), d = t(a), f = t(c), p = t(s);
+	e(() => {
+		d.current = a, f.current = c, p.current = s;
+	}), e(() => {
+		if (l.current) return;
+		if (c === null) {
+			l.current = !0;
+			return;
+		}
+		let e = r.find((e) => e.id === c);
+		e && (l.current = !0, u.current = e.id, d.current(e));
+	}, [r, c]), e(() => {
+		if (!l.current) {
+			if (i === null) return;
+			l.current = !0;
+		}
+		if (u.current !== null) {
+			if (i !== u.current) return;
+			u.current = null;
+		}
+		i !== f.current && p.current((e) => {
+			let t = new URLSearchParams(e);
+			return i ? t.set("id", i) : t.delete("id"), t;
+		}, { replace: !0 });
+	}, [i]);
+}
+var i = "rounded-[var(--radius-input)] bg-action-primary-bg/10 ring-1 ring-action-primary-bg";
+function a(e, t, n) {
+	let r = e.findIndex((e) => e.id === t);
+	return r < 0 || n <= 0 ? 1 : Math.floor(r / n) + 1;
+}
+//#endregion
+export { i as FOCUSED_CELL_CLASS, a as pageContaining, r as useFocusedRecordParam };
+
+//# sourceMappingURL=useFocusedRecordParam.js.map

package/dist/crewfoundry/lib/useFocusedRecordParam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusedRecordParam.js","names":[],"sources":["../../../src/crewfoundry/lib/useFocusedRecordParam.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useSearchParams } from 'react-router';\n\n/**\n * The search param that names the record a page is focused on.\n *\n * It is the same `?id=` the detail pages (`hiring/job-details-page?id=…`)\n * already read, so `resolveCrewFoundryConversationContext` in\n * `src/utils/pageContext.ts` resolves every focused record the same way: the\n * assistant's \"this interview\" / \"approve this\" works without the user naming\n * the record.\n */\nexport const FOCUSED_RECORD_PARAM = 'id';\n\ninterface UseFocusedRecordParamOptions<T extends { id: string }> {\n  /** The records the page can focus. Restoring waits until the URL's id is among them. */\n  records: readonly T[];\n  /** The record the page is showing right now (selected row, open edit dialog), or null. */\n  activeId: string | null;\n  /** Re-focus the record named by the URL when the page is opened from a link or reloaded. */\n  onRestore: (record: T) => void;\n}\n\n/**\n * Keeps `?id=` in step with the record a list page is focused on.\n *\n * List pages (leave, time, payroll, interviews, departments, clients, vendors,\n * announcements, candidates) have no detail route of their own: the user\n * focuses a record in place, by selecting a row or opening its edit dialog.\n * Writing that focus to the URL is what lets the assistant's page context name\n * the record, and makes the focused record linkable.\n *\n * - On first load, an `?id=` already in the URL is restored once, as soon as\n *   the record is loaded (`onRestore`). Until then the id is left alone, so a\n *   slow list load cannot erase a deep link.\n * - After that, the URL follows `activeId`: set while a record is focused,\n *   removed when focus is cleared. Updates use `replace` so focusing rows does\n *   not fill the browser history.\n */\nexport function useFocusedRecordParam<T extends { id: string }>({\n  records,\n  activeId,\n  onRestore,\n}: UseFocusedRecordParamOptions<T>): void {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const urlId = searchParams.get(FOCUSED_RECORD_PARAM);\n\n  // The initial URL id is restored at most once; afterwards the page owns focus.\n  const restoredRef = useRef<boolean>(urlId === null);\n  // Set while a restored record has been handed to the page but the page's\n  // focus has not caught up yet, so the sync below does not erase the id in\n  // the render between the two.\n  const awaitingFocusRef = useRef<string | null>(null);\n  const onRestoreRef = useRef(onRestore);\n  // Read the latest URL state inside the sync effect without re-running it on\n  // every navigation: it must fire only when the page's focus changes.\n  const urlIdRef = useRef(urlId);\n  const setSearchParamsRef = useRef(setSearchParams);\n\n  // Runs before the effects below in every commit, so they see this render's values.\n  useEffect(() => {\n    onRestoreRef.current = onRestore;\n    urlIdRef.current = urlId;\n    setSearchParamsRef.current = setSearchParams;\n  });\n\n  useEffect(() => {\n    if (restoredRef.current) return;\n    if (urlId === null) {\n      restoredRef.current = true;\n      return;\n    }\n    const record = records.find((candidate) => candidate.id === urlId);\n    if (!record) return;\n    restoredRef.current = true;\n    awaitingFocusRef.current = record.id;\n    onRestoreRef.current(record);\n  }, [records, urlId]);\n\n  useEffect(() => {\n    if (!restoredRef.current) {\n      // The linked record never loaded (deleted, or not visible to this\n      // user). Once the user focuses something else, the page owns the URL.\n      if (activeId === null) return;\n      restoredRef.current = true;\n    }\n    if (awaitingFocusRef.current !== null) {\n      if (activeId !== awaitingFocusRef.current) return;\n      awaitingFocusRef.current = null;\n    }\n    if (activeId === urlIdRef.current) return;\n    setSearchParamsRef.current(\n      (previous) => {\n        const next = new URLSearchParams(previous);\n        if (activeId) {\n          next.set(FOCUSED_RECORD_PARAM, activeId);\n        } else {\n          next.delete(FOCUSED_RECORD_PARAM);\n        }\n        return next;\n      },\n      { replace: true }\n    );\n  }, [activeId]);\n}\n\n/**\n * Marks the focused row's primary cell. `ResponsiveTable` has no row-state\n * styling, so the highlight sits on the cell; the classes match the selected\n * state of the interview schedule list.\n */\nexport const FOCUSED_CELL_CLASS =\n  'rounded-[var(--radius-input)] bg-action-primary-bg/10 ring-1 ring-action-primary-bg';\n\n/** The 1-based `usePagination` page that holds `id` in `list` (1 when it is absent). */\nexport function pageContaining(\n  list: readonly { id: string }[],\n  id: string,\n  pageSize: number\n): number {\n  const index = list.findIndex((item) => item.id === id);\n  return index < 0 || pageSize <= 0 ? 1 : Math.floor(index / pageSize) + 1;\n}\n"],"mappings":";;AAuCA,SAAgB,EAAgD,EAC9D,YACA,aACA,gBACwC;CACxC,IAAM,CAAC,GAAc,KAAmB,GAAiB,EACnD,IAAQ,EAAa,IAAA,KAAyB,EAG9C,IAAc,EAAgB,MAAU,KAAK,EAI7C,IAAmB,EAAsB,KAAK,EAC9C,IAAe,EAAO,EAAU,EAGhC,IAAW,EAAO,EAAM,EACxB,IAAqB,EAAO,EAAgB;AAsBlD,CAnBA,QAAgB;AAGd,EAFA,EAAa,UAAU,GACvB,EAAS,UAAU,GACnB,EAAmB,UAAU;GAC7B,EAEF,QAAgB;AACd,MAAI,EAAY,QAAS;AACzB,MAAI,MAAU,MAAM;AAClB,KAAY,UAAU;AACtB;;EAEF,IAAM,IAAS,EAAQ,MAAM,MAAc,EAAU,OAAO,EAAM;AAC7D,QACL,EAAY,UAAU,IACtB,EAAiB,UAAU,EAAO,IAClC,EAAa,QAAQ,EAAO;IAC3B,CAAC,GAAS,EAAM,CAAC,EAEpB,QAAgB;AACd,MAAI,CAAC,EAAY,SAAS;AAGxB,OAAI,MAAa,KAAM;AACvB,KAAY,UAAU;;AAExB,MAAI,EAAiB,YAAY,MAAM;AACrC,OAAI,MAAa,EAAiB,QAAS;AAC3C,KAAiB,UAAU;;AAEzB,QAAa,EAAS,WAC1B,EAAmB,SAChB,MAAa;GACZ,IAAM,IAAO,IAAI,gBAAgB,EAAS;AAM1C,UALI,IACF,EAAK,IAAA,MAA0B,EAAS,GAExC,EAAK,OAAA,KAA4B,EAE5B;KAET,EAAE,SAAS,IAAM,CAClB;IACA,CAAC,EAAS,CAAC;;AAQhB,IAAa,IACX;AAGF,SAAgB,EACd,GACA,GACA,GACQ;CACR,IAAM,IAAQ,EAAK,WAAW,MAAS,EAAK,OAAO,EAAG;AACtD,QAAO,IAAQ,KAAK,KAAY,IAAI,IAAI,KAAK,MAAM,IAAQ,EAAS,GAAG"}

package/dist/crewfoundry/pages/CommunicationsAnnouncementsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommunicationsAnnouncementsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx"],"names":[],"mappings":"AAiHA,wBAAgB,mCAAmC,gCAiVlD"}
+{"version":3,"file":"CommunicationsAnnouncementsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx"],"names":[],"mappings":"AAkHA,wBAAgB,mCAAmC,gCAuVlD"}

package/dist/crewfoundry/pages/CommunicationsAnnouncementsPagePage.js

@@ -2,12 +2,13 @@ import { CONVERSATIONS_ROUTE as e, useCrewFoundryStore as t } from "../store/cre
 import { formatEnumLabel as n } from "../utils/formatEnumLabel.js";
 import { AvatarStack as r } from "../components/viz/AvatarStack.js";
 import "../components/viz/index.js";
-import { FormModal as ee, useFormModal as i } from "../components/forms/FormModal.js";
-import { useMemo as a, useState as o } from "react";
-import { Eye as s, MessageSquare as c, Pencil as l, Pin as u, PinOff as d, Plus as f, Search as te, Send as ne, Trash2 as re } from "lucide-react";
-import { useNavigate as ie } from "react-router";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { AlertDialog as h, AlertDialogAction as g, AlertDialogCancel as _, AlertDialogContent as ae, AlertDialogDescription as oe, AlertDialogFooter as se, AlertDialogHeader as v, AlertDialogTitle as y, Badge as b, Button as x, Card as ce, CardContent as S, CardHeader as C, CardTitle as w, GlassCard as le, GradientText as ue, IllustratedEmptyState as de, Input as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { FormModal as i, useFormModal as a } from "../components/forms/FormModal.js";
+import { useFocusedRecordParam as ee } from "../lib/useFocusedRecordParam.js";
+import { useMemo as o, useState as s } from "react";
+import { Eye as te, MessageSquare as ne, Pencil as re, Pin as c, PinOff as ie, Plus as l, Search as u, Send as d, Trash2 as f } from "lucide-react";
+import { useNavigate as p } from "react-router";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { AlertDialog as g, AlertDialogAction as _, AlertDialogCancel as ae, AlertDialogContent as oe, AlertDialogDescription as se, AlertDialogFooter as ce, AlertDialogHeader as le, AlertDialogTitle as ue, Badge as v, Button as y, Card as de, CardContent as b, CardHeader as x, CardTitle as S, GlassCard as fe, GradientText as C, IllustratedEmptyState as w, Input as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 import { useGlobalUi as D } from "@burdenoff/fe-libs/shared/providers/shell";
 import { formatRelativeTime as O } from "@burdenoff/fe-libs/shared/utils";
 //#region src/crewfoundry/pages/CommunicationsAnnouncementsPagePage.tsx
@@ -123,10 +124,16 @@ var k = [
 	}
 };
 function I() {
-	let { announcements: O, notifications: k, addAnnouncement: A, updateAnnouncement: I, removeAnnouncement: L } = t(), { showToast: R } = D(), z = ie(), B = i(), [V, H] = o(null), [U, W] = o(!1), [G, fe] = o(""), K = B.context, q = a(() => k.filter((e) => e.category === "communications"), [k]), J = G.trim().toLowerCase(), Y = a(() => J.length === 0 ? O : O.filter((e) => `${e.title} ${e.content} ${e.tags.join(" ")}`.toLowerCase().includes(J)), [O, J]), X = Y.filter((e) => e.isPinned), Z = Y.filter((e) => !e.isPinned), pe = async (e) => {
+	let { announcements: O, notifications: k, addAnnouncement: A, updateAnnouncement: I, removeAnnouncement: L } = t(), { showToast: R } = D(), pe = p(), z = a();
+	ee({
+		records: O,
+		activeId: z.open ? z.context?.id ?? null : null,
+		onRestore: z.openModal
+	});
+	let [B, V] = s(null), [H, U] = s(!1), [W, me] = s(""), G = z.context, K = o(() => k.filter((e) => e.category === "communications"), [k]), q = W.trim().toLowerCase(), J = o(() => q.length === 0 ? O : O.filter((e) => `${e.title} ${e.content} ${e.tags.join(" ")}`.toLowerCase().includes(q)), [O, q]), Y = J.filter((e) => e.isPinned), X = J.filter((e) => !e.isPinned), he = async (e) => {
 		let t = Array.isArray(e.tags) ? e.tags : [];
-		if (K) {
-			await I(K.id, {
+		if (G) {
+			await I(G.id, {
 				title: String(e.title),
 				content: String(e.content),
 				category: String(e.category),
@@ -149,117 +156,117 @@ function I() {
 			viewCount: 0,
 			tags: t
 		}), R("Announcement published", "success");
-	}, me = async (e) => {
+	}, ge = async (e) => {
 		try {
 			await I(e.id, { isPinned: !e.isPinned }), R(e.isPinned ? "Unpinned" : "Pinned to top", "success");
 		} catch (e) {
 			R(e instanceof Error ? e.message : "Unable to update announcement", "error");
 		}
-	}, he = async () => {
-		if (V) {
-			W(!0);
+	}, _e = async () => {
+		if (B) {
+			U(!0);
 			try {
-				await L(V.id), R("Announcement deleted", "success"), H(null);
+				await L(B.id), R("Announcement deleted", "success"), V(null);
 			} catch (e) {
 				R(e instanceof Error ? e.message : "Unable to delete announcement", "error");
 			} finally {
-				W(!1);
+				U(!1);
 			}
 		}
-	}, Q = () => z(e), ge = K ? {
-		title: K.title,
-		content: K.content,
-		category: K.category,
-		priority: K.priority,
-		tags: K.tags,
-		isPinned: K.isPinned
-	} : void 0, $ = (e, t) => /* @__PURE__ */ m(le, {
+	}, Z = () => pe(e), Q = G ? {
+		title: G.title,
+		content: G.content,
+		category: G.category,
+		priority: G.priority,
+		tags: G.tags,
+		isPinned: G.isPinned
+	} : void 0, $ = (e, t) => /* @__PURE__ */ h(fe, {
 		treatment: t ? "glass" : "plain",
 		glow: t,
 		className: "transition-shadow hover:shadow-elevation-2",
-		children: [/* @__PURE__ */ m(C, {
+		children: [/* @__PURE__ */ h(x, {
 			className: "pb-3",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ p(b, {
+						/* @__PURE__ */ m(v, {
 							className: `border-transparent text-[10px] ${M[e.priority]}`,
 							children: n(e.priority)
 						}),
-						/* @__PURE__ */ p(b, {
+						/* @__PURE__ */ m(v, {
 							className: `border-transparent text-[10px] ${j[e.category]}`,
 							children: n(e.category)
 						}),
-						/* @__PURE__ */ m("span", {
+						/* @__PURE__ */ h("span", {
 							className: "flex items-center gap-1.5 text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ p(r, {
+								/* @__PURE__ */ m(r, {
 									people: [{ name: e.author }],
 									size: 20
 								}),
 								e.author,
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ h("span", {
 									className: "text-text-muted",
 									children: ["· ", F(e.createdAt)]
 								})
 							]
 						})
 					]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-0.5",
 					children: [
-						/* @__PURE__ */ p(x, {
+						/* @__PURE__ */ m(y, {
 							variant: "ghost",
 							size: "icon",
 							className: `h-7 w-7 ${e.isPinned ? "text-status-info-text" : ""}`,
 							"aria-label": e.isPinned ? `Unpin ${e.title}` : `Pin ${e.title}`,
 							"aria-pressed": e.isPinned,
-							onClick: () => void me(e),
-							children: e.isPinned ? /* @__PURE__ */ p(d, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ p(u, { className: "h-3.5 w-3.5" })
+							onClick: () => void ge(e),
+							children: e.isPinned ? /* @__PURE__ */ m(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ m(c, { className: "h-3.5 w-3.5" })
 						}),
-						/* @__PURE__ */ p(x, {
+						/* @__PURE__ */ m(y, {
 							variant: "ghost",
 							size: "icon",
 							className: "h-7 w-7",
 							"aria-label": `Edit announcement ${e.title}`,
-							onClick: () => B.openModal(e),
-							children: /* @__PURE__ */ p(l, { className: "h-3.5 w-3.5" })
+							onClick: () => z.openModal(e),
+							children: /* @__PURE__ */ m(re, { className: "h-3.5 w-3.5" })
 						}),
-						/* @__PURE__ */ p(x, {
+						/* @__PURE__ */ m(y, {
 							variant: "ghost",
 							size: "icon",
 							className: "h-7 w-7 text-status-error-text",
 							"aria-label": `Delete announcement ${e.title}`,
-							onClick: () => H(e),
-							children: /* @__PURE__ */ p(re, { className: "h-3.5 w-3.5" })
+							onClick: () => V(e),
+							children: /* @__PURE__ */ m(f, { className: "h-3.5 w-3.5" })
 						})
 					]
 				})]
-			}), /* @__PURE__ */ p(w, {
+			}), /* @__PURE__ */ m(S, {
 				className: "text-base",
 				children: e.title
 			})]
-		}), /* @__PURE__ */ m(S, {
+		}), /* @__PURE__ */ h(b, {
 			className: "pt-0",
 			children: [
-				/* @__PURE__ */ p("p", {
+				/* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: e.content
 				}),
-				e.tags.length > 0 && /* @__PURE__ */ p("div", {
+				e.tags.length > 0 && /* @__PURE__ */ m("div", {
 					className: "mt-3 flex flex-wrap gap-1",
-					children: e.tags.map((e) => /* @__PURE__ */ p(b, {
+					children: e.tags.map((e) => /* @__PURE__ */ m(v, {
 						variant: "outline",
 						className: "text-[9px]",
 						children: e
 					}, e))
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ h("div", {
 					className: "mt-3 flex items-center gap-1 text-xs text-text-muted",
 					children: [
-						/* @__PURE__ */ p(s, { className: "h-3 w-3" }),
+						/* @__PURE__ */ m(te, { className: "h-3 w-3" }),
 						e.viewCount,
 						" read"
 					]
@@ -267,146 +274,146 @@ function I() {
 			]
 		})]
 	}, e.id);
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ m("div", { children: [
-					/* @__PURE__ */ p("h1", {
+				children: [/* @__PURE__ */ h("div", { children: [
+					/* @__PURE__ */ m("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ p(ue, { children: "Announcements" })
+						children: /* @__PURE__ */ m(C, { children: "Announcements" })
 					}),
-					/* @__PURE__ */ m("p", {
+					/* @__PURE__ */ h("p", {
 						className: "text-sm text-text-secondary",
 						children: [O.length, " company announcements"]
 					}),
-					/* @__PURE__ */ p(E, {
+					/* @__PURE__ */ m(E, {
 						className: "mt-1",
 						children: "Broadcast company-wide news and updates so everyone stays informed — post announcements here when you have something the whole team needs to see."
 					})
-				] }), /* @__PURE__ */ m(x, {
+				] }), /* @__PURE__ */ h(y, {
 					size: "sm",
-					onClick: () => B.openModal(),
-					children: [/* @__PURE__ */ p(f, { className: "h-4 w-4 mr-1" }), "New Announcement"]
+					onClick: () => z.openModal(),
+					children: [/* @__PURE__ */ m(l, { className: "h-4 w-4 mr-1" }), "New Announcement"]
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "relative max-w-md",
-				children: [/* @__PURE__ */ p(te, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ p(T, {
+				children: [/* @__PURE__ */ m(u, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ m(T, {
 					placeholder: "Search announcements...",
 					className: "pl-9",
-					value: G,
-					onChange: (e) => fe(e.target.value)
+					value: W,
+					onChange: (e) => me(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "space-y-4 lg:col-span-2",
 					children: [
-						Y.length === 0 && /* @__PURE__ */ p(de, {
+						J.length === 0 && /* @__PURE__ */ m(w, {
 							illustration: "empty-notifications",
-							title: J ? "No announcements match" : "No announcements yet",
-							description: J ? "Try a different search term." : "Post an announcement to share news with the whole team."
+							title: q ? "No announcements match" : "No announcements yet",
+							description: q ? "Try a different search term." : "Post an announcement to share news with the whole team."
 						}),
-						X.length > 0 && /* @__PURE__ */ m("div", {
+						Y.length > 0 && /* @__PURE__ */ h("div", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ m("h2", {
+							children: [/* @__PURE__ */ h("h2", {
 								className: "flex items-center gap-1 text-sm font-medium",
-								children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), "Pinned"]
-							}), X.map((e) => $(e, !0))]
+								children: [/* @__PURE__ */ m(c, { className: "h-4 w-4" }), "Pinned"]
+							}), Y.map((e) => $(e, !0))]
 						}),
-						Z.length > 0 && /* @__PURE__ */ p("div", {
+						X.length > 0 && /* @__PURE__ */ m("div", {
 							className: "space-y-3",
-							children: Z.map((e) => $(e, !1))
+							children: X.map((e) => $(e, !1))
 						})
 					]
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ m(ce, {
+					children: /* @__PURE__ */ h(de, {
 						className: "lg:sticky lg:top-6",
-						children: [/* @__PURE__ */ m(C, {
+						children: [/* @__PURE__ */ h(x, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-3",
-							children: [/* @__PURE__ */ p(w, {
+							children: [/* @__PURE__ */ m(S, {
 								className: "text-base",
 								children: "Conversations"
-							}), /* @__PURE__ */ m(x, {
+							}), /* @__PURE__ */ h(y, {
 								variant: "ghost",
 								size: "sm",
-								onClick: Q,
-								children: [/* @__PURE__ */ p(c, { className: "mr-1 h-3.5 w-3.5" }), "Open"]
+								onClick: Z,
+								children: [/* @__PURE__ */ m(ne, { className: "mr-1 h-3.5 w-3.5" }), "Open"]
 							})]
-						}), /* @__PURE__ */ m(S, {
+						}), /* @__PURE__ */ h(b, {
 							className: "space-y-1",
-							children: [q.length === 0 ? /* @__PURE__ */ p("p", {
+							children: [K.length === 0 ? /* @__PURE__ */ m("p", {
 								className: "py-6 text-center text-xs text-text-muted",
 								children: "No active conversations yet. Team channels will appear here as they get activity."
-							}) : q.map((e) => /* @__PURE__ */ m("button", {
+							}) : K.map((e) => /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: Q,
+								onClick: Z,
 								className: "flex w-full items-start gap-3 rounded-[var(--radius-card)] p-2 text-left transition-colors hover:bg-bg-sunken",
 								children: [
-									/* @__PURE__ */ p(r, {
+									/* @__PURE__ */ m(r, {
 										people: [{ name: e.title }],
 										size: 32
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ h("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ m("div", {
+										children: [/* @__PURE__ */ h("div", {
 											className: "flex items-center justify-between gap-2",
-											children: [/* @__PURE__ */ p("p", {
+											children: [/* @__PURE__ */ m("p", {
 												className: "truncate text-sm font-medium",
 												children: e.title
-											}), /* @__PURE__ */ p("span", {
+											}), /* @__PURE__ */ m("span", {
 												className: "shrink-0 text-[10px] text-text-muted",
 												children: F(e.createdAt)
 											})]
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ m("p", {
 											className: "truncate text-xs text-text-secondary",
 											children: e.message
 										})]
 									}),
-									!e.read && /* @__PURE__ */ p("span", {
+									!e.read && /* @__PURE__ */ m("span", {
 										className: "mt-1.5 h-2 w-2 shrink-0 rounded-full bg-status-success-text",
 										"aria-label": "Unread"
 									})
 								]
-							}, e.id)), /* @__PURE__ */ m(x, {
+							}, e.id)), /* @__PURE__ */ h(y, {
 								variant: "outline",
 								size: "sm",
 								className: "mt-3 w-full",
-								onClick: Q,
-								children: [/* @__PURE__ */ p(ne, { className: "mr-1 h-3.5 w-3.5" }), "Write a message in Conversations"]
+								onClick: Z,
+								children: [/* @__PURE__ */ m(d, { className: "mr-1 h-3.5 w-3.5" }), "Write a message in Conversations"]
 							})]
 						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ p(ee, {
-				open: B.open,
-				onOpenChange: B.onOpenChange,
-				title: K ? "Edit Announcement" : "New Announcement",
-				description: K ? "Update this announcement for the whole team." : "Share news and updates across the company.",
-				fields: K ? P : N,
-				initialValues: ge,
-				submitLabel: K ? "Save changes" : "Publish",
-				onSubmit: pe
+			/* @__PURE__ */ m(i, {
+				open: z.open,
+				onOpenChange: z.onOpenChange,
+				title: G ? "Edit Announcement" : "New Announcement",
+				description: G ? "Update this announcement for the whole team." : "Share news and updates across the company.",
+				fields: G ? P : N,
+				initialValues: Q,
+				submitLabel: G ? "Save changes" : "Publish",
+				onSubmit: he
 			}),
-			/* @__PURE__ */ p(h, {
-				open: V !== null,
+			/* @__PURE__ */ m(g, {
+				open: B !== null,
 				onOpenChange: (e) => {
-					e || H(null);
+					e || V(null);
 				},
-				children: /* @__PURE__ */ m(ae, { children: [/* @__PURE__ */ m(v, { children: [/* @__PURE__ */ p(y, { children: "Delete announcement?" }), /* @__PURE__ */ p(oe, { children: V ? `"${V.title}" will be permanently removed. This cannot be undone.` : "" })] }), /* @__PURE__ */ m(se, { children: [/* @__PURE__ */ p(_, {
-					disabled: U,
+				children: /* @__PURE__ */ h(oe, { children: [/* @__PURE__ */ h(le, { children: [/* @__PURE__ */ m(ue, { children: "Delete announcement?" }), /* @__PURE__ */ m(se, { children: B ? `"${B.title}" will be permanently removed. This cannot be undone.` : "" })] }), /* @__PURE__ */ h(ce, { children: [/* @__PURE__ */ m(ae, {
+					disabled: H,
 					children: "Cancel"
-				}), /* @__PURE__ */ p(g, {
+				}), /* @__PURE__ */ m(_, {
 					onClick: (e) => {
-						e.preventDefault(), he();
+						e.preventDefault(), _e();
 					},
-					disabled: U,
-					children: U ? "Deleting…" : "Delete"
+					disabled: H,
+					children: H ? "Deleting…" : "Delete"
 				})] })] })
 			})
 		]