@vertesia/ui 0.82.0 → 0.82.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertesia/ui",
-  "version": "0.82.0",
+  "version": "0.82.1",
   "description": "Vertesia UI components and and hooks",
   "type": "module",
   "main": "./lib/index.js",
@@ -60,9 +60,9 @@
     "tailwind-merge": "^3.3.0",
     "ts-md5": "^1.3.1",
     "unist-util-visit": "^5.0.0",
-    "@vertesia/client": "0.82.0",
-    "@vertesia/common": "0.82.0",
-    "@vertesia/json": "0.82.0"
+    "@vertesia/client": "0.82.1",
+    "@vertesia/common": "0.82.1",
+    "@vertesia/json": "0.82.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.27.0",

package/src/features/store/collections/BrowseCollectionView.tsx

@@ -2,7 +2,6 @@ import { useUserSession, TypeRegistry } from "@vertesia/ui/session";
 import { Collection } from "@vertesia/common";
 import { DocumentSearchResultsWithDropZone, DocumentSearchResults } from "../objects/DocumentSearchResults";
 import { useToast } from "@vertesia/ui/core";
-import { useDocumentSearch } from "../objects/search/DocumentSearchContext";
 
 
 interface BrowseCollectionViewProps {
@@ -11,8 +10,6 @@ interface BrowseCollectionViewProps {
 export function BrowseCollectionView({ collection }: BrowseCollectionViewProps) {
     const toast = useToast();
     const { client, typeRegistry } = useUserSession();
-    const search = useDocumentSearch();
-    search.query.all_revisions = true;
     
     const onUploadDone = async (objectIds: string[]) => {
         if (objectIds.length > 0) {

package/src/features/store/objects/DocumentSearchResults.tsx

@@ -320,10 +320,6 @@ function Toolsbar(props: ToolsbarProps) {
                                 }
                                 <FilterBtn />
                             </div>
-                            <div className="flex gap-1 items-center">
-                                <Button variant="outline" onClick={handleRefetch} alt="Refresh"><RefreshCw size={16} /></Button>
-                                <ContentDispositionButton onUpdate={setIsGridView} />
-                            </div>
                         </div>
                         <div className="flex gap-2 items-center pt-2">
                             <FilterBar />

package/src/features/store/objects/components/VectorSearchWidget.tsx

@@ -103,8 +103,8 @@ export function VectorSearchWidget({ onChange, isLoading, refresh, searchTypes }
     };
 
     return (
-        <div className="flex gap-1 items-center w-1/2">
-            <Input placeholder="Type what you are looking for, or select a filter" value={searchText} onChange={setSearchText} onKeyDown={handleKeyPress} />
+        <div className="flex gap-1 items-center">
+            <Input placeholder="Type what you are looking for, or select a filter" value={searchText} onChange={setSearchText} onKeyDown={handleKeyPress} className='min-w-[200px]' />
             <Button variant="ghost" onClick={() => setShowSettings(true)} alt="Semantic search settings" className="ml-1"><Settings size={18} /></Button>
             <Modal isOpen={showSettings} onClose={() => setShowSettings(false)}>
                 <ModalTitle>Search Types</ModalTitle>

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

@@ -61,7 +61,7 @@ export class DocumentSearch implements SearchInterface {
 
     clearFilters(autoSearch: boolean = true) {
         // Preserve search-related fields when clearing filters
-        const { parent, full_text, vector, weights, score_aggregation, dynamic_scaling, limit, all_revisions } = this.query;
+        const { parent, full_text, vector, weights, score_aggregation, dynamic_scaling, limit } = this.query;
         this.query = {
             parent,
             ...(full_text !== undefined && { full_text }),
@@ -69,7 +69,6 @@ export class DocumentSearch implements SearchInterface {
             ...(weights !== undefined && { weights }),
             ...(score_aggregation !== undefined && { score_aggregation }),
             ...(dynamic_scaling !== undefined && { dynamic_scaling }),
-            ...(all_revisions !== undefined && { all_revisions }),
             ...(limit !== undefined && { limit })
         };
 

package/src/features/store/objects/selection/SelectionActions.tsx

@@ -56,9 +56,6 @@ function ActionsWrapper({ }: ActionsWrapperProps) {
 export function UploadObjectsButton({ collectionId, allowFolders = true }: { collectionId?: string, allowFolders?: boolean }) {
     const [files, setFiles] = useState<File[]>([]);
     const [isOpen, setIsOpen] = useState(false);
-    const selection = useDocumentSelection();
-
-    const hasSelection = selection?.hasSelection();
 
     const onClose = () => {
         setIsOpen(false);
@@ -66,7 +63,6 @@ export function UploadObjectsButton({ collectionId, allowFolders = true }: { col
     }
 
     return (
-        !hasSelection &&
         <>
             <Button onClick={() => setIsOpen(true)}>Upload</Button>
             <DocumentUploadModal

package/src/features/store/objects/selection/actions/ChangeTypeAction.tsx

@@ -56,12 +56,8 @@ export function ChangeTypeActionComponent({ action, objectIds, children }: Actio
                 title="Change Content Type"
                 confirmLabel="Change Type"
             >
-                <div className="text-sm flex flex-col gap-x-2">
-                    <p>Choose a new Content Type for the selected object{objectIds.length > 1 ? 's' : ' '}
-                        or let the system choose or generate a type based on the content.</p>
-                    <p className="pt-2 text-xs">Note: This action will raise the <code>change_type</code> event and will trigger the standard intake workflows
-                        which may reset the object properties.</p>
-                </div>
+                <p className="pt-2 text-xs">Note: This action will raise the <code>change_type</code> event and will trigger the standard intake workflows
+                    which may reset the object properties.</p>
             </SelectContentTypeModal>
         </div>
     )

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

@@ -6,10 +6,11 @@ import {
     ModalFooter,
     ModalTitle,
     SelectBox,
+    VTooltip,
 } from "@vertesia/ui/core";
 import { ContentObjectTypeItem } from "@vertesia/common";
 import { useUserSession } from "@vertesia/ui/session";
-import { CheckCircleIcon } from "lucide-react";
+import { CheckCircleIcon, Info } from "lucide-react";
 
 /**
  * Props for the SelectTypeModal component
@@ -46,7 +47,6 @@ export function SelectContentTypeModal({
     title = "Select Content Type",
     children,
     initialSelectedType = null,
-    confirmLabel = "Select Type",
     allowNone = true,
 }: SelectContentTypeModalProps) {
     const { typeRegistry } = useUserSession();
@@ -63,6 +63,7 @@ export function SelectContentTypeModal({
     // Handle type selection and confirmation
     const handleConfirm = () => {
         onClose(selectedType?.id ?? null);
+        setSelectedType(null);
     };
 
     return (
@@ -72,7 +73,7 @@ export function SelectContentTypeModal({
             className="w-full max-w-xl mx-auto"
         >
             <ModalTitle>{title}</ModalTitle>
-            <ModalBody className="p-6">
+            <ModalBody>
                 {children}
 
                 {/* Type selection */}
@@ -100,41 +101,27 @@ export function SelectContentTypeModal({
                             filterBy="name"
                         />
                     )}
-
-                    {allowNone && (
-                        <div className="mt-2 text-sm text-blue-600 flex items-center">
-                            <CheckCircleIcon className="h-4 w-4 mr-1" />
-                            <span><strong>Type selection is optional.</strong> Leave empty to let Vertesia choose the appropriate type</span>
-                        </div>
-                    )}
                 </div>
 
-                {selectedType ? (
-                    <div className="text-sm text-gray-500 bg-gray-50 p-3 rounded-md mb-4">
-                        <div className="font-medium">{selectedType.name}</div>
-                        {selectedType.description && (
-                            <div className="mt-1">{selectedType.description}</div>
-                        )}
-                    </div>
-                ) : allowNone && (
-                    <div className="text-sm text-blue-600 bg-blue-50 p-3 rounded-md mb-4">
-                        <div className="font-medium">Automatic Type Detection</div>
-                        <div className="mt-1">
-                            Vertesia will analyze each file&apos;s content and automatically select the most appropriate type.
-                            <br />
-                            <span className="mt-1 block font-medium">This is recommended for most uploads.</span>
-                        </div>
+                {!selectedType && (
+                    <div className="flex items-center text-attention">
+                        <CheckCircleIcon className="size-4 mr-1" />
+                        Automatic Type Detection
+                        <VTooltip
+                            description="Vertesia will analyze the content and select the most appropriate type. This is recommended for most uploads and ensures optimal processing."
+                            placement="top" size="xs"
+                        >
+                            <Info className="size-3 ml-2" />
+                        </VTooltip>
                     </div>
                 )}
             </ModalBody>
             <ModalFooter>
-                <Button variant="ghost" onClick={handleClose}>
+                <Button variant="ghost" onClick={handleClose} alt="Cancel">
                     Cancel
                 </Button>
-                <Button
-                    onClick={handleConfirm}
-                >
-                    {selectedType ? `${confirmLabel}: ${selectedType.name}` : allowNone ? "Let Vertesia Choose" : confirmLabel}
+                <Button onClick={handleConfirm} alt="Confirm selection">
+                    Confirm
                 </Button>
             </ModalFooter>
         </Modal>