feat(app): add @ workspace file autocomplete in agent chat

packages/app/src/components/ui/combobox-options.ts

@@ -1,42 +1,44 @@
+export type ComboboxOptionKind = 'directory' | 'file'
+
 export interface ComboboxOptionModel {
-  id: string;
-  label: string;
-  description?: string;
-  kind?: "directory";
+  id: string
+  label: string
+  description?: string
+  kind?: ComboboxOptionKind
 }
 
 export interface BuildVisibleComboboxOptionsInput {
-  options: ComboboxOptionModel[];
-  searchQuery: string;
-  searchable: boolean;
-  allowCustomValue: boolean;
-  customValuePrefix: string;
-  customValueDescription?: string;
-  customValueKind?: "directory";
+  options: ComboboxOptionModel[]
+  searchQuery: string
+  searchable: boolean
+  allowCustomValue: boolean
+  customValuePrefix: string
+  customValueDescription?: string
+  customValueKind?: ComboboxOptionKind
 }
 
 export function shouldShowCustomComboboxOption(input: {
-  options: ComboboxOptionModel[];
-  searchQuery: string;
-  searchable: boolean;
-  allowCustomValue: boolean;
+  options: ComboboxOptionModel[]
+  searchQuery: string
+  searchable: boolean
+  allowCustomValue: boolean
 }): boolean {
-  const sanitizedSearchValue = input.searchQuery.trim();
+  const sanitizedSearchValue = input.searchQuery.trim()
   if (!input.searchable || !input.allowCustomValue || sanitizedSearchValue.length === 0) {
-    return false;
+    return false
   }
 
   return !input.options.some(
     (opt) =>
       opt.id.toLowerCase() === sanitizedSearchValue.toLowerCase() ||
       opt.label.toLowerCase() === sanitizedSearchValue.toLowerCase()
-  );
+  )
 }
 
 export function buildVisibleComboboxOptions(
   input: BuildVisibleComboboxOptionsInput
 ): ComboboxOptionModel[] {
-  const normalizedSearch = input.searchable ? input.searchQuery.trim().toLowerCase() : "";
+  const normalizedSearch = input.searchable ? input.searchQuery.trim().toLowerCase() : ''
   const filteredOptions = normalizedSearch
     ? input.options.filter(
         (opt) =>
@@ -44,52 +46,50 @@ export function buildVisibleComboboxOptions(
           opt.id.toLowerCase().includes(normalizedSearch) ||
           opt.description?.toLowerCase().includes(normalizedSearch)
       )
-    : input.options;
+    : input.options
 
-  const sanitizedSearchValue = input.searchQuery.trim();
+  const sanitizedSearchValue = input.searchQuery.trim()
   const showCustomOption = shouldShowCustomComboboxOption({
     options: input.options,
     searchQuery: input.searchQuery,
     searchable: input.searchable,
     allowCustomValue: input.allowCustomValue,
-  });
+  })
 
-  const visibleOptions: ComboboxOptionModel[] = [];
+  const visibleOptions: ComboboxOptionModel[] = []
 
   if (showCustomOption) {
-    const trimmedPrefix = input.customValuePrefix.trim();
+    const trimmedPrefix = input.customValuePrefix.trim()
     const customLabel =
-      trimmedPrefix.length > 0
-        ? `${trimmedPrefix} "${sanitizedSearchValue}"`
-        : sanitizedSearchValue;
+      trimmedPrefix.length > 0 ? `${trimmedPrefix} "${sanitizedSearchValue}"` : sanitizedSearchValue
     visibleOptions.push({
       id: sanitizedSearchValue,
       label: customLabel,
       description: input.customValueDescription,
       kind: input.customValueKind,
-    });
+    })
   }
 
-  visibleOptions.push(...filteredOptions);
-  return visibleOptions;
+  visibleOptions.push(...filteredOptions)
+  return visibleOptions
 }
 
 export function orderVisibleComboboxOptions(
   visibleOptions: ComboboxOptionModel[],
-  optionsPosition: "below-search" | "above-search"
+  optionsPosition: 'below-search' | 'above-search'
 ): ComboboxOptionModel[] {
-  if (optionsPosition !== "above-search") {
-    return visibleOptions;
+  if (optionsPosition !== 'above-search') {
+    return visibleOptions
   }
-  return [...visibleOptions].reverse();
+  return [...visibleOptions].reverse()
 }
 
 export function getComboboxFallbackIndex(
   itemCount: number,
-  optionsPosition: "below-search" | "above-search"
+  optionsPosition: 'below-search' | 'above-search'
 ): number {
   if (itemCount <= 0) {
-    return -1;
+    return -1
   }
-  return optionsPosition === "above-search" ? itemCount - 1 : 0;
+  return optionsPosition === 'above-search' ? itemCount - 1 : 0
 }