@burdenoff/microfe-crewfoundry 2026.1029.2 → 2026.1030.2

package/dist/crewfoundry/components/EmployeeSkillsPanel.d.ts

@@ -0,0 +1,12 @@
+export interface EmployeeSkillsPanelProps {
+    employeeId: string;
+}
+/**
+ * Employee profile Skills tab (BOFF-3717, mock cf-03). Shows the employee's
+ * canonical skills from the skills taxonomy with real proficiency bars.
+ * Skills without an assessed proficiency (for example ones backfilled from
+ * the old free-text tags) say so instead of showing an invented level.
+ * Typed names resolve through taxonomy aliases, so "ReactJS" lands on React.
+ */
+export declare function EmployeeSkillsPanel({ employeeId }: EmployeeSkillsPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=EmployeeSkillsPanel.d.ts.map

package/dist/crewfoundry/components/EmployeeSkillsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeSkillsPanel.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/components/EmployeeSkillsPanel.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,EAAE,wBAAwB,+BAiL3E"}

package/dist/crewfoundry/components/EmployeeSkillsPanel.js

@@ -0,0 +1,168 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { SkillBar as n } from "./viz/SkillBar.js";
+import "./viz/index.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { Plus as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, IllustratedEmptyState as f, Input as p, Label as m, Spinner as h } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as g } from "@burdenoff/fe-libs/shared/providers/shell";
+//#region src/crewfoundry/components/EmployeeSkillsPanel.tsx
+var _ = [];
+function v({ employeeId: v }) {
+	let { showToast: y } = g(), b = e((e) => e.employeeSkillProfiles[v]), x = e((e) => e.fetchEmployeeSkillProfile), S = e((e) => e.attachEmployeeSkill), C = e((e) => e.detachEmployeeSkill), [w, T] = a(""), [E, D] = a(""), [O, k] = a(!1), [A, j] = a(null), [M, N] = a(!1), P = i(null);
+	r(() => {
+		P.current !== v && (P.current = v, x(v).catch((e) => {
+			N(!0), y(e instanceof Error ? e.message : "Unable to load skills", "error");
+		}));
+	}, [
+		v,
+		x,
+		y
+	]);
+	let F = b ?? _, I = F.filter((e) => e.proficiency !== null), L = F.filter((e) => e.proficiency === null), R = async (e) => {
+		e.preventDefault();
+		let t = w.trim();
+		if (!t) {
+			y("Enter a skill name", "error");
+			return;
+		}
+		let n = null;
+		if (E.trim() !== "") {
+			let e = Number(E);
+			if (!Number.isInteger(e) || e < 0 || e > 100) {
+				y("Proficiency must be a whole number from 0 to 100", "error");
+				return;
+			}
+			n = e;
+		}
+		k(!0);
+		try {
+			await S({
+				employeeId: v,
+				skillName: t,
+				proficiency: n
+			}), T(""), D(""), y("Skill saved", "success");
+		} catch (e) {
+			y(e instanceof Error ? e.message : "Unable to add this skill", "error");
+		} finally {
+			k(!1);
+		}
+	}, z = async (e, t) => {
+		j(e);
+		try {
+			await C(v, e), y(`${t} removed`, "success");
+		} catch (e) {
+			y(e instanceof Error ? e.message : "Unable to remove this skill", "error");
+		} finally {
+			j(null);
+		}
+	};
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6",
+		"data-testid": "employee-skills-panel",
+		children: [b === void 0 && !M ? /* @__PURE__ */ c("div", {
+			className: "flex justify-center py-8",
+			children: /* @__PURE__ */ c(h, {})
+		}) : F.length === 0 ? /* @__PURE__ */ c(f, {
+			illustration: "empty-data",
+			title: "No skills recorded",
+			description: "Add this team member's skills below. Names are matched to the CrewFoundry skills taxonomy, so spellings like ReactJS resolve to React."
+		}) : /* @__PURE__ */ l("div", {
+			className: "space-y-5",
+			children: [I.length > 0 ? /* @__PURE__ */ c("ul", {
+				className: "space-y-4",
+				"aria-label": "Assessed skills",
+				children: I.map((e) => /* @__PURE__ */ l("li", {
+					className: "flex items-end gap-3",
+					children: [
+						/* @__PURE__ */ c(n, {
+							className: "flex-1",
+							label: e.skill.name,
+							value: e.proficiency ?? 0
+						}),
+						/* @__PURE__ */ c(u, {
+							variant: "secondary",
+							className: "shrink-0 text-xs",
+							children: t(e.verifiedFrom)
+						}),
+						/* @__PURE__ */ c(d, {
+							size: "sm",
+							variant: "ghost",
+							"aria-label": `Remove ${e.skill.name}`,
+							disabled: A === e.skillId,
+							onClick: () => void z(e.skillId, e.skill.name),
+							children: /* @__PURE__ */ c(s, { className: "h-3.5 w-3.5" })
+						})
+					]
+				}, e.id))
+			}) : null, L.length > 0 ? /* @__PURE__ */ l("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ c("p", {
+					className: "text-xs font-medium uppercase tracking-wide text-text-muted",
+					children: "Proficiency not assessed yet"
+				}), /* @__PURE__ */ c("ul", {
+					className: "flex flex-wrap gap-2",
+					"aria-label": "Skills without an assessed proficiency",
+					children: L.map((e) => /* @__PURE__ */ l("li", {
+						className: "inline-flex items-center gap-1 rounded-full border border-border-subtle bg-bg-surface py-1 pl-3 pr-1 text-xs text-text-primary",
+						children: [/* @__PURE__ */ c("span", { children: e.skill.name }), /* @__PURE__ */ c("button", {
+							type: "button",
+							className: "rounded-full p-1 text-text-muted hover:bg-bg-sunken hover:text-text-primary disabled:opacity-50",
+							"aria-label": `Remove ${e.skill.name}`,
+							disabled: A === e.skillId,
+							onClick: () => void z(e.skillId, e.skill.name),
+							children: /* @__PURE__ */ c(s, { className: "h-3 w-3" })
+						})]
+					}, e.id))
+				})]
+			}) : null]
+		}), /* @__PURE__ */ l("form", {
+			className: "flex flex-col gap-3 border-t border-border-subtle pt-4 sm:flex-row sm:items-end",
+			onSubmit: (e) => void R(e),
+			"aria-label": "Add or update a skill",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "flex flex-1 flex-col gap-1.5",
+					children: [/* @__PURE__ */ c(m, {
+						htmlFor: `skill-name-${v}`,
+						children: "Skill"
+					}), /* @__PURE__ */ c(p, {
+						id: `skill-name-${v}`,
+						value: w,
+						disabled: O,
+						onChange: (e) => T(e.target.value),
+						placeholder: "e.g. Forklift Certification, Kubernetes, Site Safety"
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex flex-col gap-1.5 sm:w-36",
+					children: [/* @__PURE__ */ c(m, {
+						htmlFor: `skill-proficiency-${v}`,
+						children: "Proficiency %"
+					}), /* @__PURE__ */ c(p, {
+						id: `skill-proficiency-${v}`,
+						type: "number",
+						inputMode: "numeric",
+						min: 0,
+						max: 100,
+						step: 1,
+						value: E,
+						disabled: O,
+						onChange: (e) => D(e.target.value),
+						placeholder: "0-100"
+					})]
+				}),
+				/* @__PURE__ */ l(d, {
+					type: "submit",
+					disabled: O,
+					children: [/* @__PURE__ */ c(o, { className: "mr-1.5 h-3.5 w-3.5" }), O ? "Saving…" : "Save skill"]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { v as EmployeeSkillsPanel };
+
+//# sourceMappingURL=EmployeeSkillsPanel.js.map

package/dist/crewfoundry/components/EmployeeSkillsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeSkillsPanel.js","names":[],"sources":["../../../src/crewfoundry/components/EmployeeSkillsPanel.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type FormEvent } from 'react';\nimport { Badge, Button, IllustratedEmptyState, Input, Label, Spinner } from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Plus, X } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { SkillBar } from './viz';\n\nexport interface EmployeeSkillsPanelProps {\n  employeeId: string;\n}\n\n/** Stable empty profile so the selector never hands React a fresh array. */\nconst NO_PROFILE: never[] = [];\n\n/**\n * Employee profile Skills tab (BOFF-3717, mock cf-03). Shows the employee's\n * canonical skills from the skills taxonomy with real proficiency bars.\n * Skills without an assessed proficiency (for example ones backfilled from\n * the old free-text tags) say so instead of showing an invented level.\n * Typed names resolve through taxonomy aliases, so \"ReactJS\" lands on React.\n */\nexport function EmployeeSkillsPanel({ employeeId }: EmployeeSkillsPanelProps) {\n  const { showToast } = useGlobalUi();\n  const profile = useCrewFoundryStore((state) => state.employeeSkillProfiles[employeeId]);\n  const fetchEmployeeSkillProfile = useCrewFoundryStore((state) => state.fetchEmployeeSkillProfile);\n  const attachEmployeeSkill = useCrewFoundryStore((state) => state.attachEmployeeSkill);\n  const detachEmployeeSkill = useCrewFoundryStore((state) => state.detachEmployeeSkill);\n  const [skillName, setSkillName] = useState('');\n  const [proficiency, setProficiency] = useState('');\n  const [submitting, setSubmitting] = useState(false);\n  const [removingSkillId, setRemovingSkillId] = useState<string | null>(null);\n  const [loadFailed, setLoadFailed] = useState(false);\n  // Gates the one-time fetch per employee without triggering a re-render.\n  const loadedForRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (loadedForRef.current === employeeId) return;\n    loadedForRef.current = employeeId;\n    fetchEmployeeSkillProfile(employeeId).catch((error: unknown) => {\n      setLoadFailed(true);\n      showToast(error instanceof Error ? error.message : 'Unable to load skills', 'error');\n    });\n  }, [employeeId, fetchEmployeeSkillProfile, showToast]);\n\n  const skills = profile ?? NO_PROFILE;\n  const assessed = skills.filter((item) => item.proficiency !== null);\n  const unassessed = skills.filter((item) => item.proficiency === null);\n\n  const handleAdd = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const name = skillName.trim();\n    if (!name) {\n      showToast('Enter a skill name', 'error');\n      return;\n    }\n    let level: number | null = null;\n    if (proficiency.trim() !== '') {\n      const parsed = Number(proficiency);\n      if (!Number.isInteger(parsed) || parsed < 0 || parsed > 100) {\n        showToast('Proficiency must be a whole number from 0 to 100', 'error');\n        return;\n      }\n      level = parsed;\n    }\n    setSubmitting(true);\n    try {\n      await attachEmployeeSkill({ employeeId, skillName: name, proficiency: level });\n      setSkillName('');\n      setProficiency('');\n      showToast('Skill saved', 'success');\n    } catch (error: unknown) {\n      showToast(error instanceof Error ? error.message : 'Unable to add this skill', 'error');\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const handleRemove = async (skillId: string, name: string) => {\n    setRemovingSkillId(skillId);\n    try {\n      await detachEmployeeSkill(employeeId, skillId);\n      showToast(`${name} removed`, 'success');\n    } catch (error: unknown) {\n      showToast(error instanceof Error ? error.message : 'Unable to remove this skill', 'error');\n    } finally {\n      setRemovingSkillId(null);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6\" data-testid=\"employee-skills-panel\">\n      {profile === undefined && !loadFailed ? (\n        <div className=\"flex justify-center py-8\">\n          <Spinner />\n        </div>\n      ) : skills.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No skills recorded\"\n          description=\"Add this team member's skills below. Names are matched to the CrewFoundry skills taxonomy, so spellings like ReactJS resolve to React.\"\n        />\n      ) : (\n        <div className=\"space-y-5\">\n          {assessed.length > 0 ? (\n            <ul className=\"space-y-4\" aria-label=\"Assessed skills\">\n              {assessed.map((item) => (\n                <li key={item.id} className=\"flex items-end gap-3\">\n                  <SkillBar\n                    className=\"flex-1\"\n                    label={item.skill.name}\n                    value={item.proficiency ?? 0}\n                  />\n                  <Badge variant=\"secondary\" className=\"shrink-0 text-xs\">\n                    {formatEnumLabel(item.verifiedFrom)}\n                  </Badge>\n                  <Button\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    aria-label={`Remove ${item.skill.name}`}\n                    disabled={removingSkillId === item.skillId}\n                    onClick={() => void handleRemove(item.skillId, item.skill.name)}\n                  >\n                    <X className=\"h-3.5 w-3.5\" />\n                  </Button>\n                </li>\n              ))}\n            </ul>\n          ) : null}\n\n          {unassessed.length > 0 ? (\n            <div className=\"space-y-2\">\n              <p className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">\n                Proficiency not assessed yet\n              </p>\n              <ul\n                className=\"flex flex-wrap gap-2\"\n                aria-label=\"Skills without an assessed proficiency\"\n              >\n                {unassessed.map((item) => (\n                  <li\n                    key={item.id}\n                    className=\"inline-flex items-center gap-1 rounded-full border border-border-subtle bg-bg-surface py-1 pl-3 pr-1 text-xs text-text-primary\"\n                  >\n                    <span>{item.skill.name}</span>\n                    <button\n                      type=\"button\"\n                      className=\"rounded-full p-1 text-text-muted hover:bg-bg-sunken hover:text-text-primary disabled:opacity-50\"\n                      aria-label={`Remove ${item.skill.name}`}\n                      disabled={removingSkillId === item.skillId}\n                      onClick={() => void handleRemove(item.skillId, item.skill.name)}\n                    >\n                      <X className=\"h-3 w-3\" />\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ) : null}\n        </div>\n      )}\n\n      <form\n        className=\"flex flex-col gap-3 border-t border-border-subtle pt-4 sm:flex-row sm:items-end\"\n        onSubmit={(event) => void handleAdd(event)}\n        aria-label=\"Add or update a skill\"\n      >\n        <div className=\"flex flex-1 flex-col gap-1.5\">\n          <Label htmlFor={`skill-name-${employeeId}`}>Skill</Label>\n          <Input\n            id={`skill-name-${employeeId}`}\n            value={skillName}\n            disabled={submitting}\n            onChange={(event) => setSkillName(event.target.value)}\n            placeholder=\"e.g. Forklift Certification, Kubernetes, Site Safety\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-1.5 sm:w-36\">\n          <Label htmlFor={`skill-proficiency-${employeeId}`}>Proficiency %</Label>\n          <Input\n            id={`skill-proficiency-${employeeId}`}\n            type=\"number\"\n            inputMode=\"numeric\"\n            min={0}\n            max={100}\n            step={1}\n            value={proficiency}\n            disabled={submitting}\n            onChange={(event) => setProficiency(event.target.value)}\n            placeholder=\"0-100\"\n          />\n        </div>\n        <Button type=\"submit\" disabled={submitting}>\n          <Plus className=\"mr-1.5 h-3.5 w-3.5\" />\n          {submitting ? 'Saving…' : 'Save skill'}\n        </Button>\n      </form>\n    </div>\n  );\n}\n"],"mappings":"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"}

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"}