fix: remove duplicate ObjectView toolbar, keep only single Airtable-style ListView toolbar

- Removed filter/sort/search controls from ObjectView toolbar (delegated to ListView)
- Removed unused imports (FilterUI, SortUI, Search, Input, RefreshCw) and searchQuery state
- ObjectView toolbar now only renders named view tabs + create button when needed
- Single clean Airtable toolbar row: Hide fields | Filter | Group | Sort | Color | Row height | Search

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/plugin-view/src/ObjectView.tsx

@@ -50,15 +50,12 @@ import {
   DrawerTitle,
   DrawerDescription,
   Button,
-  Input,
   Tabs,
   TabsList,
   TabsTrigger,
 } from '@object-ui/components';
-import { Plus, Search, RefreshCw, SlidersHorizontal, ArrowUpDown, EyeOff, Group, Paintbrush, Ruler, X } from 'lucide-react';
+import { Plus } from 'lucide-react';
 import { ViewSwitcher } from './ViewSwitcher';
-import { FilterUI } from './FilterUI';
-import { SortUI } from './SortUI';
 
 /**
  * Attempt to import SchemaRenderer from @object-ui/react.
@@ -211,8 +208,6 @@ export const ObjectView: React.FC<ObjectViewProps> = ({
   const [isFormOpen, setIsFormOpen] = useState(false);
   const [formMode, setFormMode] = useState<FormMode>('create');
   const [selectedRecord, setSelectedRecord] = useState<Record<string, unknown> | null>(null);
-  const [searchQuery, setSearchQuery] = useState('');
-  const [searchExpanded, setSearchExpanded] = useState(false);
   const [refreshKey, setRefreshKey] = useState(0);
 
   // Data fetching state for non-grid views
@@ -853,146 +848,46 @@ export const ObjectView: React.FC<ObjectViewProps> = ({
     );
   };
 
-  // Render toolbar
+  // Render toolbar — only named view tabs; filter/sort/search is handled by ListView
   const renderToolbar = () => {
-    const showSearchBox = schema.showSearch !== false;
     const showCreateButton = schema.showCreate !== false && operations.create !== false;
-    const showRefreshButton = schema.showRefresh !== false;
     const showViewSwitcherToggle = schema.showViewSwitcher === true; // Changed: default to false (hidden)
 
-    return (
-      <div className="flex flex-col">
-        {/* Row 1: View tabs + ViewSwitcher */}
-        <div className="flex items-center justify-between border-b px-4 py-1">
-          <div className="flex items-center gap-2">
-            {renderNamedViewTabs()}
-          </div>
-          {showViewSwitcherToggle && viewSwitcherSchema && (
-            <ViewSwitcher
-              schema={viewSwitcherSchema}
-              onViewChange={handleViewTypeChange}
-              className="overflow-x-auto"
-            />
-          )}
-        </div>
+    const namedViewTabs = renderNamedViewTabs();
 
-        {/* Row 2: Tool buttons (Airtable-style) */}
-        <div className="flex items-center justify-between border-b px-4 py-1 gap-2">
-          {/* Left: Tool buttons */}
-          <div className="flex items-center gap-0.5 overflow-hidden">
-            {/* Hide Fields */}
-            <Button
-              variant="ghost"
-              size="sm"
-              className="h-7 px-2 text-muted-foreground hover:text-primary text-xs"
-              disabled
-            >
-              <EyeOff className="h-3.5 w-3.5 mr-1.5" />
-              <span className="hidden sm:inline">Hide fields</span>
-            </Button>
-
-            {/* Filter */}
-            {filterSchema && (
-              <FilterUI schema={filterSchema} onChange={setFilterValues} />
-            )}
-
-            {/* Group */}
-            <Button
-              variant="ghost"
-              size="sm"
-              className="h-7 px-2 text-muted-foreground hover:text-primary text-xs"
-              disabled
-            >
-              <Group className="h-3.5 w-3.5 mr-1.5" />
-              <span className="hidden sm:inline">Group</span>
-            </Button>
-
-            {/* Sort */}
-            {sortSchema && (
-              <SortUI schema={sortSchema} onChange={(sort) => setSortConfig(sort ?? [])} />
-            )}
-
-            {/* Color */}
-            <Button
-              variant="ghost"
-              size="sm"
-              className="h-7 px-2 text-muted-foreground hover:text-primary text-xs"
-              disabled
-            >
-              <Paintbrush className="h-3.5 w-3.5 mr-1.5" />
-              <span className="hidden sm:inline">Color</span>
-            </Button>
-
-            {/* Row Height */}
-            <Button
-              variant="ghost"
-              size="sm"
-              className="h-7 px-2 text-muted-foreground hover:text-primary text-xs hidden lg:flex"
-              disabled
-            >
-              <Ruler className="h-3.5 w-3.5 mr-1.5" />
-              <span className="hidden sm:inline">Row height</span>
-            </Button>
-          </div>
+    // Hide toolbar entirely if there is nothing to show
+    if (!namedViewTabs && !showViewSwitcherToggle && !showCreateButton && !toolbarAddon) return null;
 
-          {/* Right: Search + Actions */}
-          <div className="flex items-center gap-1">
-            {showSearchBox && (
-              <>
-                {searchExpanded ? (
-                  <div className="relative w-48 lg:w-64">
-                    <Search className="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
-                    <Input
-                      type="search"
-                      placeholder={`Search ${(objectSchema?.label as string) || schema.objectName}...`}
-                      value={searchQuery}
-                      onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchQuery(e.target.value)}
-                      className="pl-7 h-7 text-xs"
-                      autoFocus
-                      onBlur={() => {
-                        if (!searchQuery) setSearchExpanded(false);
-                      }}
-                    />
-                    <Button
-                      variant="ghost"
-                      size="sm"
-                      className="absolute right-0.5 top-1/2 -translate-y-1/2 h-5 w-5 p-0 hover:bg-muted-foreground/20"
-                      onClick={() => {
-                        setSearchQuery('');
-                        setSearchExpanded(false);
-                      }}
-                    >
-                      <X className="h-3 w-3" />
-                    </Button>
-                  </div>
-                ) : (
-                  <Button
-                    variant="ghost"
-                    size="sm"
-                    className="h-7 px-2 text-muted-foreground hover:text-primary text-xs"
-                    onClick={() => setSearchExpanded(true)}
-                  >
-                    <Search className="h-3.5 w-3.5 mr-1.5" />
-                    <span className="hidden sm:inline">Search</span>
-                  </Button>
-                )}
-              </>
-            )}
-
-            {showRefreshButton && (
-              <Button variant="ghost" size="sm" className="h-7 px-2 text-muted-foreground hover:text-primary" onClick={handleRefresh}>
-                <RefreshCw className="h-3.5 w-3.5" />
-              </Button>
-            )}
-            {toolbarAddon}
-            {showCreateButton && (
-              <Button size="sm" className="h-7 text-xs" onClick={handleCreate}>
-                <Plus className="h-3.5 w-3.5 mr-1" />
-                Create
-              </Button>
-            )}
+    return (
+      <div className="flex flex-col gap-3">
+        {/* Named view tabs (if any) */}
+        {namedViewTabs}
+
+        {/* ViewSwitcher + action buttons row */}
+        {(showViewSwitcherToggle || showCreateButton || toolbarAddon) && (
+          <div className="flex items-center justify-between gap-4">
+            <div className="flex items-center gap-2">
+              {showViewSwitcherToggle && viewSwitcherSchema && (
+                <ViewSwitcher
+                  schema={viewSwitcherSchema}
+                  onViewChange={handleViewTypeChange}
+                  className="overflow-x-auto"
+                />
+              )}
+            </div>
+
+            {/* Right side: Actions */}
+            <div className="flex items-center gap-2">
+              {toolbarAddon}
+              {showCreateButton && (
+                <Button size="sm" onClick={handleCreate}>
+                  <Plus className="h-4 w-4" />
+                  Create
+                </Button>
+              )}
+            </div>
           </div>
-        </div>
+        )}
       </div>
     );
   };

packages/plugin-view/src/__tests__/ObjectView.test.tsx

@@ -104,18 +104,18 @@ describe('ObjectView', () => {
       expect(screen.getByText('Manage your contacts')).toBeDefined();
     });
 
-    it('should render search button by default', () => {
+    it('should not render search box (delegated to ListView toolbar)', () => {
       const schema: ObjectViewSchema = {
         type: 'object-view',
         objectName: 'contacts',
       };
 
       render(<ObjectView schema={schema} dataSource={mockDataSource} />);
 
-      expect(screen.getByRole('button', { name: /search/i })).toBeDefined();
+      expect(screen.queryByPlaceholderText(/search/i)).toBeNull();
     });
 
-    it('should hide search box when showSearch is false', () => {
+    it('should not render search box when showSearch is false', () => {
       const schema: ObjectViewSchema = {
         type: 'object-view',
         objectName: 'contacts',