feat : remove notice search text [no ci]

components/admin/create-guide-flow.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { searchItems } from "@/lib/search";
-import { SearchNotice } from "@/components/search-notice";
 
 import Image from "next/image";
 import { useRouter } from "next/navigation";
@@ -80,7 +79,7 @@ export function CreateGuideFlow({ characters, existingKeys }: { characters: Char
         <InputGroupAddon><SearchIcon /></InputGroupAddon>
         <InputGroupInput value={query} onChange={(event) => setQuery(event.target.value)} placeholder="ค้นหาตัวละคร…" aria-label="ค้นหาตัวละคร" />
       </InputGroup>
-      <SearchNotice fuzzy={search.fuzzy} />
+
       <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
         {filtered.map((character) => {
           const disabled = existing.has(character.key);

components/admin/glossary-manager.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { searchItems } from "@/lib/search";
-import { SearchNotice } from "@/components/search-notice";
 
 import Image from "next/image";
 import { SearchIcon, Trash2Icon } from "lucide-react";
@@ -146,7 +145,7 @@ export function GlossaryManager({
               <Input id="glossary-search" className="pl-9" value={query} onChange={(event) => setQuery(event.target.value)} />
             </div>
           </Field>
-          <SearchNotice fuzzy={search.fuzzy} />
+
           {visibleAliases.map((entry) => {
             const name = itemNames.get(`${entry.kind}:${entry.catalogKey}`);
             return (

components/admin/guide-section-editor.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { searchItems } from "@/lib/search";
-import { SearchNotice } from "@/components/search-notice";
 
 import dynamic from "next/dynamic";
 import Image from "next/image";
@@ -3340,7 +3339,7 @@ function TeamEditor({
         <FieldGroup className="mt-4">
           <Field>
             <FieldLabel htmlFor="team-search">ค้นหา Team</FieldLabel>
-            <SearchNotice fuzzy={teamSearch.fuzzy} />
+
             <div className="relative">
               <SearchIcon
                 aria-hidden="true"
@@ -4094,7 +4093,7 @@ function TeamEditor({
                   <ToggleGroupItem value="artifact">อาร์ติแฟกต์</ToggleGroupItem>
                 </ToggleGroup>
                 <div className="min-h-0 overflow-y-auto pr-1">
-                  <SearchNotice fuzzy={importTeamSearch.fuzzy} />
+
                   {filteredImportTeams.length ? (
                     <div className="grid gap-4 lg:grid-cols-2">
                       {filteredImportTeams.map((team) => {
@@ -4203,7 +4202,7 @@ function TeamEditor({
                   />
                 </div>
                 <div className="min-h-0 overflow-y-auto pr-1">
-                  <SearchNotice fuzzy={importGuideSearch.fuzzy} />
+
                   {filteredImportGuides.length ? (
                     <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
                       {filteredImportGuides.map((sourceGuide) => (

components/admin/structured-dashboard.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { searchItems } from "@/lib/search";
-import { SearchNotice } from "@/components/search-notice";
 
 import Image from "next/image";
 import Link from "next/link";
@@ -213,7 +212,7 @@ export function StructuredDashboard({
           />
         </InputGroup>
       ) : null}
-      <SearchNotice fuzzy={search.fuzzy} />
+
       {filteredGuides.length ? (
         <div className="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
           {filteredGuides.map((guide) => (

components/public/structured-directory.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { searchItems } from "@/lib/search";
-import { SearchNotice } from "@/components/search-notice";
 
 import Image from "next/image";
 import Link from "next/link";
@@ -59,7 +58,7 @@ export function StructuredDirectory({ guides }: { guides: GuideCard[] }) {
           aria-label="ค้นหาไกด์"
         />
       </InputGroup>
-      <SearchNotice fuzzy={search.fuzzy} />
+
       {filtered.length ? (
         <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
           {filtered.map((guide, index) => (

components/public/team-search.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { SearchNotice } from "@/components/search-notice";
 
 import Image from "next/image";
 import Link from "next/link";
@@ -395,7 +394,7 @@ export function TeamSearch({ groups }: { groups: PublicGuide["teamGroups"] }) {
 
   return (
     <div className="flex min-w-0 flex-col gap-4">
-      <SearchNotice fuzzy={search.fuzzy} />
+
       {groups.length > 1 ? (
         <ScrollableNav ariaLabel="เลือกเงื่อนไขทีม" className="w-full min-w-0">
           <ToggleGroup aria-label="เลือกเงื่อนไขทีม" variant="outline" value={[activeCondition]} onValueChange={(values) => {

components/search-notice.tsx

@@ -1,3 +0,0 @@
-export function SearchNotice({ fuzzy }: { fuzzy: boolean }) {
-  return fuzzy ? <p role="status" className="px-2 py-1 text-sm text-muted-foreground">แสดงผลลัพธ์ที่ใกล้เคียง</p> : null;
-}

components/ui/combobox.tsx

@@ -5,7 +5,6 @@ import { Combobox as ComboboxPrimitive } from "@base-ui/react"
 
 import { cn } from "@/lib/utils"
 import { searchItems } from "@/lib/search"
-import { SearchNotice } from "@/components/search-notice"
 import { Button } from "@/components/ui/button"
 import {
   InputGroup,
@@ -16,7 +15,6 @@ import {
 import { ChevronDownIcon, XIcon, CheckIcon } from "lucide-react"
 
 const Combobox = ComboboxPrimitive.Root
-const FuzzyContext = React.createContext(false)
 
 function FuzzyCombobox<Value, Multiple extends boolean | undefined = false>({
   items = [], searchNames, searchText, children, onInputValueChange, ...props
@@ -30,14 +28,12 @@ function FuzzyCombobox<Value, Multiple extends boolean | undefined = false>({
     searchText ?? ((item) => searchNames(item).join(" ")), searchNames),
     [items, query, searchNames, searchText])
   return (
-    <FuzzyContext.Provider value={result.fuzzy}>
       <ComboboxPrimitive.Root {...props} items={result.items} filter={null}
         onInputValueChange={(value, details) => {
           setQuery(details.reason === "input-change" ? value : "")
           onInputValueChange?.(value, details)
         }}
       >{children}</ComboboxPrimitive.Root>
-    </FuzzyContext.Provider>
   )
 }
 
@@ -124,7 +120,6 @@ function ComboboxContent({
     ComboboxPrimitive.Positioner.Props,
     "side" | "align" | "sideOffset" | "alignOffset" | "anchor"
   >) {
-  const fuzzy = React.useContext(FuzzyContext)
   return (
     <ComboboxPrimitive.Portal>
       <ComboboxPrimitive.Positioner
@@ -141,7 +136,7 @@ function ComboboxContent({
           className={cn("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className )}
           {...props}
         >
-          <SearchNotice fuzzy={fuzzy} />
+
           {children}
         </ComboboxPrimitive.Popup>
       </ComboboxPrimitive.Positioner>