@object-ui/plugin-view 2.0.0 → 3.0.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @object-ui/plugin-view@2.0.0 build /home/runner/work/objectui/objectui/packages/plugin-view
+> @object-ui/plugin-view@3.0.1 build /home/runner/work/objectui/objectui/packages/plugin-view
 > vite build
 
 vite v7.3.1 building client environment for production...
@@ -8,186 +8,9 @@ transforming...
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
-src/__tests__/FilterUI.test.tsx:183:42 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-183       expect(screen.getByText('Status')).toBeInTheDocument();
-                                             ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:184:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-184       expect(screen.getByText('Name')).toBeInTheDocument();
-                                           ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:187:51 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement | null>'.
-
-187       expect(screen.queryByTestId('popover')).not.toBeInTheDocument();
-                                                      ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:188:50 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement | null>'.
-
-188       expect(screen.queryByTestId('drawer')).not.toBeInTheDocument();
-                                                     ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:194:42 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-194       expect(screen.getByText('Status')).toBeInTheDocument();
-                                             ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:195:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-195       expect(screen.getByText('Name')).toBeInTheDocument();
-                                           ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:206:42 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-206       expect(screen.getByText('Status')).toBeInTheDocument();
-                                             ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:207:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-207       expect(screen.getByText('Name')).toBeInTheDocument();
-                                           ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:219:41 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-219       expect(screen.getByText('email')).toBeInTheDocument();
-                                            ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:225:42 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-225       expect(screen.getByText('Active')).toBeInTheDocument();
-                                             ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:226:44 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-226       expect(screen.getByText('Inactive')).toBeInTheDocument();
-                                               ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:239:21 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-239       expect(input).toBeInTheDocument();
-                        ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:320:26 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLElement>'.
-
-320       expect(selectRoot).toHaveAttribute('data-value', 'inactive');
-                             ~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:331:45 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-331       expect(screen.getByTestId('popover')).toBeInTheDocument();
-                                                ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:332:43 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-332       expect(screen.getByText('Filters')).toBeInTheDocument();
-                                              ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:339:30 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-339       expect(popoverContent).toBeInTheDocument();
-                                 ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:342:42 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-342       expect(screen.getByText('Status')).toBeInTheDocument();
-                                             ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:343:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-343       expect(screen.getByText('Name')).toBeInTheDocument();
-                                           ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:357:37 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-357       expect(screen.getByText('1')).toBeInTheDocument();
-                                        ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:369:48 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement | null>'.
-
-369       expect(screen.queryByText('Status')).not.toBeInTheDocument();
-                                                   ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:370:46 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement | null>'.
-
-370       expect(screen.queryByText('Name')).not.toBeInTheDocument();
-                                                 ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:376:42 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-376       expect(screen.getByText('Status')).toBeInTheDocument();
-                                             ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:377:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-377       expect(screen.getByText('Name')).toBeInTheDocument();
-                                           ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:383:42 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-383       expect(screen.getByText('Status')).toBeInTheDocument();
-                                             ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:402:43 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement | null>'.
-
-402       expect(screen.queryByText('1')).not.toBeInTheDocument();
-                                              ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:415:43 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement | null>'.
-
-415       expect(screen.queryByText('1')).not.toBeInTheDocument();
-                                              ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:428:43 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement | null>'.
-
-428       expect(screen.queryByText('1')).not.toBeInTheDocument();
-                                              ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:441:43 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement | null>'.
-
-441       expect(screen.queryByText('1')).not.toBeInTheDocument();
-                                              ~~~~~~~~~~~~~~~~~
-src/__tests__/FilterUI.test.tsx:454:37 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-454       expect(screen.getByText('2')).toBeInTheDocument();
-                                        ~~~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:98:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-98       expect(screen.getByText('Name')).toBeInTheDocument();
-                                          ~~~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:99:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-99       expect(screen.getByText('Date')).toBeInTheDocument();
-                                          ~~~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:108:21 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLElement>'.
-
-108         expect(btn).toHaveAttribute('data-variant', 'outline');
-                        ~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:123:23 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLButtonElement>'.
-
-123       expect(nameBtn).toHaveAttribute('data-variant', 'secondary');
-                          ~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:126:23 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLButtonElement>'.
-
-126       expect(dateBtn).toHaveAttribute('data-variant', 'outline');
-                          ~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:157:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-157       expect(screen.getByText('Name')).toBeInTheDocument();
-                                           ~~~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:158:40 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-158       expect(screen.getByText('Date')).toBeInTheDocument();
-                                           ~~~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:164:45 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-164       expect(screen.getByText('Ascending')).toBeInTheDocument();
-                                                ~~~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:165:46 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-165       expect(screen.getByText('Descending')).toBeInTheDocument();
-                                                 ~~~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:188:50 - error TS2339: Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
-
-188       expect(screen.getByTestId('sort-builder')).toBeInTheDocument();
-                                                     ~~~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:243:23 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLButtonElement>'.
-
-243       expect(dateBtn).toHaveAttribute('data-variant', 'secondary');
-                          ~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:260:21 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLElement>'.
-
-260         expect(btn).toHaveAttribute('data-variant', 'outline');
-                        ~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:341:23 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLButtonElement>'.
-
-341       expect(nameBtn).toHaveAttribute('data-variant', 'secondary');
-                          ~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:342:23 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLButtonElement>'.
-
-342       expect(dateBtn).toHaveAttribute('data-variant', 'secondary');
-                          ~~~~~~~~~~~~~~~
-src/__tests__/SortUI.test.tsx:376:21 - error TS2339: Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLElement>'.
-
-376         expect(btn).toHaveAttribute('data-variant', 'outline');
-                        ~~~~~~~~~~~~~~~
-
 computing gzip size...
-dist/index.js  47.74 kB │ gzip: 12.26 kB
-[vite:dts] Declaration files built in 5404ms.
+dist/index.js  47.74 kB │ gzip: 12.27 kB
+[vite:dts] Declaration files built in 4243ms.
 
 No name was provided for external module "@object-ui/core" in "output.globals" – guessing "core".
 No name was provided for external module "@object-ui/plugin-grid" in "output.globals" – guessing "pluginGrid".
@@ -195,5 +18,5 @@ computing gzip size...
 No name was provided for external module "@object-ui/components" in "output.globals" – guessing "components".
 No name was provided for external module "lucide-react" in "output.globals" – guessing "lucideReact".
 No name was provided for external module "@object-ui/react" in "output.globals" – guessing "react".
-dist/index.umd.cjs  33.54 kB │ gzip: 10.79 kB
-✓ built in 5.86s
+dist/index.umd.cjs  33.55 kB │ gzip: 10.79 kB
+✓ built in 4.70s

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @object-ui/plugin-view
 
+## 3.0.1
+
+### Patch Changes
+
+- Updated dependencies [adf2cc0]
+  - @object-ui/react@3.0.1
+  - @object-ui/components@3.0.1
+  - @object-ui/plugin-form@3.0.1
+  - @object-ui/plugin-grid@3.0.1
+  - @object-ui/types@3.0.1
+  - @object-ui/core@3.0.1
+
+## 3.0.0
+
+### Minor Changes
+
+- 87979c3: Upgrade to @objectstack v3.0.0 and console bundle optimization
+  - Upgraded all @objectstack/\* packages from ^2.0.7 to ^3.0.0
+  - Breaking change migrations: Hub → Cloud namespace, definePlugin removed, PaginatedResult.value → .records, PaginatedResult.count → .total, client.meta.getObject() → client.meta.getItem()
+  - Console bundle optimization: split monolithic 3.7 MB chunk into 17 granular cacheable chunks (95% main entry reduction)
+  - Added gzip + brotli pre-compression via vite-plugin-compression2
+  - Lazy MSW loading for build:server (~150 KB gzip saved)
+  - Added bundle analysis with rollup-plugin-visualizer
+
+### Patch Changes
+
+- Updated dependencies [87979c3]
+  - @object-ui/types@3.0.0
+  - @object-ui/core@3.0.0
+  - @object-ui/react@3.0.0
+  - @object-ui/components@3.0.0
+  - @object-ui/plugin-form@3.0.0
+  - @object-ui/plugin-grid@3.0.0
+
 ## 2.0.0
 
 ### Major Changes

package/dist/index.js

@@ -522,7 +522,7 @@ const Qt = ({
             $top: 100
           });
           let Y = [];
-          Array.isArray(k) ? Y = k : k && typeof k == "object" && (Array.isArray(k.data) ? Y = k.data : Array.isArray(k.value) && (Y = k.value)), n && X(Y);
+          Array.isArray(k) ? Y = k : k && typeof k == "object" && (Array.isArray(k.data) ? Y = k.data : Array.isArray(k.records) && (Y = k.records)), n && X(Y);
         } catch (a) {
           console.error("ObjectView data fetch error:", a);
         } finally {

package/dist/index.umd.cjs

@@ -3,4 +3,4 @@
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,j,_,W,_),h[_+j]=!0)}if(_=null,v!==void 0&&(c(v),_=""+v),F(p)&&(c(p.key),_=""+p.key),"key"in p){v={};for(var ae in p)ae!=="key"&&(v[ae]=p[ae])}else v=p;return _&&y(v,typeof r=="function"?r.displayName||r.name||"Unknown":r),N(r,_,v,w(),ee,te)}function s(r){S(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===de&&(r._payload.status==="fulfilled"?S(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function S(r){return typeof r=="object"&&r!==null&&r.$$typeof===V}var m=b,V=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),x=Symbol.for("react.consumer"),L=Symbol.for("react.context"),Z=Symbol.for("react.forward_ref"),ye=Symbol.for("react.suspense"),ue=Symbol.for("react.suspense_list"),M=Symbol.for("react.memo"),de=Symbol.for("react.lazy"),q=Symbol.for("react.activity"),De=Symbol.for("react.client.reference"),z=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Q=Object.prototype.hasOwnProperty,G=Array.isArray,ne=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(r){return r()}};var T,R={},ie=m.react_stack_bottom_frame.bind(m,g)(),ce=ne(u(g)),h={};le.Fragment=k,le.jsx=function(r,p,v){var j=1e4>z.recentlyCreatedOwnerStacks++;return C(r,p,v,!1,j?Error("react-stack-top-frame"):ie,j?ne(u(r)):ce)},le.jsxs=function(r,p,v){var j=1e4>z.recentlyCreatedOwnerStacks++;return C(r,p,v,!0,j?Error("react-stack-top-frame"):ie,j?ne(u(r)):ce)}})()),le}var Ce;function qe(){return Ce||(Ce=1,process.env.NODE_ENV==="production"?se.exports=Be():se.exports=Ue()),se.exports}var t=qe();function Se(e){var n,c,u="";if(typeof e=="string"||typeof e=="number")u+=e;else if(typeof e=="object")if(Array.isArray(e)){var w=e.length;for(n=0;n<w;n++)e[n]&&(c=Se(e[n]))&&(u&&(u+=" "),u+=c)}else for(c in e)e[c]&&(u&&(u+=" "),u+=c);return u}function Ye(){for(var e,n,c=0,u="",w=arguments.length;c<w;c++)(e=arguments[c])&&(n=Se(e))&&(u&&(u+=" "),u+=n);return u}const Ne=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Ve=Ye,X=(e,n)=>c=>{var u;if(n?.variants==null)return Ve(e,c?.class,c?.className);const{variants:w,defaultVariants:g}=n,F=Object.keys(w).map(N=>{const C=c?.[N],s=g?.[N];if(C===null)return null;const S=Ne(C)||Ne(s);return w[N][S]}),y=c&&Object.entries(c).reduce((N,C)=>{let[s,S]=C;return S===void 0||(N[s]=S),N},{}),E=n==null||(u=n.compoundVariants)===null||u===void 0?void 0:u.reduce((N,C)=>{let{class:s,className:S,...m}=C;return Object.entries(m).every(V=>{let[o,k]=V;return Array.isArray(k)?k.includes({...g,...y}[o]):{...g,...y}[o]===k})?[...N,s,S]:N},[]);return Ve(e,F,E,c?.class,c?.className)},We={list:"List",detail:"Detail",grid:"Grid",kanban:"Kanban",calendar:"Calendar",timeline:"Timeline",map:"Map"},Ge={list:$.List,detail:$.FileText,grid:$.Grid,kanban:$.LayoutGrid,calendar:$.Calendar,timeline:$.Activity,map:$.Map},He=X("flex gap-4",{variants:{position:{top:"flex-col",bottom:"flex-col-reverse",left:"flex-row",right:"flex-row-reverse"}},defaultVariants:{position:"top"}}),Ke=X("w-full",{variants:{orientation:{horizontal:"w-full",vertical:"w-48"}},defaultVariants:{orientation:"horizontal"}}),Je=X("flex gap-2",{variants:{orientation:{horizontal:"flex-row flex-wrap",vertical:"flex-col"}},defaultVariants:{orientation:"horizontal"}}),Xe=X("",{variants:{orientation:{horizontal:"",vertical:"flex h-auto flex-col items-stretch"}},defaultVariants:{orientation:"horizontal"}});function Ze(e){return e.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("")}const Qe={Home:"House"};function et(e){if(!e)return null;const n=Ze(e),c=Qe[n]||n;return $.icons[c]||null}function fe(e){return e.label?e.label:We[e.type]||e.type}function Fe(e){return e.icon?et(e.icon):Ge[e.type]||null}function tt(e){return e.activeView?e.activeView:e.defaultView?e.defaultView:e.views?.[0]?.type}const pe=({schema:e,className:n,onViewChange:c,...u})=>{const w=O.useMemo(()=>e.storageKey?e.storageKey:`view-switcher${e.id?`-${e.id}`:""}`,[e.id,e.storageKey]),[g,F]=O.useState(()=>tt(e));O.useEffect(()=>{if(e.activeView){F(e.activeView);return}if(e.persistPreference)try{const d=localStorage.getItem(w);if(d){const x=e.views.find(L=>L.type===d)?.type;x&&F(x)}}catch{}},[e.activeView,e.persistPreference,e.views,w]),O.useEffect(()=>{if(!(!e.persistPreference||!g||e.activeView))try{localStorage.setItem(w,g)}catch{}},[g,e.activeView,e.persistPreference,w]);const y=O.useCallback(d=>{c?.(d),e.onViewChange&&typeof window<"u"&&window.dispatchEvent(new CustomEvent(e.onViewChange,{detail:{view:d}}))},[c,e.onViewChange]),E=O.useCallback(d=>{F(d),y(d)},[y]),N=g||e.views?.[0]?.type,C=N||"",s=e.views.find(d=>d.type===N)||e.views?.[0],S=e.variant||"tabs",m=e.position||"top",V=m==="left"||m==="right",o=V?"vertical":"horizontal",k=t.jsxs("div",{className:l.cn(Ke({orientation:o})),children:[S==="dropdown"&&t.jsxs(l.Select,{value:C,onValueChange:d=>E(d),children:[t.jsx(l.SelectTrigger,{className:l.cn("w-full",V?"h-10":"h-9"),children:t.jsx(l.SelectValue,{placeholder:"Select view"})}),t.jsx(l.SelectContent,{children:e.views.map((d,x)=>t.jsx(l.SelectItem,{value:d.type,children:fe(d)},`${d.type}-${x}`))})]}),S==="buttons"&&t.jsx("div",{className:l.cn(Je({orientation:o})),children:e.views.map((d,x)=>{const L=d.type===N,Z=Fe(d);return t.jsxs(l.Button,{type:"button",size:"sm",variant:L?"secondary":"ghost",className:l.cn("justify-start gap-2",V?"w-full":""),onClick:()=>E(d.type),children:[Z?t.jsx(Z,{className:"h-4 w-4"}):null,t.jsx("span",{children:fe(d)})]},`${d.type}-${x}`)})}),S==="tabs"&&t.jsx(l.Tabs,{value:C,onValueChange:d=>E(d),children:t.jsx(l.TabsList,{className:l.cn(Xe({orientation:o})),children:e.views.map((d,x)=>{const L=Fe(d);return t.jsxs(l.TabsTrigger,{value:d.type,className:l.cn("gap-2",V?"justify-start":""),children:[L?t.jsx(L,{className:"h-4 w-4"}):null,t.jsx("span",{children:fe(d)})]},`${d.type}-${x}`)})})})]}),A=s?.schema?Array.isArray(s.schema)?t.jsx("div",{className:"space-y-4",children:s.schema.map((d,x)=>t.jsx(je.SchemaRenderer,{schema:d,...u},`${s.type}-${x}`))}):t.jsx(je.SchemaRenderer,{schema:s.schema,...u}):null;return t.jsxs("div",{className:l.cn(He({position:m}),n),children:[t.jsx("div",{className:l.cn("shrink-0",V?"flex flex-col":"flex"),children:k}),t.jsx("div",{className:"flex-1 min-w-0",children:A})]})};let oe=null;try{oe=require("@object-ui/react").SchemaRenderer||null}catch{}const Te=({schema:e,dataSource:n,className:c,views:u,activeViewId:w,onViewChange:g,onRowClick:F,onEdit:y,renderListView:E,toolbarAddon:N})=>{const[C,s]=b.useState(null),[S,m]=b.useState(!1),[V,o]=b.useState("create"),[k,A]=b.useState(null),[d,x]=b.useState(0),[L,Z]=b.useState([]),[ye,ue]=b.useState(!1),[M,de]=b.useState({}),[q,De]=b.useState([]),z=e.listViews,Q=z!=null&&Object.keys(z).length>0,[G,ne]=b.useState(()=>e.defaultListView&&z?.[e.defaultListView]?e.defaultListView:z&&Object.keys(z)[0]||""),T=b.useMemo(()=>!Q||!G?null:z[G]||null,[Q,G,z]),R=b.useMemo(()=>u&&u.length>0?u:null,[u]),ie=R!=null&&R.length>0,ce=w||R?.[0]?.id,h=R?.find(i=>i.id===ce)||R?.[0],r=b.useMemo(()=>T?.type?T.type:h?.type?h.type:e.defaultViewType||"grid",[T,h,e.defaultViewType]),p=e.navigation;b.useEffect(()=>{let i=!0;const f=async()=>{try{const a=await n.getObjectSchema(e.objectName);i&&s(a)}catch(a){console.error("Failed to fetch object schema:",a)}};return e.objectName&&n&&f(),()=>{i=!1}},[e.objectName,n]),b.useEffect(()=>{let i=!0;return(async()=>{if(!(r==="grid"&&!E)&&!(!n||!e.objectName)){ue(!0);try{const a=T?.filter||h?.filter||e.table?.defaultFilters||[],U=Object.entries(M).filter(([,B])=>B!==void 0&&B!==""&&B!==null).map(([B,K])=>[B,"=",K]);let I=[];a.length>0&&U.length>0?I=["and",...a,...U]:U.length===1?I=U[0]:U.length>1?I=["and",...U]:I=a;const H=q.length>0?q.map(B=>({field:B.field,order:B.direction})):T?.sort||h?.sort||e.table?.defaultSort||void 0,D=await n.find(e.objectName,{$filter:I.length>0?I:void 0,$orderby:H,$top:100});let Y=[];Array.isArray(D)?Y=D:D&&typeof D=="object"&&(Array.isArray(D.data)?Y=D.data:Array.isArray(D.value)&&(Y=D.value)),i&&Z(Y)}catch(a){console.error("ObjectView data fetch error:",a)}finally{i&&ue(!1)}}})(),()=>{i=!1}},[e.objectName,n,r,M,q,d,T,h,E]);const v=e.layout||"drawer",j=e.operations||e.table?.operations||{create:!0,read:!0,update:!0,delete:!0},ee=b.useCallback(()=>{v==="page"&&e.onNavigate?e.onNavigate("new","edit"):(o("create"),A(null),m(!0))},[v,e]),te=b.useCallback(i=>{if(y){y(i);return}if(v==="page"&&e.onNavigate){const f=i._id||i.id;e.onNavigate(f,"edit")}else o("edit"),A(i),m(!0)},[v,e,y]),_=b.useCallback(i=>{if(v==="page"&&e.onNavigate){const f=i._id||i.id;e.onNavigate(f,"view")}else o("view"),A(i),m(!0)},[v,e]),W=b.useCallback(i=>{if(F){F(i);return}if(p){if(p.mode==="none"||p.preventNavigation)return;if(p.mode==="new_window"||p.openNewTab){const f=i._id||i.id,a=`/${e.objectName}/${f}`;window.open(a,"_blank");return}if(p.mode==="drawer"){o("view"),A(i),m(!0);return}if(p.mode==="modal"){o("view"),A(i),m(!0);return}if(p.mode==="page"){const f=i._id||i.id;e.onNavigate&&e.onNavigate(f,"view");return}}j.read!==!1&&_(i)},[F,p,j.read,_,e]),ae=b.useCallback(i=>{x(f=>f+1)},[]),ve=b.useCallback(i=>{x(f=>f+1)},[]),at=b.useCallback(()=>{m(!1),A(null),x(i=>i+1)},[]),st=b.useCallback(()=>{m(!1),A(null)},[]);b.useCallback(()=>{x(i=>i+1)},[]);const Pe=b.useMemo(()=>!ie||!R||R.length<=1?null:{type:"view-switcher",variant:"tabs",position:"top",persistPreference:!0,storageKey:`view-pref-${e.objectName}`,defaultView:h?.type||"grid",activeView:h?.type||"grid",views:R.map(i=>{const f={kanban:"kanban",calendar:"calendar",map:"map",gallery:"layout-grid",timeline:"activity",gantt:"gantt-chart",grid:"table",list:"list",detail:"file-text"};return{type:i.type,label:i.label,icon:f[i.type]||"table"}})},[ie,R,h,e.objectName]),ot=b.useCallback(i=>{if(!R)return;const f=R.find(a=>a.type===i);f&&g&&g(f.id)},[R,g]),ut=b.useCallback(i=>{ne(i)},[]);b.useMemo(()=>{if(e.showFilters===!1)return null;const i=e.filterableFields,f=C?.fields||{},U=(i?i.map(I=>[I,f[I]||{label:I}]):Object.entries(f).filter(([,I])=>!I.hidden).slice(0,8)).map(([I,H])=>{const D=H.type||"text";let Y="text",B;return D==="number"||D==="currency"||D==="percent"?Y="number":D==="boolean"||D==="toggle"?Y="boolean":D==="date"||D==="datetime"?Y="date":(D==="select"||H.options)&&(Y="select",B=(H.options||[]).map(K=>typeof K=="string"?{label:K,value:K}:{label:K.label,value:K.value})),{field:I,label:H.label||I,type:Y,placeholder:`Filter ${H.label||I}...`,...B?{options:B}:{}}});return U.length===0?null:{type:"filter-ui",layout:"popover",showClear:!0,showApply:!0,filters:U,values:M}},[e.showFilters,e.filterableFields,C,M]),b.useMemo(()=>{const i=C?.fields||{},f=Object.entries(i).filter(([,a])=>!a.hidden).slice(0,10).map(([a,U])=>({field:a,label:U.label||a}));return f.length===0?null:{type:"sort-ui",variant:"dropdown",multiple:!1,fields:f,sort:q}},[C,q]);const dt=b.useCallback(i=>{const f={objectName:e.objectName,fields:T?.columns||h?.columns||e.table?.fields,className:"h-full w-full",showSearch:!1},a=T?.options||h||{};switch(i){case"kanban":return{type:"object-kanban",...f,groupBy:a.kanban?.groupField||a.groupBy||a.groupField||"status",groupField:a.kanban?.groupField||a.groupField||"status",titleField:a.kanban?.titleField||a.titleField||"name",cardFields:f.fields||[],...a.kanban||{}};case"calendar":return{type:"object-calendar",...f,startDateField:a.calendar?.startDateField||a.startDateField||"start_date",endDateField:a.calendar?.endDateField||a.endDateField||"end_date",titleField:a.calendar?.titleField||a.titleField||"name",...a.calendar||{}};case"gallery":return{type:"object-gallery",...f,imageField:a.gallery?.imageField||a.imageField,titleField:a.gallery?.titleField||a.titleField||"name",subtitleField:a.gallery?.subtitleField||a.subtitleField,...a.gallery||{}};case"timeline":return{type:"object-timeline",...f,dateField:a.timeline?.dateField||a.dateField||"created_at",titleField:a.timeline?.titleField||a.titleField||"name",...a.timeline||{}};case"gantt":return{type:"object-gantt",...f,startDateField:a.gantt?.startDateField||a.startDateField||"start_date",endDateField:a.gantt?.endDateField||a.endDateField||"end_date",progressField:a.gantt?.progressField||a.progressField||"progress",dependenciesField:a.gantt?.dependenciesField||a.dependenciesField||"dependencies",...a.gantt||{}};case"map":return{type:"object-map",...f,locationField:a.map?.locationField||a.locationField||"location",...a.map||{}};default:return null}},[e.objectName,e.table?.fields,T,h]),ct=b.useMemo(()=>({type:"object-grid",objectName:e.objectName,title:e.table?.title,description:e.table?.description,fields:T?.columns||h?.columns||e.table?.fields,columns:T?.columns||h?.columns||e.table?.columns,operations:{...j,create:!1},defaultFilters:T?.filter||h?.filter||e.table?.defaultFilters,defaultSort:T?.sort||h?.sort||e.table?.defaultSort,pageSize:e.table?.pageSize,selectable:e.table?.selectable,className:e.table?.className}),[e,j,T,h]),Ie=()=>{const i=k?k._id||k.id:void 0;return{type:"object-form",objectName:e.objectName,mode:V,recordId:i,title:e.form?.title,description:e.form?.description,fields:e.form?.fields,customFields:e.form?.customFields,groups:e.form?.groups,layout:e.form?.layout,columns:e.form?.columns,showSubmit:e.form?.showSubmit,submitText:e.form?.submitText,showCancel:e.form?.showCancel,cancelText:e.form?.cancelText,showReset:e.form?.showReset,initialValues:e.form?.initialValues,readOnly:e.form?.readOnly||V==="view",className:e.form?.className,onSuccess:at,onCancel:st}},Re=()=>{if(e.form?.title)return e.form.title;const i=C?.label||e.objectName;switch(V){case"create":return`Create ${i}`;case"edit":return`Edit ${i}`;case"view":return`View ${i}`;default:return i}},$e=b.useMemo(()=>{const i=p?.width;return i?typeof i=="number"?`max-w-[${i}px]`:`max-w-[${i}]`:""},[p]),ft=()=>t.jsx(l.Drawer,{open:S,onOpenChange:m,direction:"right",children:t.jsxs(l.DrawerContent,{className:l.cn("w-full sm:max-w-2xl",$e),children:[t.jsxs(l.DrawerHeader,{children:[t.jsx(l.DrawerTitle,{children:Re()}),e.form?.description&&t.jsx(l.DrawerDescription,{children:e.form.description})]}),t.jsx("div",{className:"flex-1 overflow-y-auto px-4 pb-4",children:t.jsx(me.ObjectForm,{schema:Ie(),dataSource:n})})]})}),pt=()=>t.jsx(l.Dialog,{open:S,onOpenChange:m,children:t.jsxs(l.DialogContent,{className:l.cn("max-w-2xl max-h-[90vh] overflow-y-auto",$e),children:[t.jsxs(l.DialogHeader,{children:[t.jsx(l.DialogTitle,{children:Re()}),e.form?.description&&t.jsx(l.DialogDescription,{children:e.form.description})]}),t.jsx(me.ObjectForm,{schema:Ie(),dataSource:n})]})}),bt=b.useMemo(()=>Object.keys(M).some(f=>M[f]!==void 0&&M[f]!==""&&M[f]!==null)?Object.entries(M).filter(([,f])=>f!==void 0&&f!==""&&f!==null).map(([f,a])=>({field:f,operator:"equals",value:a})):T?.filter||h?.filter||e.table?.defaultFilters,[M,T,h,e.table?.defaultFilters]),wt=b.useMemo(()=>q.length>0?q:T?.sort||h?.sort||e.table?.defaultSort,[q,T,h,e.table?.defaultSort]),gt=()=>{const i=`${e.objectName}-${G||h?.id||"default"}-${r}-${d}`;if(E)return E({schema:{type:"list-view",objectName:e.objectName,viewType:r,fields:T?.columns||h?.columns||e.table?.fields,filters:bt,sort:wt,options:T?.options||h},dataSource:n,onEdit:te,onRowClick:W,className:"h-full"});if(r!=="grid"){const f=dt(r);if(f&&oe)return t.jsx(oe,{schema:f,dataSource:n,data:L,loading:ye},i);if(!oe)return t.jsx("div",{className:"flex items-center justify-center h-40 text-muted-foreground",children:t.jsxs("p",{children:["SchemaRenderer not available. Install @object-ui/react to render ",r," views."]})})}return t.jsx(Me.ObjectGrid,{schema:ct,dataSource:n,onRowClick:W,onEdit:j.update!==!1?te:void 0,onDelete:j.delete!==!1?ae:void 0,onBulkDelete:j.delete!==!1?ve:void 0},i)},yt=()=>{if(!Q)return null;const i=Object.entries(z);return i.length<=1?null:t.jsx(l.Tabs,{value:G,onValueChange:ut,className:"w-full",children:t.jsx(l.TabsList,{className:"w-auto",children:i.map(([f,a])=>t.jsx(l.TabsTrigger,{value:f,className:"text-sm",children:a.label||f},f))})})},vt=()=>{const i=e.showCreate!==!1&&j.create!==!1,f=e.showViewSwitcher===!0,a=yt();return!a&&!f&&!i&&!N?null:t.jsxs("div",{className:"flex flex-col gap-3",children:[a,(f||i||N)&&t.jsxs("div",{className:"flex items-center justify-between gap-4",children:[t.jsx("div",{className:"flex items-center gap-2",children:f&&Pe&&t.jsx(pe,{schema:Pe,onViewChange:ot,className:"overflow-x-auto"})}),t.jsxs("div",{className:"flex items-center gap-2",children:[N,i&&t.jsxs(l.Button,{size:"sm",onClick:ee,children:[t.jsx($.Plus,{className:"h-4 w-4"}),"Create"]})]})]})]})},Le=p?.mode==="modal"?"modal":p?.mode==="drawer"?"drawer":v;return t.jsxs("div",{className:l.cn("flex flex-col h-full",c),children:[(e.title||e.description)&&t.jsxs("div",{className:"mb-4 shrink-0",children:[e.title&&t.jsx("h2",{className:"text-2xl font-bold tracking-tight",children:e.title}),e.description&&t.jsx("p",{className:"text-muted-foreground mt-1",children:e.description})]}),t.jsx("div",{className:"mb-4 shrink-0",children:vt()}),t.jsx("div",{className:"flex-1 min-h-0",children:gt()}),Le==="drawer"&&ft(),Le==="modal"&&pt()]})},be=X("flex",{variants:{layout:{inline:"flex-col space-y-4",popover:"items-center",drawer:"items-center"}},defaultVariants:{layout:"inline"}}),rt=e=>e==null||e===""?!0:Array.isArray(e)?e.length===0:typeof e=="object"?Object.values(e).every(n=>n==null||n===""):!1,lt=e=>Array.isArray(e)?{start:e[0]||"",end:e[1]||""}:e&&typeof e=="object"?{start:e.start||"",end:e.end||""}:{start:"",end:""},Ee=({schema:e,className:n,onChange:c})=>{const[u,w]=O.useState(e.values||{}),[g,F]=O.useState(!1);O.useEffect(()=>{e.values&&w(e.values)},[e.values]);const y=O.useCallback(o=>{c?.(o),e.onChange&&typeof window<"u"&&window.dispatchEvent(new CustomEvent(e.onChange,{detail:{values:o}}))},[c,e.onChange]),E=O.useCallback((o,k)=>{const A={...u,[o]:k};w(A),e.showApply||y(A)},[y,e.showApply,u]),N=O.useCallback(()=>{const o={};if(w(o),e.showApply){y(o);return}y(o)},[y,e.showApply]),C=O.useCallback(()=>{y(u),F(!1)},[y,u]),s=O.useMemo(()=>Object.values(u).filter(o=>!rt(o)).length,[u]),S=o=>{const k=o.label||o.field,A=o.placeholder||`Filter by ${k}`;switch(o.type){case"number":return t.jsx(l.Input,{type:"number",value:u[o.field]??"",placeholder:A,onChange:d=>{const x=d.target.value,L=x===""?"":Number(x);E(o.field,L)}});case"select":return t.jsxs(l.Select,{value:u[o.field]!==void 0?String(u[o.field]):"",onValueChange:d=>{const x=o.options?.find(L=>String(L.value)===d);E(o.field,x?x.value:d)},children:[t.jsx(l.SelectTrigger,{children:t.jsx(l.SelectValue,{placeholder:A})}),t.jsx(l.SelectContent,{children:o.options?.map(d=>t.jsx(l.SelectItem,{value:String(d.value),children:d.label},String(d.value)))})]});case"date":return t.jsx(l.Input,{type:"date",value:u[o.field]??"",onChange:d=>E(o.field,d.target.value)});case"date-range":{const d=lt(u[o.field]);return t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(l.Input,{type:"date",value:d.start??"",onChange:x=>{E(o.field,{...d,start:x.target.value})}}),t.jsx(l.Input,{type:"date",value:d.end??"",onChange:x=>{E(o.field,{...d,end:x.target.value})}})]})}case"boolean":return t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(l.Checkbox,{checked:!!u[o.field],onCheckedChange:d=>E(o.field,!!d)}),t.jsx("span",{className:"text-sm text-muted-foreground",children:"Enabled"})]});default:return t.jsx(l.Input,{value:u[o.field]??"",placeholder:A,onChange:d=>E(o.field,d.target.value)})}},m=t.jsxs("div",{className:"space-y-4",children:[t.jsx("div",{className:"grid gap-4 sm:grid-cols-2",children:e.filters.map(o=>t.jsxs("div",{className:"space-y-2",children:[t.jsx(l.Label,{className:"text-xs text-muted-foreground",children:o.label||o.field}),S(o)]},o.field))}),(e.showApply||e.showClear)&&t.jsxs("div",{className:"flex items-center justify-end gap-2 border-t pt-3",children:[e.showClear&&t.jsx(l.Button,{type:"button",variant:"ghost",size:"sm",onClick:N,children:"Clear"}),e.showApply&&t.jsx(l.Button,{type:"button",size:"sm",onClick:C,children:"Apply"})]})]}),V=e.layout||"inline";return V==="popover"?t.jsx("div",{className:l.cn(be({layout:V}),n),children:t.jsxs(l.Popover,{open:g,onOpenChange:F,children:[t.jsx(l.PopoverTrigger,{asChild:!0,children:t.jsxs(l.Button,{type:"button",variant:s>0?"secondary":"outline",size:"sm",className:"gap-2",children:[t.jsx($.SlidersHorizontal,{className:"h-4 w-4"}),"Filters",s>0&&t.jsx("span",{className:"inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",children:s})]})}),t.jsx(l.PopoverContent,{align:"start",className:"w-[520px] p-4",children:m})]})}):V==="drawer"?t.jsxs("div",{className:l.cn(be({layout:V}),n),children:[t.jsxs(l.Button,{type:"button",variant:s>0?"secondary":"outline",size:"sm",className:"gap-2",onClick:()=>F(!0),children:[t.jsx($.SlidersHorizontal,{className:"h-4 w-4"}),"Filters",s>0&&t.jsx("span",{className:"inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",children:s})]}),t.jsx(l.Drawer,{open:g,onOpenChange:F,children:t.jsxs(l.DrawerContent,{children:[t.jsxs(l.DrawerHeader,{children:[t.jsx(l.DrawerTitle,{children:"Filters"}),t.jsx(l.DrawerDescription,{children:"Refine the data with advanced filters."})]}),t.jsx("div",{className:"px-4 pb-6",children:m})]})})]}):t.jsxs("div",{className:l.cn(be({layout:V}),n),children:[m,!e.showApply&&e.showClear&&t.jsxs(l.Button,{type:"button",variant:"ghost",size:"sm",className:"gap-2",onClick:N,children:[t.jsx($.X,{className:"h-3.5 w-3.5"}),"Clear filters"]})]})},we=X("",{variants:{variant:{buttons:"flex flex-wrap gap-2",dropdown:"flex flex-wrap items-center gap-3",builder:"space-y-3"}},defaultVariants:{variant:"dropdown"}}),ge=e=>e?e.map(n=>({field:n.field,direction:n.direction})):[],_e=e=>e.map(n=>({id:`${n.field}-${n.direction}`,field:n.field,order:n.direction})),nt=e=>e.filter(n=>n.field).map(n=>({field:n.field,direction:n.order})),ke=({schema:e,className:n,onChange:c})=>{const[u,w]=O.useState(()=>ge(e.sort)),[g,F]=O.useState(()=>_e(ge(e.sort)));O.useEffect(()=>{const s=ge(e.sort);w(s),F(_e(s))},[e.sort]);const y=O.useCallback(s=>{w(s),c?.(s),e.onChange&&typeof window<"u"&&window.dispatchEvent(new CustomEvent(e.onChange,{detail:{sort:s}}))},[c,e.onChange]),E=O.useCallback(s=>{const S=u.find(o=>o.field===s),m=!!e.multiple;if(!S){const o=m?[...u,{field:s,direction:"asc"}]:[{field:s,direction:"asc"}];y(o);return}if(S.direction==="asc"){const o=u.map(k=>k.field===s?{...k,direction:"desc"}:k);y(o);return}const V=u.filter(o=>o.field!==s);y(V)},[y,e.multiple,u]);if((e.variant||"dropdown")==="buttons")return t.jsx("div",{className:l.cn(we({variant:"buttons"}),n),children:e.fields.map(s=>{const S=u.find(V=>V.field===s.field),m=S?.direction==="asc"?$.ArrowUp:$.ArrowDown;return t.jsxs(l.Button,{type:"button",variant:S?"secondary":"outline",size:"sm",onClick:()=>E(s.field),className:"gap-2",children:[t.jsx("span",{children:s.label||s.field}),S&&t.jsx(m,{className:"h-3.5 w-3.5"})]},s.field)})});if(e.multiple)return t.jsx("div",{className:l.cn(we({variant:"builder"}),n),children:t.jsx(l.SortBuilder,{fields:e.fields.map(s=>({value:s.field,label:s.label||s.field})),value:g,onChange:s=>{F(s),y(nt(s))}})});const C=u[0];return t.jsxs("div",{className:l.cn(we({variant:"dropdown"}),n),children:[t.jsxs(l.Select,{value:C?.field||"",onValueChange:s=>{if(!s){y([]);return}y([{field:s,direction:C?.direction||"asc"}])},children:[t.jsx(l.SelectTrigger,{className:"w-56",children:t.jsx(l.SelectValue,{placeholder:"Select field"})}),t.jsx(l.SelectContent,{children:e.fields.map(s=>t.jsx(l.SelectItem,{value:s.field,children:s.label||s.field},s.field))})]}),t.jsxs(l.Select,{value:C?.direction||"asc",onValueChange:s=>{C?.field&&y([{field:C.field,direction:s}])},children:[t.jsx(l.SelectTrigger,{className:"w-36",children:t.jsx(l.SelectValue,{})}),t.jsxs(l.SelectContent,{children:[t.jsx(l.SelectItem,{value:"asc",children:"Ascending"}),t.jsx(l.SelectItem,{value:"desc",children:"Descending"})]})]})]})};let Oe=b.createContext(null);try{const e=require("@object-ui/react");e.SchemaRendererContext&&(Oe=e.SchemaRendererContext)}catch{}const Ae=({schema:e})=>{const c=b.useContext(Oe)?.dataSource??null;return t.jsx(Te,{schema:e,dataSource:c})};J.ComponentRegistry.register("object-view",Ae,{namespace:"plugin-view",label:"Object View",category:"view",icon:"LayoutDashboard",inputs:[{name:"objectName",type:"string",label:"Object Name",required:!0},{name:"title",type:"string",label:"Title"},{name:"description",type:"string",label:"Description"},{name:"layout",type:"enum",label:"Form Layout",enum:["drawer","modal","page"]},{name:"defaultViewType",type:"enum",label:"Default View Type",enum:["grid","kanban","gallery","calendar","timeline","gantt","map"]},{name:"defaultListView",type:"string",label:"Default Named View"},{name:"showSearch",type:"boolean",label:"Show Search"},{name:"showFilters",type:"boolean",label:"Show Filters"},{name:"showCreate",type:"boolean",label:"Show Create Button"},{name:"showRefresh",type:"boolean",label:"Show Refresh Button"},{name:"showViewSwitcher",type:"boolean",label:"Show View Switcher"},{name:"listViews",type:"object",label:"Named List Views"},{name:"navigation",type:"object",label:"Navigation Config"},{name:"searchableFields",type:"array",label:"Searchable Fields"},{name:"filterableFields",type:"array",label:"Filterable Fields"}],defaultProps:{layout:"drawer",defaultViewType:"grid",showSearch:!0,showFilters:!0,showCreate:!0,showRefresh:!0,showViewSwitcher:!0}}),J.ComponentRegistry.register("view",Ae,{namespace:"plugin-view",label:"View",category:"view"}),J.ComponentRegistry.register("view-switcher",pe,{namespace:"view",label:"View Switcher",category:"view",icon:"LayoutGrid",inputs:[{name:"views",type:"array",label:"Views",required:!0},{name:"defaultView",type:"string",label:"Default View"},{name:"activeView",type:"string",label:"Active View"},{name:"variant",type:"enum",label:"Variant",enum:["tabs","buttons","dropdown"]},{name:"position",type:"enum",label:"Position",enum:["top","bottom","left","right"]},{name:"persistPreference",type:"boolean",label:"Persist Preference"},{name:"storageKey",type:"string",label:"Storage Key"},{name:"onViewChange",type:"string",label:"On View Change Event"}],defaultProps:{variant:"tabs",position:"top",defaultView:"grid",views:[{type:"grid",label:"Grid",schema:{type:"text",content:"Grid view"}},{type:"list",label:"List",schema:{type:"text",content:"List view"}}]}}),J.ComponentRegistry.register("filter-ui",Ee,{namespace:"view",label:"Filter UI",category:"view",icon:"SlidersHorizontal",inputs:[{name:"filters",type:"array",label:"Filters",required:!0},{name:"values",type:"object",label:"Values"},{name:"onChange",type:"string",label:"On Change Event"},{name:"showClear",type:"boolean",label:"Show Clear Button"},{name:"showApply",type:"boolean",label:"Show Apply Button"},{name:"layout",type:"enum",label:"Layout",enum:["inline","popover","drawer"]}],defaultProps:{layout:"inline",showApply:!1,showClear:!0,filters:[{field:"name",label:"Name",type:"text",placeholder:"Search name"},{field:"status",label:"Status",type:"select",options:[{label:"Open",value:"open"},{label:"Closed",value:"closed"}]},{field:"created_at",label:"Created",type:"date"}]}}),J.ComponentRegistry.register("sort-ui",ke,{namespace:"view",label:"Sort UI",category:"view",icon:"ArrowUpDown",inputs:[{name:"fields",type:"array",label:"Fields",required:!0},{name:"sort",type:"array",label:"Sort"},{name:"onChange",type:"string",label:"On Change Event"},{name:"multiple",type:"boolean",label:"Allow Multiple"},{name:"variant",type:"enum",label:"Variant",enum:["dropdown","buttons"]}],defaultProps:{variant:"dropdown",multiple:!0,fields:[{field:"name",label:"Name"},{field:"created_at",label:"Created At"}],sort:[{field:"name",direction:"asc"}]}});const it=({schema:e,className:n,children:c,dataSource:u,...w})=>{const g=e.props?.columns?{display:"grid",gridTemplateColumns:`repeat(${e.props.columns}, 1fr)`,gap:"1rem"}:void 0;return t.jsx("div",{className:n,style:g,...w,children:c})};J.ComponentRegistry.register("view:simple",it,{namespace:"plugin-view",label:"Simple View",category:"view"}),P.FilterUI=Ee,P.ObjectView=Te,P.SortUI=ke,P.ViewSwitcher=pe,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,j,_,W,_),h[_+j]=!0)}if(_=null,v!==void 0&&(c(v),_=""+v),F(p)&&(c(p.key),_=""+p.key),"key"in p){v={};for(var ae in p)ae!=="key"&&(v[ae]=p[ae])}else v=p;return _&&y(v,typeof r=="function"?r.displayName||r.name||"Unknown":r),N(r,_,v,w(),ee,te)}function s(r){S(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===de&&(r._payload.status==="fulfilled"?S(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function S(r){return typeof r=="object"&&r!==null&&r.$$typeof===V}var m=b,V=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),x=Symbol.for("react.consumer"),L=Symbol.for("react.context"),Z=Symbol.for("react.forward_ref"),ye=Symbol.for("react.suspense"),ue=Symbol.for("react.suspense_list"),M=Symbol.for("react.memo"),de=Symbol.for("react.lazy"),q=Symbol.for("react.activity"),De=Symbol.for("react.client.reference"),z=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Q=Object.prototype.hasOwnProperty,G=Array.isArray,ne=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(r){return r()}};var T,R={},ie=m.react_stack_bottom_frame.bind(m,g)(),ce=ne(u(g)),h={};le.Fragment=k,le.jsx=function(r,p,v){var j=1e4>z.recentlyCreatedOwnerStacks++;return C(r,p,v,!1,j?Error("react-stack-top-frame"):ie,j?ne(u(r)):ce)},le.jsxs=function(r,p,v){var j=1e4>z.recentlyCreatedOwnerStacks++;return C(r,p,v,!0,j?Error("react-stack-top-frame"):ie,j?ne(u(r)):ce)}})()),le}var Ce;function qe(){return Ce||(Ce=1,process.env.NODE_ENV==="production"?se.exports=Be():se.exports=Ue()),se.exports}var t=qe();function Se(e){var n,c,u="";if(typeof e=="string"||typeof e=="number")u+=e;else if(typeof e=="object")if(Array.isArray(e)){var w=e.length;for(n=0;n<w;n++)e[n]&&(c=Se(e[n]))&&(u&&(u+=" "),u+=c)}else for(c in e)e[c]&&(u&&(u+=" "),u+=c);return u}function Ye(){for(var e,n,c=0,u="",w=arguments.length;c<w;c++)(e=arguments[c])&&(n=Se(e))&&(u&&(u+=" "),u+=n);return u}const Ne=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Ve=Ye,X=(e,n)=>c=>{var u;if(n?.variants==null)return Ve(e,c?.class,c?.className);const{variants:w,defaultVariants:g}=n,F=Object.keys(w).map(N=>{const C=c?.[N],s=g?.[N];if(C===null)return null;const S=Ne(C)||Ne(s);return w[N][S]}),y=c&&Object.entries(c).reduce((N,C)=>{let[s,S]=C;return S===void 0||(N[s]=S),N},{}),E=n==null||(u=n.compoundVariants)===null||u===void 0?void 0:u.reduce((N,C)=>{let{class:s,className:S,...m}=C;return Object.entries(m).every(V=>{let[o,k]=V;return Array.isArray(k)?k.includes({...g,...y}[o]):{...g,...y}[o]===k})?[...N,s,S]:N},[]);return Ve(e,F,E,c?.class,c?.className)},We={list:"List",detail:"Detail",grid:"Grid",kanban:"Kanban",calendar:"Calendar",timeline:"Timeline",map:"Map"},Ge={list:$.List,detail:$.FileText,grid:$.Grid,kanban:$.LayoutGrid,calendar:$.Calendar,timeline:$.Activity,map:$.Map},He=X("flex gap-4",{variants:{position:{top:"flex-col",bottom:"flex-col-reverse",left:"flex-row",right:"flex-row-reverse"}},defaultVariants:{position:"top"}}),Ke=X("w-full",{variants:{orientation:{horizontal:"w-full",vertical:"w-48"}},defaultVariants:{orientation:"horizontal"}}),Je=X("flex gap-2",{variants:{orientation:{horizontal:"flex-row flex-wrap",vertical:"flex-col"}},defaultVariants:{orientation:"horizontal"}}),Xe=X("",{variants:{orientation:{horizontal:"",vertical:"flex h-auto flex-col items-stretch"}},defaultVariants:{orientation:"horizontal"}});function Ze(e){return e.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("")}const Qe={Home:"House"};function et(e){if(!e)return null;const n=Ze(e),c=Qe[n]||n;return $.icons[c]||null}function fe(e){return e.label?e.label:We[e.type]||e.type}function Fe(e){return e.icon?et(e.icon):Ge[e.type]||null}function tt(e){return e.activeView?e.activeView:e.defaultView?e.defaultView:e.views?.[0]?.type}const pe=({schema:e,className:n,onViewChange:c,...u})=>{const w=O.useMemo(()=>e.storageKey?e.storageKey:`view-switcher${e.id?`-${e.id}`:""}`,[e.id,e.storageKey]),[g,F]=O.useState(()=>tt(e));O.useEffect(()=>{if(e.activeView){F(e.activeView);return}if(e.persistPreference)try{const d=localStorage.getItem(w);if(d){const x=e.views.find(L=>L.type===d)?.type;x&&F(x)}}catch{}},[e.activeView,e.persistPreference,e.views,w]),O.useEffect(()=>{if(!(!e.persistPreference||!g||e.activeView))try{localStorage.setItem(w,g)}catch{}},[g,e.activeView,e.persistPreference,w]);const y=O.useCallback(d=>{c?.(d),e.onViewChange&&typeof window<"u"&&window.dispatchEvent(new CustomEvent(e.onViewChange,{detail:{view:d}}))},[c,e.onViewChange]),E=O.useCallback(d=>{F(d),y(d)},[y]),N=g||e.views?.[0]?.type,C=N||"",s=e.views.find(d=>d.type===N)||e.views?.[0],S=e.variant||"tabs",m=e.position||"top",V=m==="left"||m==="right",o=V?"vertical":"horizontal",k=t.jsxs("div",{className:l.cn(Ke({orientation:o})),children:[S==="dropdown"&&t.jsxs(l.Select,{value:C,onValueChange:d=>E(d),children:[t.jsx(l.SelectTrigger,{className:l.cn("w-full",V?"h-10":"h-9"),children:t.jsx(l.SelectValue,{placeholder:"Select view"})}),t.jsx(l.SelectContent,{children:e.views.map((d,x)=>t.jsx(l.SelectItem,{value:d.type,children:fe(d)},`${d.type}-${x}`))})]}),S==="buttons"&&t.jsx("div",{className:l.cn(Je({orientation:o})),children:e.views.map((d,x)=>{const L=d.type===N,Z=Fe(d);return t.jsxs(l.Button,{type:"button",size:"sm",variant:L?"secondary":"ghost",className:l.cn("justify-start gap-2",V?"w-full":""),onClick:()=>E(d.type),children:[Z?t.jsx(Z,{className:"h-4 w-4"}):null,t.jsx("span",{children:fe(d)})]},`${d.type}-${x}`)})}),S==="tabs"&&t.jsx(l.Tabs,{value:C,onValueChange:d=>E(d),children:t.jsx(l.TabsList,{className:l.cn(Xe({orientation:o})),children:e.views.map((d,x)=>{const L=Fe(d);return t.jsxs(l.TabsTrigger,{value:d.type,className:l.cn("gap-2",V?"justify-start":""),children:[L?t.jsx(L,{className:"h-4 w-4"}):null,t.jsx("span",{children:fe(d)})]},`${d.type}-${x}`)})})})]}),A=s?.schema?Array.isArray(s.schema)?t.jsx("div",{className:"space-y-4",children:s.schema.map((d,x)=>t.jsx(je.SchemaRenderer,{schema:d,...u},`${s.type}-${x}`))}):t.jsx(je.SchemaRenderer,{schema:s.schema,...u}):null;return t.jsxs("div",{className:l.cn(He({position:m}),n),children:[t.jsx("div",{className:l.cn("shrink-0",V?"flex flex-col":"flex"),children:k}),t.jsx("div",{className:"flex-1 min-w-0",children:A})]})};let oe=null;try{oe=require("@object-ui/react").SchemaRenderer||null}catch{}const Te=({schema:e,dataSource:n,className:c,views:u,activeViewId:w,onViewChange:g,onRowClick:F,onEdit:y,renderListView:E,toolbarAddon:N})=>{const[C,s]=b.useState(null),[S,m]=b.useState(!1),[V,o]=b.useState("create"),[k,A]=b.useState(null),[d,x]=b.useState(0),[L,Z]=b.useState([]),[ye,ue]=b.useState(!1),[M,de]=b.useState({}),[q,De]=b.useState([]),z=e.listViews,Q=z!=null&&Object.keys(z).length>0,[G,ne]=b.useState(()=>e.defaultListView&&z?.[e.defaultListView]?e.defaultListView:z&&Object.keys(z)[0]||""),T=b.useMemo(()=>!Q||!G?null:z[G]||null,[Q,G,z]),R=b.useMemo(()=>u&&u.length>0?u:null,[u]),ie=R!=null&&R.length>0,ce=w||R?.[0]?.id,h=R?.find(i=>i.id===ce)||R?.[0],r=b.useMemo(()=>T?.type?T.type:h?.type?h.type:e.defaultViewType||"grid",[T,h,e.defaultViewType]),p=e.navigation;b.useEffect(()=>{let i=!0;const f=async()=>{try{const a=await n.getObjectSchema(e.objectName);i&&s(a)}catch(a){console.error("Failed to fetch object schema:",a)}};return e.objectName&&n&&f(),()=>{i=!1}},[e.objectName,n]),b.useEffect(()=>{let i=!0;return(async()=>{if(!(r==="grid"&&!E)&&!(!n||!e.objectName)){ue(!0);try{const a=T?.filter||h?.filter||e.table?.defaultFilters||[],U=Object.entries(M).filter(([,B])=>B!==void 0&&B!==""&&B!==null).map(([B,K])=>[B,"=",K]);let I=[];a.length>0&&U.length>0?I=["and",...a,...U]:U.length===1?I=U[0]:U.length>1?I=["and",...U]:I=a;const H=q.length>0?q.map(B=>({field:B.field,order:B.direction})):T?.sort||h?.sort||e.table?.defaultSort||void 0,D=await n.find(e.objectName,{$filter:I.length>0?I:void 0,$orderby:H,$top:100});let Y=[];Array.isArray(D)?Y=D:D&&typeof D=="object"&&(Array.isArray(D.data)?Y=D.data:Array.isArray(D.records)&&(Y=D.records)),i&&Z(Y)}catch(a){console.error("ObjectView data fetch error:",a)}finally{i&&ue(!1)}}})(),()=>{i=!1}},[e.objectName,n,r,M,q,d,T,h,E]);const v=e.layout||"drawer",j=e.operations||e.table?.operations||{create:!0,read:!0,update:!0,delete:!0},ee=b.useCallback(()=>{v==="page"&&e.onNavigate?e.onNavigate("new","edit"):(o("create"),A(null),m(!0))},[v,e]),te=b.useCallback(i=>{if(y){y(i);return}if(v==="page"&&e.onNavigate){const f=i._id||i.id;e.onNavigate(f,"edit")}else o("edit"),A(i),m(!0)},[v,e,y]),_=b.useCallback(i=>{if(v==="page"&&e.onNavigate){const f=i._id||i.id;e.onNavigate(f,"view")}else o("view"),A(i),m(!0)},[v,e]),W=b.useCallback(i=>{if(F){F(i);return}if(p){if(p.mode==="none"||p.preventNavigation)return;if(p.mode==="new_window"||p.openNewTab){const f=i._id||i.id,a=`/${e.objectName}/${f}`;window.open(a,"_blank");return}if(p.mode==="drawer"){o("view"),A(i),m(!0);return}if(p.mode==="modal"){o("view"),A(i),m(!0);return}if(p.mode==="page"){const f=i._id||i.id;e.onNavigate&&e.onNavigate(f,"view");return}}j.read!==!1&&_(i)},[F,p,j.read,_,e]),ae=b.useCallback(i=>{x(f=>f+1)},[]),ve=b.useCallback(i=>{x(f=>f+1)},[]),at=b.useCallback(()=>{m(!1),A(null),x(i=>i+1)},[]),st=b.useCallback(()=>{m(!1),A(null)},[]);b.useCallback(()=>{x(i=>i+1)},[]);const Pe=b.useMemo(()=>!ie||!R||R.length<=1?null:{type:"view-switcher",variant:"tabs",position:"top",persistPreference:!0,storageKey:`view-pref-${e.objectName}`,defaultView:h?.type||"grid",activeView:h?.type||"grid",views:R.map(i=>{const f={kanban:"kanban",calendar:"calendar",map:"map",gallery:"layout-grid",timeline:"activity",gantt:"gantt-chart",grid:"table",list:"list",detail:"file-text"};return{type:i.type,label:i.label,icon:f[i.type]||"table"}})},[ie,R,h,e.objectName]),ot=b.useCallback(i=>{if(!R)return;const f=R.find(a=>a.type===i);f&&g&&g(f.id)},[R,g]),ut=b.useCallback(i=>{ne(i)},[]);b.useMemo(()=>{if(e.showFilters===!1)return null;const i=e.filterableFields,f=C?.fields||{},U=(i?i.map(I=>[I,f[I]||{label:I}]):Object.entries(f).filter(([,I])=>!I.hidden).slice(0,8)).map(([I,H])=>{const D=H.type||"text";let Y="text",B;return D==="number"||D==="currency"||D==="percent"?Y="number":D==="boolean"||D==="toggle"?Y="boolean":D==="date"||D==="datetime"?Y="date":(D==="select"||H.options)&&(Y="select",B=(H.options||[]).map(K=>typeof K=="string"?{label:K,value:K}:{label:K.label,value:K.value})),{field:I,label:H.label||I,type:Y,placeholder:`Filter ${H.label||I}...`,...B?{options:B}:{}}});return U.length===0?null:{type:"filter-ui",layout:"popover",showClear:!0,showApply:!0,filters:U,values:M}},[e.showFilters,e.filterableFields,C,M]),b.useMemo(()=>{const i=C?.fields||{},f=Object.entries(i).filter(([,a])=>!a.hidden).slice(0,10).map(([a,U])=>({field:a,label:U.label||a}));return f.length===0?null:{type:"sort-ui",variant:"dropdown",multiple:!1,fields:f,sort:q}},[C,q]);const dt=b.useCallback(i=>{const f={objectName:e.objectName,fields:T?.columns||h?.columns||e.table?.fields,className:"h-full w-full",showSearch:!1},a=T?.options||h||{};switch(i){case"kanban":return{type:"object-kanban",...f,groupBy:a.kanban?.groupField||a.groupBy||a.groupField||"status",groupField:a.kanban?.groupField||a.groupField||"status",titleField:a.kanban?.titleField||a.titleField||"name",cardFields:f.fields||[],...a.kanban||{}};case"calendar":return{type:"object-calendar",...f,startDateField:a.calendar?.startDateField||a.startDateField||"start_date",endDateField:a.calendar?.endDateField||a.endDateField||"end_date",titleField:a.calendar?.titleField||a.titleField||"name",...a.calendar||{}};case"gallery":return{type:"object-gallery",...f,imageField:a.gallery?.imageField||a.imageField,titleField:a.gallery?.titleField||a.titleField||"name",subtitleField:a.gallery?.subtitleField||a.subtitleField,...a.gallery||{}};case"timeline":return{type:"object-timeline",...f,dateField:a.timeline?.dateField||a.dateField||"created_at",titleField:a.timeline?.titleField||a.titleField||"name",...a.timeline||{}};case"gantt":return{type:"object-gantt",...f,startDateField:a.gantt?.startDateField||a.startDateField||"start_date",endDateField:a.gantt?.endDateField||a.endDateField||"end_date",progressField:a.gantt?.progressField||a.progressField||"progress",dependenciesField:a.gantt?.dependenciesField||a.dependenciesField||"dependencies",...a.gantt||{}};case"map":return{type:"object-map",...f,locationField:a.map?.locationField||a.locationField||"location",...a.map||{}};default:return null}},[e.objectName,e.table?.fields,T,h]),ct=b.useMemo(()=>({type:"object-grid",objectName:e.objectName,title:e.table?.title,description:e.table?.description,fields:T?.columns||h?.columns||e.table?.fields,columns:T?.columns||h?.columns||e.table?.columns,operations:{...j,create:!1},defaultFilters:T?.filter||h?.filter||e.table?.defaultFilters,defaultSort:T?.sort||h?.sort||e.table?.defaultSort,pageSize:e.table?.pageSize,selectable:e.table?.selectable,className:e.table?.className}),[e,j,T,h]),Ie=()=>{const i=k?k._id||k.id:void 0;return{type:"object-form",objectName:e.objectName,mode:V,recordId:i,title:e.form?.title,description:e.form?.description,fields:e.form?.fields,customFields:e.form?.customFields,groups:e.form?.groups,layout:e.form?.layout,columns:e.form?.columns,showSubmit:e.form?.showSubmit,submitText:e.form?.submitText,showCancel:e.form?.showCancel,cancelText:e.form?.cancelText,showReset:e.form?.showReset,initialValues:e.form?.initialValues,readOnly:e.form?.readOnly||V==="view",className:e.form?.className,onSuccess:at,onCancel:st}},Re=()=>{if(e.form?.title)return e.form.title;const i=C?.label||e.objectName;switch(V){case"create":return`Create ${i}`;case"edit":return`Edit ${i}`;case"view":return`View ${i}`;default:return i}},$e=b.useMemo(()=>{const i=p?.width;return i?typeof i=="number"?`max-w-[${i}px]`:`max-w-[${i}]`:""},[p]),ft=()=>t.jsx(l.Drawer,{open:S,onOpenChange:m,direction:"right",children:t.jsxs(l.DrawerContent,{className:l.cn("w-full sm:max-w-2xl",$e),children:[t.jsxs(l.DrawerHeader,{children:[t.jsx(l.DrawerTitle,{children:Re()}),e.form?.description&&t.jsx(l.DrawerDescription,{children:e.form.description})]}),t.jsx("div",{className:"flex-1 overflow-y-auto px-4 pb-4",children:t.jsx(me.ObjectForm,{schema:Ie(),dataSource:n})})]})}),pt=()=>t.jsx(l.Dialog,{open:S,onOpenChange:m,children:t.jsxs(l.DialogContent,{className:l.cn("max-w-2xl max-h-[90vh] overflow-y-auto",$e),children:[t.jsxs(l.DialogHeader,{children:[t.jsx(l.DialogTitle,{children:Re()}),e.form?.description&&t.jsx(l.DialogDescription,{children:e.form.description})]}),t.jsx(me.ObjectForm,{schema:Ie(),dataSource:n})]})}),bt=b.useMemo(()=>Object.keys(M).some(f=>M[f]!==void 0&&M[f]!==""&&M[f]!==null)?Object.entries(M).filter(([,f])=>f!==void 0&&f!==""&&f!==null).map(([f,a])=>({field:f,operator:"equals",value:a})):T?.filter||h?.filter||e.table?.defaultFilters,[M,T,h,e.table?.defaultFilters]),wt=b.useMemo(()=>q.length>0?q:T?.sort||h?.sort||e.table?.defaultSort,[q,T,h,e.table?.defaultSort]),gt=()=>{const i=`${e.objectName}-${G||h?.id||"default"}-${r}-${d}`;if(E)return E({schema:{type:"list-view",objectName:e.objectName,viewType:r,fields:T?.columns||h?.columns||e.table?.fields,filters:bt,sort:wt,options:T?.options||h},dataSource:n,onEdit:te,onRowClick:W,className:"h-full"});if(r!=="grid"){const f=dt(r);if(f&&oe)return t.jsx(oe,{schema:f,dataSource:n,data:L,loading:ye},i);if(!oe)return t.jsx("div",{className:"flex items-center justify-center h-40 text-muted-foreground",children:t.jsxs("p",{children:["SchemaRenderer not available. Install @object-ui/react to render ",r," views."]})})}return t.jsx(Me.ObjectGrid,{schema:ct,dataSource:n,onRowClick:W,onEdit:j.update!==!1?te:void 0,onDelete:j.delete!==!1?ae:void 0,onBulkDelete:j.delete!==!1?ve:void 0},i)},yt=()=>{if(!Q)return null;const i=Object.entries(z);return i.length<=1?null:t.jsx(l.Tabs,{value:G,onValueChange:ut,className:"w-full",children:t.jsx(l.TabsList,{className:"w-auto",children:i.map(([f,a])=>t.jsx(l.TabsTrigger,{value:f,className:"text-sm",children:a.label||f},f))})})},vt=()=>{const i=e.showCreate!==!1&&j.create!==!1,f=e.showViewSwitcher===!0,a=yt();return!a&&!f&&!i&&!N?null:t.jsxs("div",{className:"flex flex-col gap-3",children:[a,(f||i||N)&&t.jsxs("div",{className:"flex items-center justify-between gap-4",children:[t.jsx("div",{className:"flex items-center gap-2",children:f&&Pe&&t.jsx(pe,{schema:Pe,onViewChange:ot,className:"overflow-x-auto"})}),t.jsxs("div",{className:"flex items-center gap-2",children:[N,i&&t.jsxs(l.Button,{size:"sm",onClick:ee,children:[t.jsx($.Plus,{className:"h-4 w-4"}),"Create"]})]})]})]})},Le=p?.mode==="modal"?"modal":p?.mode==="drawer"?"drawer":v;return t.jsxs("div",{className:l.cn("flex flex-col h-full",c),children:[(e.title||e.description)&&t.jsxs("div",{className:"mb-4 shrink-0",children:[e.title&&t.jsx("h2",{className:"text-2xl font-bold tracking-tight",children:e.title}),e.description&&t.jsx("p",{className:"text-muted-foreground mt-1",children:e.description})]}),t.jsx("div",{className:"mb-4 shrink-0",children:vt()}),t.jsx("div",{className:"flex-1 min-h-0",children:gt()}),Le==="drawer"&&ft(),Le==="modal"&&pt()]})},be=X("flex",{variants:{layout:{inline:"flex-col space-y-4",popover:"items-center",drawer:"items-center"}},defaultVariants:{layout:"inline"}}),rt=e=>e==null||e===""?!0:Array.isArray(e)?e.length===0:typeof e=="object"?Object.values(e).every(n=>n==null||n===""):!1,lt=e=>Array.isArray(e)?{start:e[0]||"",end:e[1]||""}:e&&typeof e=="object"?{start:e.start||"",end:e.end||""}:{start:"",end:""},Ee=({schema:e,className:n,onChange:c})=>{const[u,w]=O.useState(e.values||{}),[g,F]=O.useState(!1);O.useEffect(()=>{e.values&&w(e.values)},[e.values]);const y=O.useCallback(o=>{c?.(o),e.onChange&&typeof window<"u"&&window.dispatchEvent(new CustomEvent(e.onChange,{detail:{values:o}}))},[c,e.onChange]),E=O.useCallback((o,k)=>{const A={...u,[o]:k};w(A),e.showApply||y(A)},[y,e.showApply,u]),N=O.useCallback(()=>{const o={};if(w(o),e.showApply){y(o);return}y(o)},[y,e.showApply]),C=O.useCallback(()=>{y(u),F(!1)},[y,u]),s=O.useMemo(()=>Object.values(u).filter(o=>!rt(o)).length,[u]),S=o=>{const k=o.label||o.field,A=o.placeholder||`Filter by ${k}`;switch(o.type){case"number":return t.jsx(l.Input,{type:"number",value:u[o.field]??"",placeholder:A,onChange:d=>{const x=d.target.value,L=x===""?"":Number(x);E(o.field,L)}});case"select":return t.jsxs(l.Select,{value:u[o.field]!==void 0?String(u[o.field]):"",onValueChange:d=>{const x=o.options?.find(L=>String(L.value)===d);E(o.field,x?x.value:d)},children:[t.jsx(l.SelectTrigger,{children:t.jsx(l.SelectValue,{placeholder:A})}),t.jsx(l.SelectContent,{children:o.options?.map(d=>t.jsx(l.SelectItem,{value:String(d.value),children:d.label},String(d.value)))})]});case"date":return t.jsx(l.Input,{type:"date",value:u[o.field]??"",onChange:d=>E(o.field,d.target.value)});case"date-range":{const d=lt(u[o.field]);return t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(l.Input,{type:"date",value:d.start??"",onChange:x=>{E(o.field,{...d,start:x.target.value})}}),t.jsx(l.Input,{type:"date",value:d.end??"",onChange:x=>{E(o.field,{...d,end:x.target.value})}})]})}case"boolean":return t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(l.Checkbox,{checked:!!u[o.field],onCheckedChange:d=>E(o.field,!!d)}),t.jsx("span",{className:"text-sm text-muted-foreground",children:"Enabled"})]});default:return t.jsx(l.Input,{value:u[o.field]??"",placeholder:A,onChange:d=>E(o.field,d.target.value)})}},m=t.jsxs("div",{className:"space-y-4",children:[t.jsx("div",{className:"grid gap-4 sm:grid-cols-2",children:e.filters.map(o=>t.jsxs("div",{className:"space-y-2",children:[t.jsx(l.Label,{className:"text-xs text-muted-foreground",children:o.label||o.field}),S(o)]},o.field))}),(e.showApply||e.showClear)&&t.jsxs("div",{className:"flex items-center justify-end gap-2 border-t pt-3",children:[e.showClear&&t.jsx(l.Button,{type:"button",variant:"ghost",size:"sm",onClick:N,children:"Clear"}),e.showApply&&t.jsx(l.Button,{type:"button",size:"sm",onClick:C,children:"Apply"})]})]}),V=e.layout||"inline";return V==="popover"?t.jsx("div",{className:l.cn(be({layout:V}),n),children:t.jsxs(l.Popover,{open:g,onOpenChange:F,children:[t.jsx(l.PopoverTrigger,{asChild:!0,children:t.jsxs(l.Button,{type:"button",variant:s>0?"secondary":"outline",size:"sm",className:"gap-2",children:[t.jsx($.SlidersHorizontal,{className:"h-4 w-4"}),"Filters",s>0&&t.jsx("span",{className:"inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",children:s})]})}),t.jsx(l.PopoverContent,{align:"start",className:"w-[520px] p-4",children:m})]})}):V==="drawer"?t.jsxs("div",{className:l.cn(be({layout:V}),n),children:[t.jsxs(l.Button,{type:"button",variant:s>0?"secondary":"outline",size:"sm",className:"gap-2",onClick:()=>F(!0),children:[t.jsx($.SlidersHorizontal,{className:"h-4 w-4"}),"Filters",s>0&&t.jsx("span",{className:"inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",children:s})]}),t.jsx(l.Drawer,{open:g,onOpenChange:F,children:t.jsxs(l.DrawerContent,{children:[t.jsxs(l.DrawerHeader,{children:[t.jsx(l.DrawerTitle,{children:"Filters"}),t.jsx(l.DrawerDescription,{children:"Refine the data with advanced filters."})]}),t.jsx("div",{className:"px-4 pb-6",children:m})]})})]}):t.jsxs("div",{className:l.cn(be({layout:V}),n),children:[m,!e.showApply&&e.showClear&&t.jsxs(l.Button,{type:"button",variant:"ghost",size:"sm",className:"gap-2",onClick:N,children:[t.jsx($.X,{className:"h-3.5 w-3.5"}),"Clear filters"]})]})},we=X("",{variants:{variant:{buttons:"flex flex-wrap gap-2",dropdown:"flex flex-wrap items-center gap-3",builder:"space-y-3"}},defaultVariants:{variant:"dropdown"}}),ge=e=>e?e.map(n=>({field:n.field,direction:n.direction})):[],_e=e=>e.map(n=>({id:`${n.field}-${n.direction}`,field:n.field,order:n.direction})),nt=e=>e.filter(n=>n.field).map(n=>({field:n.field,direction:n.order})),ke=({schema:e,className:n,onChange:c})=>{const[u,w]=O.useState(()=>ge(e.sort)),[g,F]=O.useState(()=>_e(ge(e.sort)));O.useEffect(()=>{const s=ge(e.sort);w(s),F(_e(s))},[e.sort]);const y=O.useCallback(s=>{w(s),c?.(s),e.onChange&&typeof window<"u"&&window.dispatchEvent(new CustomEvent(e.onChange,{detail:{sort:s}}))},[c,e.onChange]),E=O.useCallback(s=>{const S=u.find(o=>o.field===s),m=!!e.multiple;if(!S){const o=m?[...u,{field:s,direction:"asc"}]:[{field:s,direction:"asc"}];y(o);return}if(S.direction==="asc"){const o=u.map(k=>k.field===s?{...k,direction:"desc"}:k);y(o);return}const V=u.filter(o=>o.field!==s);y(V)},[y,e.multiple,u]);if((e.variant||"dropdown")==="buttons")return t.jsx("div",{className:l.cn(we({variant:"buttons"}),n),children:e.fields.map(s=>{const S=u.find(V=>V.field===s.field),m=S?.direction==="asc"?$.ArrowUp:$.ArrowDown;return t.jsxs(l.Button,{type:"button",variant:S?"secondary":"outline",size:"sm",onClick:()=>E(s.field),className:"gap-2",children:[t.jsx("span",{children:s.label||s.field}),S&&t.jsx(m,{className:"h-3.5 w-3.5"})]},s.field)})});if(e.multiple)return t.jsx("div",{className:l.cn(we({variant:"builder"}),n),children:t.jsx(l.SortBuilder,{fields:e.fields.map(s=>({value:s.field,label:s.label||s.field})),value:g,onChange:s=>{F(s),y(nt(s))}})});const C=u[0];return t.jsxs("div",{className:l.cn(we({variant:"dropdown"}),n),children:[t.jsxs(l.Select,{value:C?.field||"",onValueChange:s=>{if(!s){y([]);return}y([{field:s,direction:C?.direction||"asc"}])},children:[t.jsx(l.SelectTrigger,{className:"w-56",children:t.jsx(l.SelectValue,{placeholder:"Select field"})}),t.jsx(l.SelectContent,{children:e.fields.map(s=>t.jsx(l.SelectItem,{value:s.field,children:s.label||s.field},s.field))})]}),t.jsxs(l.Select,{value:C?.direction||"asc",onValueChange:s=>{C?.field&&y([{field:C.field,direction:s}])},children:[t.jsx(l.SelectTrigger,{className:"w-36",children:t.jsx(l.SelectValue,{})}),t.jsxs(l.SelectContent,{children:[t.jsx(l.SelectItem,{value:"asc",children:"Ascending"}),t.jsx(l.SelectItem,{value:"desc",children:"Descending"})]})]})]})};let Oe=b.createContext(null);try{const e=require("@object-ui/react");e.SchemaRendererContext&&(Oe=e.SchemaRendererContext)}catch{}const Ae=({schema:e})=>{const c=b.useContext(Oe)?.dataSource??null;return t.jsx(Te,{schema:e,dataSource:c})};J.ComponentRegistry.register("object-view",Ae,{namespace:"plugin-view",label:"Object View",category:"view",icon:"LayoutDashboard",inputs:[{name:"objectName",type:"string",label:"Object Name",required:!0},{name:"title",type:"string",label:"Title"},{name:"description",type:"string",label:"Description"},{name:"layout",type:"enum",label:"Form Layout",enum:["drawer","modal","page"]},{name:"defaultViewType",type:"enum",label:"Default View Type",enum:["grid","kanban","gallery","calendar","timeline","gantt","map"]},{name:"defaultListView",type:"string",label:"Default Named View"},{name:"showSearch",type:"boolean",label:"Show Search"},{name:"showFilters",type:"boolean",label:"Show Filters"},{name:"showCreate",type:"boolean",label:"Show Create Button"},{name:"showRefresh",type:"boolean",label:"Show Refresh Button"},{name:"showViewSwitcher",type:"boolean",label:"Show View Switcher"},{name:"listViews",type:"object",label:"Named List Views"},{name:"navigation",type:"object",label:"Navigation Config"},{name:"searchableFields",type:"array",label:"Searchable Fields"},{name:"filterableFields",type:"array",label:"Filterable Fields"}],defaultProps:{layout:"drawer",defaultViewType:"grid",showSearch:!0,showFilters:!0,showCreate:!0,showRefresh:!0,showViewSwitcher:!0}}),J.ComponentRegistry.register("view",Ae,{namespace:"plugin-view",label:"View",category:"view"}),J.ComponentRegistry.register("view-switcher",pe,{namespace:"view",label:"View Switcher",category:"view",icon:"LayoutGrid",inputs:[{name:"views",type:"array",label:"Views",required:!0},{name:"defaultView",type:"string",label:"Default View"},{name:"activeView",type:"string",label:"Active View"},{name:"variant",type:"enum",label:"Variant",enum:["tabs","buttons","dropdown"]},{name:"position",type:"enum",label:"Position",enum:["top","bottom","left","right"]},{name:"persistPreference",type:"boolean",label:"Persist Preference"},{name:"storageKey",type:"string",label:"Storage Key"},{name:"onViewChange",type:"string",label:"On View Change Event"}],defaultProps:{variant:"tabs",position:"top",defaultView:"grid",views:[{type:"grid",label:"Grid",schema:{type:"text",content:"Grid view"}},{type:"list",label:"List",schema:{type:"text",content:"List view"}}]}}),J.ComponentRegistry.register("filter-ui",Ee,{namespace:"view",label:"Filter UI",category:"view",icon:"SlidersHorizontal",inputs:[{name:"filters",type:"array",label:"Filters",required:!0},{name:"values",type:"object",label:"Values"},{name:"onChange",type:"string",label:"On Change Event"},{name:"showClear",type:"boolean",label:"Show Clear Button"},{name:"showApply",type:"boolean",label:"Show Apply Button"},{name:"layout",type:"enum",label:"Layout",enum:["inline","popover","drawer"]}],defaultProps:{layout:"inline",showApply:!1,showClear:!0,filters:[{field:"name",label:"Name",type:"text",placeholder:"Search name"},{field:"status",label:"Status",type:"select",options:[{label:"Open",value:"open"},{label:"Closed",value:"closed"}]},{field:"created_at",label:"Created",type:"date"}]}}),J.ComponentRegistry.register("sort-ui",ke,{namespace:"view",label:"Sort UI",category:"view",icon:"ArrowUpDown",inputs:[{name:"fields",type:"array",label:"Fields",required:!0},{name:"sort",type:"array",label:"Sort"},{name:"onChange",type:"string",label:"On Change Event"},{name:"multiple",type:"boolean",label:"Allow Multiple"},{name:"variant",type:"enum",label:"Variant",enum:["dropdown","buttons"]}],defaultProps:{variant:"dropdown",multiple:!0,fields:[{field:"name",label:"Name"},{field:"created_at",label:"Created At"}],sort:[{field:"name",direction:"asc"}]}});const it=({schema:e,className:n,children:c,dataSource:u,...w})=>{const g=e.props?.columns?{display:"grid",gridTemplateColumns:`repeat(${e.props.columns}, 1fr)`,gap:"1rem"}:void 0;return t.jsx("div",{className:n,style:g,...w,children:c})};J.ComponentRegistry.register("view:simple",it,{namespace:"plugin-view",label:"Simple View",category:"view"}),P.FilterUI=Ee,P.ObjectView=Te,P.SortUI=ke,P.ViewSwitcher=pe,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-view",
-  "version": "2.0.0",
+  "version": "3.0.1",
   "type": "module",
   "license": "MIT",
   "description": "Object View plugin for Object UI",
@@ -17,19 +17,19 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "lucide-react": "^0.563.0",
-    "@object-ui/components": "2.0.0",
-    "@object-ui/core": "2.0.0",
-    "@object-ui/plugin-form": "2.0.0",
-    "@object-ui/plugin-grid": "2.0.0",
-    "@object-ui/react": "2.0.0",
-    "@object-ui/types": "2.0.0"
+    "@object-ui/components": "3.0.1",
+    "@object-ui/core": "3.0.1",
+    "@object-ui/plugin-form": "3.0.1",
+    "@object-ui/plugin-grid": "3.0.1",
+    "@object-ui/react": "3.0.1",
+    "@object-ui/types": "3.0.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "^5.1.3",
+    "@vitejs/plugin-react": "^5.1.4",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"

package/src/ObjectView.tsx

@@ -320,8 +320,8 @@ export const ObjectView: React.FC<ObjectViewProps> = ({
         } else if (results && typeof results === 'object') {
           if (Array.isArray((results as any).data)) {
             items = (results as any).data;
-          } else if (Array.isArray((results as any).value)) {
-            items = (results as any).value;
+          } else if (Array.isArray((results as any).records)) {
+            items = (results as any).records;
           }
         }
 

package/src/__tests__/toolbar-consistency.test.tsx

@@ -0,0 +1,755 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Toolbar Consistency Tests
+ *
+ * Verifies that toolbar, filter, sort, and view-switcher controls render
+ * with consistent structure and accessible attributes across all view types.
+ *
+ * Strategy: Each section renders the relevant component in isolation using
+ * the same lightweight Shadcn mocks from sibling test files, then asserts
+ * ARIA roles, labels, and keyboard-accessibility invariants.
+ */
+
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { ObjectView } from '../ObjectView';
+import { FilterUI } from '../FilterUI';
+import { SortUI } from '../SortUI';
+import { ViewSwitcher } from '../ViewSwitcher';
+import type {
+  ObjectViewSchema,
+  DataSource,
+  FilterUISchema,
+  SortUISchema,
+  ViewSwitcherSchema,
+} from '@object-ui/types';
+
+// ---------------------------------------------------------------------------
+// Mocks – mirrors ObjectView.test.tsx
+// ---------------------------------------------------------------------------
+vi.mock('@object-ui/react', () => ({
+  SchemaRenderer: ({ schema }: any) => (
+    <div data-testid="schema-renderer" data-schema-type={schema?.type}>
+      {schema?.type}
+    </div>
+  ),
+  SchemaRendererContext: null,
+}));
+
+vi.mock('@object-ui/plugin-grid', () => ({
+  ObjectGrid: ({ schema }: any) => (
+    <div data-testid="object-grid" data-object={schema?.objectName}>
+      Grid
+    </div>
+  ),
+}));
+
+vi.mock('@object-ui/plugin-form', () => ({
+  ObjectForm: ({ schema }: any) => (
+    <div data-testid="object-form" data-mode={schema?.mode}>
+      Form ({schema?.mode})
+    </div>
+  ),
+}));
+
+// ---------------------------------------------------------------------------
+// Mock @object-ui/components – lightweight Shadcn stand-ins
+// (mirrors FilterUI.test.tsx / SortUI.test.tsx)
+// ---------------------------------------------------------------------------
+vi.mock('@object-ui/components', async () => {
+  const React = await import('react');
+  const cn = (...args: any[]) => args.filter(Boolean).join(' ');
+
+  const Button = ({ children, onClick, variant, size, type, ...rest }: any) => (
+    <button onClick={onClick} data-variant={variant} data-size={size} type={type} {...rest}>
+      {children}
+    </button>
+  );
+
+  const Input = ({ value, onChange, placeholder, type, ...rest }: any) => (
+    <input
+      value={value}
+      onChange={onChange}
+      placeholder={placeholder}
+      type={type}
+      data-testid={`input-${type || 'text'}`}
+      {...rest}
+    />
+  );
+
+  const Label = ({ children, className, htmlFor }: any) => (
+    <label className={className} htmlFor={htmlFor}>
+      {children}
+    </label>
+  );
+
+  const Checkbox = ({ checked, onCheckedChange }: any) => (
+    <input
+      type="checkbox"
+      data-testid="checkbox"
+      checked={checked}
+      onChange={(e: any) => onCheckedChange?.(e.target.checked)}
+    />
+  );
+
+  // Select family with context for onValueChange propagation
+  const SelectCtx = React.createContext<((v: string) => void) | undefined>(undefined);
+
+  const Select = ({ children, value, onValueChange }: any) => (
+    <SelectCtx.Provider value={onValueChange}>
+      <div data-testid="select-root" data-value={value}>
+        {children}
+      </div>
+    </SelectCtx.Provider>
+  );
+
+  const SelectTrigger = ({ children, className }: any) => (
+    <button data-testid="select-trigger" className={className}>
+      {children}
+    </button>
+  );
+
+  const SelectValue = ({ placeholder }: any) => (
+    <span data-testid="select-value">{placeholder}</span>
+  );
+
+  const SelectContent = ({ children }: any) => (
+    <div data-testid="select-content">{children}</div>
+  );
+
+  const SelectItem = ({ children, value }: any) => {
+    const onValueChange = React.useContext(SelectCtx);
+    return (
+      <div
+        data-testid="select-item"
+        data-value={value}
+        role="option"
+        onClick={() => onValueChange?.(String(value))}
+      >
+        {children}
+      </div>
+    );
+  };
+
+  const Popover = ({ children, open }: any) => (
+    <div data-testid="popover" data-open={open}>{children}</div>
+  );
+  const PopoverTrigger = ({ children }: any) => (
+    <div data-testid="popover-trigger">{children}</div>
+  );
+  const PopoverContent = ({ children }: any) => (
+    <div data-testid="popover-content">{children}</div>
+  );
+
+  const Drawer = ({ children, open }: any) => (
+    <div data-testid="drawer" data-open={open}>{children}</div>
+  );
+  const DrawerContent = ({ children }: any) => (
+    <div data-testid="drawer-content">{children}</div>
+  );
+  const DrawerHeader = ({ children }: any) => (
+    <div data-testid="drawer-header">{children}</div>
+  );
+  const DrawerTitle = ({ children }: any) => (
+    <h2 data-testid="drawer-title">{children}</h2>
+  );
+  const DrawerDescription = ({ children }: any) => (
+    <p data-testid="drawer-description">{children}</p>
+  );
+
+  const Dialog = ({ children, open }: any) => (
+    <div data-testid="dialog" data-open={open}>{children}</div>
+  );
+  const DialogContent = ({ children }: any) => (
+    <div data-testid="dialog-content">{children}</div>
+  );
+  const DialogHeader = ({ children }: any) => (
+    <div data-testid="dialog-header">{children}</div>
+  );
+  const DialogTitle = ({ children }: any) => (
+    <h2 data-testid="dialog-title">{children}</h2>
+  );
+  const DialogDescription = ({ children }: any) => (
+    <p data-testid="dialog-description">{children}</p>
+  );
+
+  // Tabs family – render role="tablist" for TabsList
+  const TabsCtx = React.createContext<{ value: string; onValueChange?: (v: string) => void }>({
+    value: '',
+  });
+
+  const Tabs = ({ children, value, onValueChange }: any) => (
+    <TabsCtx.Provider value={{ value, onValueChange }}>
+      <div data-testid="tabs">{children}</div>
+    </TabsCtx.Provider>
+  );
+
+  const TabsList = ({ children, className }: any) => (
+    <div role="tablist" className={className}>{children}</div>
+  );
+
+  const TabsTrigger = ({ children, value, className }: any) => {
+    const ctx = React.useContext(TabsCtx);
+    const isActive = ctx.value === value;
+    return (
+      <button
+        role="tab"
+        aria-selected={isActive}
+        data-state={isActive ? 'active' : 'inactive'}
+        className={className}
+        onClick={() => ctx.onValueChange?.(value)}
+      >
+        {children}
+      </button>
+    );
+  };
+
+  const SortBuilder = ({ fields, value, onChange }: any) => (
+    <div data-testid="sort-builder" data-fields={JSON.stringify(fields)} data-value={JSON.stringify(value)}>
+      <button
+        data-testid="sort-builder-change"
+        onClick={() => onChange?.([{ id: 'date-desc', field: 'date', order: 'desc' }])}
+      >
+        Change Sort
+      </button>
+    </div>
+  );
+
+  return {
+    cn,
+    Button,
+    Input,
+    Label,
+    Checkbox,
+    Select,
+    SelectTrigger,
+    SelectValue,
+    SelectContent,
+    SelectItem,
+    Popover,
+    PopoverTrigger,
+    PopoverContent,
+    Drawer,
+    DrawerContent,
+    DrawerHeader,
+    DrawerTitle,
+    DrawerDescription,
+    Dialog,
+    DialogContent,
+    DialogHeader,
+    DialogTitle,
+    DialogDescription,
+    Tabs,
+    TabsList,
+    TabsTrigger,
+    SortBuilder,
+  };
+});
+
+// ---------------------------------------------------------------------------
+// Shared helpers
+// ---------------------------------------------------------------------------
+const createMockDataSource = (overrides: Partial<DataSource> = {}): DataSource =>
+  ({
+    find: vi.fn().mockResolvedValue([]),
+    findOne: vi.fn().mockResolvedValue(null),
+    create: vi.fn().mockResolvedValue({}),
+    update: vi.fn().mockResolvedValue({}),
+    delete: vi.fn().mockResolvedValue({}),
+    getObjectSchema: vi.fn().mockResolvedValue({
+      label: 'Contacts',
+      fields: {
+        name: { label: 'Name', type: 'text' },
+        email: { label: 'Email', type: 'text' },
+        status: {
+          label: 'Status',
+          type: 'select',
+          options: [
+            { label: 'Active', value: 'active' },
+            { label: 'Inactive', value: 'inactive' },
+          ],
+        },
+        created_at: { label: 'Created', type: 'date' },
+      },
+    }),
+    ...overrides,
+  } as DataSource);
+
+// ===========================================================================
+// 1. ObjectView renders a toolbar region
+// ===========================================================================
+describe('Toolbar consistency across view types', () => {
+  let mockDataSource: DataSource;
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    mockDataSource = createMockDataSource();
+  });
+
+  describe('ObjectView toolbar region', () => {
+    it('renders a toolbar container that wraps action buttons', () => {
+      const schema: ObjectViewSchema = {
+        type: 'object-view',
+        objectName: 'contacts',
+        title: 'Contacts',
+      };
+
+      const { container } = render(
+        <ObjectView schema={schema} dataSource={mockDataSource} />,
+      );
+
+      // The Create button lives inside the toolbar area
+      const createBtn = screen.getByText('Create');
+      expect(createBtn).toBeDefined();
+      // Toolbar wrapper is a parent div
+      expect(createBtn.closest('div')).toBeDefined();
+    });
+
+    it('renders Create button as a focusable element', () => {
+      const schema: ObjectViewSchema = {
+        type: 'object-view',
+        objectName: 'contacts',
+      };
+
+      render(<ObjectView schema={schema} dataSource={mockDataSource} />);
+
+      const btn = screen.getByText('Create');
+      expect(btn.tagName).toBe('BUTTON');
+      // Buttons are keyboard-focusable by default (no tabIndex=-1)
+      expect(btn.getAttribute('tabindex')).not.toBe('-1');
+    });
+
+    it('hides toolbar when no actions or tabs are needed', () => {
+      const schema: ObjectViewSchema = {
+        type: 'object-view',
+        objectName: 'contacts',
+        showCreate: false,
+        showViewSwitcher: false,
+      };
+
+      const { container } = render(
+        <ObjectView schema={schema} dataSource={mockDataSource} />,
+      );
+
+      // No Create button
+      expect(screen.queryByText('Create')).toBeNull();
+    });
+  });
+
+  // =========================================================================
+  // 2. Filter controls are accessible
+  // =========================================================================
+  describe('FilterUI accessibility', () => {
+    const makeFilterSchema = (overrides: Partial<FilterUISchema> = {}): FilterUISchema => ({
+      type: 'filter-ui',
+      filters: [
+        {
+          field: 'status',
+          label: 'Status',
+          type: 'select',
+          options: [
+            { label: 'Active', value: 'active' },
+            { label: 'Inactive', value: 'inactive' },
+          ],
+        },
+        { field: 'name', label: 'Name', type: 'text' },
+      ],
+      ...overrides,
+    });
+
+    it('renders a visible label for each filter field', () => {
+      render(<FilterUI schema={makeFilterSchema()} />);
+
+      expect(screen.getByText('Status')).toBeInTheDocument();
+      expect(screen.getByText('Name')).toBeInTheDocument();
+    });
+
+    it('renders text filter inputs with descriptive placeholders', () => {
+      render(
+        <FilterUI
+          schema={makeFilterSchema({
+            filters: [{ field: 'search', label: 'Search', type: 'text' }],
+          })}
+        />,
+      );
+
+      const input = screen.getByPlaceholderText('Filter by Search');
+      expect(input).toBeInTheDocument();
+      expect(input.tagName).toBe('INPUT');
+    });
+
+    it('renders select filters with option role="option" items', () => {
+      render(<FilterUI schema={makeFilterSchema()} />);
+
+      const options = screen.getAllByRole('option');
+      expect(options.length).toBeGreaterThanOrEqual(2);
+      expect(options[0]).toHaveAttribute('data-value', 'active');
+      expect(options[1]).toHaveAttribute('data-value', 'inactive');
+    });
+
+    it('renders filters consistently in popover layout', () => {
+      render(<FilterUI schema={makeFilterSchema({ layout: 'popover' })} />);
+
+      // Popover trigger should contain a "Filters" label
+      expect(screen.getByText('Filters')).toBeInTheDocument();
+      // Filter labels are still present inside popover content
+      expect(screen.getByText('Status')).toBeInTheDocument();
+      expect(screen.getByText('Name')).toBeInTheDocument();
+    });
+  });
+
+  // =========================================================================
+  // 3. Sort controls render consistently with proper attributes
+  // =========================================================================
+  describe('SortUI accessibility', () => {
+    const makeSortSchema = (overrides: Partial<SortUISchema> = {}): SortUISchema => ({
+      type: 'sort-ui',
+      fields: [
+        { field: 'name', label: 'Name' },
+        { field: 'date', label: 'Date' },
+      ],
+      ...overrides,
+    });
+
+    it('renders sort buttons as focusable button elements', () => {
+      render(<SortUI schema={makeSortSchema({ variant: 'buttons' })} />);
+
+      const buttons = screen.getAllByRole('button');
+      expect(buttons).toHaveLength(2);
+      buttons.forEach((btn) => {
+        expect(btn.tagName).toBe('BUTTON');
+        expect(btn.getAttribute('tabindex')).not.toBe('-1');
+      });
+    });
+
+    it('renders active sort with secondary variant for visual distinction', () => {
+      render(
+        <SortUI
+          schema={makeSortSchema({
+            variant: 'buttons',
+            sort: [{ field: 'name', direction: 'asc' }],
+          })}
+        />,
+      );
+
+      const nameBtn = screen.getByText('Name').closest('button')!;
+      expect(nameBtn).toHaveAttribute('data-variant', 'secondary');
+
+      const dateBtn = screen.getByText('Date').closest('button')!;
+      expect(dateBtn).toHaveAttribute('data-variant', 'outline');
+    });
+
+    it('renders dropdown variant with select controls', () => {
+      render(<SortUI schema={makeSortSchema({ variant: 'dropdown' })} />);
+
+      const selectRoots = screen.getAllByTestId('select-root');
+      // Field selector + direction selector
+      expect(selectRoots).toHaveLength(2);
+    });
+
+    it('renders sort direction options (Ascending / Descending)', () => {
+      render(<SortUI schema={makeSortSchema({ variant: 'dropdown' })} />);
+
+      expect(screen.getByText('Ascending')).toBeInTheDocument();
+      expect(screen.getByText('Descending')).toBeInTheDocument();
+    });
+  });
+
+  // =========================================================================
+  // 4. Toolbar actions are keyboard-accessible
+  // =========================================================================
+  describe('Toolbar keyboard accessibility', () => {
+    it('Create button responds to keyboard activation', () => {
+      const schema: ObjectViewSchema = {
+        type: 'object-view',
+        objectName: 'contacts',
+      };
+
+      render(<ObjectView schema={schema} dataSource={mockDataSource} />);
+
+      const createBtn = screen.getByText('Create');
+      // Simulate keyboard activation (Enter key on a focused button triggers click)
+      fireEvent.keyDown(createBtn, { key: 'Enter', code: 'Enter' });
+      fireEvent.keyUp(createBtn, { key: 'Enter', code: 'Enter' });
+      // Button is a native <button>, so keyboard activation is inherent
+      expect(createBtn.tagName).toBe('BUTTON');
+    });
+
+    it('sort buttons respond to click events (keyboard proxied)', () => {
+      const onChange = vi.fn();
+      render(
+        <SortUI
+          schema={{
+            type: 'sort-ui',
+            fields: [{ field: 'name', label: 'Name' }],
+            variant: 'buttons',
+          }}
+          onChange={onChange}
+        />,
+      );
+
+      const btn = screen.getByText('Name').closest('button')!;
+      fireEvent.click(btn);
+      expect(onChange).toHaveBeenCalledWith([{ field: 'name', direction: 'asc' }]);
+    });
+
+    it('filter text inputs accept keyboard input', () => {
+      const onChange = vi.fn();
+      render(
+        <FilterUI
+          schema={{
+            type: 'filter-ui',
+            filters: [{ field: 'query', label: 'Search', type: 'text' }],
+          }}
+          onChange={onChange}
+        />,
+      );
+
+      const input = screen.getByPlaceholderText('Filter by Search');
+      fireEvent.change(input, { target: { value: 'test' } });
+      expect(onChange).toHaveBeenCalledWith({ query: 'test' });
+    });
+  });
+
+  // =========================================================================
+  // 5. Search input in toolbar has proper label and role
+  // =========================================================================
+  describe('Search input accessibility', () => {
+    it('filter text input has an associated label element', () => {
+      render(
+        <FilterUI
+          schema={{
+            type: 'filter-ui',
+            filters: [{ field: 'search', label: 'Search', type: 'text' }],
+          }}
+        />,
+      );
+
+      // Label with text "Search" should exist
+      expect(screen.getByText('Search')).toBeInTheDocument();
+      // Input should have descriptive placeholder
+      const input = screen.getByPlaceholderText('Filter by Search');
+      expect(input).toBeInTheDocument();
+    });
+
+    it('filter text input is an <input> element that is focusable', () => {
+      render(
+        <FilterUI
+          schema={{
+            type: 'filter-ui',
+            filters: [{ field: 'q', label: 'Quick Search', type: 'text' }],
+          }}
+        />,
+      );
+
+      const input = screen.getByPlaceholderText('Filter by Quick Search');
+      expect(input.tagName).toBe('INPUT');
+      expect(input.getAttribute('tabindex')).not.toBe('-1');
+    });
+  });
+
+  // =========================================================================
+  // 6. View type selector renders with role="tablist"
+  // =========================================================================
+  describe('ViewSwitcher tablist rendering', () => {
+    const makeViewSwitcherSchema = (
+      overrides: Partial<ViewSwitcherSchema> = {},
+    ): ViewSwitcherSchema => ({
+      type: 'view-switcher',
+      views: [
+        { type: 'grid', label: 'Grid' },
+        { type: 'kanban', label: 'Kanban' },
+        { type: 'calendar', label: 'Calendar' },
+      ],
+      variant: 'tabs',
+      ...overrides,
+    });
+
+    it('renders tabs variant with role="tablist"', () => {
+      render(<ViewSwitcher schema={makeViewSwitcherSchema()} />);
+
+      const tablist = screen.getByRole('tablist');
+      expect(tablist).toBeInTheDocument();
+    });
+
+    it('renders individual tabs with role="tab"', () => {
+      render(<ViewSwitcher schema={makeViewSwitcherSchema()} />);
+
+      const tabs = screen.getAllByRole('tab');
+      expect(tabs).toHaveLength(3);
+    });
+
+    it('marks the active tab with aria-selected="true"', () => {
+      render(
+        <ViewSwitcher
+          schema={makeViewSwitcherSchema({ activeView: 'kanban' })}
+        />,
+      );
+
+      const tabs = screen.getAllByRole('tab');
+      const kanbanTab = tabs.find((t) => t.textContent?.includes('Kanban'));
+      expect(kanbanTab).toBeDefined();
+      expect(kanbanTab!.getAttribute('aria-selected')).toBe('true');
+    });
+
+    it('marks inactive tabs with aria-selected="false"', () => {
+      render(
+        <ViewSwitcher
+          schema={makeViewSwitcherSchema({ activeView: 'grid' })}
+        />,
+      );
+
+      const tabs = screen.getAllByRole('tab');
+      const kanbanTab = tabs.find((t) => t.textContent?.includes('Kanban'));
+      expect(kanbanTab!.getAttribute('aria-selected')).toBe('false');
+    });
+
+    it('tabs are keyboard-activatable via click', () => {
+      const onViewChange = vi.fn();
+      render(
+        <ViewSwitcher
+          schema={makeViewSwitcherSchema()}
+          onViewChange={onViewChange}
+        />,
+      );
+
+      const tabs = screen.getAllByRole('tab');
+      const calendarTab = tabs.find((t) => t.textContent?.includes('Calendar'));
+      fireEvent.click(calendarTab!);
+
+      expect(onViewChange).toHaveBeenCalledWith('calendar');
+    });
+
+    it('renders buttons variant without tablist role', () => {
+      render(
+        <ViewSwitcher
+          schema={makeViewSwitcherSchema({ variant: 'buttons' })}
+        />,
+      );
+
+      expect(screen.queryByRole('tablist')).not.toBeInTheDocument();
+      // Should render plain buttons instead
+      const buttons = screen.getAllByRole('button');
+      expect(buttons.length).toBe(3);
+    });
+  });
+
+  // =========================================================================
+  // 7. Density / view variant selector renders with accessible options
+  // =========================================================================
+  describe('ViewSwitcher dropdown variant accessibility', () => {
+    const makeDropdownSchema = (
+      overrides: Partial<ViewSwitcherSchema> = {},
+    ): ViewSwitcherSchema => ({
+      type: 'view-switcher',
+      views: [
+        { type: 'grid', label: 'Grid' },
+        { type: 'kanban', label: 'Kanban' },
+      ],
+      variant: 'dropdown',
+      ...overrides,
+    });
+
+    it('renders dropdown with select-root controls', () => {
+      render(<ViewSwitcher schema={makeDropdownSchema()} />);
+
+      const selectRoot = screen.getByTestId('select-root');
+      expect(selectRoot).toBeInTheDocument();
+    });
+
+    it('renders all view options inside the select', () => {
+      render(<ViewSwitcher schema={makeDropdownSchema()} />);
+
+      const items = screen.getAllByTestId('select-item');
+      expect(items).toHaveLength(2);
+      expect(items[0]).toHaveTextContent('Grid');
+      expect(items[1]).toHaveTextContent('Kanban');
+    });
+
+    it('renders option items with role="option"', () => {
+      render(<ViewSwitcher schema={makeDropdownSchema()} />);
+
+      const options = screen.getAllByRole('option');
+      expect(options.length).toBe(2);
+    });
+  });
+
+  // =========================================================================
+  // Cross-view consistency: named list views use tablist
+  // =========================================================================
+  describe('Named list views tablist consistency', () => {
+    it('renders named view tabs with role="tablist" for multiple views', () => {
+      const schema: ObjectViewSchema = {
+        type: 'object-view',
+        objectName: 'contacts',
+        listViews: {
+          all: { label: 'All Contacts', type: 'grid' },
+          active: { label: 'Active', type: 'grid', filter: [['status', '=', 'active']] },
+        },
+        defaultListView: 'all',
+      };
+
+      render(<ObjectView schema={schema} dataSource={mockDataSource} />);
+
+      const tablist = screen.getByRole('tablist');
+      expect(tablist).toBeInTheDocument();
+    });
+
+    it('renders individual named view tabs with role="tab"', () => {
+      const schema: ObjectViewSchema = {
+        type: 'object-view',
+        objectName: 'contacts',
+        listViews: {
+          all: { label: 'All Contacts', type: 'grid' },
+          active: { label: 'Active', type: 'grid' },
+          archived: { label: 'Archived', type: 'grid' },
+        },
+        defaultListView: 'all',
+      };
+
+      render(<ObjectView schema={schema} dataSource={mockDataSource} />);
+
+      const tabs = screen.getAllByRole('tab');
+      expect(tabs).toHaveLength(3);
+    });
+
+    it('marks default named view tab as active', () => {
+      const schema: ObjectViewSchema = {
+        type: 'object-view',
+        objectName: 'contacts',
+        listViews: {
+          all: { label: 'All Contacts', type: 'grid' },
+          active: { label: 'Active', type: 'grid' },
+        },
+        defaultListView: 'all',
+      };
+
+      render(<ObjectView schema={schema} dataSource={mockDataSource} />);
+
+      const tabs = screen.getAllByRole('tab');
+      const allTab = tabs.find((t) => t.textContent?.includes('All Contacts'));
+      expect(allTab!.getAttribute('aria-selected')).toBe('true');
+    });
+
+    it('does not render tablist when only one named view exists', () => {
+      const schema: ObjectViewSchema = {
+        type: 'object-view',
+        objectName: 'contacts',
+        listViews: {
+          all: { label: 'All Contacts', type: 'grid' },
+        },
+      };
+
+      render(<ObjectView schema={schema} dataSource={mockDataSource} />);
+
+      expect(screen.queryByRole('tablist')).toBeNull();
+    });
+  });
+});

package/vite.config.ts

@@ -9,6 +9,7 @@ export default defineConfig({
     dts({
       insertTypesEntry: true,
       include: ['src'],
+      exclude: ['**/*.test.ts', '**/*.test.tsx'],
     }),
   ],
   build: {

package/dist/plugin-view/src/__tests__/FilterUI.test.d.ts

@@ -1,8 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export {};

package/dist/plugin-view/src/__tests__/ObjectView.test.d.ts

@@ -1,8 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export {};

package/dist/plugin-view/src/__tests__/SortUI.test.d.ts

@@ -1,8 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export {};

package/dist/plugin-view/src/__tests__/registration.test.d.ts

@@ -1,8 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export {};