50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T818a,"use client" import * as React from "react" import { Dialog as DialogPrimitive } from "@base-ui/react/dialog" import { IconChevronLeft, IconSearch, IconX } from "@tabler/icons-react" import { Command as CommandPrimitive, useCommandState } from "cmdk" import { cn } from "cn" import { Spinner } from "@/components/ui/spinner" import { formatHotkey, matchesHotkey, useIsApple } from "@/lib/hotkey" import { Button } from "@/components/ui/button" import { easeOut, prefersReducedMotion } from "@/lib/motion" type CommandPageEntry = { id: string; title: string } type CommandContextValue = { search: string setSearch: (search: string) => void pages: CommandPageEntry[] direction: 1 | -1 pushPage: (id: string, title?: string) => void popPage: (count?: number) => void registerShortcut: (hotkey: string, run: () => void) => () => void takeKeyboardSelect: () => { fromKeyboard: boolean; newTab: boolean } } const CommandContext = React.createContext(null) const CommandPageContext = React.createContext(null) function useCommandContext(part: string) { const context = React.useContext(CommandContext) if (!context) { throw new Error(`<${part}> must be used within .`) } return context } function useCommandPages() { const { pages, pushPage, popPage } = useCommandContext("useCommandPages") return { pages, page: pages.at(-1)?.id ?? null, push: pushPage, pop: popPage, reset: () => popPage(pages.length), } } function usePageVisible() { const context = React.useContext(CommandContext) const page = React.useContext(CommandPageContext) const current = context?.pages.at(-1)?.id ?? null return page === current } function subscribeNothing() { return () => {} } function isEditable(target: EventTarget | null) { return ( target instanceof HTMLElement && (target.isContentEditable || target.closest("input, textarea, select, [contenteditable='true']") !== null) ) } const internalEvents = new WeakSet() const highlightName = "command-match" const highlightRanges = new Map() let highlightSheet: CSSStyleSheet | null = null function adoptHighlightStyle() { if ( highlightSheet || typeof CSSStyleSheet === "undefined" || !("adoptedStyleSheets" in document) ) { return } highlightSheet = new CSSStyleSheet() highlightSheet.replaceSync( `::highlight(${highlightName}) { color: var(--foreground); }` ) document.adoptedStyleSheets = [...document.adoptedStyleSheets, highlightSheet] } function publishHighlights() { if (typeof CSS === "undefined" || !("highlights" in CSS)) { return } adoptHighlightStyle() const ranges = [...highlightRanges.values()].flat() if (ranges.length === 0) { CSS.highlights.delete(highlightName) } else { CSS.highlights.set(highlightName, new Highlight(...ranges)) } } function matchIndices(text: string, query: string) { const haystack = text.toLowerCase() const needle = query.toLowerCase() const start = haystack.indexOf(needle) if (start !== -1) { return Array.from({ length: needle.length }, (_, index) => start + index) } const indices: number[] = [] let from = 0 for (const char of needle) { if (char === " ") { continue } const found = haystack.indexOf(char, from) if (found === -1) { return [] } indices.push(found) from = found + 1 } return indices } function highlightItem(item: HTMLElement, query: string) { const walker = document.createTreeWalker(item, NodeFilter.SHOW_TEXT, { acceptNode: (node) => node.parentElement?.closest( "[data-slot=command-shortcut], svg, [aria-hidden=true]" ) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT, }) const nodes: { node: Text; start: number }[] = [] let text = "" for (let node = walker.nextNode(); node; node = walker.nextNode()) { nodes.push({ node: node as Text, start: text.length }) text += node.textContent ?? "" } const ranges: Range[] = [] for (const index of matchIndices(text, query.trim())) { const owner = nodes.findLast((entry) => entry.start <= index) if (!owner) { continue } const range = document.createRange() range.setStart(owner.node, index - owner.start) range.setEnd(owner.node, index - owner.start + 1) ranges.push(range) } return ranges } function CommandHighlighter() { const id = React.useId() const search = useCommandState((state) => state.search) const count = useCommandState((state) => state.filtered.count) const anchorRef = React.useRef(null) React.useLayoutEffect(() => { const root = anchorRef.current?.closest("[cmdk-root]") if (!root) { return } const query = search.trim() root.toggleAttribute("data-highlighting", query !== "") highlightRanges.set( id, query ? Array.from(root.querySelectorAll("[cmdk-item]")).flatMap( (item) => highlightItem(item, query) ) : [] ) publishHighlights() }, [count, id, search]) React.useEffect( () => () => { highlightRanges.delete(id) publishHighlights() }, [id] ) return