-
+
+
)
}
diff --git a/src/components/settings/checklist-templates-manager.tsx b/src/components/settings/checklist-templates-manager.tsx
index 70d2f0a..f6f5dea 100644
--- a/src/components/settings/checklist-templates-manager.tsx
+++ b/src/components/settings/checklist-templates-manager.tsx
@@ -16,7 +16,7 @@ import { Checkbox } from "@/components/ui/checkbox"
import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { SearchableCombobox, type SearchableComboboxOption } from "@/components/ui/searchable-combobox"
import { Switch } from "@/components/ui/switch"
import { Textarea } from "@/components/ui/textarea"
@@ -76,6 +76,15 @@ function TemplateEditorDialog({
const [items, setItems] = useState
([{ id: crypto.randomUUID(), text: "", required: true }])
const [archived, setArchived] = useState(false)
+ const companyComboboxOptions = useMemo(() => {
+ const sortedCompanies = [...companies].sort((a, b) => a.name.localeCompare(b.name, "pt-BR"))
+
+ return [
+ { value: NO_COMPANY_VALUE, label: "Global (todas)" },
+ ...sortedCompanies.map((company) => ({ value: String(company.id), label: company.name })),
+ ]
+ }, [companies])
+
useEffect(() => {
if (!open) return
setName(template?.name ?? "")
@@ -148,19 +157,15 @@ function TemplateEditorDialog({