@alfakit/vue 0.1.2 → 0.1.7

package/dist/components/panel/GlobalSearchPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearchPalette.js","names":["_sfc_main","GlobalSearchPalette_vue_vue_type_script_setup_true_lang_default","GlobalSearchPalette_default"],"sources":["../../../src/components/panel/GlobalSearchPalette.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ActionSchema,\n  CommandPaletteResponse,\n  GlobalSearchGroupSchema,\n  PaletteGroup,\n  PaletteItem,\n} from '@alfakit/core'\nimport {\n  canInstallPwa,\n  commandPaletteItems,\n  createLatestRequest,\n  debounce,\n  filterCommandPalette,\n  globalSearchDebounce,\n  globalSearchStatus,\n  paletteGroupKey,\n  pwaStore,\n  requestJson,\n  setAppearance,\n  shortcuts,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useChoice, usePageSchema, usePanel, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport CommandDialog from '../ui/CommandDialog.vue'\nimport CommandEmpty from '../ui/CommandEmpty.vue'\nimport CommandGroup from '../ui/CommandGroup.vue'\nimport CommandInput from '../ui/CommandInput.vue'\nimport CommandItem from '../ui/CommandItem.vue'\nimport CommandList from '../ui/CommandList.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\nimport { installPwa } from './pwa'\nimport Slot from './Slot.vue'\nimport { Icon } from '../../lib/icons'\n\ntype SearchGroup = GlobalSearchGroupSchema\n\n/**\n * The command palette behind `GlobalSearch`: global search results plus (with\n * `alfakit.commandPalette`) the page's header actions, panel commands, navigation, \"create\"\n * links, recent records, theme switching and the shortcuts overlay. Its code loads the first\n * time the palette opens; the trigger and `mod+k` stay in the shell.\n */\nconst open = defineModel<boolean>('open', { default: false })\n\n/** Groups listed after the global search results. */\nconst TRAILING_GROUPS = new Set(['theme', 'help'])\n\nconst t = useT()\nconst choice = useChoice()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst runner = useActionRunner()\nconst query = ref('')\nconst groups = ref<SearchGroup[]>([])\nconst loading = ref(false)\nconst loaded = ref<CommandPaletteResponse | null>(null)\nconst config = computed(() => panel.value.globalSearch)\nconst palette = computed(() => panel.value.commandPalette)\nconst endpoint = computed(() => (config.value ? panel.value.endpoints.globalSearch : undefined))\nconst placeholder = computed(\n  () =>\n    config.value?.placeholder ??\n    palette.value?.placeholder ??\n    t('palette.placeholder', {}, 'Type a command or search…'),\n)\nconst overlay = computed(\n  () => panel.value.keyboardShortcuts !== false && panel.value.keyboardShortcuts !== undefined,\n)\n\n// Create links and recent records, loaded each time the palette opens (also when it mounts\n// open: the first time, its code arrives after the click or `mod+k`).\nwatch(\n  open,\n  (value, _old, onCleanup) => {\n    const url = panel.value.endpoints.commandPalette\n\n    if (!value || !palette.value || !url) return\n\n    let active = true\n    onCleanup(() => {\n      active = false\n    })\n\n    requestJson<CommandPaletteResponse>(url)\n      .then((response) => {\n        if (active) loaded.value = response\n      })\n      .catch(() => {\n        if (active) loaded.value = { create: [], recent: [] }\n      })\n  },\n  { immediate: true },\n)\n\nconst latest = createLatestRequest()\n\nconst search = debounce((term: string) => {\n  const url = endpoint.value\n\n  if (!url || term.trim() === '') {\n    latest.cancel()\n    groups.value = []\n    loading.value = false\n\n    return\n  }\n\n  // Only the newest request may update the results: older responses are aborted/dropped.\n  void latest\n    .run(\n      (signal) => requestJson<{ groups: SearchGroup[] }>(url, { query: { search: term }, signal }),\n      (response) => {\n        groups.value = response.groups\n      },\n      () => {\n        loading.value = false\n      },\n    )\n    .catch(() => {\n      groups.value = []\n    })\n}, globalSearchDebounce(config.value))\n\nwatch(query, (term) => {\n  loading.value = endpoint.value !== undefined && term.trim() !== ''\n  search(term)\n})\n\nonScopeDispose(() => {\n  search.cancel()\n  latest.cancel()\n})\n\n// Closing the palette (or navigating away) starts the next search from scratch.\nconst reset = () => {\n  search.cancel()\n  latest.cancel()\n  query.value = ''\n  groups.value = []\n  loading.value = false\n  loaded.value = null\n}\n\nwatch(open, (value) => {\n  if (!value) reset()\n})\n\nlet stopListening: (() => void) | undefined\n\nonMounted(() => {\n  stopListening = router.on('navigate', () => {\n    open.value = false\n    reset()\n  })\n})\n\nonBeforeUnmount(() => stopListening?.())\n\n// `Panel::pwa()`: \"Install app\" while the browser offers it (or on iOS Safari).\nconst pwaState = useStore(pwaStore)\nconst installable = computed(() => Boolean(panel.value.pwa) && canInstallPwa(pwaState.value))\n\nconst items = computed(() =>\n  commandPaletteItems({\n    panel: panel.value,\n    page: page.value,\n    loaded: loaded.value,\n    shortcutsOverlay: overlay.value,\n    ...(installable.value ? { install: t('pwa.install', {}, 'Install app') } : {}),\n    labels: {\n      light: t('palette.theme.light', {}, 'Light theme'),\n      dark: t('palette.theme.dark', {}, 'Dark theme'),\n      system: t('palette.theme.system', {}, 'System theme'),\n      shortcuts: t('palette.shortcuts', {}, 'Keyboard shortcuts'),\n    },\n  }),\n)\nconst local = computed(() => filterCommandPalette(items.value, query.value))\nconst leading = computed(() => local.value.filter((group) => !TRAILING_GROUPS.has(group.id)))\nconst trailing = computed(() => local.value.filter((group) => TRAILING_GROUPS.has(group.id)))\n\n// Announced by the `aria-live` region once a search has finished.\nconst status = computed(() =>\n  globalSearchStatus(\n    query.value,\n    loading.value,\n    [...groups.value, ...local.value.map((group) => ({ results: group.items }))],\n    { t, choice },\n  ),\n)\n\nconst defaultGroupLabels: Record<string, string> = {\n  recent: 'Recent',\n  actions: 'Actions',\n  commands: 'Commands',\n  create: 'Create',\n  navigation: 'Go to',\n  theme: 'Theme',\n  help: 'Help',\n}\n\nconst heading = (group: PaletteGroup) => {\n  const id = group.id.startsWith('commands:') ? 'commands' : group.id\n\n  return group.label ?? t(paletteGroupKey(group.id), {}, defaultGroupLabels[id] ?? id)\n}\n\nconst subtitle = (group: PaletteGroup, item: PaletteItem) =>\n  item.description ??\n  (group.id === 'recent' || group.id === 'navigation' ? item.groupLabel : undefined)\n\nconst run = (item: PaletteItem) => {\n  open.value = false\n\n  if (item.kind === 'action' && item.action && item.context) {\n    void runner.trigger(item.action, item.context)\n  } else if (item.kind === 'url' && item.url) {\n    if (item.openInNewTab) {\n      window.open(item.url, '_blank', 'noopener,noreferrer')\n    } else {\n      router.visit(item.url)\n    }\n  } else if (item.kind === 'theme' && item.appearance) {\n    setAppearance(item.appearance, panel.value)\n  } else if (item.kind === 'shortcut' && item.shortcutId) {\n    const id = item.shortcutId\n    // After the dialog closed, so focus returns to the page before the overlay opens.\n    setTimeout(() => shortcuts.trigger(id), 0)\n  } else if (item.kind === 'install') {\n    void installPwa(t)\n  }\n}\n\nconst select = (url: string) => {\n  open.value = false\n  router.visit(url)\n}\n\n// A URL action next to a search result (`getGlobalSearchResultActions()`); the item itself\n// navigates on select, so the click must not reach it.\nconst visitAction = (event: MouseEvent, action: ActionSchema) => {\n  event.stopPropagation()\n\n  if (!action.url || action.openUrlInNewTab || event.metaKey || event.ctrlKey) return\n\n  event.preventDefault()\n  open.value = false\n  router.visit(action.url)\n}\n\nconst details = (result: SearchGroup['results'][number]) =>\n  Object.entries(result.details ?? {})\n    .map(([key, value]) => `${key}: ${String(value)}`)\n    .join(' · ')\n\nconst hasResults = computed(() => groups.value.length > 0 || local.value.length > 0)\n</script>\n\n<template>\n  <CommandDialog\n    :open=\"open\"\n    :title=\"palette ? t('command_palette', {}, 'Command palette') : t('search', {}, 'Search')\"\n    :description=\"placeholder\"\n    @update:open=\"open = $event\"\n  >\n    <Slot name=\"global-search.start\" />\n    <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ status }}</div>\n    <CommandInput\n      :placeholder=\"placeholder\"\n      :model-value=\"query\"\n      @update:model-value=\"query = $event\"\n    />\n    <CommandList>\n      <CommandEmpty v-if=\"!loading && !hasResults\">{{\n        query ? t('no_results', {}, 'No results.') : placeholder\n      }}</CommandEmpty>\n      <CommandGroup\n        v-for=\"group in leading\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span class=\"truncate\">{{ item.label }}</span>\n            <span v-if=\"subtitle(group, item)\" class=\"text-muted-foreground truncate text-xs\">{{\n              subtitle(group, item)\n            }}</span>\n          </div>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n      <div v-if=\"loading\" class=\"flex justify-center py-6\"><Spinner /></div>\n      <CommandGroup\n        v-for=\"group in groups\"\n        :key=\"group.label\"\n        :heading=\"group.label\"\n        data-group=\"search\"\n      >\n        <CommandItem\n          v-for=\"result in group.results\"\n          :key=\"result.url\"\n          :value=\"`search:${group.label}:${result.url}`\"\n          @select=\"select(result.url)\"\n        >\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span>{{ result.title }}</span>\n            <span v-if=\"result.details\" class=\"text-muted-foreground text-xs\">{{\n              details(result)\n            }}</span>\n          </div>\n          <div\n            v-if=\"result.actions?.length\"\n            data-slot=\"global-search-actions\"\n            class=\"ms-auto flex shrink-0 gap-1\"\n          >\n            <Button\n              v-for=\"action in result.actions.filter((item) => item.url)\"\n              :key=\"action.name\"\n              as-child\n              variant=\"ghost\"\n              size=\"xs\"\n              class=\"h-6 px-2 text-xs\"\n            >\n              <a\n                :href=\"action.url\"\n                :target=\"action.openUrlInNewTab ? '_blank' : undefined\"\n                :rel=\"action.openUrlInNewTab ? 'noopener noreferrer' : undefined\"\n                :aria-label=\"action.label ? undefined : (action.tooltip ?? action.name)\"\n                @pointerdown.stop\n                @click=\"visitAction($event, action)\"\n              >\n                <Icon v-if=\"action.icon\" :name=\"action.icon\" class=\"size-3.5\" />\n                {{ action.label }}\n              </a>\n            </Button>\n          </div>\n        </CommandItem>\n      </CommandGroup>\n      <CommandGroup\n        v-for=\"group in trailing\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n    </CommandList>\n    <Slot name=\"global-search.end\" />\n  </CommandDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"GlobalSearchPalette.js","names":["_sfc_main","GlobalSearchPalette_vue_vue_type_script_setup_true_lang_default","GlobalSearchPalette_default"],"sources":["../../../src/components/panel/GlobalSearchPalette.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ActionSchema,\n  CommandPaletteResponse,\n  GlobalSearchGroupSchema,\n  PaletteGroup,\n  PaletteItem,\n} from '@alfakit/core'\nimport {\n  canInstallPwa,\n  commandPaletteItems,\n  createLatestRequest,\n  debounce,\n  filterCommandPalette,\n  globalSearchDebounce,\n  globalSearchStatus,\n  paletteGroupKey,\n  pwaStore,\n  requestJson,\n  setAppearance,\n  shortcuts,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useChoice, usePageSchema, usePanel, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport CommandDialog from '../ui/CommandDialog.vue'\nimport CommandEmpty from '../ui/CommandEmpty.vue'\nimport CommandGroup from '../ui/CommandGroup.vue'\nimport CommandInput from '../ui/CommandInput.vue'\nimport CommandItem from '../ui/CommandItem.vue'\nimport CommandAutoHighlight from '../ui/CommandAutoHighlight.vue'\nimport CommandList from '../ui/CommandList.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\nimport { installPwa } from './pwa'\nimport Slot from './Slot.vue'\nimport { Icon } from '../../lib/icons'\n\ntype SearchGroup = GlobalSearchGroupSchema\n\n/**\n * The command palette behind `GlobalSearch`: global search results plus (with\n * `alfakit.commandPalette`) the page's header actions, panel commands, navigation, \"create\"\n * links, recent records, theme switching and the shortcuts overlay. Its code loads the first\n * time the palette opens; the trigger and `mod+k` stay in the shell.\n */\nconst open = defineModel<boolean>('open', { default: false })\n\n/** Groups listed after the global search results. */\nconst TRAILING_GROUPS = new Set(['theme', 'help'])\n\nconst t = useT()\nconst choice = useChoice()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst runner = useActionRunner()\nconst query = ref('')\nconst groups = ref<SearchGroup[]>([])\nconst loading = ref(false)\nconst loaded = ref<CommandPaletteResponse | null>(null)\nconst config = computed(() => panel.value.globalSearch)\nconst palette = computed(() => panel.value.commandPalette)\nconst endpoint = computed(() => (config.value ? panel.value.endpoints.globalSearch : undefined))\nconst placeholder = computed(\n  () =>\n    config.value?.placeholder ??\n    palette.value?.placeholder ??\n    t('palette.placeholder', {}, 'Type a command or search…'),\n)\nconst overlay = computed(\n  () => panel.value.keyboardShortcuts !== false && panel.value.keyboardShortcuts !== undefined,\n)\n\n// Create links and recent records, loaded each time the palette opens (also when it mounts\n// open: the first time, its code arrives after the click or `mod+k`).\nwatch(\n  open,\n  (value, _old, onCleanup) => {\n    const url = panel.value.endpoints.commandPalette\n\n    if (!value || !palette.value || !url) return\n\n    let active = true\n    onCleanup(() => {\n      active = false\n    })\n\n    requestJson<CommandPaletteResponse>(url)\n      .then((response) => {\n        if (active) loaded.value = response\n      })\n      .catch(() => {\n        if (active) loaded.value = { create: [], recent: [] }\n      })\n  },\n  { immediate: true },\n)\n\nconst latest = createLatestRequest()\n\nconst search = debounce((term: string) => {\n  const url = endpoint.value\n\n  if (!url || term.trim() === '') {\n    latest.cancel()\n    groups.value = []\n    loading.value = false\n\n    return\n  }\n\n  // Only the newest request may update the results: older responses are aborted/dropped.\n  void latest\n    .run(\n      (signal) => requestJson<{ groups: SearchGroup[] }>(url, { query: { search: term }, signal }),\n      (response) => {\n        groups.value = response.groups\n      },\n      () => {\n        loading.value = false\n      },\n    )\n    .catch(() => {\n      groups.value = []\n    })\n}, globalSearchDebounce(config.value))\n\nwatch(query, (term) => {\n  loading.value = endpoint.value !== undefined && term.trim() !== ''\n  search(term)\n})\n\nonScopeDispose(() => {\n  search.cancel()\n  latest.cancel()\n})\n\n// Closing the palette (or navigating away) starts the next search from scratch.\nconst reset = () => {\n  search.cancel()\n  latest.cancel()\n  query.value = ''\n  groups.value = []\n  loading.value = false\n  loaded.value = null\n}\n\nwatch(open, (value) => {\n  if (!value) reset()\n})\n\nlet stopListening: (() => void) | undefined\n\nonMounted(() => {\n  stopListening = router.on('navigate', () => {\n    open.value = false\n    reset()\n  })\n})\n\nonBeforeUnmount(() => stopListening?.())\n\n// `Panel::pwa()`: \"Install app\" while the browser offers it (or on iOS Safari).\nconst pwaState = useStore(pwaStore)\nconst installable = computed(() => Boolean(panel.value.pwa) && canInstallPwa(pwaState.value))\n\nconst items = computed(() =>\n  commandPaletteItems({\n    panel: panel.value,\n    page: page.value,\n    loaded: loaded.value,\n    shortcutsOverlay: overlay.value,\n    ...(installable.value ? { install: t('pwa.install', {}, 'Install app') } : {}),\n    labels: {\n      light: t('palette.theme.light', {}, 'Light theme'),\n      dark: t('palette.theme.dark', {}, 'Dark theme'),\n      system: t('palette.theme.system', {}, 'System theme'),\n      shortcuts: t('palette.shortcuts', {}, 'Keyboard shortcuts'),\n    },\n  }),\n)\nconst local = computed(() => filterCommandPalette(items.value, query.value))\nconst leading = computed(() => local.value.filter((group) => !TRAILING_GROUPS.has(group.id)))\nconst trailing = computed(() => local.value.filter((group) => TRAILING_GROUPS.has(group.id)))\n\n// Announced by the `aria-live` region once a search has finished.\nconst status = computed(() =>\n  globalSearchStatus(\n    query.value,\n    loading.value,\n    [...groups.value, ...local.value.map((group) => ({ results: group.items }))],\n    { t, choice },\n  ),\n)\n\nconst defaultGroupLabels: Record<string, string> = {\n  recent: 'Recent',\n  actions: 'Actions',\n  commands: 'Commands',\n  create: 'Create',\n  navigation: 'Go to',\n  theme: 'Theme',\n  help: 'Help',\n}\n\nconst heading = (group: PaletteGroup) => {\n  const id = group.id.startsWith('commands:') ? 'commands' : group.id\n\n  return group.label ?? t(paletteGroupKey(group.id), {}, defaultGroupLabels[id] ?? id)\n}\n\nconst subtitle = (group: PaletteGroup, item: PaletteItem) =>\n  item.description ??\n  (group.id === 'recent' || group.id === 'navigation' ? item.groupLabel : undefined)\n\nconst run = (item: PaletteItem) => {\n  open.value = false\n\n  if (item.kind === 'action' && item.action && item.context) {\n    void runner.trigger(item.action, item.context)\n  } else if (item.kind === 'url' && item.url) {\n    if (item.openInNewTab) {\n      window.open(item.url, '_blank', 'noopener,noreferrer')\n    } else {\n      router.visit(item.url)\n    }\n  } else if (item.kind === 'theme' && item.appearance) {\n    setAppearance(item.appearance, panel.value)\n  } else if (item.kind === 'shortcut' && item.shortcutId) {\n    const id = item.shortcutId\n    // After the dialog closed, so focus returns to the page before the overlay opens.\n    setTimeout(() => shortcuts.trigger(id), 0)\n  } else if (item.kind === 'install') {\n    void installPwa(t)\n  }\n}\n\nconst select = (url: string) => {\n  open.value = false\n  router.visit(url)\n}\n\n// A URL action next to a search result (`getGlobalSearchResultActions()`); the item itself\n// navigates on select, so the click must not reach it.\nconst visitAction = (event: MouseEvent, action: ActionSchema) => {\n  event.stopPropagation()\n\n  if (!action.url || action.openUrlInNewTab || event.metaKey || event.ctrlKey) return\n\n  event.preventDefault()\n  open.value = false\n  router.visit(action.url)\n}\n\nconst details = (result: SearchGroup['results'][number]) =>\n  Object.entries(result.details ?? {})\n    .map(([key, value]) => `${key}: ${String(value)}`)\n    .join(' · ')\n\nconst hasResults = computed(() => groups.value.length > 0 || local.value.length > 0)\n</script>\n\n<template>\n  <CommandDialog\n    :open=\"open\"\n    :title=\"palette ? t('command_palette', {}, 'Command palette') : t('search', {}, 'Search')\"\n    :description=\"placeholder\"\n    @update:open=\"open = $event\"\n  >\n    <Slot name=\"global-search.start\" />\n    <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ status }}</div>\n    <CommandInput\n      :placeholder=\"placeholder\"\n      :model-value=\"query\"\n      @update:model-value=\"query = $event\"\n    />\n    <CommandList>\n      <CommandAutoHighlight :items=\"[groups, local, leading]\" />\n      <CommandEmpty v-if=\"!loading && !hasResults\">{{\n        query ? t('no_results', {}, 'No results.') : placeholder\n      }}</CommandEmpty>\n      <CommandGroup\n        v-for=\"group in leading\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span class=\"truncate\">{{ item.label }}</span>\n            <span v-if=\"subtitle(group, item)\" class=\"text-muted-foreground truncate text-xs\">{{\n              subtitle(group, item)\n            }}</span>\n          </div>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n      <div v-if=\"loading\" class=\"flex justify-center py-6\"><Spinner /></div>\n      <CommandGroup\n        v-for=\"group in groups\"\n        :key=\"group.label\"\n        :heading=\"group.label\"\n        data-group=\"search\"\n      >\n        <CommandItem\n          v-for=\"result in group.results\"\n          :key=\"result.url\"\n          :value=\"`search:${group.label}:${result.url}`\"\n          @select=\"select(result.url)\"\n        >\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span>{{ result.title }}</span>\n            <span v-if=\"result.details\" class=\"text-muted-foreground text-xs\">{{\n              details(result)\n            }}</span>\n          </div>\n          <div\n            v-if=\"result.actions?.length\"\n            data-slot=\"global-search-actions\"\n            class=\"ms-auto flex shrink-0 gap-1\"\n          >\n            <Button\n              v-for=\"action in result.actions.filter((item) => item.url)\"\n              :key=\"action.name\"\n              as-child\n              variant=\"ghost\"\n              size=\"xs\"\n              class=\"h-6 px-2 text-xs\"\n            >\n              <a\n                :href=\"action.url\"\n                :target=\"action.openUrlInNewTab ? '_blank' : undefined\"\n                :rel=\"action.openUrlInNewTab ? 'noopener noreferrer' : undefined\"\n                :aria-label=\"action.label ? undefined : (action.tooltip ?? action.name)\"\n                @pointerdown.stop\n                @click=\"visitAction($event, action)\"\n              >\n                <Icon v-if=\"action.icon\" :name=\"action.icon\" class=\"size-3.5\" />\n                {{ action.label }}\n              </a>\n            </Button>\n          </div>\n        </CommandItem>\n      </CommandGroup>\n      <CommandGroup\n        v-for=\"group in trailing\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n    </CommandList>\n    <Slot name=\"global-search.end\" />\n  </CommandDialog>\n</template>\n"],"mappings":""}

package/dist/components/panel/GlobalSearchPalette.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearchPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/GlobalSearchPalette.vue"],"names":[],"mappings":"AA4nBA,KAAK,iBAAiB,GAAG;IACzB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;;;;;;AA6bF,wBAOG"}
+{"version":3,"file":"GlobalSearchPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/GlobalSearchPalette.vue"],"names":[],"mappings":"AA+nBA,KAAK,iBAAiB,GAAG;IACzB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;;;;;;AAucF,wBAOG"}

package/dist/components/panel/GlobalSearchPalette.vue_vue_type_script_setup_true_lang.js

@@ -4,43 +4,44 @@ import a from "../../lib/Icon.js";
 import te from "../ui/Button2.js";
 import ne from "../ui/Spinner.js";
 import o from "./Slot.js";
-import s from "../ui/CommandEmpty.js";
-import c from "../ui/CommandGroup.js";
-import re from "../ui/CommandInput.js";
-import l from "../ui/CommandItem.js";
-import ie from "../ui/CommandList.js";
-import { installPwa as ae } from "./pwa.js";
-import u from "./ShortcutKeys.js";
-import oe from "../ui/CommandDialog.js";
-import { canInstallPwa as se, commandPaletteItems as ce, createLatestRequest as le, debounce as ue, filterCommandPalette as de, globalSearchDebounce as fe, globalSearchStatus as pe, paletteGroupKey as me, pwaStore as he, requestJson as d, setAppearance as ge, shortcuts as _e } from "@alfakit/core";
+import re from "../ui/CommandEmpty.js";
+import s from "../ui/CommandGroup.js";
+import ie from "../ui/CommandInput.js";
+import c from "../ui/CommandItem.js";
+import ae from "../ui/CommandList.js";
+import { installPwa as oe } from "./pwa.js";
+import l from "./ShortcutKeys.js";
+import se from "../ui/CommandDialog.js";
+import ce from "../ui/CommandAutoHighlight.js";
+import { canInstallPwa as le, commandPaletteItems as ue, createLatestRequest as de, debounce as fe, filterCommandPalette as pe, globalSearchDebounce as me, globalSearchStatus as he, paletteGroupKey as ge, pwaStore as u, requestJson as d, setAppearance as _e, shortcuts as ve } from "@alfakit/core";
 import { router as f } from "@inertiajs/vue3";
-import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, onBeforeUnmount as ve, onMounted as ye, onScopeDispose as be, openBlock as S, ref as C, renderList as w, toDisplayString as T, unref as E, useModel as xe, watch as D, withCtx as O, withModifiers as k } from "vue";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, onBeforeUnmount as ye, onMounted as be, onScopeDispose as xe, openBlock as S, ref as C, renderList as w, toDisplayString as T, unref as E, useModel as Se, watch as D, withCtx as O, withModifiers as k } from "vue";
 //#region src/components/panel/GlobalSearchPalette.vue?vue&type=script&setup=true&lang.ts
 var A = {
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true",
 	class: "sr-only"
-}, j = { class: "flex min-w-0 flex-1 flex-col" }, M = { class: "truncate" }, Se = {
+}, j = { class: "flex min-w-0 flex-1 flex-col" }, Ce = { class: "truncate" }, we = {
 	key: 0,
 	class: "text-muted-foreground truncate text-xs"
-}, Ce = {
+}, Te = {
 	key: 1,
 	class: "flex justify-center py-6"
-}, we = { class: "flex min-w-0 flex-1 flex-col" }, Te = {
+}, Ee = { class: "flex min-w-0 flex-1 flex-col" }, De = {
 	key: 0,
 	class: "text-muted-foreground text-xs"
-}, Ee = {
+}, Oe = {
 	key: 0,
 	"data-slot": "global-search-actions",
 	class: "ms-auto flex shrink-0 gap-1"
-}, De = [
+}, ke = [
 	"href",
 	"target",
 	"rel",
 	"aria-label",
 	"onClick"
-], Oe = { class: "min-w-0 flex-1 truncate" }, N = /*@__PURE__*/ x({
+], Ae = { class: "min-w-0 flex-1 truncate" }, M = /*@__PURE__*/ x({
 	__name: "GlobalSearchPalette",
 	props: {
 		open: {
@@ -51,72 +52,72 @@ var A = {
 	},
 	emits: ["update:open"],
 	setup(x) {
-		let N = xe(x, "open"), P = /* @__PURE__ */ new Set(["theme", "help"]), F = i(), ke = t(), I = r(), Ae = n(), je = e(), L = C(""), R = C([]), z = C(!1), B = C(null), V = m(() => I.value.globalSearch), H = m(() => I.value.commandPalette), U = m(() => V.value ? I.value.endpoints.globalSearch : void 0), W = m(() => V.value?.placeholder ?? H.value?.placeholder ?? F("palette.placeholder", {}, "Type a command or search…")), Me = m(() => I.value.keyboardShortcuts !== !1 && I.value.keyboardShortcuts !== void 0);
-		D(N, (e, t, n) => {
-			let r = I.value.endpoints.commandPalette;
-			if (!e || !H.value || !r) return;
+		let M = Se(x, "open"), N = /* @__PURE__ */ new Set(["theme", "help"]), P = i(), je = t(), F = r(), Me = n(), Ne = e(), I = C(""), L = C([]), R = C(!1), z = C(null), B = m(() => F.value.globalSearch), V = m(() => F.value.commandPalette), H = m(() => B.value ? F.value.endpoints.globalSearch : void 0), U = m(() => B.value?.placeholder ?? V.value?.placeholder ?? P("palette.placeholder", {}, "Type a command or search…")), Pe = m(() => F.value.keyboardShortcuts !== !1 && F.value.keyboardShortcuts !== void 0);
+		D(M, (e, t, n) => {
+			let r = F.value.endpoints.commandPalette;
+			if (!e || !V.value || !r) return;
 			let i = !0;
 			n(() => {
 				i = !1;
 			}), d(r).then((e) => {
-				i && (B.value = e);
+				i && (z.value = e);
 			}).catch(() => {
-				i && (B.value = {
+				i && (z.value = {
 					create: [],
 					recent: []
 				});
 			});
 		}, { immediate: !0 });
-		let G = le(), K = ue((e) => {
-			let t = U.value;
+		let W = de(), G = fe((e) => {
+			let t = H.value;
 			if (!t || e.trim() === "") {
-				G.cancel(), R.value = [], z.value = !1;
+				W.cancel(), L.value = [], R.value = !1;
 				return;
 			}
-			G.run((n) => d(t, {
+			W.run((n) => d(t, {
 				query: { search: e },
 				signal: n
 			}), (e) => {
-				R.value = e.groups;
+				L.value = e.groups;
 			}, () => {
-				z.value = !1;
+				R.value = !1;
 			}).catch(() => {
-				R.value = [];
+				L.value = [];
 			});
-		}, fe(V.value));
-		D(L, (e) => {
-			z.value = U.value !== void 0 && e.trim() !== "", K(e);
-		}), be(() => {
-			K.cancel(), G.cancel();
+		}, me(B.value));
+		D(I, (e) => {
+			R.value = H.value !== void 0 && e.trim() !== "", G(e);
+		}), xe(() => {
+			G.cancel(), W.cancel();
 		});
-		let q = () => {
-			K.cancel(), G.cancel(), L.value = "", R.value = [], z.value = !1, B.value = null;
+		let K = () => {
+			G.cancel(), W.cancel(), I.value = "", L.value = [], R.value = !1, z.value = null;
 		};
-		D(N, (e) => {
-			e || q();
+		D(M, (e) => {
+			e || K();
 		});
-		let J;
-		ye(() => {
-			J = f.on("navigate", () => {
-				N.value = !1, q();
+		let q;
+		be(() => {
+			q = f.on("navigate", () => {
+				M.value = !1, K();
 			});
-		}), ve(() => J?.());
-		let Ne = ee(he), Pe = m(() => !!I.value.pwa && se(Ne.value)), Fe = m(() => ce({
-			panel: I.value,
-			page: Ae.value,
-			loaded: B.value,
-			shortcutsOverlay: Me.value,
-			...Pe.value ? { install: F("pwa.install", {}, "Install app") } : {},
+		}), ye(() => q?.());
+		let Fe = ee(u), Ie = m(() => !!F.value.pwa && le(Fe.value)), Le = m(() => ue({
+			panel: F.value,
+			page: Me.value,
+			loaded: z.value,
+			shortcutsOverlay: Pe.value,
+			...Ie.value ? { install: P("pwa.install", {}, "Install app") } : {},
 			labels: {
-				light: F("palette.theme.light", {}, "Light theme"),
-				dark: F("palette.theme.dark", {}, "Dark theme"),
-				system: F("palette.theme.system", {}, "System theme"),
-				shortcuts: F("palette.shortcuts", {}, "Keyboard shortcuts")
+				light: P("palette.theme.light", {}, "Light theme"),
+				dark: P("palette.theme.dark", {}, "Dark theme"),
+				system: P("palette.theme.system", {}, "System theme"),
+				shortcuts: P("palette.shortcuts", {}, "Keyboard shortcuts")
 			}
-		})), Y = m(() => de(Fe.value, L.value)), Ie = m(() => Y.value.filter((e) => !P.has(e.id))), Le = m(() => Y.value.filter((e) => P.has(e.id))), X = m(() => pe(L.value, z.value, [...R.value, ...Y.value.map((e) => ({ results: e.items }))], {
-			t: F,
-			choice: ke
-		})), Re = {
+		})), J = m(() => pe(Le.value, I.value)), Y = m(() => J.value.filter((e) => !N.has(e.id))), X = m(() => J.value.filter((e) => N.has(e.id))), Re = m(() => he(I.value, R.value, [...L.value, ...J.value.map((e) => ({ results: e.items }))], {
+			t: P,
+			choice: je
+		})), ze = {
 			recent: "Recent",
 			actions: "Actions",
 			commands: "Commands",
@@ -126,46 +127,51 @@ var A = {
 			help: "Help"
 		}, Z = (e) => {
 			let t = e.id.startsWith("commands:") ? "commands" : e.id;
-			return e.label ?? F(me(e.id), {}, Re[t] ?? t);
+			return e.label ?? P(ge(e.id), {}, ze[t] ?? t);
 		}, Q = (e, t) => t.description ?? (e.id === "recent" || e.id === "navigation" ? t.groupLabel : void 0), $ = (e) => {
-			if (N.value = !1, e.kind === "action" && e.action && e.context) je.trigger(e.action, e.context);
+			if (M.value = !1, e.kind === "action" && e.action && e.context) Ne.trigger(e.action, e.context);
 			else if (e.kind === "url" && e.url) e.openInNewTab ? window.open(e.url, "_blank", "noopener,noreferrer") : f.visit(e.url);
-			else if (e.kind === "theme" && e.appearance) ge(e.appearance, I.value);
+			else if (e.kind === "theme" && e.appearance) _e(e.appearance, F.value);
 			else if (e.kind === "shortcut" && e.shortcutId) {
 				let t = e.shortcutId;
-				setTimeout(() => _e.trigger(t), 0);
-			} else e.kind === "install" && ae(F);
-		}, ze = (e) => {
-			N.value = !1, f.visit(e);
-		}, Be = (e, t) => {
-			e.stopPropagation(), !(!t.url || t.openUrlInNewTab || e.metaKey || e.ctrlKey) && (e.preventDefault(), N.value = !1, f.visit(t.url));
-		}, Ve = (e) => Object.entries(e.details ?? {}).map(([e, t]) => `${e}: ${String(t)}`).join(" · "), He = m(() => R.value.length > 0 || Y.value.length > 0);
-		return (e, t) => (S(), h(oe, {
-			open: N.value,
-			title: H.value ? E(F)("command_palette", {}, "Command palette") : E(F)("search", {}, "Search"),
-			description: W.value,
-			"onUpdate:open": t[2] ||= (e) => N.value = e
+				setTimeout(() => ve.trigger(t), 0);
+			} else e.kind === "install" && oe(P);
+		}, Be = (e) => {
+			M.value = !1, f.visit(e);
+		}, Ve = (e, t) => {
+			e.stopPropagation(), !(!t.url || t.openUrlInNewTab || e.metaKey || e.ctrlKey) && (e.preventDefault(), M.value = !1, f.visit(t.url));
+		}, He = (e) => Object.entries(e.details ?? {}).map(([e, t]) => `${e}: ${String(t)}`).join(" · "), Ue = m(() => L.value.length > 0 || J.value.length > 0);
+		return (e, t) => (S(), h(se, {
+			open: M.value,
+			title: V.value ? E(P)("command_palette", {}, "Command palette") : E(P)("search", {}, "Search"),
+			description: U.value,
+			"onUpdate:open": t[2] ||= (e) => M.value = e
 		}, {
 			default: O(() => [
 				b(o, { name: "global-search.start" }),
-				v("div", A, T(X.value), 1),
-				b(re, {
-					placeholder: W.value,
-					"model-value": L.value,
-					"onUpdate:modelValue": t[0] ||= (e) => L.value = e
+				v("div", A, T(Re.value), 1),
+				b(ie, {
+					placeholder: U.value,
+					"model-value": I.value,
+					"onUpdate:modelValue": t[0] ||= (e) => I.value = e
 				}, null, 8, ["placeholder", "model-value"]),
-				b(ie, null, {
+				b(ae, null, {
 					default: O(() => [
-						!z.value && !He.value ? (S(), h(s, { key: 0 }, {
-							default: O(() => [y(T(L.value ? E(F)("no_results", {}, "No results.") : W.value), 1)]),
+						b(ce, { items: [
+							L.value,
+							J.value,
+							Y.value
+						] }, null, 8, ["items"]),
+						!R.value && !Ue.value ? (S(), h(re, { key: 0 }, {
+							default: O(() => [y(T(I.value ? E(P)("no_results", {}, "No results.") : U.value), 1)]),
 							_: 1
 						})) : g("", !0),
-						(S(!0), _(p, null, w(Ie.value, (e) => (S(), h(c, {
+						(S(!0), _(p, null, w(Y.value, (e) => (S(), h(s, {
 							key: e.id,
 							heading: Z(e),
 							"data-group": e.id
 						}, {
-							default: O(() => [(S(!0), _(p, null, w(e.items, (t) => (S(), h(l, {
+							default: O(() => [(S(!0), _(p, null, w(e.items, (t) => (S(), h(c, {
 								key: t.id,
 								value: t.id,
 								"data-kind": t.kind,
@@ -177,8 +183,8 @@ var A = {
 										name: t.icon,
 										class: "size-4"
 									}, null, 8, ["name"])) : g("", !0),
-									v("div", j, [v("span", M, T(t.label), 1), Q(e, t) ? (S(), _("span", Se, T(Q(e, t)), 1)) : g("", !0)]),
-									t.shortcut ? (S(), h(u, {
+									v("div", j, [v("span", Ce, T(t.label), 1), Q(e, t) ? (S(), _("span", we, T(Q(e, t)), 1)) : g("", !0)]),
+									t.shortcut ? (S(), h(l, {
 										key: 1,
 										binding: t.shortcut,
 										class: "ms-auto"
@@ -192,18 +198,18 @@ var A = {
 							]))), 128))]),
 							_: 2
 						}, 1032, ["heading", "data-group"]))), 128)),
-						z.value ? (S(), _("div", Ce, [b(ne)])) : g("", !0),
-						(S(!0), _(p, null, w(R.value, (e) => (S(), h(c, {
+						R.value ? (S(), _("div", Te, [b(ne)])) : g("", !0),
+						(S(!0), _(p, null, w(L.value, (e) => (S(), h(s, {
 							key: e.label,
 							heading: e.label,
 							"data-group": "search"
 						}, {
-							default: O(() => [(S(!0), _(p, null, w(e.results, (n) => (S(), h(l, {
+							default: O(() => [(S(!0), _(p, null, w(e.results, (n) => (S(), h(c, {
 								key: n.url,
 								value: `search:${e.label}:${n.url}`,
-								onSelect: (e) => ze(n.url)
+								onSelect: (e) => Be(n.url)
 							}, {
-								default: O(() => [v("div", we, [v("span", null, T(n.title), 1), n.details ? (S(), _("span", Te, T(Ve(n)), 1)) : g("", !0)]), n.actions?.length ? (S(), _("div", Ee, [(S(!0), _(p, null, w(n.actions.filter((e) => e.url), (e) => (S(), h(te, {
+								default: O(() => [v("div", Ee, [v("span", null, T(n.title), 1), n.details ? (S(), _("span", De, T(He(n)), 1)) : g("", !0)]), n.actions?.length ? (S(), _("div", Oe, [(S(!0), _(p, null, w(n.actions.filter((e) => e.url), (e) => (S(), h(te, {
 									key: e.name,
 									"as-child": "",
 									variant: "ghost",
@@ -216,24 +222,24 @@ var A = {
 										rel: e.openUrlInNewTab ? "noopener noreferrer" : void 0,
 										"aria-label": e.label ? void 0 : e.tooltip ?? e.name,
 										onPointerdown: t[1] ||= k(() => {}, ["stop"]),
-										onClick: (t) => Be(t, e)
+										onClick: (t) => Ve(t, e)
 									}, [e.icon ? (S(), h(E(a), {
 										key: 0,
 										name: e.icon,
 										class: "size-3.5"
-									}, null, 8, ["name"])) : g("", !0), y(" " + T(e.label), 1)], 40, De)]),
+									}, null, 8, ["name"])) : g("", !0), y(" " + T(e.label), 1)], 40, ke)]),
 									_: 2
 								}, 1024))), 128))])) : g("", !0)]),
 								_: 2
 							}, 1032, ["value", "onSelect"]))), 128))]),
 							_: 2
 						}, 1032, ["heading"]))), 128)),
-						(S(!0), _(p, null, w(Le.value, (e) => (S(), h(c, {
+						(S(!0), _(p, null, w(X.value, (e) => (S(), h(s, {
 							key: e.id,
 							heading: Z(e),
 							"data-group": e.id
 						}, {
-							default: O(() => [(S(!0), _(p, null, w(e.items, (e) => (S(), h(l, {
+							default: O(() => [(S(!0), _(p, null, w(e.items, (e) => (S(), h(c, {
 								key: e.id,
 								value: e.id,
 								"data-kind": e.kind,
@@ -245,8 +251,8 @@ var A = {
 										name: e.icon,
 										class: "size-4"
 									}, null, 8, ["name"])) : g("", !0),
-									v("span", Oe, T(e.label), 1),
-									e.shortcut ? (S(), h(u, {
+									v("span", Ae, T(e.label), 1),
+									e.shortcut ? (S(), h(l, {
 										key: 1,
 										binding: e.shortcut,
 										class: "ms-auto"
@@ -274,6 +280,6 @@ var A = {
 	}
 });
 //#endregion
-export { N as default };
+export { M as default };
 
 //# sourceMappingURL=GlobalSearchPalette.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/panel/GlobalSearchPalette.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearchPalette.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","CommandDialog","_unref","_withCtx","_createVNode","Slot","_createElementVNode","_toDisplayString","CommandInput","CommandList","CommandEmpty","_createTextVNode","_createCommentVNode","_createElementBlock","_Fragment","_renderList","CommandGroup","CommandItem","Icon","ShortcutKeys","Spinner","Button","_withModifiers","Icon_default","Button_default","Spinner_default","Slot_default","CommandEmpty_default","CommandGroup_default","CommandInput_default","CommandItem_default","CommandList_default","ShortcutKeys_default","CommandDialog_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","GlobalSearchPalette_vue_vue_type_script_setup_true_lang_default","\"open\"","\"openModifiers\"","open","useModel","__props","TRAILING_GROUPS","t","useT","choice","useChoice","panel","usePanel","page","usePageSchema","runner","useActionRunner","query","ref","groups","loading","loaded","config","computed","palette","endpoint","placeholder","overlay","url","value","active","onCleanup","requestJson","response","latest","createLatestRequest","search","debounce","term","globalSearchDebounce","watch","onScopeDispose","reset","stopListening","onMounted","router","onBeforeUnmount","pwaState","useStore","pwaStore","installable","canInstallPwa","items","commandPaletteItems","local","filterCommandPalette","leading","group","trailing","status","globalSearchStatus","defaultGroupLabels","heading","id","paletteGroupKey","subtitle","item","run","shortcuts","installPwa","select","visitAction","event","action","details","result","key","hasResults","openBlock","createBlock","unref","_cache","$event","withCtx","createVNode","createElementVNode","toDisplayString","createTextVNode","createCommentVNode","createElementBlock","Fragment","renderList","withModifiers"],"sources":["../../../src/components/panel/GlobalSearchPalette.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ActionSchema,\n  CommandPaletteResponse,\n  GlobalSearchGroupSchema,\n  PaletteGroup,\n  PaletteItem,\n} from '@alfakit/core'\nimport {\n  canInstallPwa,\n  commandPaletteItems,\n  createLatestRequest,\n  debounce,\n  filterCommandPalette,\n  globalSearchDebounce,\n  globalSearchStatus,\n  paletteGroupKey,\n  pwaStore,\n  requestJson,\n  setAppearance,\n  shortcuts,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useChoice, usePageSchema, usePanel, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport CommandDialog from '../ui/CommandDialog.vue'\nimport CommandEmpty from '../ui/CommandEmpty.vue'\nimport CommandGroup from '../ui/CommandGroup.vue'\nimport CommandInput from '../ui/CommandInput.vue'\nimport CommandItem from '../ui/CommandItem.vue'\nimport CommandList from '../ui/CommandList.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\nimport { installPwa } from './pwa'\nimport Slot from './Slot.vue'\nimport { Icon } from '../../lib/icons'\n\ntype SearchGroup = GlobalSearchGroupSchema\n\n/**\n * The command palette behind `GlobalSearch`: global search results plus (with\n * `alfakit.commandPalette`) the page's header actions, panel commands, navigation, \"create\"\n * links, recent records, theme switching and the shortcuts overlay. Its code loads the first\n * time the palette opens; the trigger and `mod+k` stay in the shell.\n */\nconst open = defineModel<boolean>('open', { default: false })\n\n/** Groups listed after the global search results. */\nconst TRAILING_GROUPS = new Set(['theme', 'help'])\n\nconst t = useT()\nconst choice = useChoice()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst runner = useActionRunner()\nconst query = ref('')\nconst groups = ref<SearchGroup[]>([])\nconst loading = ref(false)\nconst loaded = ref<CommandPaletteResponse | null>(null)\nconst config = computed(() => panel.value.globalSearch)\nconst palette = computed(() => panel.value.commandPalette)\nconst endpoint = computed(() => (config.value ? panel.value.endpoints.globalSearch : undefined))\nconst placeholder = computed(\n  () =>\n    config.value?.placeholder ??\n    palette.value?.placeholder ??\n    t('palette.placeholder', {}, 'Type a command or search…'),\n)\nconst overlay = computed(\n  () => panel.value.keyboardShortcuts !== false && panel.value.keyboardShortcuts !== undefined,\n)\n\n// Create links and recent records, loaded each time the palette opens (also when it mounts\n// open: the first time, its code arrives after the click or `mod+k`).\nwatch(\n  open,\n  (value, _old, onCleanup) => {\n    const url = panel.value.endpoints.commandPalette\n\n    if (!value || !palette.value || !url) return\n\n    let active = true\n    onCleanup(() => {\n      active = false\n    })\n\n    requestJson<CommandPaletteResponse>(url)\n      .then((response) => {\n        if (active) loaded.value = response\n      })\n      .catch(() => {\n        if (active) loaded.value = { create: [], recent: [] }\n      })\n  },\n  { immediate: true },\n)\n\nconst latest = createLatestRequest()\n\nconst search = debounce((term: string) => {\n  const url = endpoint.value\n\n  if (!url || term.trim() === '') {\n    latest.cancel()\n    groups.value = []\n    loading.value = false\n\n    return\n  }\n\n  // Only the newest request may update the results: older responses are aborted/dropped.\n  void latest\n    .run(\n      (signal) => requestJson<{ groups: SearchGroup[] }>(url, { query: { search: term }, signal }),\n      (response) => {\n        groups.value = response.groups\n      },\n      () => {\n        loading.value = false\n      },\n    )\n    .catch(() => {\n      groups.value = []\n    })\n}, globalSearchDebounce(config.value))\n\nwatch(query, (term) => {\n  loading.value = endpoint.value !== undefined && term.trim() !== ''\n  search(term)\n})\n\nonScopeDispose(() => {\n  search.cancel()\n  latest.cancel()\n})\n\n// Closing the palette (or navigating away) starts the next search from scratch.\nconst reset = () => {\n  search.cancel()\n  latest.cancel()\n  query.value = ''\n  groups.value = []\n  loading.value = false\n  loaded.value = null\n}\n\nwatch(open, (value) => {\n  if (!value) reset()\n})\n\nlet stopListening: (() => void) | undefined\n\nonMounted(() => {\n  stopListening = router.on('navigate', () => {\n    open.value = false\n    reset()\n  })\n})\n\nonBeforeUnmount(() => stopListening?.())\n\n// `Panel::pwa()`: \"Install app\" while the browser offers it (or on iOS Safari).\nconst pwaState = useStore(pwaStore)\nconst installable = computed(() => Boolean(panel.value.pwa) && canInstallPwa(pwaState.value))\n\nconst items = computed(() =>\n  commandPaletteItems({\n    panel: panel.value,\n    page: page.value,\n    loaded: loaded.value,\n    shortcutsOverlay: overlay.value,\n    ...(installable.value ? { install: t('pwa.install', {}, 'Install app') } : {}),\n    labels: {\n      light: t('palette.theme.light', {}, 'Light theme'),\n      dark: t('palette.theme.dark', {}, 'Dark theme'),\n      system: t('palette.theme.system', {}, 'System theme'),\n      shortcuts: t('palette.shortcuts', {}, 'Keyboard shortcuts'),\n    },\n  }),\n)\nconst local = computed(() => filterCommandPalette(items.value, query.value))\nconst leading = computed(() => local.value.filter((group) => !TRAILING_GROUPS.has(group.id)))\nconst trailing = computed(() => local.value.filter((group) => TRAILING_GROUPS.has(group.id)))\n\n// Announced by the `aria-live` region once a search has finished.\nconst status = computed(() =>\n  globalSearchStatus(\n    query.value,\n    loading.value,\n    [...groups.value, ...local.value.map((group) => ({ results: group.items }))],\n    { t, choice },\n  ),\n)\n\nconst defaultGroupLabels: Record<string, string> = {\n  recent: 'Recent',\n  actions: 'Actions',\n  commands: 'Commands',\n  create: 'Create',\n  navigation: 'Go to',\n  theme: 'Theme',\n  help: 'Help',\n}\n\nconst heading = (group: PaletteGroup) => {\n  const id = group.id.startsWith('commands:') ? 'commands' : group.id\n\n  return group.label ?? t(paletteGroupKey(group.id), {}, defaultGroupLabels[id] ?? id)\n}\n\nconst subtitle = (group: PaletteGroup, item: PaletteItem) =>\n  item.description ??\n  (group.id === 'recent' || group.id === 'navigation' ? item.groupLabel : undefined)\n\nconst run = (item: PaletteItem) => {\n  open.value = false\n\n  if (item.kind === 'action' && item.action && item.context) {\n    void runner.trigger(item.action, item.context)\n  } else if (item.kind === 'url' && item.url) {\n    if (item.openInNewTab) {\n      window.open(item.url, '_blank', 'noopener,noreferrer')\n    } else {\n      router.visit(item.url)\n    }\n  } else if (item.kind === 'theme' && item.appearance) {\n    setAppearance(item.appearance, panel.value)\n  } else if (item.kind === 'shortcut' && item.shortcutId) {\n    const id = item.shortcutId\n    // After the dialog closed, so focus returns to the page before the overlay opens.\n    setTimeout(() => shortcuts.trigger(id), 0)\n  } else if (item.kind === 'install') {\n    void installPwa(t)\n  }\n}\n\nconst select = (url: string) => {\n  open.value = false\n  router.visit(url)\n}\n\n// A URL action next to a search result (`getGlobalSearchResultActions()`); the item itself\n// navigates on select, so the click must not reach it.\nconst visitAction = (event: MouseEvent, action: ActionSchema) => {\n  event.stopPropagation()\n\n  if (!action.url || action.openUrlInNewTab || event.metaKey || event.ctrlKey) return\n\n  event.preventDefault()\n  open.value = false\n  router.visit(action.url)\n}\n\nconst details = (result: SearchGroup['results'][number]) =>\n  Object.entries(result.details ?? {})\n    .map(([key, value]) => `${key}: ${String(value)}`)\n    .join(' · ')\n\nconst hasResults = computed(() => groups.value.length > 0 || local.value.length > 0)\n</script>\n\n<template>\n  <CommandDialog\n    :open=\"open\"\n    :title=\"palette ? t('command_palette', {}, 'Command palette') : t('search', {}, 'Search')\"\n    :description=\"placeholder\"\n    @update:open=\"open = $event\"\n  >\n    <Slot name=\"global-search.start\" />\n    <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ status }}</div>\n    <CommandInput\n      :placeholder=\"placeholder\"\n      :model-value=\"query\"\n      @update:model-value=\"query = $event\"\n    />\n    <CommandList>\n      <CommandEmpty v-if=\"!loading && !hasResults\">{{\n        query ? t('no_results', {}, 'No results.') : placeholder\n      }}</CommandEmpty>\n      <CommandGroup\n        v-for=\"group in leading\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span class=\"truncate\">{{ item.label }}</span>\n            <span v-if=\"subtitle(group, item)\" class=\"text-muted-foreground truncate text-xs\">{{\n              subtitle(group, item)\n            }}</span>\n          </div>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n      <div v-if=\"loading\" class=\"flex justify-center py-6\"><Spinner /></div>\n      <CommandGroup\n        v-for=\"group in groups\"\n        :key=\"group.label\"\n        :heading=\"group.label\"\n        data-group=\"search\"\n      >\n        <CommandItem\n          v-for=\"result in group.results\"\n          :key=\"result.url\"\n          :value=\"`search:${group.label}:${result.url}`\"\n          @select=\"select(result.url)\"\n        >\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span>{{ result.title }}</span>\n            <span v-if=\"result.details\" class=\"text-muted-foreground text-xs\">{{\n              details(result)\n            }}</span>\n          </div>\n          <div\n            v-if=\"result.actions?.length\"\n            data-slot=\"global-search-actions\"\n            class=\"ms-auto flex shrink-0 gap-1\"\n          >\n            <Button\n              v-for=\"action in result.actions.filter((item) => item.url)\"\n              :key=\"action.name\"\n              as-child\n              variant=\"ghost\"\n              size=\"xs\"\n              class=\"h-6 px-2 text-xs\"\n            >\n              <a\n                :href=\"action.url\"\n                :target=\"action.openUrlInNewTab ? '_blank' : undefined\"\n                :rel=\"action.openUrlInNewTab ? 'noopener noreferrer' : undefined\"\n                :aria-label=\"action.label ? undefined : (action.tooltip ?? action.name)\"\n                @pointerdown.stop\n                @click=\"visitAction($event, action)\"\n              >\n                <Icon v-if=\"action.icon\" :name=\"action.icon\" class=\"size-3.5\" />\n                {{ action.label }}\n              </a>\n            </Button>\n          </div>\n        </CommandItem>\n      </CommandGroup>\n      <CommandGroup\n        v-for=\"group in trailing\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n    </CommandList>\n    <Slot name=\"global-search.end\" />\n  </CommandDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CA,IAAMiD,IAAOjD,GAAoBmD,GAAC,MAA0B,GAGtDC,oBAAkB,IAAI,IAAI,CAAC,SAAS,MAAM,CAAC,GAE3CC,IAAIC,EAAK,GACTC,KAASC,EAAU,GACnBC,IAAQC,EAAS,GACjBC,KAAOC,EAAc,GACrBC,KAASC,EAAgB,GACzBC,IAAQC,EAAI,EAAE,GACdC,IAASD,EAAmB,CAAC,CAAC,GAC9BE,IAAUF,EAAI,EAAK,GACnBG,IAASH,EAAmC,IAAI,GAChDI,IAASC,QAAeZ,EAAM,MAAM,YAAY,GAChDa,IAAUD,QAAeZ,EAAM,MAAM,cAAc,GACnDc,IAAWF,QAAgBD,EAAO,QAAQX,EAAM,MAAM,UAAU,eAAe,KAAA,CAAU,GACzFe,IAAcH,QAEhBD,EAAO,OAAO,eACdE,EAAQ,OAAO,eACfjB,EAAE,uBAAuB,CAAC,GAAG,2BAA2B,CAC5D,GACMoB,KAAUJ,QACRZ,EAAM,MAAM,sBAAsB,MAASA,EAAM,MAAM,sBAAsB,KAAA,CACrF;EAIA,EACER,IACC,GAAO,GAAM,MAAc;GAC1B,IAAMyB,IAAMjB,EAAM,MAAM,UAAU;GAElC,IAAI,CAACkB,KAAS,CAACL,EAAQ,SAAS,CAACI,GAAK;GAEtC,IAAIE,IAAS;GAKb,AAJAC,QAAgB;IACd,IAAS;GACX,CAAC,GAEDC,EAAoCJ,CAAG,CAAA,CACpC,MAAM,MAAa;IAClB,AAAIE,MAAQ,EAAO,QAAQG;GAC7B,CAAC,CAAA,CACA,YAAY;IACX,AAAIH,MAAQ,EAAO,QAAQ;KAAE,QAAQ,CAAC;KAAG,QAAQ,CAAC;IAAE;GACtD,CAAC;EACL,GACA,EAAE,WAAW,GAAK,CACpB;EAEA,IAAMI,IAASC,GAAoB,GAE7BC,IAASC,IAAU,MAAiB;GACxC,IAAMT,IAAMH,EAAS;GAErB,IAAI,CAACG,KAAOU,EAAK,KAAK,MAAM,IAAI;IAG9B,AAFAJ,EAAO,OAAO,GACd,EAAO,QAAQ,CAAC,GAChB,EAAQ,QAAQ;IAEhB;GACF;GAGA,EACG,KACE,MAAWF,EAAuCJ,GAAK;IAAE,OAAO,EAAE,QAAQU,EAAK;IAAG;GAAO,CAAC,IAC1F,MAAa;IACZ,EAAO,QAAQL,EAAS;GAC1B,SACM;IACJ,EAAQ,QAAQ;GAClB,CACF,CAAA,CACC,YAAY;IACX,EAAO,QAAQ,CAAC;GAClB,CAAC;EACL,GAAGM,GAAqBjB,EAAO,KAAK,CAAC;EAOrC,AALAkB,EAAMvB,IAAQ,MAAS;GAErB,AADA,EAAQ,QAAQQ,EAAS,UAAU,KAAA,KAAaa,EAAK,KAAK,MAAM,IAChEF,EAAOE,CAAI;EACb,CAAC,GAEDG,SAAqB;GAEnB,AADAL,EAAO,OAAO,GACdF,EAAO,OAAO;EAChB,CAAC;EAGD,IAAMQ,UAAc;GAMlB,AALAN,EAAO,OAAO,GACdF,EAAO,OAAO,GACd,EAAM,QAAQ,IACd,EAAO,QAAQ,CAAC,GAChB,EAAQ,QAAQ,IAChB,EAAO,QAAQ;EACjB;EAEA,EAAM/B,IAAO,MAAU;GACrB,AAAK0B,KAAOa,EAAM;EACpB,CAAC;EAED,IAAIC;EASJ,AAPAC,SAAgB;GACd,IAAgBC,EAAO,GAAG,kBAAkB;IAE1C,AADA,EAAK,QAAQ,IACbH,EAAM;GACR,CAAC;EACH,CAAC,GAEDI,SAAsBH,IAAgB,CAAC;EAGvC,IAAMI,KAAWC,GAASC,EAAQ,GAC5BC,KAAc3B,QAAe,EAAQZ,EAAM,MAAM,OAAQwC,GAAcJ,GAAS,KAAK,CAAC,GAEtFK,KAAQ7B,QACZ8B,GAAoB;GAClB,OAAO1C,EAAM;GACb,MAAME,GAAK;GACX,QAAQQ,EAAO;GACf,kBAAkBM,GAAQ;GAC1B,GAAIuB,GAAY,QAAQ,EAAE,SAAS3C,EAAE,eAAe,CAAC,GAAG,aAAa,EAAE,IAAI,CAAC;GAC5E,QAAQ;IACN,OAAOA,EAAE,uBAAuB,CAAC,GAAG,aAAa;IACjD,MAAMA,EAAE,sBAAsB,CAAC,GAAG,YAAY;IAC9C,QAAQA,EAAE,wBAAwB,CAAC,GAAG,cAAc;IACpD,WAAWA,EAAE,qBAAqB,CAAC,GAAG,oBAAoB;GAC5D;EACF,CAAC,CACH,GACM+C,IAAQ/B,QAAegC,GAAqBH,GAAM,OAAOnC,EAAM,KAAK,CAAC,GACrEuC,KAAUjC,QAAe+B,EAAM,MAAM,QAAQ,MAAU,CAAChD,EAAgB,IAAImD,EAAM,EAAE,CAAC,CAAC,GACtFC,KAAWnC,QAAe+B,EAAM,MAAM,QAAQ,MAAUhD,EAAgB,IAAImD,EAAM,EAAE,CAAC,CAAC,GAGtFE,IAASpC,QACbqC,GACE3C,EAAM,OACNG,EAAQ,OACR,CAAC,GAAGD,EAAO,OAAO,GAAGmC,EAAM,MAAM,KAAK,OAAW,EAAE,SAASG,EAAM,MAAM,EAAE,CAAC,GAC3E;GAAE;GAAG;EAAO,CACd,CACF,GAEMI,KAA6C;GACjD,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,YAAY;GACZ,OAAO;GACP,MAAM;EACR,GAEMC,KAAW,MAAwB;GACvC,IAAMC,IAAKN,EAAM,GAAG,WAAW,WAAW,IAAI,aAAaA,EAAM;GAEjE,OAAOA,EAAM,SAASlD,EAAEyD,GAAgBP,EAAM,EAAE,GAAG,CAAC,GAAGI,GAAmBE,MAAOA,CAAE;EACrF,GAEME,KAAY,GAAqB,MACrCC,EAAK,gBACJT,EAAM,OAAO,YAAYA,EAAM,OAAO,eAAeS,EAAK,aAAa,KAAA,IAEpEC,KAAO,MAAsB;GAGjC,IAFA,EAAK,QAAQ,IAETD,EAAK,SAAS,YAAYA,EAAK,UAAUA,EAAK,SAChD,GAAY,QAAQA,EAAK,QAAQA,EAAK,OAAO;QACxC,IAAIA,EAAK,SAAS,SAASA,EAAK,KACrC,AAAIA,EAAK,eACP,OAAO,KAAKA,EAAK,KAAK,UAAU,qBAAqB,IAErDrB,EAAO,MAAMqB,EAAK,GAAG;QAElB,IAAIA,EAAK,SAAS,WAAWA,EAAK,YACvC,GAAcA,EAAK,YAAYvD,EAAM,KAAK;QACrC,IAAIuD,EAAK,SAAS,cAAcA,EAAK,YAAY;IACtD,IAAMH,IAAKG,EAAK;IAEhB,iBAAiBE,GAAU,QAAQL,CAAE,GAAG,CAAC;GAC3C,OAAO,AAAIG,EAAK,SAAS,aACvBG,GAAgB9D,CAAC;EAErB,GAEM+D,MAAU,MAAgB;GAE9B,AADA,EAAK,QAAQ,IACbzB,EAAO,MAAMjB,CAAG;EAClB,GAIM2C,MAAe,GAAmB,MAAyB;GAG/D,AAFAC,EAAM,gBAAgB,GAElB,GAACC,EAAO,OAAOA,EAAO,mBAAmBD,EAAM,WAAWA,EAAM,aAEpEA,EAAM,eAAe,GACrB,EAAK,QAAQ,IACb3B,EAAO,MAAM4B,EAAO,GAAG;EACzB,GAEMC,MAAW,MACf,OAAO,QAAQC,EAAO,WAAW,CAAC,CAAC,CAAA,CAChC,KAAK,CAACC,GAAK/C,OAAW,GAAG+C,EAAI,IAAI,OAAO/C,CAAK,GAAG,CAAA,CAChD,KAAK,KAAK,GAETgD,KAAatD,QAAeJ,EAAO,MAAM,SAAS,KAAKmC,EAAM,MAAM,SAAS,CAAC;oBAIjFnG,EAAA,GAAAC,EA2GgBC,IAAA;GA1Gb,MAAM8C,EAAA;GACN,OAAOqB,EAAA,QAAUlE,EAAAiD,CAAA,CAAC,CAAA,mBAAA,CAAA,GAAA,iBAAA,IAA6CjD,EAAAiD,CAAA,CAAC,CAAA,UAAA,CAAA,GAAA,QAAA;GAChE,aAAamB,EAAA;GACb,iBAAW,AAAAuD,EAAA,QAAA,MAAE,EAAA,QAAOC;;GAErB,SAAA3H,QAAmC;IAAnCC,EAAmCC,GAAA,EAA7B,MAAK,sBAAqB,CAAA;IAChCC,EAA2F,OAA3F4B,GAA2F3B,EAAfgG,EAAA,KAAM,GAAA,CAAA;IAClFnG,EAIEI,IAAA;KAHC,aAAa8D,EAAA;KACb,eAAaT,EAAA;KACb,uBAAkB,AAAAgE,EAAA,QAAA,MAAE,EAAA,QAAQC;;IAE/B1H,EA4FcK,IAAA,MAAA;KA3FZ,SAAAN,QAEiB;MAFI,CAAA6D,EAAA,SAAO,CAAKyD,GAAA,SAAjC1H,EAAA,GAAAC,EAEiBU,GAAA,EAAA,KAAA,EAAA,GAAA;OAF4B,SAAAP,QAE3C,CADAQ,EAAAJ,EAAAsD,EAAA,QAAQ3D,EAAAiD,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,aAAA,IAAoCmB,EAAA,KAAW,GAAA,CAAA,CAAA,CAAA;;;OAE1DvE,EAAA,EAAA,GAAAc,EAsBeC,GAAA,MAAAC,EArBGqF,GAAA,QAAT,OADTrG,EAAA,GAAAC,EAsBegB,GAAA;OApBZ,KAAKqF,EAAM;OACX,SAASK,EAAQL,CAAK;OACtB,cAAYA,EAAM;;OAGjB,SAAAlG,QAA2B,EAD7BJ,EAAA,EAAA,GAAAc,EAecC,GAAA,MAAAC,EAdGsF,EAAM,QAAd,OADTtG,EAAA,GAAAC,EAeciB,GAAA;QAbX,KAAK6F,EAAK;QACV,OAAOA,EAAK;QACZ,aAAWA,EAAK;QAChB,WAAM,MAAEC,EAAID,CAAI;;QAEjB,SAAA3G,QAA0D;SAA9C2G,EAAK,QAAjB/G,EAAA,GAAAC,EAA0DE,EAAAgB,CAAA,GAAA;;UAAlC,MAAM4F,EAAK;UAAM,OAAM;;SAC/CxG,EAKM,OALN6B,GAKM,CAJJ7B,EAA8C,QAA9C8B,GAA8C7B,EAApBuG,EAAK,KAAK,GAAA,CAAA,GACxBD,EAASR,GAAOS,CAAI,KAAhC/G,EAAA,GAAAc,EAES,QAFTwB,IAES9B,EADPsG,EAASR,GAAOS,CAAI,CAAA,GAAA,CAAA,KAAAsB,EAAA,IAAA,EAAA,CAAA,CAAA;SAGJtB,EAAK,YAAzB/G,EAAA,GAAAC,EAA8EmB,GAAA;;UAA1C,SAAS2F,EAAK;UAAU,OAAM;;;;;;;;;;;MAG3D9C,EAAA,SAAXjE,EAAA,GAAAc,EAAsE,OAAtEyB,IAAsE,CAAjBlC,EAAWgB,EAAA,CAAA,CAAA,KAAAgH,EAAA,IAAA,EAAA;OAChErI,EAAA,EAAA,GAAAc,EA6CeC,GAAA,MAAAC,EA5CGgD,EAAA,QAAT,OADThE,EAAA,GAAAC,EA6CegB,GAAA;OA3CZ,KAAKqF,EAAM;OACX,SAASA,EAAM;OAChB,cAAW;;OAGT,SAAAlG,QAA+B,EADjCJ,EAAA,EAAA,GAAAc,EAsCcC,GAAA,MAAAC,EArCKsF,EAAM,UAAhB,OADTtG,EAAA,GAAAC,EAsCciB,GAAA;QApCX,KAAKsG,EAAO;QACZ,OAAK,UAAYlB,EAAM,MAAK,GAAIkB,EAAO;QACvC,WAAM,MAAEL,GAAOK,EAAO,GAAG;;QAE1B,SAAApH,QAKM,CALNG,EAKM,OALNiC,IAKM,CAJJjC,EAA+B,QAAA,MAAAC,EAAtBgH,EAAO,KAAK,GAAA,CAAA,GACTA,EAAO,WAAnBxH,EAAA,GAAAc,EAES,QAFT2B,IAESjC,EADP+G,GAAQC,CAAM,CAAA,GAAA,CAAA,KAAAa,EAAA,IAAA,EAAA,CAAA,CAAA,GAIVb,EAAO,SAAS,UADxBxH,EAAA,GAAAc,EAyBM,OAzBN4B,IAyBM,EApBJ1C,EAAA,EAAA,GAAAc,EAmBSC,GAAA,MAAAC,EAlBUwG,EAAO,QAAQ,QAAQ,MAAST,EAAK,GAAG,IAAlD,OADT/G,EAAA,GAAAC,EAmBSqB,IAAA;SAjBN,KAAKgG,EAAO;SACb,YAAA;SACA,SAAQ;SACR,MAAK;SACL,OAAM;;SAEN,SAAAlH,QAUI,CAVJG,EAUI,KAAA;UATD,MAAM+G,EAAO;UACb,QAAQA,EAAO,kBAAe,WAAc,KAAA;UAC5C,KAAKA,EAAO,kBAAe,wBAA2B,KAAA;UACtD,cAAYA,EAAO,QAAQ,KAAA,IAAaA,EAAO,WAAWA,EAAO;UACjE,eAAW,AAAAQ,EAAA,OAAAvG,QAAZ,CAAA,GAAiB,CAAA,MAAA,CAAA;UAChB,UAAK,MAAE6F,GAAYW,GAAQT,CAAM;SAEtB,GAAA,CAAAA,EAAO,QAAnBtH,EAAA,GAAAC,EAAgEE,EAAAgB,CAAA,GAAA;;UAAtC,MAAMmG,EAAO;UAAM,OAAM;SAAa1G,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAA,MAChEJ,EAAG8G,EAAO,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA3E,EAAA,CAAA,CAAA;;;;;;;OAMzB3C,EAAA,EAAA,GAAAc,EAiBeC,GAAA,MAAAC,EAhBGuF,GAAA,QAAT,OADTvG,EAAA,GAAAC,EAiBegB,GAAA;OAfZ,KAAKqF,EAAM;OACX,SAASK,EAAQL,CAAK;OACtB,cAAYA,EAAM;;OAGjB,SAAAlG,QAA2B,EAD7BJ,EAAA,EAAA,GAAAc,EAUcC,GAAA,MAAAC,EATGsF,EAAM,QAAd,OADTtG,EAAA,GAAAC,EAUciB,GAAA;QARX,KAAK6F,EAAK;QACV,OAAOA,EAAK;QACZ,aAAWA,EAAK;QAChB,WAAM,MAAEC,EAAID,CAAI;;QAEjB,SAAA3G,QAA0D;SAA9C2G,EAAK,QAAjB/G,EAAA,GAAAC,EAA0DE,EAAAgB,CAAA,GAAA;;UAAlC,MAAM4F,EAAK;UAAM,OAAM;;SAC/CxG,EAA6D,QAA7DqC,IAA6DpC,EAApBuG,EAAK,KAAK,GAAA,CAAA;SAC/BA,EAAK,YAAzB/G,EAAA,GAAAC,EAA8EmB,GAAA;;UAA1C,SAAS2F,EAAK;UAAU,OAAM;;;;;;;;;;;;;;IAIxE1G,EAAiCC,GAAA,EAA3B,MAAK,oBAAmB,CAAA"}
+{"version":3,"file":"GlobalSearchPalette.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","CommandDialog","_unref","_withCtx","_createVNode","Slot","_createElementVNode","_toDisplayString","CommandInput","CommandList","CommandAutoHighlight","CommandEmpty","_createTextVNode","_createCommentVNode","_createElementBlock","_Fragment","_renderList","CommandGroup","CommandItem","Icon","ShortcutKeys","Spinner","Button","_withModifiers","Icon_default","Button_default","Spinner_default","Slot_default","CommandEmpty_default","CommandGroup_default","CommandInput_default","CommandItem_default","CommandList_default","ShortcutKeys_default","CommandDialog_default","CommandAutoHighlight_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","GlobalSearchPalette_vue_vue_type_script_setup_true_lang_default","\"open\"","\"openModifiers\"","open","useModel","__props","TRAILING_GROUPS","t","useT","choice","useChoice","panel","usePanel","page","usePageSchema","runner","useActionRunner","query","ref","groups","loading","loaded","config","computed","palette","endpoint","placeholder","overlay","url","value","active","onCleanup","requestJson","response","latest","createLatestRequest","search","debounce","term","globalSearchDebounce","watch","onScopeDispose","reset","stopListening","onMounted","router","onBeforeUnmount","pwaState","useStore","pwaStore","installable","canInstallPwa","items","commandPaletteItems","local","filterCommandPalette","leading","group","trailing","status","globalSearchStatus","defaultGroupLabels","heading","id","paletteGroupKey","subtitle","item","run","shortcuts","installPwa","select","visitAction","event","action","details","result","key","hasResults","openBlock","createBlock","unref","_cache","$event","withCtx","createVNode","createElementVNode","toDisplayString","createTextVNode","createCommentVNode","createElementBlock","Fragment","renderList","withModifiers"],"sources":["../../../src/components/panel/GlobalSearchPalette.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ActionSchema,\n  CommandPaletteResponse,\n  GlobalSearchGroupSchema,\n  PaletteGroup,\n  PaletteItem,\n} from '@alfakit/core'\nimport {\n  canInstallPwa,\n  commandPaletteItems,\n  createLatestRequest,\n  debounce,\n  filterCommandPalette,\n  globalSearchDebounce,\n  globalSearchStatus,\n  paletteGroupKey,\n  pwaStore,\n  requestJson,\n  setAppearance,\n  shortcuts,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useChoice, usePageSchema, usePanel, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport CommandDialog from '../ui/CommandDialog.vue'\nimport CommandEmpty from '../ui/CommandEmpty.vue'\nimport CommandGroup from '../ui/CommandGroup.vue'\nimport CommandInput from '../ui/CommandInput.vue'\nimport CommandItem from '../ui/CommandItem.vue'\nimport CommandAutoHighlight from '../ui/CommandAutoHighlight.vue'\nimport CommandList from '../ui/CommandList.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\nimport { installPwa } from './pwa'\nimport Slot from './Slot.vue'\nimport { Icon } from '../../lib/icons'\n\ntype SearchGroup = GlobalSearchGroupSchema\n\n/**\n * The command palette behind `GlobalSearch`: global search results plus (with\n * `alfakit.commandPalette`) the page's header actions, panel commands, navigation, \"create\"\n * links, recent records, theme switching and the shortcuts overlay. Its code loads the first\n * time the palette opens; the trigger and `mod+k` stay in the shell.\n */\nconst open = defineModel<boolean>('open', { default: false })\n\n/** Groups listed after the global search results. */\nconst TRAILING_GROUPS = new Set(['theme', 'help'])\n\nconst t = useT()\nconst choice = useChoice()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst runner = useActionRunner()\nconst query = ref('')\nconst groups = ref<SearchGroup[]>([])\nconst loading = ref(false)\nconst loaded = ref<CommandPaletteResponse | null>(null)\nconst config = computed(() => panel.value.globalSearch)\nconst palette = computed(() => panel.value.commandPalette)\nconst endpoint = computed(() => (config.value ? panel.value.endpoints.globalSearch : undefined))\nconst placeholder = computed(\n  () =>\n    config.value?.placeholder ??\n    palette.value?.placeholder ??\n    t('palette.placeholder', {}, 'Type a command or search…'),\n)\nconst overlay = computed(\n  () => panel.value.keyboardShortcuts !== false && panel.value.keyboardShortcuts !== undefined,\n)\n\n// Create links and recent records, loaded each time the palette opens (also when it mounts\n// open: the first time, its code arrives after the click or `mod+k`).\nwatch(\n  open,\n  (value, _old, onCleanup) => {\n    const url = panel.value.endpoints.commandPalette\n\n    if (!value || !palette.value || !url) return\n\n    let active = true\n    onCleanup(() => {\n      active = false\n    })\n\n    requestJson<CommandPaletteResponse>(url)\n      .then((response) => {\n        if (active) loaded.value = response\n      })\n      .catch(() => {\n        if (active) loaded.value = { create: [], recent: [] }\n      })\n  },\n  { immediate: true },\n)\n\nconst latest = createLatestRequest()\n\nconst search = debounce((term: string) => {\n  const url = endpoint.value\n\n  if (!url || term.trim() === '') {\n    latest.cancel()\n    groups.value = []\n    loading.value = false\n\n    return\n  }\n\n  // Only the newest request may update the results: older responses are aborted/dropped.\n  void latest\n    .run(\n      (signal) => requestJson<{ groups: SearchGroup[] }>(url, { query: { search: term }, signal }),\n      (response) => {\n        groups.value = response.groups\n      },\n      () => {\n        loading.value = false\n      },\n    )\n    .catch(() => {\n      groups.value = []\n    })\n}, globalSearchDebounce(config.value))\n\nwatch(query, (term) => {\n  loading.value = endpoint.value !== undefined && term.trim() !== ''\n  search(term)\n})\n\nonScopeDispose(() => {\n  search.cancel()\n  latest.cancel()\n})\n\n// Closing the palette (or navigating away) starts the next search from scratch.\nconst reset = () => {\n  search.cancel()\n  latest.cancel()\n  query.value = ''\n  groups.value = []\n  loading.value = false\n  loaded.value = null\n}\n\nwatch(open, (value) => {\n  if (!value) reset()\n})\n\nlet stopListening: (() => void) | undefined\n\nonMounted(() => {\n  stopListening = router.on('navigate', () => {\n    open.value = false\n    reset()\n  })\n})\n\nonBeforeUnmount(() => stopListening?.())\n\n// `Panel::pwa()`: \"Install app\" while the browser offers it (or on iOS Safari).\nconst pwaState = useStore(pwaStore)\nconst installable = computed(() => Boolean(panel.value.pwa) && canInstallPwa(pwaState.value))\n\nconst items = computed(() =>\n  commandPaletteItems({\n    panel: panel.value,\n    page: page.value,\n    loaded: loaded.value,\n    shortcutsOverlay: overlay.value,\n    ...(installable.value ? { install: t('pwa.install', {}, 'Install app') } : {}),\n    labels: {\n      light: t('palette.theme.light', {}, 'Light theme'),\n      dark: t('palette.theme.dark', {}, 'Dark theme'),\n      system: t('palette.theme.system', {}, 'System theme'),\n      shortcuts: t('palette.shortcuts', {}, 'Keyboard shortcuts'),\n    },\n  }),\n)\nconst local = computed(() => filterCommandPalette(items.value, query.value))\nconst leading = computed(() => local.value.filter((group) => !TRAILING_GROUPS.has(group.id)))\nconst trailing = computed(() => local.value.filter((group) => TRAILING_GROUPS.has(group.id)))\n\n// Announced by the `aria-live` region once a search has finished.\nconst status = computed(() =>\n  globalSearchStatus(\n    query.value,\n    loading.value,\n    [...groups.value, ...local.value.map((group) => ({ results: group.items }))],\n    { t, choice },\n  ),\n)\n\nconst defaultGroupLabels: Record<string, string> = {\n  recent: 'Recent',\n  actions: 'Actions',\n  commands: 'Commands',\n  create: 'Create',\n  navigation: 'Go to',\n  theme: 'Theme',\n  help: 'Help',\n}\n\nconst heading = (group: PaletteGroup) => {\n  const id = group.id.startsWith('commands:') ? 'commands' : group.id\n\n  return group.label ?? t(paletteGroupKey(group.id), {}, defaultGroupLabels[id] ?? id)\n}\n\nconst subtitle = (group: PaletteGroup, item: PaletteItem) =>\n  item.description ??\n  (group.id === 'recent' || group.id === 'navigation' ? item.groupLabel : undefined)\n\nconst run = (item: PaletteItem) => {\n  open.value = false\n\n  if (item.kind === 'action' && item.action && item.context) {\n    void runner.trigger(item.action, item.context)\n  } else if (item.kind === 'url' && item.url) {\n    if (item.openInNewTab) {\n      window.open(item.url, '_blank', 'noopener,noreferrer')\n    } else {\n      router.visit(item.url)\n    }\n  } else if (item.kind === 'theme' && item.appearance) {\n    setAppearance(item.appearance, panel.value)\n  } else if (item.kind === 'shortcut' && item.shortcutId) {\n    const id = item.shortcutId\n    // After the dialog closed, so focus returns to the page before the overlay opens.\n    setTimeout(() => shortcuts.trigger(id), 0)\n  } else if (item.kind === 'install') {\n    void installPwa(t)\n  }\n}\n\nconst select = (url: string) => {\n  open.value = false\n  router.visit(url)\n}\n\n// A URL action next to a search result (`getGlobalSearchResultActions()`); the item itself\n// navigates on select, so the click must not reach it.\nconst visitAction = (event: MouseEvent, action: ActionSchema) => {\n  event.stopPropagation()\n\n  if (!action.url || action.openUrlInNewTab || event.metaKey || event.ctrlKey) return\n\n  event.preventDefault()\n  open.value = false\n  router.visit(action.url)\n}\n\nconst details = (result: SearchGroup['results'][number]) =>\n  Object.entries(result.details ?? {})\n    .map(([key, value]) => `${key}: ${String(value)}`)\n    .join(' · ')\n\nconst hasResults = computed(() => groups.value.length > 0 || local.value.length > 0)\n</script>\n\n<template>\n  <CommandDialog\n    :open=\"open\"\n    :title=\"palette ? t('command_palette', {}, 'Command palette') : t('search', {}, 'Search')\"\n    :description=\"placeholder\"\n    @update:open=\"open = $event\"\n  >\n    <Slot name=\"global-search.start\" />\n    <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ status }}</div>\n    <CommandInput\n      :placeholder=\"placeholder\"\n      :model-value=\"query\"\n      @update:model-value=\"query = $event\"\n    />\n    <CommandList>\n      <CommandAutoHighlight :items=\"[groups, local, leading]\" />\n      <CommandEmpty v-if=\"!loading && !hasResults\">{{\n        query ? t('no_results', {}, 'No results.') : placeholder\n      }}</CommandEmpty>\n      <CommandGroup\n        v-for=\"group in leading\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span class=\"truncate\">{{ item.label }}</span>\n            <span v-if=\"subtitle(group, item)\" class=\"text-muted-foreground truncate text-xs\">{{\n              subtitle(group, item)\n            }}</span>\n          </div>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n      <div v-if=\"loading\" class=\"flex justify-center py-6\"><Spinner /></div>\n      <CommandGroup\n        v-for=\"group in groups\"\n        :key=\"group.label\"\n        :heading=\"group.label\"\n        data-group=\"search\"\n      >\n        <CommandItem\n          v-for=\"result in group.results\"\n          :key=\"result.url\"\n          :value=\"`search:${group.label}:${result.url}`\"\n          @select=\"select(result.url)\"\n        >\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span>{{ result.title }}</span>\n            <span v-if=\"result.details\" class=\"text-muted-foreground text-xs\">{{\n              details(result)\n            }}</span>\n          </div>\n          <div\n            v-if=\"result.actions?.length\"\n            data-slot=\"global-search-actions\"\n            class=\"ms-auto flex shrink-0 gap-1\"\n          >\n            <Button\n              v-for=\"action in result.actions.filter((item) => item.url)\"\n              :key=\"action.name\"\n              as-child\n              variant=\"ghost\"\n              size=\"xs\"\n              class=\"h-6 px-2 text-xs\"\n            >\n              <a\n                :href=\"action.url\"\n                :target=\"action.openUrlInNewTab ? '_blank' : undefined\"\n                :rel=\"action.openUrlInNewTab ? 'noopener noreferrer' : undefined\"\n                :aria-label=\"action.label ? undefined : (action.tooltip ?? action.name)\"\n                @pointerdown.stop\n                @click=\"visitAction($event, action)\"\n              >\n                <Icon v-if=\"action.icon\" :name=\"action.icon\" class=\"size-3.5\" />\n                {{ action.label }}\n              </a>\n            </Button>\n          </div>\n        </CommandItem>\n      </CommandGroup>\n      <CommandGroup\n        v-for=\"group in trailing\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n    </CommandList>\n    <Slot name=\"global-search.end\" />\n  </CommandDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,IAAMmD,IAAOnD,GAAoBqD,GAAC,MAA0B,GAGtDC,oBAAkB,IAAI,IAAI,CAAC,SAAS,MAAM,CAAC,GAE3CC,IAAIC,EAAK,GACTC,KAASC,EAAU,GACnBC,IAAQC,EAAS,GACjBC,KAAOC,EAAc,GACrBC,KAASC,EAAgB,GACzBC,IAAQC,EAAI,EAAE,GACdC,IAASD,EAAmB,CAAC,CAAC,GAC9BE,IAAUF,EAAI,EAAK,GACnBG,IAASH,EAAmC,IAAI,GAChDI,IAASC,QAAeZ,EAAM,MAAM,YAAY,GAChDa,IAAUD,QAAeZ,EAAM,MAAM,cAAc,GACnDc,IAAWF,QAAgBD,EAAO,QAAQX,EAAM,MAAM,UAAU,eAAe,KAAA,CAAU,GACzFe,IAAcH,QAEhBD,EAAO,OAAO,eACdE,EAAQ,OAAO,eACfjB,EAAE,uBAAuB,CAAC,GAAG,2BAA2B,CAC5D,GACMoB,KAAUJ,QACRZ,EAAM,MAAM,sBAAsB,MAASA,EAAM,MAAM,sBAAsB,KAAA,CACrF;EAIA,EACER,IACC,GAAO,GAAM,MAAc;GAC1B,IAAMyB,IAAMjB,EAAM,MAAM,UAAU;GAElC,IAAI,CAACkB,KAAS,CAACL,EAAQ,SAAS,CAACI,GAAK;GAEtC,IAAIE,IAAS;GAKb,AAJAC,QAAgB;IACd,IAAS;GACX,CAAC,GAEDC,EAAoCJ,CAAG,CAAA,CACpC,MAAM,MAAa;IAClB,AAAIE,MAAQ,EAAO,QAAQG;GAC7B,CAAC,CAAA,CACA,YAAY;IACX,AAAIH,MAAQ,EAAO,QAAQ;KAAE,QAAQ,CAAC;KAAG,QAAQ,CAAC;IAAE;GACtD,CAAC;EACL,GACA,EAAE,WAAW,GAAK,CACpB;EAEA,IAAMI,IAASC,GAAoB,GAE7BC,IAASC,IAAU,MAAiB;GACxC,IAAMT,IAAMH,EAAS;GAErB,IAAI,CAACG,KAAOU,EAAK,KAAK,MAAM,IAAI;IAG9B,AAFAJ,EAAO,OAAO,GACd,EAAO,QAAQ,CAAC,GAChB,EAAQ,QAAQ;IAEhB;GACF;GAGA,EACG,KACE,MAAWF,EAAuCJ,GAAK;IAAE,OAAO,EAAE,QAAQU,EAAK;IAAG;GAAO,CAAC,IAC1F,MAAa;IACZ,EAAO,QAAQL,EAAS;GAC1B,SACM;IACJ,EAAQ,QAAQ;GAClB,CACF,CAAA,CACC,YAAY;IACX,EAAO,QAAQ,CAAC;GAClB,CAAC;EACL,GAAGM,GAAqBjB,EAAO,KAAK,CAAC;EAOrC,AALAkB,EAAMvB,IAAQ,MAAS;GAErB,AADA,EAAQ,QAAQQ,EAAS,UAAU,KAAA,KAAaa,EAAK,KAAK,MAAM,IAChEF,EAAOE,CAAI;EACb,CAAC,GAEDG,SAAqB;GAEnB,AADAL,EAAO,OAAO,GACdF,EAAO,OAAO;EAChB,CAAC;EAGD,IAAMQ,UAAc;GAMlB,AALAN,EAAO,OAAO,GACdF,EAAO,OAAO,GACd,EAAM,QAAQ,IACd,EAAO,QAAQ,CAAC,GAChB,EAAQ,QAAQ,IAChB,EAAO,QAAQ;EACjB;EAEA,EAAM/B,IAAO,MAAU;GACrB,AAAK0B,KAAOa,EAAM;EACpB,CAAC;EAED,IAAIC;EASJ,AAPAC,SAAgB;GACd,IAAgBC,EAAO,GAAG,kBAAkB;IAE1C,AADA,EAAK,QAAQ,IACbH,EAAM;GACR,CAAC;EACH,CAAC,GAEDI,SAAsBH,IAAgB,CAAC;EAGvC,IAAMI,KAAWC,GAASC,CAAQ,GAC5BC,KAAc3B,QAAe,EAAQZ,EAAM,MAAM,OAAQwC,GAAcJ,GAAS,KAAK,CAAC,GAEtFK,KAAQ7B,QACZ8B,GAAoB;GAClB,OAAO1C,EAAM;GACb,MAAME,GAAK;GACX,QAAQQ,EAAO;GACf,kBAAkBM,GAAQ;GAC1B,GAAIuB,GAAY,QAAQ,EAAE,SAAS3C,EAAE,eAAe,CAAC,GAAG,aAAa,EAAE,IAAI,CAAC;GAC5E,QAAQ;IACN,OAAOA,EAAE,uBAAuB,CAAC,GAAG,aAAa;IACjD,MAAMA,EAAE,sBAAsB,CAAC,GAAG,YAAY;IAC9C,QAAQA,EAAE,wBAAwB,CAAC,GAAG,cAAc;IACpD,WAAWA,EAAE,qBAAqB,CAAC,GAAG,oBAAoB;GAC5D;EACF,CAAC,CACH,GACM+C,IAAQ/B,QAAegC,GAAqBH,GAAM,OAAOnC,EAAM,KAAK,CAAC,GACrEuC,IAAUjC,QAAe+B,EAAM,MAAM,QAAQ,MAAU,CAAChD,EAAgB,IAAImD,EAAM,EAAE,CAAC,CAAC,GACtFC,IAAWnC,QAAe+B,EAAM,MAAM,QAAQ,MAAUhD,EAAgB,IAAImD,EAAM,EAAE,CAAC,CAAC,GAGtFE,KAASpC,QACbqC,GACE3C,EAAM,OACNG,EAAQ,OACR,CAAC,GAAGD,EAAO,OAAO,GAAGmC,EAAM,MAAM,KAAK,OAAW,EAAE,SAASG,EAAM,MAAM,EAAE,CAAC,GAC3E;GAAE;GAAG;EAAO,CACd,CACF,GAEMI,KAA6C;GACjD,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,YAAY;GACZ,OAAO;GACP,MAAM;EACR,GAEMC,KAAW,MAAwB;GACvC,IAAMC,IAAKN,EAAM,GAAG,WAAW,WAAW,IAAI,aAAaA,EAAM;GAEjE,OAAOA,EAAM,SAASlD,EAAEyD,GAAgBP,EAAM,EAAE,GAAG,CAAC,GAAGI,GAAmBE,MAAOA,CAAE;EACrF,GAEME,KAAY,GAAqB,MACrCC,EAAK,gBACJT,EAAM,OAAO,YAAYA,EAAM,OAAO,eAAeS,EAAK,aAAa,KAAA,IAEpEC,KAAO,MAAsB;GAGjC,IAFA,EAAK,QAAQ,IAETD,EAAK,SAAS,YAAYA,EAAK,UAAUA,EAAK,SAChD,GAAY,QAAQA,EAAK,QAAQA,EAAK,OAAO;QACxC,IAAIA,EAAK,SAAS,SAASA,EAAK,KACrC,AAAIA,EAAK,eACP,OAAO,KAAKA,EAAK,KAAK,UAAU,qBAAqB,IAErDrB,EAAO,MAAMqB,EAAK,GAAG;QAElB,IAAIA,EAAK,SAAS,WAAWA,EAAK,YACvC,GAAcA,EAAK,YAAYvD,EAAM,KAAK;QACrC,IAAIuD,EAAK,SAAS,cAAcA,EAAK,YAAY;IACtD,IAAMH,IAAKG,EAAK;IAEhB,iBAAiBE,GAAU,QAAQL,CAAE,GAAG,CAAC;GAC3C,OAAO,AAAIG,EAAK,SAAS,aACvBG,GAAgB9D,CAAC;EAErB,GAEM+D,MAAU,MAAgB;GAE9B,AADA,EAAK,QAAQ,IACbzB,EAAO,MAAMjB,CAAG;EAClB,GAIM2C,MAAe,GAAmB,MAAyB;GAG/D,AAFAC,EAAM,gBAAgB,GAElB,GAACC,EAAO,OAAOA,EAAO,mBAAmBD,EAAM,WAAWA,EAAM,aAEpEA,EAAM,eAAe,GACrB,EAAK,QAAQ,IACb3B,EAAO,MAAM4B,EAAO,GAAG;EACzB,GAEMC,MAAW,MACf,OAAO,QAAQC,EAAO,WAAW,CAAC,CAAC,CAAA,CAChC,KAAK,CAACC,GAAK/C,OAAW,GAAG+C,EAAI,IAAI,OAAO/C,CAAK,GAAG,CAAA,CAChD,KAAK,KAAK,GAETgD,KAAatD,QAAeJ,EAAO,MAAM,SAAS,KAAKmC,EAAM,MAAM,SAAS,CAAC;oBAIjFrG,EAAA,GAAAC,EA4GgBC,IAAA;GA3Gb,MAAMgD,EAAA;GACN,OAAOqB,EAAA,QAAUpE,EAAAmD,CAAA,CAAC,CAAA,mBAAA,CAAA,GAAA,iBAAA,IAA6CnD,EAAAmD,CAAA,CAAC,CAAA,UAAA,CAAA,GAAA,QAAA;GAChE,aAAamB,EAAA;GACb,iBAAW,AAAAuD,EAAA,QAAA,MAAE,EAAA,QAAOC;;GAErB,SAAA7H,QAAmC;IAAnCC,EAAmCC,GAAA,EAA7B,MAAK,sBAAqB,CAAA;IAChCC,EAA2F,OAA3F8B,GAA2F7B,EAAfkG,GAAA,KAAM,GAAA,CAAA;IAClFrG,EAIEI,IAAA;KAHC,aAAagE,EAAA;KACb,eAAaT,EAAA;KACb,uBAAkB,AAAAgE,EAAA,QAAA,MAAE,EAAA,QAAQC;;IAE/B5H,EA6FcK,IAAA,MAAA;KA5FZ,SAAAN,QAA0D;MAA1DC,EAA0DM,IAAA,EAAnC,OAAK;OAAGuD,EAAA;OAAQmC,EAAA;OAAOE,EAAA;MAAO,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA;MAChC,CAAApC,EAAA,SAAO,CAAKyD,GAAA,SAAjC5H,EAAA,GAAAC,EAEiBW,IAAA,EAAA,KAAA,EAAA,GAAA;OAF4B,SAAAR,QAE3C,CADAS,EAAAL,EAAAwD,EAAA,QAAQ7D,EAAAmD,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,aAAA,IAAoCmB,EAAA,KAAW,GAAA,CAAA,CAAA,CAAA;;;OAE1DzE,EAAA,EAAA,GAAAe,EAsBeC,GAAA,MAAAC,EArBGsF,EAAA,QAAT,OADTvG,EAAA,GAAAC,EAsBeiB,GAAA;OApBZ,KAAKsF,EAAM;OACX,SAASK,EAAQL,CAAK;OACtB,cAAYA,EAAM;;OAGjB,SAAApG,QAA2B,EAD7BJ,EAAA,EAAA,GAAAe,EAecC,GAAA,MAAAC,EAdGuF,EAAM,QAAd,OADTxG,EAAA,GAAAC,EAeckB,GAAA;QAbX,KAAK8F,EAAK;QACV,OAAOA,EAAK;QACZ,aAAWA,EAAK;QAChB,WAAM,MAAEC,EAAID,CAAI;;QAEjB,SAAA7G,QAA0D;SAA9C6G,EAAK,QAAjBjH,EAAA,GAAAC,EAA0DE,EAAAiB,CAAA,GAAA;;UAAlC,MAAM6F,EAAK;UAAM,OAAM;;SAC/C1G,EAKM,OALN+B,GAKM,CAJJ/B,EAA8C,QAA9CgC,IAA8C/B,EAApByG,EAAK,KAAK,GAAA,CAAA,GACxBD,EAASR,GAAOS,CAAI,KAAhCjH,EAAA,GAAAe,EAES,QAFTyB,IAEShC,EADPwG,EAASR,GAAOS,CAAI,CAAA,GAAA,CAAA,KAAAsB,EAAA,IAAA,EAAA,CAAA,CAAA;SAGJtB,EAAK,YAAzBjH,EAAA,GAAAC,EAA8EoB,GAAA;;UAA1C,SAAS4F,EAAK;UAAU,OAAM;;;;;;;;;;;MAG3D9C,EAAA,SAAXnE,EAAA,GAAAe,EAAsE,OAAtE0B,IAAsE,CAAjBpC,EAAWiB,EAAA,CAAA,CAAA,KAAAiH,EAAA,IAAA,EAAA;OAChEvI,EAAA,EAAA,GAAAe,EA6CeC,GAAA,MAAAC,EA5CGiD,EAAA,QAAT,OADTlE,EAAA,GAAAC,EA6CeiB,GAAA;OA3CZ,KAAKsF,EAAM;OACX,SAASA,EAAM;OAChB,cAAW;;OAGT,SAAApG,QAA+B,EADjCJ,EAAA,EAAA,GAAAe,EAsCcC,GAAA,MAAAC,EArCKuF,EAAM,UAAhB,OADTxG,EAAA,GAAAC,EAsCckB,GAAA;QApCX,KAAKuG,EAAO;QACZ,OAAK,UAAYlB,EAAM,MAAK,GAAIkB,EAAO;QACvC,WAAM,MAAEL,GAAOK,EAAO,GAAG;;QAE1B,SAAAtH,QAKM,CALNG,EAKM,OALNmC,IAKM,CAJJnC,EAA+B,QAAA,MAAAC,EAAtBkH,EAAO,KAAK,GAAA,CAAA,GACTA,EAAO,WAAnB1H,EAAA,GAAAe,EAES,QAFT4B,IAESnC,EADPiH,GAAQC,CAAM,CAAA,GAAA,CAAA,KAAAa,EAAA,IAAA,EAAA,CAAA,CAAA,GAIVb,EAAO,SAAS,UADxB1H,EAAA,GAAAe,EAyBM,OAzBN6B,IAyBM,EApBJ5C,EAAA,EAAA,GAAAe,EAmBSC,GAAA,MAAAC,EAlBUyG,EAAO,QAAQ,QAAQ,MAAST,EAAK,GAAG,IAAlD,OADTjH,EAAA,GAAAC,EAmBSsB,IAAA;SAjBN,KAAKiG,EAAO;SACb,YAAA;SACA,SAAQ;SACR,MAAK;SACL,OAAM;;SAEN,SAAApH,QAUI,CAVJG,EAUI,KAAA;UATD,MAAMiH,EAAO;UACb,QAAQA,EAAO,kBAAe,WAAc,KAAA;UAC5C,KAAKA,EAAO,kBAAe,wBAA2B,KAAA;UACtD,cAAYA,EAAO,QAAQ,KAAA,IAAaA,EAAO,WAAWA,EAAO;UACjE,eAAW,AAAAQ,EAAA,OAAAxG,QAAZ,CAAA,GAAiB,CAAA,MAAA,CAAA;UAChB,UAAK,MAAE8F,GAAYW,GAAQT,CAAM;SAEtB,GAAA,CAAAA,EAAO,QAAnBxH,EAAA,GAAAC,EAAgEE,EAAAiB,CAAA,GAAA;;UAAtC,MAAMoG,EAAO;UAAM,OAAM;SAAa3G,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAA,MAChEL,EAAGgH,EAAO,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA3E,EAAA,CAAA,CAAA;;;;;;;OAMzB7C,EAAA,EAAA,GAAAe,EAiBeC,GAAA,MAAAC,EAhBGwF,EAAA,QAAT,OADTzG,EAAA,GAAAC,EAiBeiB,GAAA;OAfZ,KAAKsF,EAAM;OACX,SAASK,EAAQL,CAAK;OACtB,cAAYA,EAAM;;OAGjB,SAAApG,QAA2B,EAD7BJ,EAAA,EAAA,GAAAe,EAUcC,GAAA,MAAAC,EATGuF,EAAM,QAAd,OADTxG,EAAA,GAAAC,EAUckB,GAAA;QARX,KAAK8F,EAAK;QACV,OAAOA,EAAK;QACZ,aAAWA,EAAK;QAChB,WAAM,MAAEC,EAAID,CAAI;;QAEjB,SAAA7G,QAA0D;SAA9C6G,EAAK,QAAjBjH,EAAA,GAAAC,EAA0DE,EAAAiB,CAAA,GAAA;;UAAlC,MAAM6F,EAAK;UAAM,OAAM;;SAC/C1G,EAA6D,QAA7DuC,IAA6DtC,EAApByG,EAAK,KAAK,GAAA,CAAA;SAC/BA,EAAK,YAAzBjH,EAAA,GAAAC,EAA8EoB,GAAA;;UAA1C,SAAS4F,EAAK;UAAU,OAAM;;;;;;;;;;;;;;IAIxE5G,EAAiCC,GAAA,EAA3B,MAAK,oBAAmB,CAAA"}

package/dist/components/panel/NavGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { cn as e } from "../../lib/utils.js";
 import t from "../../lib/Icon.js";
-import n from "../ui/SidebarMenu.js";
-import r from "../ui/Collapsible.js";
-import i from "../ui/CollapsibleContent.js";
-import a from "../ui/CollapsibleTrigger.js";
+import n from "../ui/Collapsible.js";
+import r from "../ui/CollapsibleContent.js";
+import i from "../ui/CollapsibleTrigger.js";
+import a from "../ui/SidebarMenu.js";
 import o from "../ui/SidebarGroup.js";
 import s from "../ui/SidebarGroupContent.js";
 import c from "../ui/SidebarGroupLabel.js";
@@ -17,14 +17,14 @@ var k = { class: "flex items-center gap-1.5" }, A = /*@__PURE__*/ v({
 	props: { group: {} },
 	setup(v) {
 		let A = v, j = () => A.group.extraSidebarAttributes ?? {}, M = () => !!(A.group.label && A.group.icon), N = () => e(M() && "group-data-[collapsible=icon]:hidden");
-		return (e, v) => A.group.label ? A.group.collapsible ? (C(), f(r, {
+		return (e, v) => A.group.label ? A.group.collapsible ? (C(), f(n, {
 			key: 2,
 			"default-open": !A.group.collapsed || A.group.items.some((e) => e.active),
 			class: "group/nav-group"
 		}, {
 			default: D(() => [_(o, S(y(j())), {
 				default: D(() => [
-					_(a, { "as-child": "" }, {
+					_(i, { "as-child": "" }, {
 						default: D(() => [_(c, {
 							as: "button",
 							type: "button",
@@ -42,9 +42,9 @@ var k = { class: "flex items-center gap-1.5" }, A = /*@__PURE__*/ v({
 						})]),
 						_: 1
 					}),
-					_(i, null, {
+					_(r, null, {
 						default: D(() => [_(s, { class: x(N()) }, {
-							default: D(() => [_(n, null, {
+							default: D(() => [_(a, null, {
 								default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
 									key: e.label,
 									item: e
@@ -74,7 +74,7 @@ var k = { class: "flex items-center gap-1.5" }, A = /*@__PURE__*/ v({
 					_: 1
 				}),
 				_(s, { class: x(N()) }, {
-					default: D(() => [_(n, null, {
+					default: D(() => [_(a, null, {
 						default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
 							key: e.label,
 							item: e
@@ -91,7 +91,7 @@ var k = { class: "flex items-center gap-1.5" }, A = /*@__PURE__*/ v({
 			_: 1
 		}, 16)) : (C(), f(o, S(b({ key: 0 }, j())), {
 			default: D(() => [_(s, null, {
-				default: D(() => [_(n, null, {
+				default: D(() => [_(a, null, {
 					default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
 						key: e.label,
 						item: e