@burdenoff/fe-libs 2026.1023.5 → 2026.1023.7

package/dist/chrome/CommandPalette.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { KeyboardShortcut as HelpShortcut } from '../shared/keyboard/types';
 /**
  * Represents a single command action
  */
@@ -34,12 +35,34 @@ export interface CommandPaletteProps {
     readonly placeholder?: string;
     /** Custom class name */
     readonly className?: string;
+    /**
+     * Shortcut that opens and closes the palette. Defaults to
+     * `COMMAND_PALETTE_SHORTCUT` (Cmd/Ctrl+Shift+K): Cmd/Ctrl+K belongs to
+     * Global Search in every shell, so the palette cannot share it.
+     */
+    readonly toggleShortcut?: string;
 }
+/**
+ * The palette's default open/close shortcut: Cmd+Shift+K on macOS,
+ * Ctrl+Shift+K elsewhere. Cmd/Ctrl+K is Global Search's.
+ */
+export declare const COMMAND_PALETTE_SHORTCUT = "mod+shift+k";
+/**
+ * The palette shortcut as a keyboard-help entry, for a shell's DISPLAY-ONLY
+ * shortcut list (the palette registers the key itself; do not pass this to
+ * `useKeyboardShortcuts`, its action does nothing).
+ */
+export declare const COMMAND_PALETTE_HELP_SHORTCUT: HelpShortcut;
+/**
+ * Check if a keyboard event matches a shortcut (exported for tests).
+ */
+export declare function matchShortcut(event: KeyboardEvent, keys: string): boolean;
 /**
  * CommandPalette Component
  *
  * Provides a keyboard-accessible command palette with:
- * - Global keyboard shortcuts (Cmd+K / Ctrl+K)
+ * - Its own open/close shortcut (Cmd/Ctrl+Shift+K by default; Cmd/Ctrl+K is
+ *   Global Search)
  * - Action-specific shortcuts
  * - Fuzzy search across commands
  * - Grouped command sections
@@ -60,4 +83,4 @@ export interface CommandPaletteProps {
  * <CommandPalette actions={actions} />
  * ```
  */
-export declare function CommandPalette({ actions, shortcuts, placeholder, className, }: CommandPaletteProps): ReactNode;
+export declare function CommandPalette({ actions, shortcuts, placeholder, className, toggleShortcut, }: CommandPaletteProps): ReactNode;

package/dist/chrome/CommandPalette.js

@@ -5,7 +5,19 @@ import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "r
 import { Search as o, X as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/chrome/CommandPalette.tsx
-function u(e) {
+var u = "mod+shift+k", d = {
+	id: "command-palette",
+	keys: {
+		mac: ["cmd+shift+k"],
+		windows: ["ctrl+shift+k"],
+		linux: ["ctrl+shift+k"]
+	},
+	description: "Open Command Palette",
+	category: "Search",
+	action: () => void 0,
+	global: !0
+};
+function f(e) {
 	let t = e.toLowerCase().split("+").map((e) => e.trim()), n = t.length - 1;
 	return {
 		mod: t.includes("mod"),
@@ -16,52 +28,52 @@ function u(e) {
 		key: t[n] || ""
 	};
 }
-function d(e, t) {
-	let n = u(t);
-	return n.mod && !(e.metaKey || e.ctrlKey) || n.ctrl && !e.ctrlKey || n.alt && !e.altKey || n.shift && !e.shiftKey || n.meta && !e.metaKey || !e.key ? !1 : e.key.toLowerCase() === n.key;
+function p(e, t) {
+	let n = f(t);
+	return n.mod && !(e.metaKey || e.ctrlKey) || n.ctrl && !e.ctrlKey || n.alt !== e.altKey || n.shift !== e.shiftKey || n.meta && !e.metaKey || !e.key ? !1 : e.key.toLowerCase() === n.key;
 }
-function f({ actions: u, shortcuts: f = [], placeholder: p, className: m }) {
-	let h = e(), [g, _] = a(!1), [v, y] = a(""), [b, x] = a(0), S = i(() => u.filter((e) => !e.hidden), [u]), C = n(async (e) => {
+function m({ actions: d, shortcuts: f = [], placeholder: m, className: h, toggleShortcut: g = u }) {
+	let _ = e(), [v, y] = a(!1), [b, x] = a(""), [S, C] = a(0), w = i(() => d.filter((e) => !e.hidden), [d]), T = n(async (e) => {
 		try {
-			await e.action(), _(!1);
+			await e.action(), y(!1);
 		} catch (e) {
 			console.error("Failed to execute command:", e);
 		}
-	}, []), w = i(() => {
-		if (!v.trim()) return S;
-		let e = v.toLowerCase();
-		return S.filter((t) => {
+	}, []), E = i(() => {
+		if (!b.trim()) return w;
+		let e = b.toLowerCase();
+		return w.filter((t) => {
 			let n = t.label.toLowerCase().includes(e), r = t.keywords?.some((t) => t.toLowerCase().includes(e)), i = t.description?.toLowerCase().includes(e);
 			return n || r || i;
 		});
-	}, [S, v]);
+	}, [w, b]);
 	r(() => {
-		g || (y(""), x(0));
-	}, [g]), r(() => {
+		v || (x(""), C(0));
+	}, [v]), r(() => {
 		let e = (e) => {
-			if ((e.metaKey || e.ctrlKey) && e.key === "k") {
-				e.preventDefault(), _((e) => !e);
+			if (p(e, g)) {
+				e.preventDefault(), y((e) => !e);
 				return;
 			}
-			if (g) {
-				if (e.key === "Escape") e.preventDefault(), _(!1);
-				else if (e.key === "ArrowDown") e.preventDefault(), x((e) => e < w.length - 1 ? e + 1 : e);
-				else if (e.key === "ArrowUp") e.preventDefault(), x((e) => e > 0 ? e - 1 : e);
+			if (v) {
+				if (e.key === "Escape") e.preventDefault(), y(!1);
+				else if (e.key === "ArrowDown") e.preventDefault(), C((e) => e < E.length - 1 ? e + 1 : e);
+				else if (e.key === "ArrowUp") e.preventDefault(), C((e) => e > 0 ? e - 1 : e);
 				else if (e.key === "Enter") {
 					e.preventDefault();
-					let t = w[b];
-					t && C(t);
+					let t = E[S];
+					t && T(t);
 				}
 				return;
 			}
-			for (let t of f) if (d(e, t.keys)) {
+			for (let t of f) if (p(e, t.keys)) {
 				e.preventDefault();
-				let n = S.find((e) => e.id === t.actionId);
-				n && C(n);
+				let n = w.find((e) => e.id === t.actionId);
+				n && T(n);
 				return;
 			}
-			for (let t of S) if (t.shortcut && d(e, t.shortcut)) {
-				e.preventDefault(), C(t);
+			for (let t of w) if (t.shortcut && p(e, t.shortcut)) {
+				e.preventDefault(), T(t);
 				return;
 			}
 		};
@@ -69,25 +81,26 @@ function f({ actions: u, shortcuts: f = [], placeholder: p, className: m }) {
 			document.removeEventListener("keydown", e);
 		};
 	}, [
-		C,
-		w,
-		g,
-		b,
+		T,
+		E,
+		v,
+		S,
 		f,
-		S
+		g,
+		w
 	]);
-	let T = i(() => w.reduce((e, t) => {
+	let D = i(() => E.reduce((e, t) => {
 		let n = t.section || "Actions";
 		return e[n] || (e[n] = []), e[n].push(t), e;
-	}, {}), [w]);
+	}, {}), [E]);
 	if (r(() => {
-		x(0);
-	}, [w]), !g) return null;
-	let E = 0;
+		C(0);
+	}, [E]), !v) return null;
+	let O = 0;
 	return /* @__PURE__ */ c("div", {
-		className: t("fixed inset-0 z-[9999] flex items-center justify-center bg-bg-overlay backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", m),
-		onClick: () => _(!1),
-		"data-state": g ? "open" : "closed",
+		className: t("fixed inset-0 z-[9999] flex items-center justify-center bg-bg-overlay backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", h),
+		onClick: () => y(!1),
+		"data-state": v ? "open" : "closed",
 		role: "dialog",
 		"aria-modal": "true",
 		children: /* @__PURE__ */ c("div", {
@@ -102,37 +115,37 @@ function f({ actions: u, shortcuts: f = [], placeholder: p, className: m }) {
 							/* @__PURE__ */ c(o, { className: "size-4 mr-2 flex-shrink-0 text-text-muted" }),
 							/* @__PURE__ */ c("input", {
 								type: "text",
-								placeholder: p ?? h("search.commandPlaceholder", "Type a command or search..."),
-								value: v,
-								onChange: (e) => y(e.target.value),
+								placeholder: m ?? _("search.commandPlaceholder", "Type a command or search..."),
+								value: b,
+								onChange: (e) => x(e.target.value),
 								className: "flex-1 bg-transparent py-3.5 text-sm text-text-primary outline-none placeholder:text-text-placeholder",
 								autoFocus: !0
 							}),
-							v && /* @__PURE__ */ c("button", {
+							b && /* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: () => y(""),
+								onClick: () => x(""),
 								className: "ml-2 rounded-button p-1 text-text-muted hover:bg-bg-sunken hover:text-text-primary transition-colors",
-								"aria-label": h("common.clearSearch", "Clear search"),
+								"aria-label": _("common.clearSearch", "Clear search"),
 								children: /* @__PURE__ */ c(s, { className: "size-4" })
 							})
 						]
 					}),
 					/* @__PURE__ */ l("div", {
 						className: "max-h-96 overflow-y-auto p-2",
-						children: [w.length === 0 && /* @__PURE__ */ c("div", {
+						children: [E.length === 0 && /* @__PURE__ */ c("div", {
 							className: "py-6 text-center text-sm text-text-muted",
-							children: h("search.noCommandsFound", "No commands found.")
-						}), Object.entries(T).map(([e, n]) => /* @__PURE__ */ l("div", {
+							children: _("search.noCommandsFound", "No commands found.")
+						}), Object.entries(D).map(([e, n]) => /* @__PURE__ */ l("div", {
 							className: "mb-2 last:mb-0",
 							children: [/* @__PURE__ */ c("div", {
 								className: "px-2 py-1.5 text-[11px] font-medium uppercase tracking-wider text-text-muted",
 								children: e
 							}), n.map((e) => {
-								let n = e.icon, r = E;
-								return E++, /* @__PURE__ */ l("button", {
+								let n = e.icon, r = O;
+								return O++, /* @__PURE__ */ l("button", {
 									type: "button",
-									onClick: () => void C(e),
-									className: t("w-full flex items-start gap-3 px-2.5 py-2 text-sm rounded-button transition-colors text-left", r === b ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+									onClick: () => void T(e),
+									className: t("w-full flex items-start gap-3 px-2.5 py-2 text-sm rounded-button transition-colors text-left", r === S ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
 									children: [
 										n && /* @__PURE__ */ c(n, { className: "size-4 mt-0.5 flex-shrink-0" }),
 										/* @__PURE__ */ l("div", {
@@ -163,7 +176,7 @@ function f({ actions: u, shortcuts: f = [], placeholder: p, className: m }) {
 									children: "↑↓"
 								}),
 								" ",
-								h("search.navigate", "Navigate")
+								_("search.navigate", "Navigate")
 							] }),
 							/* @__PURE__ */ l("div", { children: [
 								/* @__PURE__ */ c("kbd", {
@@ -171,7 +184,7 @@ function f({ actions: u, shortcuts: f = [], placeholder: p, className: m }) {
 									children: "Enter"
 								}),
 								" ",
-								h("search.execute", "Execute")
+								_("search.execute", "Execute")
 							] }),
 							/* @__PURE__ */ l("div", { children: [
 								/* @__PURE__ */ c("kbd", {
@@ -179,7 +192,7 @@ function f({ actions: u, shortcuts: f = [], placeholder: p, className: m }) {
 									children: "Esc"
 								}),
 								" ",
-								h("common.close", "Close")
+								_("common.close", "Close")
 							] })
 						]
 					})
@@ -189,4 +202,4 @@ function f({ actions: u, shortcuts: f = [], placeholder: p, className: m }) {
 	});
 }
 //#endregion
-export { f as CommandPalette };
+export { d as COMMAND_PALETTE_HELP_SHORTCUT, u as COMMAND_PALETTE_SHORTCUT, m as CommandPalette };

package/dist/chrome/GlobalSearch.js

@@ -5,106 +5,107 @@ import { useGlobalUiOrNull as n } from "../shared/providers/shell/GlobalUiProvid
 import { useAssistantControl as r } from "../shared/assistant/appControls/useAssistantControl.js";
 import { EscapeLayer as i } from "../shared/components/EscapeLayer.js";
 import { SHELL_OVERLAY_LAYER_CLASS as a } from "./shellOverlayLayer.js";
-import { debounce as o, isSearchResults as s } from "./globalSearch/utils.js";
-import { SearchInput as c } from "./globalSearch/SearchInput.js";
-import { CategoryTabs as l } from "./globalSearch/CategoryTabs.js";
-import { SearchModeBar as u } from "./globalSearch/SearchModeBar.js";
-import { AdvancedFiltersPanel as d } from "./globalSearch/AdvancedFiltersPanel.js";
-import { ResultsList as f } from "./globalSearch/ResultsList.js";
-import { useAdvancedFilters as p } from "./globalSearch/useAdvancedFilters.js";
-import { useCallback as m, useEffect as h, useMemo as g, useState as _ } from "react";
-import { ExternalLink as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { GlobalSearchError as o } from "../shared/hooks/shell/globalSearchError.js";
+import { debounce as s, isSearchResults as c } from "./globalSearch/utils.js";
+import { SearchInput as l } from "./globalSearch/SearchInput.js";
+import { CategoryTabs as u } from "./globalSearch/CategoryTabs.js";
+import { SearchModeBar as d } from "./globalSearch/SearchModeBar.js";
+import { AdvancedFiltersPanel as f } from "./globalSearch/AdvancedFiltersPanel.js";
+import { ResultsList as p } from "./globalSearch/ResultsList.js";
+import { useAdvancedFilters as m } from "./globalSearch/useAdvancedFilters.js";
+import { useCallback as h, useEffect as g, useMemo as _, useState as v } from "react";
+import { ExternalLink as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/chrome/GlobalSearch.tsx
-function x({ open: x, onClose: S, categories: C = [], placeholder: w, recentSearches: T = [], onSearch: E, onSelect: D, onViewAllResults: O, className: k }) {
-	let A = e(), [j, M] = _(""), [N, P] = _(void 0), [F, I] = _([]), [L, R] = _(!1), [z, B] = _(null), [V, H] = _(!1), U = p(), { buildFilters: W, reset: G, searchMode: K, setSearchMode: q } = U, J = n()?.openGlobalSearch, [Y, X] = _(null);
-	r("header.search", g(() => J ? { run: ({ query: e }) => (X(e === null ? null : { query: e }), J(), { status: "done" }) } : null, [J])), h(() => {
-		!x || !Y || (M(Y.query), X(null));
-	}, [x, Y]), h(() => {
-		x || (M(""), P(void 0), I([]), B(null), H(!1), G());
-	}, [x, G]);
-	let Z = g(() => o(async (e, t, n) => {
+function S({ open: S, onClose: C, categories: w = [], placeholder: T, recentSearches: E = [], onSearch: D, onSelect: O, onViewAllResults: k, className: A }) {
+	let j = e(), [M, N] = v(""), [P, F] = v(void 0), [I, L] = v([]), [R, z] = v(!1), [B, V] = v(null), [H, U] = v(!1), W = m(), { buildFilters: G, reset: K, searchMode: q, setSearchMode: J } = W, Y = n()?.openGlobalSearch, [X, Z] = v(null);
+	r("header.search", _(() => Y ? { run: ({ query: e }) => (Z(e === null ? null : { query: e }), Y(), { status: "done" }) } : null, [Y])), g(() => {
+		!S || !X || (N(X.query), Z(null));
+	}, [S, X]), g(() => {
+		S || (N(""), F(void 0), L([]), V(null), U(!1), K());
+	}, [S, K]);
+	let Q = _(() => s(async (e, t, n) => {
 		if (!e.trim()) {
-			I([]), B(null);
+			L([]), V(null);
 			return;
 		}
-		R(!0), B(null);
+		z(!0), V(null);
 		try {
-			let r = await E(e, t, n);
-			if (!s(r)) throw TypeError(A("search.invalidResults", "Invalid search results format"));
-			I(r);
+			let r = await D(e, t, n);
+			if (!c(r)) throw TypeError(j("search.invalidResults", "Invalid search results format"));
+			L(r);
 		} catch (e) {
-			B(e instanceof Error ? e.message : A("search.failed", "Search failed")), I([]), console.error("Search error:", e);
+			V(e instanceof o ? e.reason === "NO_WORKSPACE_CONTEXT" ? j("search.noWorkspace", "Select a workspace to search it.") : j("search.unavailable", "Search is unavailable right now. Try again in a moment.") : e instanceof Error ? e.message : j("search.failed", "Search failed")), L([]), console.error("Search error:", e);
 		} finally {
-			R(!1);
+			z(!1);
 		}
-	}, 300), [E, A]);
-	h(() => {
-		Z(j, N, W());
+	}, 300), [D, j]);
+	g(() => {
+		Q(M, P, G());
 	}, [
-		j,
-		N,
-		Z,
-		W
+		M,
+		P,
+		Q,
+		G
 	]);
-	let Q = g(() => F.reduce((e, t) => {
+	let $ = _(() => I.reduce((e, t) => {
 		let n = t.category;
 		return e[n] || (e[n] = []), e[n].push(t), e;
-	}, {}), [F]), $ = m((e) => {
-		D(e), S();
-	}, [D, S]);
-	return x ? /* @__PURE__ */ y(i, {
+	}, {}), [I]), ee = h((e) => {
+		O(e), C();
+	}, [O, C]);
+	return S ? /* @__PURE__ */ b(i, {
 		modal: !0,
-		onDismiss: S,
-		children: /* @__PURE__ */ y("div", {
-			className: t("fixed inset-0 flex items-center justify-center bg-bg-overlay backdrop-blur-md", a, "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", k),
-			onClick: S,
-			"data-state": x ? "open" : "closed",
+		onDismiss: C,
+		children: /* @__PURE__ */ b("div", {
+			className: t("fixed inset-0 flex items-center justify-center bg-bg-overlay backdrop-blur-md", a, "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", A),
+			onClick: C,
+			"data-state": S ? "open" : "closed",
 			role: "dialog",
 			"aria-modal": "true",
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ b("div", {
 				className: "w-full max-w-lg mx-4 max-h-[85dvh] overflow-hidden",
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "overflow-hidden rounded-2xl border border-border-subtle bg-bg-elevated shadow-[var(--shadow-elevation-5)]",
 					children: [
-						/* @__PURE__ */ y(c, {
-							value: j,
-							placeholder: w ?? A("search.globalPlaceholder", "Search everything..."),
-							onChange: M,
-							onClear: () => M("")
+						/* @__PURE__ */ b(l, {
+							value: M,
+							placeholder: T ?? j("search.globalPlaceholder", "Search everything..."),
+							onChange: N,
+							onClear: () => N("")
 						}),
-						/* @__PURE__ */ y(l, {
-							categories: C,
-							selectedCategory: N,
-							onSelect: P
+						/* @__PURE__ */ b(u, {
+							categories: w,
+							selectedCategory: P,
+							onSelect: F
 						}),
-						/* @__PURE__ */ y(u, {
-							searchMode: K,
-							onSearchModeChange: q,
-							showAdvanced: V,
-							onToggleAdvanced: () => H((e) => !e)
+						/* @__PURE__ */ b(d, {
+							searchMode: q,
+							onSearchModeChange: J,
+							showAdvanced: H,
+							onToggleAdvanced: () => U((e) => !e)
 						}),
-						V && /* @__PURE__ */ y(d, { filters: U }),
-						/* @__PURE__ */ y(f, {
-							loading: L,
-							error: z,
-							query: j,
-							results: F,
-							groupedResults: Q,
-							recentSearches: T,
-							onRecentSelect: M,
-							onResultSelect: $
+						H && /* @__PURE__ */ b(f, { filters: W }),
+						/* @__PURE__ */ b(p, {
+							loading: R,
+							error: B,
+							query: M,
+							results: I,
+							groupedResults: $,
+							recentSearches: E,
+							onRecentSelect: N,
+							onResultSelect: ee
 						}),
-						j && F.length > 0 && O && /* @__PURE__ */ y("div", {
+						M && I.length > 0 && k && /* @__PURE__ */ b("div", {
 							className: "border-t border-border-subtle p-2",
-							children: /* @__PURE__ */ b("button", {
+							children: /* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => {
-									O(j, W(), N), S();
+									k(M, G(), P), C();
 								},
 								className: "w-full flex items-center justify-center gap-2 py-2 text-sm font-medium text-text-link hover:bg-bg-sunken rounded-button transition-colors",
-								children: [/* @__PURE__ */ y(v, { className: "size-4" }), A("search.viewAllResults", "View all results")]
+								children: [/* @__PURE__ */ b(y, { className: "size-4" }), j("search.viewAllResults", "View all results")]
 							})
 						})
 					]
@@ -114,4 +115,4 @@ function x({ open: x, onClose: S, categories: C = [], placeholder: w, recentSear
 	}) : null;
 }
 //#endregion
-export { x as GlobalSearch };
+export { S as GlobalSearch };

package/dist/chrome/NotificationCenter.js

@@ -1,83 +1,88 @@
 import { desktopSetBadgeCount as e } from "../shared/native/desktop.js";
-import { useAssistantControl as t } from "../shared/assistant/appControls/useAssistantControl.js";
-import { BellButton as n } from "./notificationCenter/BellButton.js";
-import { sortNotifications as r } from "./notificationCenter/constants.js";
-import { NotificationFilters as i } from "./notificationCenter/NotificationFilters.js";
-import { NotificationFooter as a } from "./notificationCenter/NotificationFooter.js";
-import { NotificationHeader as o } from "./notificationCenter/NotificationHeader.js";
-import { NotificationList as s } from "./notificationCenter/NotificationList.js";
-import { NotificationPanel as c } from "./notificationCenter/NotificationPanel.js";
-import { useNotificationCenter as l } from "./notificationCenter/useNotificationCenter.js";
-import { useOutsideClickClose as u, usePanelChrome as d } from "./notificationCenter/usePanelChrome.js";
-import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { navigateInApp as t } from "../shared/navigation/inAppPath.js";
+import { useAssistantControl as n } from "../shared/assistant/appControls/useAssistantControl.js";
+import { BellButton as r } from "./notificationCenter/BellButton.js";
+import { sortNotifications as i } from "./notificationCenter/constants.js";
+import { NotificationFilters as a } from "./notificationCenter/NotificationFilters.js";
+import { NotificationFooter as o } from "./notificationCenter/NotificationFooter.js";
+import { NotificationHeader as s } from "./notificationCenter/NotificationHeader.js";
+import { NotificationList as c } from "./notificationCenter/NotificationList.js";
+import { NotificationPanel as l } from "./notificationCenter/NotificationPanel.js";
+import { useNotificationCenter as u } from "./notificationCenter/useNotificationCenter.js";
+import { useOutsideClickClose as d, usePanelChrome as f } from "./notificationCenter/usePanelChrome.js";
+import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/chrome/NotificationCenter.tsx
-var y = ({ client: y, onViewAll: b, compact: x = !1, pollInterval: S = 3e4, lazy: C = !1 }) => {
-	let w = h(null), [T, E] = g(!1), [D, O] = g("all"), [k, A] = g("ALL"), [j, M] = g("ALL"), [N, P] = g("newest"), F = f(() => E(!1), []), I = f(() => E((e) => !e), []);
-	t("header.notifications", m(() => ({ run: () => T ? { status: "already" } : (E(!0), { status: "done" }) }), [T]));
-	let { isMobile: L } = d();
-	u(T, L, w, F);
-	let { notifications: R, unreadCount: z, countsByApp: B, totalCount: V, loading: H, error: U, fetchNotifications: W, handleMarkAsRead: G, handleMarkAllAsRead: K, handleDelete: q } = l({
-		client: y,
-		isOpen: T,
-		lazy: C,
-		filterTab: D,
-		typeFilter: k,
-		appFilter: j
+var b = ({ client: b, onViewAll: x, compact: S = !1, pollInterval: C = 3e4, lazy: w = !1 }) => {
+	let T = g(null), [E, D] = _(!1), [O, k] = _("all"), [A, j] = _("ALL"), [M, N] = _("ALL"), [P, F] = _("newest"), I = p(() => D(!1), []), L = p(() => D((e) => !e), []);
+	n("header.notifications", h(() => ({ run: () => E ? { status: "already" } : (D(!0), { status: "done" }) }), [E]));
+	let { isMobile: R } = f();
+	d(E, R, T, I);
+	let { notifications: z, unreadCount: B, countsByApp: V, totalCount: H, loading: U, error: W, fetchNotifications: G, handleMarkAsRead: K, handleMarkAllAsRead: q, handleDelete: J } = u({
+		client: b,
+		isOpen: E,
+		lazy: w,
+		filterTab: O,
+		typeFilter: A,
+		appFilter: M
 	});
-	p(() => {
-		e(z);
-	}, [z]);
-	let J = f((e) => {
+	m(() => {
+		e(B);
+	}, [B]);
+	let Y = p((e) => {
+		if (t(e)) {
+			D(!1);
+			return;
+		}
 		window.open(e, "_blank", "noopener,noreferrer");
-	}, []), Y = f(() => {
-		E(!1), b?.();
-	}, [b]), X = r(R, N), Z = Object.entries(B).filter(([e]) => e && e !== "null").sort((e, t) => t[1] - e[1]);
-	return /* @__PURE__ */ v("div", {
-		ref: w,
+	}, []), X = p(() => {
+		D(!1), x?.();
+	}, [x]), Z = i(z, P), Q = Object.entries(V).filter(([e]) => e && e !== "null").sort((e, t) => t[1] - e[1]);
+	return /* @__PURE__ */ y("div", {
+		ref: T,
 		className: "relative",
-		children: [/* @__PURE__ */ _(n, {
-			unreadCount: z,
-			isOpen: T,
-			onToggle: I
-		}), T && /* @__PURE__ */ _(c, {
-			isMobile: L,
-			onClose: F,
-			children: /* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ v(r, {
+			unreadCount: B,
+			isOpen: E,
+			onToggle: L
+		}), E && /* @__PURE__ */ v(l, {
+			isMobile: R,
+			onClose: I,
+			children: /* @__PURE__ */ y("div", {
 				className: "flex flex-col h-full",
 				children: [
-					/* @__PURE__ */ _(o, {
-						isMobile: L,
-						unreadCount: z,
-						onClose: F,
-						onMarkAllAsRead: K
+					/* @__PURE__ */ v(s, {
+						isMobile: R,
+						unreadCount: B,
+						onClose: I,
+						onMarkAllAsRead: q
 					}),
-					/* @__PURE__ */ _(i, {
-						filterTab: D,
-						typeFilter: k,
-						appFilter: j,
-						sortBy: N,
-						appNames: Z,
-						onFilterTabChange: O,
-						onTypeFilterChange: A,
-						onAppFilterChange: M,
-						onSortByChange: P
+					/* @__PURE__ */ v(a, {
+						filterTab: O,
+						typeFilter: A,
+						appFilter: M,
+						sortBy: P,
+						appNames: Q,
+						onFilterTabChange: k,
+						onTypeFilterChange: j,
+						onAppFilterChange: N,
+						onSortByChange: F
 					}),
-					/* @__PURE__ */ _(s, {
-						loading: H,
-						error: U,
-						notifications: X,
-						filterTab: D,
-						typeFilter: k,
-						appFilter: j,
-						onRetry: W,
-						onMarkAsRead: G,
-						onDelete: q,
-						onRedirect: J
+					/* @__PURE__ */ v(c, {
+						loading: U,
+						error: W,
+						notifications: Z,
+						filterTab: O,
+						typeFilter: A,
+						appFilter: M,
+						onRetry: G,
+						onMarkAsRead: K,
+						onDelete: J,
+						onRedirect: Y
 					}),
-					/* @__PURE__ */ _(a, {
-						totalCount: V,
-						onViewAll: b ? Y : void 0
+					/* @__PURE__ */ v(o, {
+						totalCount: H,
+						onViewAll: x ? X : void 0
 					})
 				]
 			})
@@ -85,4 +90,4 @@ var y = ({ client: y, onViewAll: b, compact: x = !1, pollInterval: S = 3e4, lazy
 	});
 };
 //#endregion
-export { y as NotificationCenter };
+export { b as NotificationCenter };

package/dist/chrome/index.d.ts

@@ -51,7 +51,7 @@ export { FooterBar } from './FooterBar';
 export { Footer, DEFAULT_FOOTER_COLUMNS, DEFAULT_SOCIAL_LINKS } from './Footer';
 export { SideNavigation } from './SideNavigation';
 export { GlobalSearch } from './GlobalSearch';
-export { CommandPalette } from './CommandPalette';
+export { CommandPalette, COMMAND_PALETTE_SHORTCUT, COMMAND_PALETTE_HELP_SHORTCUT, } from './CommandPalette';
 export { Breadcrumbs } from './Breadcrumbs';
 export { NavLink } from './NavLink';
 export { Tabs } from './Tabs';