@panneau/app 5.0.0-alpha.4 → 5.0.0-alpha.5

package/dist/shell/GoTo.js

@@ -0,0 +1,370 @@
+import { routePath } from "../routes.js";
+import { capitalize, getNavigation } from "../navigation.js";
+import { readRecentItems, useRecentScope } from "../recentItems.js";
+import { getItemTitle } from "../pages/itemTitle.js";
+import { COLOR_SCHEMES } from "./Sidebar.js";
+import { useEffect, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { getCommands, getSearchableResources, resolveResource, usePlugins } from "@panneau/core";
+import { isApiError } from "@panneau/data";
+import { useSearch } from "@panneau/data/query";
+import { appMessages } from "@panneau/intl";
+import { CommandPalette, getNamedIcon, usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+import { Clock, File, House, Link2, List, Monitor, Moon, PanelLeftClose, PanelLeftOpen, Plus, Search, Sun, Terminal } from "lucide-react";
+import { toText } from "@panneau/lists";
+import { SEARCH_MAX_LIMIT, SEARCH_MIN_LENGTH, toSearchParams } from "@panneau/protocol/runtime";
+//#region src/shell/GoTo.tsx
+/** The pause after typing before the palette searches the server. */
+var SEARCH_DELAY = 300;
+var SCHEME_ICONS = {
+	light: Sun,
+	dark: Moon,
+	auto: Monitor
+};
+function navIcon(link) {
+	if (link.icon !== void 0) return getNamedIcon(link.icon);
+	switch (link.target.kind) {
+		case "home": return House;
+		case "resource": return List;
+		case "page": return File;
+		case "url": return Link2;
+	}
+}
+/** The URL of an item's image (`itemImage`): a URL, or a media with a thumbnail. */
+function imageOf(item, resource) {
+	const value = resource.itemImage !== void 0 ? item[resource.itemImage] : void 0;
+	if (typeof value === "string") return value;
+	if (value !== null && typeof value === "object") {
+		const url = value.media?.thumbnailUrl ?? value.thumbnailUrl;
+		return typeof url === "string" ? url : void 0;
+	}
+}
+/**
+* The "Go to…" palette of the app (decision 0029): recent items, navigation, "New {resource}",
+* the commands of plugins, the app's actions, then the results of the server's search, grouped by
+* resource. An item opens its edit form. "Search in" narrows the palette to the results of one
+* resource, 20 of them, until Backspace in the empty field.
+*/
+function GoTo(t0) {
+	const $ = c(54);
+	const { definition, basePath, isOpen, onOpenChange, sidebarCollapsed, onToggleSidebar, colorScheme, onColorSchemeChange } = t0;
+	const intl = usePanneauIntl();
+	const plugins = usePlugins();
+	const user = useRecentScope();
+	const [query, setQuery] = useState("");
+	const [debounced, setDebounced] = useState("");
+	const [scope, setScope] = useState(null);
+	const locale = definition.locale;
+	const searchable = getSearchableResources(definition);
+	const searchEnabled = definition.search?.enabled !== false && searchable.length > 0;
+	let t1;
+	let t2;
+	if ($[0] !== query) {
+		t1 = () => {
+			const timeout = window.setTimeout(() => setDebounced(query.trim()), SEARCH_DELAY);
+			return () => window.clearTimeout(timeout);
+		};
+		t2 = [query];
+		$[0] = query;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[3] !== definition.resources) {
+		t3 = (id) => definition.resources.find((resource) => resource.id === id);
+		$[3] = definition.resources;
+		$[4] = t3;
+	} else t3 = $[4];
+	const resourceOf = t3;
+	const scoped = scope !== null ? resourceOf(scope) ?? null : null;
+	const search = useSearch(debounced, {
+		enabled: isOpen && searchEnabled && debounced.length >= SEARCH_MIN_LENGTH,
+		...scoped !== null && {
+			limit: SEARCH_MAX_LIMIT,
+			resources: [scoped.id]
+		}
+	});
+	let t4;
+	if ($[5] !== onOpenChange) {
+		t4 = (open) => {
+			if (!open) setScope(null);
+			onOpenChange(open);
+		};
+		$[5] = onOpenChange;
+		$[6] = t4;
+	} else t4 = $[6];
+	const changeOpen = t4;
+	let t5;
+	if ($[7] !== basePath) {
+		t5 = (resource_0, id_0) => routePath({
+			name: "resource.edit",
+			resource: resource_0,
+			id: id_0
+		}, basePath);
+		$[7] = basePath;
+		$[8] = t5;
+	} else t5 = $[8];
+	const editPath = t5;
+	let t6;
+	if ($[9] !== basePath || $[10] !== editPath || $[11] !== isOpen || $[12] !== locale || $[13] !== resourceOf || $[14] !== user) {
+		t6 = isOpen ? readRecentItems(basePath, user).flatMap((entry) => {
+			const resource_1 = resourceOf(entry.resource);
+			return resource_1 !== void 0 ? [{
+				id: `${entry.resource}:${entry.id}`,
+				label: entry.title,
+				description: capitalize(resource_1.label.singular, locale),
+				icon: resource_1.icon !== void 0 ? getNamedIcon(resource_1.icon) : Clock,
+				href: editPath(entry.resource, entry.id)
+			}] : [];
+		}) : [];
+		$[9] = basePath;
+		$[10] = editPath;
+		$[11] = isOpen;
+		$[12] = locale;
+		$[13] = resourceOf;
+		$[14] = user;
+		$[15] = t6;
+	} else t6 = $[15];
+	const recent = t6;
+	let t7;
+	if ($[16] !== intl) {
+		t7 = intl.formatMessage(appMessages.home);
+		$[16] = intl;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== basePath) {
+		t8 = routePath({ name: "home" }, basePath);
+		$[18] = basePath;
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== t7 || $[21] !== t8) {
+		t9 = {
+			id: "home",
+			label: t7,
+			icon: House,
+			href: t8
+		};
+		$[20] = t7;
+		$[21] = t8;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== basePath || $[24] !== definition || $[25] !== t9) {
+		t10 = [t9, ...getNavigation(definition, basePath).flatMap(_temp).map(_temp2)];
+		$[23] = basePath;
+		$[24] = definition;
+		$[25] = t9;
+		$[26] = t10;
+	} else t10 = $[26];
+	const navigation = t10;
+	let t11;
+	if ($[27] !== basePath || $[28] !== definition.resources || $[29] !== intl) {
+		let t12;
+		if ($[31] !== basePath || $[32] !== intl) {
+			t12 = (resource_2) => resolveResource(resource_2).abilities.create ? [{
+				id: resource_2.id,
+				label: intl.formatMessage(appMessages.create, { resource: resource_2.label.singular }),
+				keywords: [resource_2.label.plural],
+				icon: Plus,
+				href: routePath({
+					name: "resource.create",
+					resource: resource_2.id
+				}, basePath)
+			}] : [];
+			$[31] = basePath;
+			$[32] = intl;
+			$[33] = t12;
+		} else t12 = $[33];
+		t11 = definition.resources.flatMap(t12);
+		$[27] = basePath;
+		$[28] = definition.resources;
+		$[29] = intl;
+		$[30] = t11;
+	} else t11 = $[30];
+	const create = t11;
+	const commandGroups = /* @__PURE__ */ new Map();
+	getCommands(plugins.commands, { definition }).forEach((command) => {
+		const group = command.group ?? intl.formatMessage(appMessages.groupCommands);
+		commandGroups.set(group, [...commandGroups.get(group) ?? [], {
+			id: command.id,
+			label: command.label,
+			description: command.description,
+			keywords: command.keywords,
+			icon: command.icon !== void 0 ? getNamedIcon(command.icon) : Terminal,
+			href: command.href,
+			onAction: command.perform
+		}]);
+	});
+	let t12;
+	if ($[34] !== intl || $[35] !== sidebarCollapsed) {
+		t12 = intl.formatMessage(sidebarCollapsed ? appMessages.expandSidebar : appMessages.collapseSidebar);
+		$[34] = intl;
+		$[35] = sidebarCollapsed;
+		$[36] = t12;
+	} else t12 = $[36];
+	const t13 = sidebarCollapsed ? PanelLeftOpen : PanelLeftClose;
+	let t14;
+	if ($[37] !== onToggleSidebar || $[38] !== t12 || $[39] !== t13) {
+		t14 = {
+			id: "sidebar",
+			label: t12,
+			icon: t13,
+			onAction: onToggleSidebar
+		};
+		$[37] = onToggleSidebar;
+		$[38] = t12;
+		$[39] = t13;
+		$[40] = t14;
+	} else t14 = $[40];
+	let t15;
+	if ($[41] !== colorScheme || $[42] !== intl || $[43] !== onColorSchemeChange || $[44] !== t14) {
+		let t16;
+		if ($[46] !== colorScheme) {
+			t16 = (scheme) => scheme !== colorScheme;
+			$[46] = colorScheme;
+			$[47] = t16;
+		} else t16 = $[47];
+		let t17;
+		if ($[48] !== intl || $[49] !== onColorSchemeChange) {
+			t17 = (scheme_0) => ({
+				id: `scheme-${scheme_0}`,
+				label: intl.formatMessage(appMessages.colorScheme, { scheme: scheme_0 }),
+				icon: SCHEME_ICONS[scheme_0],
+				onAction: () => onColorSchemeChange(scheme_0)
+			});
+			$[48] = intl;
+			$[49] = onColorSchemeChange;
+			$[50] = t17;
+		} else t17 = $[50];
+		t15 = [t14, ...COLOR_SCHEMES.filter(t16).map(t17)];
+		$[41] = colorScheme;
+		$[42] = intl;
+		$[43] = onColorSchemeChange;
+		$[44] = t14;
+		$[45] = t15;
+	} else t15 = $[45];
+	const actions = t15;
+	const searchIn = searchEnabled ? searchable.map((resource_3) => ({
+		id: resource_3.id,
+		label: capitalize(resource_3.label.plural, locale),
+		keywords: [resource_3.label.singular],
+		icon: resource_3.icon !== void 0 ? getNamedIcon(resource_3.icon) : Search,
+		keepsOpen: true,
+		onAction: () => {
+			setScope(resource_3.id);
+			setQuery("");
+		}
+	})) : [];
+	const searching = searchEnabled && query.trim().length >= SEARCH_MIN_LENGTH;
+	const results = searching ? (search.data?.data ?? []).flatMap((t16) => {
+		const { resource: id_1, items, total } = t16;
+		const resource_4 = resourceOf(id_1);
+		if (resource_4 === void 0 || scoped !== null && id_1 !== scoped.id) return [];
+		const subtitle = resource_4.itemSubtitle;
+		const icon = resource_4.icon !== void 0 ? getNamedIcon(resource_4.icon) : List;
+		const more = total !== void 0 && total > items.length ? [{
+			id: `${id_1}:all`,
+			label: intl.formatMessage(appMessages.seeAllResults, { count: total }),
+			icon: Search,
+			href: `${routePath({
+				name: "resource.index",
+				resource: id_1
+			}, basePath)}?${toSearchParams({ q: query.trim() })}`
+		}] : [];
+		return [{
+			id: `search-${id_1}`,
+			label: capitalize(resource_4.label.plural, locale),
+			matched: true,
+			items: [...items.map((item) => ({
+				id: item.id,
+				label: getItemTitle(item, resource_4.itemTitle, locale) ?? item.id,
+				description: subtitle !== void 0 ? toText(item[subtitle], locale) || void 0 : void 0,
+				imageUrl: imageOf(item, resource_4),
+				icon,
+				href: editPath(id_1, item.id)
+			})), ...more]
+		}];
+	}) : [];
+	const status = !searching ? scoped !== null ? intl.formatMessage(appMessages.searchMinLength, { count: SEARCH_MIN_LENGTH }) : void 0 : search.isError ? intl.formatMessage(isApiError(search.error) && search.error.status === 429 ? appMessages.searchRateLimited : appMessages.searchError) : search.isFetching || debounced !== query.trim() ? intl.formatMessage(appMessages.searching) : void 0;
+	const local = scoped === null ? [
+		{
+			id: "recent",
+			label: intl.formatMessage(appMessages.groupRecent),
+			items: recent
+		},
+		{
+			id: "navigation",
+			label: intl.formatMessage(appMessages.groupNavigation),
+			items: navigation
+		},
+		{
+			id: "create",
+			label: intl.formatMessage(appMessages.groupCreate),
+			items: create
+		},
+		...[...commandGroups].map(_temp3),
+		{
+			id: "actions",
+			label: intl.formatMessage(appMessages.groupActions),
+			items: actions
+		},
+		{
+			id: "search-in",
+			label: intl.formatMessage(appMessages.groupSearchIn),
+			items: searchIn
+		}
+	] : [];
+	let t17;
+	if ($[51] !== intl) {
+		t17 = intl.formatMessage(appMessages.goTo);
+		$[51] = intl;
+		$[52] = t17;
+	} else t17 = $[52];
+	let t18;
+	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = () => setScope(null);
+		$[53] = t18;
+	} else t18 = $[53];
+	return /* @__PURE__ */ jsx(CommandPalette, {
+		isOpen,
+		onOpenChange: changeOpen,
+		inputValue: query,
+		onInputChange: setQuery,
+		"aria-label": t17,
+		placeholder: scoped !== null ? intl.formatMessage(appMessages.searchPlaceholder) : void 0,
+		scope: scoped !== null ? capitalize(scoped.label.plural, locale) : null,
+		onScopeRemove: t18,
+		status,
+		groups: [...local, ...results]
+	});
+}
+function _temp3(t0) {
+	const [label, items_0] = t0;
+	return {
+		id: `commands-${label}`,
+		label,
+		items: items_0
+	};
+}
+function _temp2(link) {
+	return {
+		id: link.key,
+		label: link.label,
+		icon: navIcon(link),
+		href: link.href
+	};
+}
+function _temp(entry_0) {
+	return entry_0.type === "link" ? [entry_0] : entry_0.type === "group" ? entry_0.children : [];
+}
+//#endregion
+export { GoTo };
+
+//# sourceMappingURL=GoTo.js.map

package/dist/shell/GoTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoTo.js","names":["resource","id","scheme","isOpen","changeOpen","query","setQuery","status","items","entry","_c"],"sources":["../../src/shell/GoTo.tsx"],"sourcesContent":["import {\n    Clock,\n    File,\n    House,\n    Link2,\n    List,\n    Monitor,\n    Moon,\n    PanelLeftClose,\n    PanelLeftOpen,\n    Plus,\n    Search,\n    Sun,\n    Terminal,\n} from 'lucide-react';\nimport { useEffect, useState } from 'react';\n\nimport { getCommands, getSearchableResources, resolveResource, usePlugins } from '@panneau/core';\nimport { isApiError } from '@panneau/data';\nimport { useSearch } from '@panneau/data/query';\nimport { appMessages } from '@panneau/intl';\nimport { toText } from '@panneau/lists';\nimport type { Definition, Item, Resource } from '@panneau/protocol';\nimport { SEARCH_MAX_LIMIT, SEARCH_MIN_LENGTH, toSearchParams } from '@panneau/protocol/runtime';\nimport {\n    CommandPalette,\n    type CommandPaletteGroup,\n    type CommandPaletteItem,\n    type IconComponent,\n    getNamedIcon,\n    usePanneauIntl,\n} from '@panneau/ui';\n\nimport { type NavLink, capitalize, getNavigation } from '../navigation';\nimport { getItemTitle } from '../pages/itemTitle';\nimport { readRecentItems, useRecentScope } from '../recentItems';\nimport { routePath } from '../routes';\nimport { COLOR_SCHEMES, type ColorSchemePreference } from './Sidebar';\n\n/** The pause after typing before the palette searches the server. */\nconst SEARCH_DELAY = 300;\n\nconst SCHEME_ICONS: Record<ColorSchemePreference, IconComponent> = {\n    light: Sun,\n    dark: Moon,\n    auto: Monitor,\n};\n\nexport interface GoToProps {\n    definition: Definition;\n    basePath: string;\n    isOpen: boolean;\n    onOpenChange: (isOpen: boolean) => void;\n    sidebarCollapsed: boolean;\n    onToggleSidebar: () => void;\n    colorScheme: ColorSchemePreference;\n    onColorSchemeChange: (scheme: ColorSchemePreference) => void;\n}\n\nfunction navIcon(link: NavLink): IconComponent {\n    if (link.icon !== undefined) {\n        return getNamedIcon(link.icon);\n    }\n    switch (link.target.kind) {\n        case 'home':\n            return House;\n        case 'resource':\n            return List;\n        case 'page':\n            return File;\n        case 'url':\n            return Link2;\n    }\n}\n\n/** The URL of an item's image (`itemImage`): a URL, or a media with a thumbnail. */\nfunction imageOf(item: Item, resource: Resource): string | undefined {\n    const value = resource.itemImage !== undefined ? item[resource.itemImage] : undefined;\n    if (typeof value === 'string') {\n        return value;\n    }\n    if (value !== null && typeof value === 'object') {\n        const media = (value as { media?: { thumbnailUrl?: unknown } }).media;\n        const url =\n            media?.thumbnailUrl ??\n            (value as { thumbnailUrl?: unknown; url?: unknown }).thumbnailUrl;\n        return typeof url === 'string' ? url : undefined;\n    }\n    return undefined;\n}\n\n/**\n * The \"Go to…\" palette of the app (decision 0029): recent items, navigation, \"New {resource}\",\n * the commands of plugins, the app's actions, then the results of the server's search, grouped by\n * resource. An item opens its edit form. \"Search in\" narrows the palette to the results of one\n * resource, 20 of them, until Backspace in the empty field.\n */\nexport function GoTo({\n    definition,\n    basePath,\n    isOpen,\n    onOpenChange,\n    sidebarCollapsed,\n    onToggleSidebar,\n    colorScheme,\n    onColorSchemeChange,\n}: GoToProps) {\n    const intl = usePanneauIntl();\n    const plugins = usePlugins();\n    const user = useRecentScope();\n    const [query, setQuery] = useState('');\n    const [debounced, setDebounced] = useState('');\n    // The resource the search is narrowed to\n    const [scope, setScope] = useState<string | null>(null);\n    const locale = definition.locale;\n    const searchable = getSearchableResources(definition);\n    const searchEnabled = definition.search?.enabled !== false && searchable.length > 0;\n\n    useEffect(() => {\n        const timeout = window.setTimeout(() => setDebounced(query.trim()), SEARCH_DELAY);\n        return () => window.clearTimeout(timeout);\n    }, [query]);\n\n    const resourceOf = (id: string) => definition.resources.find((resource) => resource.id === id);\n    const scoped = scope !== null ? (resourceOf(scope) ?? null) : null;\n    const search = useSearch(debounced, {\n        enabled: isOpen && searchEnabled && debounced.length >= SEARCH_MIN_LENGTH,\n        ...(scoped !== null && { limit: SEARCH_MAX_LIMIT, resources: [scoped.id] }),\n    });\n    const changeOpen = (open: boolean) => {\n        if (!open) {\n            setScope(null);\n        }\n        onOpenChange(open);\n    };\n    const editPath = (resource: string, id: string) =>\n        routePath({ name: 'resource.edit', resource, id }, basePath);\n\n    const recent: CommandPaletteItem[] = isOpen\n        ? readRecentItems(basePath, user).flatMap((entry) => {\n              const resource = resourceOf(entry.resource);\n              return resource !== undefined\n                  ? [\n                        {\n                            id: `${entry.resource}:${entry.id}`,\n                            label: entry.title,\n                            description: capitalize(resource.label.singular, locale),\n                            icon: resource.icon !== undefined ? getNamedIcon(resource.icon) : Clock,\n                            href: editPath(entry.resource, entry.id),\n                        },\n                    ]\n                  : [];\n          })\n        : [];\n\n    const navigation: CommandPaletteItem[] = [\n        {\n            id: 'home',\n            label: intl.formatMessage(appMessages.home),\n            icon: House,\n            href: routePath({ name: 'home' }, basePath),\n        },\n        ...getNavigation(definition, basePath)\n            .flatMap((entry) =>\n                entry.type === 'link' ? [entry] : entry.type === 'group' ? entry.children : [],\n            )\n            .map((link) => ({\n                id: link.key,\n                label: link.label,\n                icon: navIcon(link),\n                href: link.href,\n            })),\n    ];\n\n    const create: CommandPaletteItem[] = definition.resources.flatMap((resource) =>\n        resolveResource(resource).abilities.create\n            ? [\n                  {\n                      id: resource.id,\n                      label: intl.formatMessage(appMessages.create, {\n                          resource: resource.label.singular,\n                      }),\n                      keywords: [resource.label.plural],\n                      icon: Plus,\n                      href: routePath({ name: 'resource.create', resource: resource.id }, basePath),\n                  },\n              ]\n            : [],\n    );\n\n    // The commands of plugins, in their own groups or in \"Commands\".\n    const commandGroups = new Map<string, CommandPaletteItem[]>();\n    getCommands(plugins.commands, { definition }).forEach((command) => {\n        const group = command.group ?? intl.formatMessage(appMessages.groupCommands);\n        commandGroups.set(group, [\n            ...(commandGroups.get(group) ?? []),\n            {\n                id: command.id,\n                label: command.label,\n                description: command.description,\n                keywords: command.keywords,\n                icon: command.icon !== undefined ? getNamedIcon(command.icon) : Terminal,\n                href: command.href,\n                onAction: command.perform,\n            },\n        ]);\n    });\n\n    const actions: CommandPaletteItem[] = [\n        {\n            id: 'sidebar',\n            label: intl.formatMessage(\n                sidebarCollapsed ? appMessages.expandSidebar : appMessages.collapseSidebar,\n            ),\n            icon: sidebarCollapsed ? PanelLeftOpen : PanelLeftClose,\n            onAction: onToggleSidebar,\n        },\n        ...COLOR_SCHEMES.filter((scheme) => scheme !== colorScheme).map((scheme) => ({\n            id: `scheme-${scheme}`,\n            label: intl.formatMessage(appMessages.colorScheme, { scheme }),\n            icon: SCHEME_ICONS[scheme],\n            onAction: () => onColorSchemeChange(scheme),\n        })),\n    ];\n\n    const searchIn: CommandPaletteItem[] = searchEnabled\n        ? searchable.map((resource) => ({\n              id: resource.id,\n              label: capitalize(resource.label.plural, locale),\n              keywords: [resource.label.singular],\n              icon: resource.icon !== undefined ? getNamedIcon(resource.icon) : Search,\n              keepsOpen: true,\n              onAction: () => {\n                  setScope(resource.id);\n                  setQuery('');\n              },\n          }))\n        : [];\n\n    const searching = searchEnabled && query.trim().length >= SEARCH_MIN_LENGTH;\n    const results: CommandPaletteGroup[] = searching\n        ? (search.data?.data ?? []).flatMap(({ resource: id, items, total }) => {\n              const resource = resourceOf(id);\n              if (resource === undefined || (scoped !== null && id !== scoped.id)) {\n                  return [];\n              }\n              const subtitle = resource.itemSubtitle;\n              const icon = resource.icon !== undefined ? getNamedIcon(resource.icon) : List;\n              // The list of the resource, searched, has every result\n              const more: CommandPaletteItem[] =\n                  total !== undefined && total > items.length\n                      ? [\n                            {\n                                id: `${id}:all`,\n                                label: intl.formatMessage(appMessages.seeAllResults, {\n                                    count: total,\n                                }),\n                                icon: Search,\n                                href: `${routePath({ name: 'resource.index', resource: id }, basePath)}?${toSearchParams({ q: query.trim() })}`,\n                            },\n                        ]\n                      : [];\n              return [\n                  {\n                      id: `search-${id}`,\n                      label: capitalize(resource.label.plural, locale),\n                      matched: true,\n                      items: [\n                          ...items.map((item) => ({\n                              id: item.id,\n                              label: getItemTitle(item, resource.itemTitle, locale) ?? item.id,\n                              description:\n                                  subtitle !== undefined\n                                      ? toText(item[subtitle], locale) || undefined\n                                      : undefined,\n                              imageUrl: imageOf(item, resource),\n                              icon,\n                              href: editPath(id, item.id),\n                          })),\n                          ...more,\n                      ],\n                  },\n              ];\n          })\n        : [];\n\n    const status = !searching\n        ? scoped !== null\n            ? intl.formatMessage(appMessages.searchMinLength, { count: SEARCH_MIN_LENGTH })\n            : undefined\n        : search.isError\n          ? intl.formatMessage(\n                isApiError(search.error) && search.error.status === 429\n                    ? appMessages.searchRateLimited\n                    : appMessages.searchError,\n            )\n          : search.isFetching || debounced !== query.trim()\n            ? intl.formatMessage(appMessages.searching)\n            : undefined;\n\n    const local: CommandPaletteGroup[] =\n        scoped === null\n            ? [\n                  {\n                      id: 'recent',\n                      label: intl.formatMessage(appMessages.groupRecent),\n                      items: recent,\n                  },\n                  {\n                      id: 'navigation',\n                      label: intl.formatMessage(appMessages.groupNavigation),\n                      items: navigation,\n                  },\n                  {\n                      id: 'create',\n                      label: intl.formatMessage(appMessages.groupCreate),\n                      items: create,\n                  },\n                  ...[...commandGroups].map(([label, items]) => ({\n                      id: `commands-${label}`,\n                      label,\n                      items,\n                  })),\n                  {\n                      id: 'actions',\n                      label: intl.formatMessage(appMessages.groupActions),\n                      items: actions,\n                  },\n                  {\n                      id: 'search-in',\n                      label: intl.formatMessage(appMessages.groupSearchIn),\n                      items: searchIn,\n                  },\n              ]\n            : [];\n\n    return (\n        <CommandPalette\n            isOpen={isOpen}\n            onOpenChange={changeOpen}\n            inputValue={query}\n            onInputChange={setQuery}\n            aria-label={intl.formatMessage(appMessages.goTo)}\n            placeholder={\n                scoped !== null ? intl.formatMessage(appMessages.searchPlaceholder) : undefined\n            }\n            scope={scoped !== null ? capitalize(scoped.label.plural, locale) : null}\n            onScopeRemove={() => setScope(null)}\n            status={status}\n            groups={[...local, ...results]}\n        />\n    );\n}\n"],"mappings":"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"}