feat: hide ViewSwitcher by default for cleaner list page UI

- Add showViewSwitcher prop to ListView (default: false)
- Change ObjectView showViewSwitcher default to false
- Update ObjectViewSchema documentation
- View type is now fixed at creation in ViewDesigner, not runtime
- Follows Airtable-like simplicity principle

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

Author: Copilot

packages/plugin-list/src/ListView.tsx

@@ -24,6 +24,8 @@ export interface ListViewProps {
   onSearchChange?: (search: string) => void;
   /** Callback when a row/item is clicked (overrides NavigationConfig) */
   onRowClick?: (record: Record<string, unknown>) => void;
+  /** Show view type switcher (Grid/Kanban/etc). Default: false (view type is fixed) */
+  showViewSwitcher?: boolean;
   [key: string]: any;
 }
 
@@ -68,6 +70,7 @@ export const ListView: React.FC<ListViewProps> = ({
   onSortChange,
   onSearchChange,
   onRowClick,
+  showViewSwitcher = false,
   ...props
 }) => {
   // Kernel level default: Ensure viewType is always defined (default to 'grid')
@@ -392,14 +395,16 @@ export const ListView: React.FC<ListViewProps> = ({
       {/* Airtable-style Toolbar */}
       <div className="border-b px-4 py-2 flex items-center justify-between gap-4 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
         <div className="flex items-center gap-2 flex-1 overflow-hidden">
-          {/* View Switcher on the Left */}
-          <div className="flex items-center pr-2 border-r mr-2">
-            <ViewSwitcher
-              currentView={currentView}
-              availableViews={availableViews}
-              onViewChange={handleViewChange}
-            />
-          </div>
+          {/* View Switcher on the Left (optional, hidden by default) */}
+          {showViewSwitcher && (
+            <div className="flex items-center pr-2 border-r mr-2">
+              <ViewSwitcher
+                currentView={currentView}
+                availableViews={availableViews}
+                onViewChange={handleViewChange}
+              />
+            </div>
+          )}
 
           {/* Action Tools */}
           <div className="flex items-center gap-1">

packages/plugin-view/src/ObjectView.tsx

@@ -857,7 +857,7 @@ export const ObjectView: React.FC<ObjectViewProps> = ({
     const showSearchBox = schema.showSearch !== false;
     const showCreateButton = schema.showCreate !== false && operations.create !== false;
     const showRefreshButton = schema.showRefresh !== false;
-    const showViewSwitcherToggle = schema.showViewSwitcher !== false;
+    const showViewSwitcherToggle = schema.showViewSwitcher === true; // Changed: default to false (hidden)
 
     return (
       <div className="flex flex-col gap-3">

packages/types/src/objectql.ts

@@ -833,7 +833,8 @@ export interface ObjectViewSchema extends BaseSchema {
 
   /**
    * Show view switcher (for multi-view)
-   * @default true
+   * When false (default), view type is fixed at creation in ViewDesigner
+   * @default false
    */
   showViewSwitcher?: boolean;