ack comments

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/search-modal.tsx

@@ -6,10 +6,10 @@ import { Database, HelpCircle, Layout, Settings } from 'lucide-react'
 import { useParams, useRouter } from 'next/navigation'
 import { createPortal } from 'react-dom'
 import { Library } from '@/components/emcn'
-import { useBrandConfig } from '@/lib/branding/branding'
 import { cn } from '@/lib/core/utils/cn'
 import { hasTriggerCapability } from '@/lib/workflows/triggers/trigger-utils'
 import { SIDEBAR_SCROLL_EVENT } from '@/app/workspace/[workspaceId]/w/components/sidebar/sidebar'
+import { usePermissionConfig } from '@/hooks/use-permission-config'
 import { useSearchModalStore } from '@/stores/modals/search/store'
 import type {
   SearchBlockItem,
@@ -65,6 +65,7 @@ interface PageItem {
   href?: string
   onClick?: () => void
   shortcut?: string
+  hidden?: boolean
 }
 
 export function SearchModal({
@@ -77,10 +78,10 @@ export function SearchModal({
   const params = useParams()
   const router = useRouter()
   const workspaceId = params.workspaceId as string
-  const brand = useBrandConfig()
   const inputRef = useRef<HTMLInputElement>(null)
   const [mounted, setMounted] = useState(false)
   const openSettingsModal = useSettingsModalStore((state) => state.openModal)
+  const { config: permissionConfig } = usePermissionConfig()
 
   useEffect(() => {
     setMounted(true)
@@ -95,40 +96,49 @@ export function SearchModal({
   }, [])
 
   const pages = useMemo(
-    (): PageItem[] => [
-      {
-        id: 'logs',
-        name: 'Logs',
-        icon: Library,
-        href: `/workspace/${workspaceId}/logs`,
-        shortcut: '⌘⇧L',
-      },
-      {
-        id: 'templates',
-        name: 'Templates',
-        icon: Layout,
-        href: `/workspace/${workspaceId}/templates`,
-      },
-      {
-        id: 'knowledge-base',
-        name: 'Knowledge Base',
-        icon: Database,
-        href: `/workspace/${workspaceId}/knowledge`,
-      },
-      {
-        id: 'help',
-        name: 'Help',
-        icon: HelpCircle,
-        onClick: openHelpModal,
-      },
-      {
-        id: 'settings',
-        name: 'Settings',
-        icon: Settings,
-        onClick: openSettingsModal,
-      },
-    ],
-    [workspaceId, openHelpModal, openSettingsModal]
+    (): PageItem[] =>
+      [
+        {
+          id: 'logs',
+          name: 'Logs',
+          icon: Library,
+          href: `/workspace/${workspaceId}/logs`,
+          shortcut: '⌘⇧L',
+        },
+        {
+          id: 'templates',
+          name: 'Templates',
+          icon: Layout,
+          href: `/workspace/${workspaceId}/templates`,
+          hidden: permissionConfig.hideTemplates,
+        },
+        {
+          id: 'knowledge-base',
+          name: 'Knowledge Base',
+          icon: Database,
+          href: `/workspace/${workspaceId}/knowledge`,
+          hidden: permissionConfig.hideKnowledgeBaseTab,
+        },
+        {
+          id: 'help',
+          name: 'Help',
+          icon: HelpCircle,
+          onClick: openHelpModal,
+        },
+        {
+          id: 'settings',
+          name: 'Settings',
+          icon: Settings,
+          onClick: openSettingsModal,
+        },
+      ].filter((page) => !page.hidden),
+    [
+      workspaceId,
+      openHelpModal,
+      openSettingsModal,
+      permissionConfig.hideTemplates,
+      permissionConfig.hideKnowledgeBaseTab,
+    ]
   )
 
   useEffect(() => {

apps/sim/stores/modals/search/store.ts

@@ -53,7 +53,6 @@ export const useSearchModalStore = create<SearchModalState>()(
           const searchItem: SearchBlockItem = {
             id: block.type,
             name: block.name,
-            description: block.description || '',
             icon: block.icon,
             bgColor: block.bgColor || '#6B7280',
             type: block.type,
@@ -79,15 +78,13 @@ export const useSearchModalStore = create<SearchModalState>()(
           {
             id: 'loop',
             name: 'Loop',
-            description: 'Create a Loop',
             icon: RepeatIcon,
             bgColor: '#2FB3FF',
             type: 'loop',
           },
           {
             id: 'parallel',
             name: 'Parallel',
-            description: 'Parallel Execution',
             icon: SplitIcon,
             bgColor: '#FEE12B',
             type: 'parallel',
@@ -116,7 +113,6 @@ export const useSearchModalStore = create<SearchModalState>()(
           (block): SearchBlockItem => ({
             id: block.type,
             name: block.name,
-            description: block.description || '',
             icon: block.icon,
             bgColor: block.bgColor || '#6B7280',
             type: block.type,
@@ -127,15 +123,19 @@ export const useSearchModalStore = create<SearchModalState>()(
         const allowedBlockTypes = new Set(tools.map((t) => t.type))
         const toolOperations: SearchToolOperationItem[] = getToolOperationsIndex()
           .filter((op) => allowedBlockTypes.has(op.blockType))
-          .map((op) => ({
-            id: op.id,
-            name: op.operationName,
-            searchValue: `${op.serviceName} ${op.operationName}`,
-            icon: op.icon,
-            bgColor: op.bgColor,
-            blockType: op.blockType,
-            operationId: op.operationId,
-          }))
+          .map((op) => {
+            // Include aliases in searchValue so synonym search works (e.g., "post" finds "Send Message")
+            const aliasesStr = op.aliases?.length ? ` ${op.aliases.join(' ')}` : ''
+            return {
+              id: op.id,
+              name: op.operationName,
+              searchValue: `${op.serviceName} ${op.operationName}${aliasesStr}`,
+              icon: op.icon,
+              bgColor: op.bgColor,
+              blockType: op.blockType,
+              operationId: op.operationId,
+            }
+          })
 
         set({
           data: {

apps/sim/stores/modals/search/types.ts

@@ -7,7 +7,6 @@ import type { BlockConfig } from '@/blocks/types'
 export interface SearchBlockItem {
   id: string
   name: string
-  description: string
   icon: ComponentType<{ className?: string }>
   bgColor: string
   type: string