@vertesia/ui 1.1.0-dev.20260427.060440Z → 1.1.1-dev.20260505.160410Z

package/src/features/store/objects/search/DocumentSearchContext.ts

@@ -1,8 +1,8 @@
 import { createContext, useContext } from 'react';
 
 import { SharedState, useWatchSharedState } from '@vertesia/ui/core';
-import { ComputeFacetsResponse, ZenoClient } from '@vertesia/client';
-import { ComplexSearchPayload, ComplexSearchQuery, ComputeObjectFacetPayload, ContentObjectItem, FacetBucket, FacetSpec, ObjectSearchQuery } from '@vertesia/common';
+import { ZenoClient } from '@vertesia/client';
+import { ComplexSearchPayload, ComplexSearchQuery, ComputeObjectFacetPayload, ComputedFacetResponse, ContentObjectItem, FacetBucket, FacetSpec, ObjectSearchQuery } from '@vertesia/common';
 import { SearchInterface } from '@vertesia/ui/features'
 
 interface DocumentSearchResult {
@@ -16,7 +16,7 @@ interface DocumentSearchResult {
 export class DocumentSearch implements SearchInterface {
 
     collectionId?: string;
-    facets = new SharedState<ComputeFacetsResponse>({});
+    facets = new SharedState<ComputedFacetResponse>({});
     result = new SharedState<DocumentSearchResult>({ objects: [], isLoading: false });
 
     facetSpecs: FacetSpec[] = [];
@@ -79,7 +79,8 @@ export class DocumentSearch implements SearchInterface {
     }
 
     getFacetBuckets(name: string): FacetBucket[] {
-        return (this.facets.value as any)[name]?.buckets || [];
+        const value = this.facets.value[name];
+        return Array.isArray(value) ? value : [];
     }
 
     resetFacets() {
@@ -161,6 +162,11 @@ export class DocumentSearch implements SearchInterface {
 
             return true;
         }).catch((err) => {
+            // index_not_found_exception means the data store has no index yet — treat as empty
+            if (err?.status === 404) {
+                this.result.value = { isLoading: false, objects: [], hasMore: false };
+                return false;
+            }
             this.result.value = {
                 error: err,
                 isLoading: false,

package/src/features/store/types/ContentObjectTypesSearch.tsx

@@ -96,22 +96,27 @@ export function ContentObjectTypesSearch({ isDirty = false }: ContentObjectTypes
     };
 
     return (
-        <div className="flex flex-col gap-4 h-full">
+        <div className="flex flex-col flex-1 min-h-0">
             <div className="flex flex-shrink-0 gap-4">
                 <Input placeholder={t('store.filterByName')} value={searchTerm} onChange={setSearchTerm} />
                 <SelectBox className="w-60" isClearable options={Object.values(ChunkableOptions)} value={chunkable} onChange={onChunkableChange} placeholder={t('store.isChunkable')} />
             </div>
-            <div className="flex-1 overflow-y-auto">
-                {
-                    (!isLoading && objects?.length === 0) ? (
-                        <EmptyCollection title={t('store.noType')} buttonLabel={t('store.createType')} onClick={onOpenCreateModal}>
-                            {t('store.getStartedTypes')}
-                        </EmptyCollection >
-                    ) : (
-                        <ContentObjectTypesTable objects={objects} isLoading={isLoading} />
-                    )
-                }
-                <CreateOrUpdateTypeModal okLabel="Create" title={t('store.createType')} isOpen={showCreateModal} onClose={onCloseCreateModal} />
+            <div className="flex flex-col w-full flex-1 min-h-0 border rounded-md my-2">
+                <div className="flex-1 min-h-0 overflow-y-auto">
+                    {
+                        (!isLoading && objects?.length === 0) ? (
+                            <EmptyCollection title={t('store.noType')} buttonLabel={t('store.createType')} onClick={onOpenCreateModal}>
+                                {t('store.getStartedTypes')}
+                            </EmptyCollection >
+                        ) : (
+                            <>
+                                <ContentObjectTypesTable objects={objects} isLoading={isLoading} />
+                                <div ref={loadMoreRef} className="h-4 w-full" />
+                            </>
+                        )
+                    }
+                    <CreateOrUpdateTypeModal okLabel="Create" title={t('store.createType')} isOpen={showCreateModal} onClose={onCloseCreateModal} />
+                </div>
             </div>
         </div>
     )

package/src/layout/FullHeightLayout.tsx

@@ -73,6 +73,21 @@ FullHeightLayout.HR = function HDivider({ }: HDividerProps) {
     );
 }
 
+FullHeightLayout.Flex = function Flex({ className, children }: BodyProps) {
+    return (
+        <div
+            className={clsx(
+                "grow flex flex-col",
+                "overflow-hidden min-h-0",
+                "p-2",
+                className
+            )}
+        >
+            {children}
+        </div>
+    );
+}
+
 FullHeightLayout.Tab = function Tab({ children }: { children: React.ReactNode }) {
     return (
         <div className="flex flex-col h-full">