@vertesia/ui 0.82.1 → 0.82.2

package/lib/esm/features/store/collections/EditCollectionView.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, ErrorBox, FormItem, Input, Panel, Styles, Textarea, useFetch, useToast, useTheme } from "@vertesia/ui/core";
+import { SharedPropsEditor, SyncMemberHeadsToggle, UserInfo } from "@vertesia/ui/features";
+import { useUserSession } from "@vertesia/ui/session";
+import { MonacoEditor, GeneratedForm, ManagedObject } from "@vertesia/ui/widgets";
+import dayjs from "dayjs";
+import { useMemo, useRef, useState } from "react";
+import { SelectContentType, stringifyTableLayout } from "../types";
+export function EditCollectionView({ refetch, collection }) {
+    const typeId = collection.type?.id;
+    const tableLayoutRef = useRef(undefined);
+    const toast = useToast();
+    const { theme } = useTheme();
+    const { client } = useUserSession();
+    const [isUpdating, setUpdating] = useState(false);
+    const [metadata, setMetadata] = useState({
+        name: collection.name,
+        description: collection.description || "",
+        query: collection.query ? JSON.stringify(collection.query, null, 2) : "",
+        tags: collection.tags || [],
+        type: collection.type?.id || "",
+        allowed_types: collection.allowed_types || [],
+    });
+    const tableLayoutValue = useMemo(() => {
+        return stringifyTableLayout(collection.table_layout);
+    }, [collection.table_layout]);
+    const onSubmit = () => {
+        let query = undefined;
+        try {
+            query = metadata.query ? JSON.parse(metadata.query) : undefined;
+        }
+        catch (err) {
+            toast({
+                title: "Invalid Query JSON",
+                description: err.message,
+                status: "error",
+                duration: 5000,
+            });
+            return;
+        }
+        const payload = {
+            name: metadata.name,
+            description: metadata.description,
+            query: query,
+            tags: metadata.tags,
+            type: metadata.type,
+            allowed_types: metadata.allowed_types,
+        };
+        let error;
+        if (!payload.name) {
+            error = "Name is required";
+        }
+        if (!payload.type) {
+            payload.type = null;
+        }
+        if (error) {
+            toast({
+                title: "Validation failed",
+                description: error,
+                status: "error",
+                duration: 5000,
+            });
+            return;
+        }
+        if (tableLayoutRef.current) {
+            const layout = tableLayoutRef.current.getValue();
+            if (layout) {
+                try {
+                    payload.table_layout = JSON.parse(layout);
+                }
+                catch (err) {
+                    toast({
+                        title: "Invalid Table Layout",
+                        description: err.message,
+                        status: "error",
+                        duration: 5000,
+                    });
+                    return;
+                }
+            }
+            else {
+                payload.table_layout = null;
+            }
+        }
+        setUpdating(true);
+        client.store.collections
+            .update(collection.id, payload)
+            .then(() => {
+            refetch();
+            toast({
+                title: "Collection updated",
+                description: "Collection has been updated successfully",
+                status: "success",
+                duration: 3000,
+            });
+        })
+            .catch((err) => {
+            toast({
+                title: "Failed to update collection",
+                description: err.message,
+                status: "error",
+                duration: 5000,
+            });
+        })
+            .finally(() => {
+            setUpdating(false);
+        });
+    };
+    const setField = (name, value) => {
+        setMetadata({
+            ...metadata,
+            [name]: value,
+        });
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-4 py-2", children: [_jsxs(Panel, { title: "Configuration", action: _jsx(Button, { size: "lg", isDisabled: isUpdating, onClick: onSubmit, children: "Save" }), children: [_jsxs("div", { className: "flex justify-between mb-2", children: [_jsxs("div", { className: "w-1/2 gap-2 flex flex-col", children: [_jsx("div", { className: "text-sm font-medium mb-1", children: "Created By" }), _jsxs("div", { className: "gap-2 flex items-center", children: [_jsx(UserInfo, { userRef: collection.created_by, showTitle: true }), _jsxs("span", { children: ["at ", dayjs(collection.created_at).format("YYYY-MM-DD HH:mm:ss")] })] })] }), _jsxs("div", { className: "w-1/2 gap-2 flex flex-col", children: [_jsx("div", { className: "text-sm font-medium mb-1", children: "Updated By" }), _jsxs("div", { className: "gap-2 flex items-center", children: [_jsx(UserInfo, { userRef: collection.updated_by, showTitle: true }), _jsxs("span", { children: ["at ", dayjs(collection.updated_at).format("YYYY-MM-DD HH:mm:ss")] })] })] })] }), _jsx(FormItem, { label: "Name", required: true, children: _jsx(Input, { value: metadata.name, onChange: (v) => setField("name", v) }) }), _jsx(FormItem, { label: "Description", children: _jsx(Textarea, { value: metadata.description, onChange: (e) => setField("description", e.target.value) }) }), !collection.dynamic &&
+                        _jsx(FormItem, { label: "Allowed Content Types", description: "Select which content types can be added to the collection. If not set, then all content types are allowed.", children: _jsx(SelectContentType, { defaultValue: metadata.allowed_types || null, onChange: (v) => {
+                                    if (Array.isArray(v)) {
+                                        setField("allowed_types", v.map(type => type.id));
+                                    }
+                                    else {
+                                        setField("allowed_types", v ? [v.id] : []);
+                                    }
+                                }, isClearable: true, multiple: true }) }), collection.dynamic && (_jsx(FormItem, { label: "Query", description: "Define the query to dynamically fetch content for the collection.", children: _jsx(Textarea, { className: Styles.INPUT, value: metadata.query, onChange: (e) => setField("query", e.target.value) }) })), _jsx(FormItem, { label: "Table Layout", description: "Define a custom layout for displaying the collection in tables.", className: "h-[200px]", children: _jsx(MonacoEditor, { className: "border-1 rounded-md border-border", value: tableLayoutValue, language: "json", editorRef: tableLayoutRef, theme: theme === 'dark' ? 'vs-dark' : 'vs' }) }), _jsx(FormItem, { label: "Type", description: "Select a content type to assign custom properties and data to the collection.", children: _jsx(SelectContentType, { defaultValue: metadata.type || null, onChange: (v) => {
+                                if (Array.isArray(v)) {
+                                    setField("type", v.length > 0 ? v[0].id : null);
+                                }
+                                else {
+                                    setField("type", v?.id || null);
+                                }
+                            }, isClearable: true }) })] }), typeId && _jsx(PropertiesEditor, { typeId: typeId, collection: collection }), !collection.dynamic && (_jsxs(_Fragment, { children: [_jsx(SyncMemberHeadsToggle, { collection: collection }), _jsx(SharedPropsEditor, { collection: collection })] }))] }));
+}
+function PropertiesEditor({ typeId, collection }) {
+    const [formData, setFormData] = useState({});
+    const toast = useToast();
+    const { client } = useUserSession();
+    const [isUpdating, setIsUpdating] = useState(false);
+    const { data: type, error } = useFetch(() => client.store.types.retrieve(typeId), [typeId]);
+    const schema = type?.object_schema || {};
+    const object = useMemo(() => new ManagedObject(schema, collection.properties || {}), [schema, collection.properties]);
+    if (error) {
+        return _jsx(ErrorBox, { title: "Failed to load type", children: error.message });
+    }
+    if (!type) {
+        return null;
+    }
+    const _onSave = (data) => {
+        if (!data || !Object.keys(data).length) {
+            return;
+        }
+        const payload = { properties: data || {} };
+        setIsUpdating(true);
+        client.store.collections
+            .update(collection.id, payload)
+            .then(() => {
+            toast({
+                title: "Collection properties updated",
+                description: "Collection has been updated successfully",
+                status: "success",
+                duration: 3000,
+            });
+        })
+            .catch((err) => {
+            toast({
+                title: "Failed to update collection properties",
+                description: err.message,
+                status: "error",
+                duration: 5000,
+            });
+        })
+            .finally(() => {
+            setIsUpdating(false);
+        });
+    };
+    const onDataChanged = (data) => {
+        if (data instanceof ManagedObject) {
+            setFormData(data.value);
+        }
+    };
+    return (_jsx(Panel, { title: "Properties", action: _jsx(Button, { size: "lg", isLoading: isUpdating, type: "submit", onClick: () => _onSave(formData), children: "Save" }), children: _jsx(GeneratedForm, { object: object, onChange: onDataChanged }) }));
+}
+//# sourceMappingURL=EditCollectionView.js.map

package/lib/esm/features/store/collections/EditCollectionView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditCollectionView.js","sourceRoot":"","sources":["../../../../../src/features/store/collections/EditCollectionView.tsx"],"names":[],"mappings":"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"}

package/lib/esm/features/store/collections/SelectCollection.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { Button, cn, ErrorBox, useDebounce, useFetch, Popover, PopoverContent, PopoverTrigger, Command, CommandEmpty, CommandGroup, CommandItem, CommandInput } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+export function SelectCollection({ onChange, value, disabled = false, placeholder = "Select a collection", searchPlaceholder = "Search collections", filterOut, allowDynamic = true, multiple = false }) {
+    const { client } = useUserSession();
+    const [searchQuery, setSearchQuery] = useState('');
+    const [isSearching, setIsSearching] = useState(false);
+    const [useServerSearch, setUseServerSearch] = useState(false);
+    // Debounce the search query to avoid excessive API calls (only used for server-side search)
+    const debouncedSearchQuery = useDebounce(searchQuery, 300);
+    // Memoize the search function to prevent unnecessary re-renders
+    const searchCollections = useCallback(async (query) => {
+        setIsSearching(true);
+        const trimmedQuery = query.trim();
+        const collections = await client.store.collections.search({
+            dynamic: allowDynamic ? undefined : false,
+            name: useServerSearch ? (trimmedQuery || undefined) : undefined
+        });
+        setIsSearching(false);
+        // Check if we hit the maximum limit (1000 collections) - if so, enable server-side search
+        if (!useServerSearch && collections.length >= 1000) {
+            setUseServerSearch(true);
+        }
+        // Filter out collections if filterOut is provided
+        if (filterOut && filterOut.length > 0) {
+            return collections.filter(col => !filterOut.includes(col.id));
+        }
+        return collections;
+    }, [client, allowDynamic, filterOut, useServerSearch]);
+    // Fetch collections based on search mode
+    const { data: collections, error } = useFetch(() => searchCollections(useServerSearch ? debouncedSearchQuery : ''), [useServerSearch ? debouncedSearchQuery : '', searchCollections]);
+    // Memoize the selected collection(s)
+    const selectedCollection = useMemo(() => {
+        if (!collections)
+            return multiple ? [] : undefined;
+        if (multiple && Array.isArray(value)) {
+            return collections.filter((collection) => value.includes(collection.id));
+        }
+        else if (!multiple && typeof value === 'string') {
+            return collections.find((collection) => collection.id === value);
+        }
+        return multiple ? [] : undefined;
+    }, [collections, value, multiple]);
+    // Handle collection selection
+    const handleSelect = useCallback((collection) => {
+        if (multiple) {
+            const currentValues = Array.isArray(value) ? value : [];
+            const isSelected = currentValues.includes(collection.id);
+            if (isSelected) {
+                // Remove from selection
+                const newValues = currentValues.filter(id => id !== collection.id);
+                const newCollections = collections?.filter(c => newValues.includes(c.id)) || [];
+                onChange(newValues, newCollections);
+            }
+            else {
+                // Add to selection
+                const newValues = [...currentValues, collection.id];
+                const newCollections = collections?.filter(c => newValues.includes(c.id)) || [];
+                onChange(newValues, newCollections);
+            }
+        }
+        else {
+            onChange(collection.id, collection);
+        }
+    }, [onChange, value, collections, multiple]);
+    // Handle clear selection
+    const handleClear = useCallback(() => {
+        onChange(undefined, undefined);
+    }, [onChange]);
+    // Handle search input change
+    const handleSearchChange = useCallback((query) => {
+        setSearchQuery(query);
+    }, []);
+    const hasSearchQuery = searchQuery.trim().length > 0;
+    // Client-side filtering when not using server search
+    const filteredCollections = useMemo(() => {
+        if (!collections)
+            return [];
+        // If using server search, collections are already filtered by the server
+        if (useServerSearch)
+            return collections;
+        // Otherwise, do client-side filtering
+        if (!hasSearchQuery)
+            return collections;
+        const queryLower = searchQuery.toLowerCase();
+        return collections.filter(col => col.name.toLowerCase().includes(queryLower));
+    }, [collections, useServerSearch, hasSearchQuery, searchQuery]);
+    const showClearOption = selectedCollection && hasSearchQuery;
+    // Show error state
+    if (error) {
+        return (_jsx(ErrorBox, { title: "Collection fetch failed", children: error.message }));
+    }
+    // Get display text for the button
+    const getDisplayText = () => {
+        if (multiple && Array.isArray(selectedCollection) && selectedCollection.length > 0) {
+            if (selectedCollection.length === 1) {
+                return selectedCollection[0].name;
+            }
+            return `${selectedCollection.length} collections selected`;
+        }
+        else if (!multiple && selectedCollection && !Array.isArray(selectedCollection)) {
+            return selectedCollection.name;
+        }
+        return placeholder;
+    };
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-haspopup": "listbox", className: cn("w-full justify-between min-w-0"), disabled: disabled, children: [_jsx("span", { className: "truncate flex-1 text-left min-w-0", children: getDisplayText() }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "mt-2 mb-2 w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsxs("div", { className: "flex justify-between items-center border-b px-3", "cmdk-input-wrapper": "", children: [_jsx(CommandInput, { placeholder: searchPlaceholder, value: searchQuery, onValueChange: handleSearchChange, className: "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" }), isSearching && (_jsx("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }))] }), _jsx(CommandEmpty, { children: isSearching
+                                ? "Searching..."
+                                : hasSearchQuery
+                                    ? "No collections found."
+                                    : "No collections available." }), _jsxs(CommandGroup, { className: "max-h-[300px] overflow-auto", children: [showClearOption && !multiple && (_jsx(CommandItem, { value: "__clear__", onSelect: handleClear, className: "text-muted-foreground", children: "Clear selection" })), filteredCollections.map((collection) => {
+                                    const isSelected = multiple && Array.isArray(value)
+                                        ? value.includes(collection.id)
+                                        : value === collection.id;
+                                    return (_jsxs(CommandItem, { value: collection.id, onSelect: () => handleSelect(collection), className: "flex items-center justify-between", children: [_jsx("span", { className: "truncate", children: collection.name }), isSelected && (_jsx(Check, { className: "ml-2 h-4 w-4 shrink-0" }))] }, collection.id));
+                                })] })] }) })] }));
+}
+//# sourceMappingURL=SelectCollection.js.map

package/lib/esm/features/store/collections/SelectCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCollection.js","sourceRoot":"","sources":["../../../../../src/features/store/collections/SelectCollection.tsx"],"names":[],"mappings":"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"}

package/lib/esm/features/store/collections/SharedPropsEditor.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, Panel, TagsInput, useToast } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { useEffect, useState } from "react";
+export function SharedPropsEditor({ collection }) {
+    const { client } = useUserSession();
+    const [colType, setColType] = useState(undefined);
+    const [sharedProps, setSharedProps] = useState(collection.shared_properties || []);
+    const toast = useToast();
+    useEffect(() => {
+        if (collection.type?.id) {
+            client.store.types.retrieve(collection.type.id).then(setColType);
+        }
+    }, [collection.type?.id]);
+    const options = colType ? Object.keys(colType.object_schema?.properties || {}) : [];
+    const onSelect = (selected) => {
+        setSharedProps(selected);
+    };
+    const onSave = () => {
+        client.store.collections.update(collection.id, {
+            shared_properties: sharedProps
+        }).then(() => {
+            // Handle success
+            toast({
+                title: "Updated shared properties",
+                status: "success"
+            });
+        }).catch((error) => {
+            toast({
+                title: "Failed to update shared properties",
+                description: error.message,
+                status: "error"
+            });
+            // Handle error
+        });
+    };
+    return (_jsx(Panel, { title: "Shared Properties", description: "Add properties to share across all members in the collection. This feature requires to enable shared property synchronization on the project.", action: _jsx(Button, { size: "lg", isLoading: false, onClick: onSave, children: "Save" }), children: _jsx("div", { className: '', children: _jsx(TagsInput, { value: sharedProps, onChange: onSelect, options: options, placeholder: "Select properties to share" }) }) }));
+}
+//# sourceMappingURL=SharedPropsEditor.js.map

package/lib/esm/features/store/collections/SharedPropsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedPropsEditor.js","sourceRoot":"","sources":["../../../../../src/features/store/collections/SharedPropsEditor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,UAAU,iBAAiB,CAAC,EAAE,UAAU,EAA0B;IAEpE,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgC,SAAS,CAAC,CAAC;IACjF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,UAAU,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;IAC7F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC;YACtB,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACrE,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1B,MAAM,OAAO,GAAa,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9F,MAAM,QAAQ,GAAG,CAAC,QAAkB,EAAE,EAAE;QACpC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE;YAC3C,iBAAiB,EAAE,WAAW;SACjC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACT,iBAAiB;YACjB,KAAK,CAAC;gBACF,KAAK,EAAE,2BAA2B;gBAClC,MAAM,EAAE,SAAS;aACpB,CAAC,CAAA;QACN,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,KAAK,CAAC;gBACF,KAAK,EAAE,oCAAoC;gBAC3C,WAAW,EAAE,KAAK,CAAC,OAAO;gBAC1B,MAAM,EAAE,OAAO;aAClB,CAAC,CAAA;YACF,eAAe;QACnB,CAAC,CAAC,CAAC;IACP,CAAC,CAAA;IAED,OAAO,CACH,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAmB,EAAC,WAAW,EAAC,+IAA+I,EACxL,MAAM,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,qBAE1C,YAEb,cAAK,SAAS,EAAC,EAAE,YACb,KAAC,SAAS,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAC,4BAA4B,GAAG,GAC9G,GACF,CACX,CAAA;AAEL,CAAC"}

package/lib/esm/features/store/collections/SyncMemberHeadsToggle.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Panel, Switch, useToast } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { useState } from "react";
+export function SyncMemberHeadsToggle({ collection }) {
+    const { client } = useUserSession();
+    const [skipHeadSync, setSkipHeadSync] = useState(collection.skip_head_sync ?? false);
+    const [isSaving, setIsSaving] = useState(false);
+    const toast = useToast();
+    const onSaveSkipHeadSync = (enableSyncHeads) => {
+        const skip_head_sync = !enableSyncHeads;
+        setIsSaving(true);
+        client.store.collections.update(collection.id, {
+            skip_head_sync: skip_head_sync
+        }).then(() => {
+            // Handle success
+            toast({
+                title: "Updated skip head sync setting",
+                status: "success"
+            });
+            setSkipHeadSync(skip_head_sync);
+        }).catch((error) => {
+            toast({
+                title: "Failed to update skip head sync",
+                description: error.message,
+                status: "error"
+            });
+            // Handle error
+        }).finally(() => {
+            setIsSaving(false);
+        });
+    };
+    return (_jsx(Panel, { title: "Synchronize Member Heads", description: "When a new HEAD version of a member is created the colleciton will be updated to point to the new HEAD.", children: _jsx(Switch, { disabled: isSaving, value: !skipHeadSync, onChange: onSaveSkipHeadSync, children: "Enable synchronizing member heads" }) }));
+}
+//# sourceMappingURL=SyncMemberHeadsToggle.js.map

package/lib/esm/features/store/collections/SyncMemberHeadsToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncMemberHeadsToggle.js","sourceRoot":"","sources":["../../../../../src/features/store/collections/SyncMemberHeadsToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,UAAU,qBAAqB,CAAC,EAAE,UAAU,EAA8B;IAE5E,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,UAAU,CAAC,cAAc,IAAI,KAAK,CAAC,CAAC;IAC9F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,kBAAkB,GAAG,CAAC,eAAwB,EAAE,EAAE;QACpD,MAAM,cAAc,GAAG,CAAC,eAAe,CAAC;QACxC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE;YAC3C,cAAc,EAAE,cAAc;SACjC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACT,iBAAiB;YACjB,KAAK,CAAC;gBACF,KAAK,EAAE,gCAAgC;gBACvC,MAAM,EAAE,SAAS;aACpB,CAAC,CAAA;YACF,eAAe,CAAC,cAAc,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,KAAK,CAAC;gBACF,KAAK,EAAE,iCAAiC;gBACxC,WAAW,EAAE,KAAK,CAAC,OAAO;gBAC1B,MAAM,EAAE,OAAO;aAClB,CAAC,CAAA;YACF,eAAe;QACnB,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;YACZ,WAAW,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACP,CAAC,CAAA;IAED,OAAO,CACH,KAAC,KAAK,IAAC,KAAK,EAAC,0BAA0B,EAAC,WAAW,EAAC,yGAAyG,YACzJ,KAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,kDAErE,GACL,CACX,CAAA;AAEL,CAAC"}

package/lib/esm/features/store/collections/index.js

@@ -0,0 +1,8 @@
+export * from "./BrowseCollectionView";
+export * from "./CollectionsTable";
+export * from "./EditCollectionView";
+export * from "./CreateCollection";
+export * from "./SelectCollection";
+export * from "./SharedPropsEditor";
+export * from "./SyncMemberHeadsToggle";
+//# sourceMappingURL=index.js.map

package/lib/esm/features/store/collections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/features/store/collections/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/lib/esm/features/store/index.js

@@ -0,0 +1,4 @@
+export * from "./objects";
+export * from "./types";
+export * from "./collections";
+//# sourceMappingURL=index.js.map

package/lib/esm/features/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}

package/lib/esm/features/store/objects/DocumentPreviewPanel.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImageRenditionFormat } from "@vertesia/common";
+import { Button, Spinner, useToast } from "@vertesia/ui/core";
+import { useNavigate } from "@vertesia/ui/router";
+import { useUserSession } from "@vertesia/ui/session";
+import { JSONDisplay, MarkdownRenderer } from "@vertesia/ui/widgets";
+import { ChevronRight, Download, FileText, Info, LayoutGrid, Maximize2, X, } from "lucide-react";
+import { useEffect, useState } from "react";
+export function DocumentPreviewPanel({ objectId, isOpen, onClose, }) {
+    const navigate = useNavigate();
+    const { client, store } = useUserSession();
+    const [object, setObject] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [loadingText, setLoadingText] = useState(false);
+    const [text, setText] = useState();
+    const [imageUrl, setImageUrl] = useState();
+    const [currentTab, setCurrentTab] = useState("preview");
+    const toast = useToast();
+    useEffect(() => {
+        if (objectId && isOpen) {
+            setIsLoading(true);
+            store.objects
+                .retrieve(objectId, "+embeddings")
+                .then((result) => {
+                setObject(result);
+                // If the object has text, use it
+                if (result.text) {
+                    setText(result.text);
+                }
+                else {
+                    // Otherwise, fetch text
+                    loadObjectText(result.id);
+                }
+                // If it's an image, load the image URL
+                const content = result.content;
+                const isImage = content &&
+                    content.source &&
+                    content.type &&
+                    content.type.startsWith("image/");
+                if (isImage) {
+                    loadImageUrl(result);
+                }
+            })
+                .catch((error) => {
+                console.error("Error loading object:", error);
+                toast({
+                    title: "Error",
+                    description: "Failed to load document",
+                    status: "error",
+                    duration: 3000,
+                });
+            })
+                .finally(() => {
+                setIsLoading(false);
+            });
+        }
+        else {
+            // Reset state when panel closes
+            setObject(null);
+            setText(undefined);
+            setImageUrl(undefined);
+        }
+    }, [objectId, isOpen, store.objects]);
+    const loadObjectText = async (id) => {
+        setLoadingText(true);
+        try {
+            const result = await store.objects.getObjectText(id);
+            setText(result.text);
+        }
+        catch (error) {
+            console.error("Error loading text:", error);
+        }
+        finally {
+            setLoadingText(false);
+        }
+    };
+    const loadImageUrl = async (obj) => {
+        try {
+            // Try to get a rendition first
+            const rendition = await client.objects.getRendition(obj.id, {
+                format: ImageRenditionFormat.jpeg,
+                generate_if_missing: false,
+            });
+            // Don't use rendition object to avoid type issues
+            if (rendition.status === "found") {
+                console.log("Found rendition");
+            }
+            // Get download URL
+            const downloadUrlResult = await client.files.getDownloadUrl(obj.content.source);
+            setImageUrl(downloadUrlResult.url);
+        }
+        catch (error) {
+            console.error("Error loading image:", error);
+        }
+    };
+    const handleViewFullDocument = () => {
+        if (object) {
+            navigate(`/legal/objects/${object.id}`);
+            onClose();
+        }
+    };
+    const seemsMarkdown = text &&
+        (text.startsWith("#") || text.includes("\n#") || text.includes("\n*"));
+    const isImage = object?.content?.type && object.content.type.startsWith("image/");
+    const isPdf = object?.content?.type === "application/pdf";
+    if (!isOpen)
+        return null;
+    return (_jsxs("div", { className: `fixed inset-y-0 right-0 w-2/5 dark:bg-slate-900 shadow-xl z-50 flex flex-col transition-transform duration-300 transform ${isOpen ? "translate-x-0" : "translate-x-full"}`, children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b dark:border-gray-700 bg-gradient-to-r from-indigo-50 to-gray-50 dark:from-gray-800 dark:to-gray-900", children: [_jsxs("div", { className: "flex items-center", children: [_jsx(FileText, { className: "h-5 w-5 text-indigo-600 mr-2" }), _jsx("h2", { className: "text-lg font-semibold text-gray-800 dark:text-gray-200 truncate", children: isLoading
+                                    ? "Loading document..."
+                                    : object?.name || "Document Preview" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: handleViewFullDocument, className: "flex items-center gap-1 text-indigo-600 hover:text-indigo-800", children: [_jsx(Maximize2, { className: "h-4 w-4" }), _jsx("span", { children: "Full View" })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, className: "flex items-center text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), isLoading ? (_jsx("div", { className: "flex-1 flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx(Spinner, { size: "lg", className: "text-indigo-600 dark:text-indigo-400 mb-2" }), _jsx("p", { className: "text-gray-600 dark:text-gray-400", children: "Loading document..." })] }) })) : (_jsxs("div", { className: "flex-1 flex flex-col h-full", children: [_jsx("div", { className: "border-b", children: _jsxs("div", { className: "flex px-4", children: [_jsx("button", { className: `py-2 px-4 font-medium border-b-2 ${currentTab === "preview"
+                                        ? "border-indigo-600 text-indigo-700 dark:text-indigo-300"
+                                        : "border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"}`, onClick: () => setCurrentTab("preview"), children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(LayoutGrid, { className: "h-4 w-4" }), _jsx("span", { children: "Preview" })] }) }), _jsx("button", { className: `py-2 px-4 font-medium border-b-2 ${currentTab === "properties"
+                                        ? "border-indigo-600 text-indigo-700 dark:text-indigo-300"
+                                        : "border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"}`, onClick: () => setCurrentTab("properties"), children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Info, { className: "h-4 w-4" }), _jsx("span", { children: "Properties" })] }) })] }) }), _jsxs("div", { className: "flex-1 overflow-auto p-4", children: [currentTab === "preview" && (_jsxs("div", { className: "h-full", children: [loadingText ? (_jsx("div", { className: "flex items-center justify-center h-40", children: _jsx(Spinner, { size: "md", className: "text-indigo-600 dark:text-indigo-400" }) })) : text ? (_jsx("div", { className: "shadow rounded-md p-4 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800", children: seemsMarkdown ? (_jsx("div", { className: "prose prose-sm max-w-none prose-p:my-2 prose-pre:bg-gray-800 prose-pre:my-2 prose-headings:text-indigo-700 dark:prose-invert dark:prose-headings:text-indigo-300", children: _jsx(MarkdownRenderer, { children: text }) })) : (_jsx("pre", { className: "text-wrap whitespace-pre-wrap dark:text-gray-200", children: text })) })) : null, isImage && (_jsx("div", { className: "mt-4", children: imageUrl ? (_jsx("div", { className: "border border-gray-200 dark:border-gray-700 rounded-md p-2 bg-white dark:bg-gray-800", children: _jsx("img", { src: imageUrl, alt: object?.name, className: "mx-auto max-h-[70vh] object-contain" }) })) : (_jsx("div", { className: "flex items-center justify-center h-40", children: _jsx(Spinner, { size: "md", className: "text-indigo-600 dark:text-indigo-400" }) })) })), isPdf && (_jsxs("div", { className: "flex flex-col items-center justify-center h-64 border border-gray-200 dark:border-gray-700 rounded-md p-4 bg-gray-50 dark:bg-gray-800", children: [_jsx(FileText, { className: "h-16 w-16 text-indigo-300 dark:text-indigo-400 mb-4" }), _jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-center mb-4", children: ["PDF document preview is available in full view. TODO", " "] }), _jsx(Button, { onClick: handleViewFullDocument, className: "bg-indigo-600 hover:bg-indigo-700 text-white", children: "Open Full Document View" })] })), !isImage && !text && !isPdf && !loadingText && (_jsxs("div", { className: "flex flex-col items-center justify-center h-64 border border-gray-200 dark:border-gray-700 rounded-md p-4 bg-gray-50 dark:bg-gray-800", children: [_jsx(FileText, { className: "h-16 w-16 text-gray-300 dark:text-gray-600 mb-4" }), _jsx("p", { className: "text-gray-600 dark:text-gray-400 text-center", children: "No preview available for this document type." })] }))] })), currentTab === "properties" && object && (_jsxs("div", { className: "h-full", children: [object.properties ? (_jsx("div", { className: "shadow rounded-md p-4 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800", children: _jsx(JSONDisplay, { value: object.properties }) })) : (_jsxs("div", { className: "flex flex-col items-center justify-center h-64 border border-gray-200 dark:border-gray-700 rounded-md p-4 bg-gray-50 dark:bg-gray-800", children: [_jsx(Info, { className: "h-16 w-16 text-gray-300 dark:text-gray-600 mb-4" }), _jsx("p", { className: "text-gray-600 dark:text-gray-400 text-center", children: "No properties available for this document." })] })), _jsxs("div", { className: "mt-4", children: [_jsx("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-2", children: "Document Information" }), _jsx("div", { className: "shadow rounded-md p-4 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800", children: _jsxs("div", { className: "grid grid-cols-2 gap-y-2 gap-x-4 text-sm", children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "ID" }), _jsx("div", { className: "font-medium dark:text-gray-200", children: object.id }), _jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Type" }), _jsx("div", { className: "font-medium dark:text-gray-200", children: object.type?.name || "Unknown" }), _jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Content Type" }), _jsx("div", { className: "font-medium dark:text-gray-200", children: object.content?.type || "N/A" }), _jsx("div", { className: "text-gray-500", children: "Size" }), _jsx("div", { className: "font-medium", children: object.content && "size" in object.content
+                                                                ? formatFileSize(object.content.size)
+                                                                : "Unknown" }), _jsx("div", { className: "text-gray-500", children: "Created" }), _jsx("div", { className: "font-medium", children: object.created_at
+                                                                ? new Date(object.created_at).toLocaleString()
+                                                                : "N/A" }), _jsx("div", { className: "text-gray-500", children: "Updated" }), _jsx("div", { className: "font-medium", children: object.updated_at
+                                                                ? new Date(object.updated_at).toLocaleString()
+                                                                : "N/A" })] }) })] })] }))] })] })), _jsxs("div", { className: "flex items-center justify-between p-4 border-t bg-gray-50 dark:bg-gray-800 dark:border-gray-700", children: [_jsx("div", { children: object?.content?.source && (_jsxs(Button, { onClick: () => {
+                                if (object?.content?.source) {
+                                    client.files
+                                        .getDownloadUrl(object.content.source)
+                                        .then((result) => {
+                                        window.open(result.url, "_blank");
+                                    })
+                                        .catch((error) => {
+                                        console.error("Error getting download URL:", error);
+                                        toast({
+                                            title: "Error",
+                                            description: "Failed to download file",
+                                            status: "error",
+                                            duration: 3000,
+                                        });
+                                    });
+                                }
+                            }, variant: "outline", className: "text-indigo-600 border-indigo-300 hover:bg-indigo-50", children: [_jsx(Download, { className: "h-4 w-4 mr-2" }), "Download"] })) }), _jsxs(Button, { onClick: handleViewFullDocument, className: "bg-indigo-600 hover:bg-indigo-700 text-white", children: ["Open Full Document", _jsx(ChevronRight, { className: "h-4 w-4 ml-2" })] })] })] }));
+}
+function formatFileSize(bytes) {
+    if (bytes === 0)
+        return "0 Bytes";
+    const k = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+}
+//# sourceMappingURL=DocumentPreviewPanel.js.map

package/lib/esm/features/store/objects/DocumentPreviewPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentPreviewPanel.js","sourceRoot":"","sources":["../../../../../src/features/store/objects/DocumentPreviewPanel.tsx"],"names":[],"mappings":"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"}