@vertesia/ui 0.78.0-dev-28b447d → 0.79.0

package/lib/esm/features/facets/DocumentsFacetsNav.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FilterProvider, FilterBtn, FilterBar, FilterClear } from '@vertesia/ui/core';
+import { useUserSession } from '@vertesia/ui/session';
+import { useState } from 'react';
+import { VStringFacet } from './utils/VStringFacet';
+import { VTypeFacet } from './utils/VTypeFacet';
+// Hook to create filter groups for documents
+export function useDocumentFilterGroups(facets) {
+    const { typeRegistry } = useUserSession();
+    const customFilterGroups = [];
+    customFilterGroups.push({
+        placeholder: 'ID',
+        name: 'id',
+        type: 'text',
+        options: [],
+    });
+    customFilterGroups.push({
+        placeholder: 'Name',
+        name: 'name',
+        type: 'text',
+        options: [],
+    });
+    if (facets.type) {
+        const typeFilterGroup = VTypeFacet({
+            buckets: facets.type || [],
+            typeRegistry: typeRegistry,
+            type: 'select',
+            multiple: true
+        });
+        customFilterGroups.push(typeFilterGroup);
+    }
+    if (facets.status) {
+        const statusFilterGroup = VStringFacet({
+            search: null, // This will be provided by the search context
+            buckets: facets.status || [],
+            name: 'status',
+            placeholder: 'Status',
+            type: 'select',
+            multiple: true
+        });
+        customFilterGroups.push(statusFilterGroup);
+    }
+    if (facets.tags) {
+        customFilterGroups.push({
+            name: 'tags',
+            placeholder: 'Tags',
+            type: 'stringList',
+            options: facets.tags.map((tag) => ({
+                label: tag,
+                value: tag
+            }))
+        });
+    }
+    customFilterGroups.push({
+        name: 'created_at',
+        placeholder: 'Created Date',
+        type: 'date',
+        multiple: true,
+        options: []
+    });
+    customFilterGroups.push({
+        name: 'updated_at',
+        placeholder: 'Updated Date',
+        type: 'date',
+        multiple: true,
+        options: []
+    });
+    return customFilterGroups;
+}
+// Hook to create filter change handler for documents
+export function useDocumentFilterHandler(search) {
+    return (newFilters) => {
+        if (newFilters.length === 0) {
+            search.clearFilters();
+            return;
+        }
+        search.clearFilters(false);
+        newFilters.forEach(filter => {
+            if (filter.value && filter.value.length > 0) {
+                const filterName = filter.name;
+                let filterValue;
+                if (filter.type === 'date' && filter.multiple) {
+                    // Handle date range filters
+                    if (Array.isArray(filter.value) && filter.value.length > 0) {
+                        if (filter.value.length === 1) {
+                            // Single date - use as both start and end
+                            const dateValue = typeof filter.value[0] === 'object' ? filter.value[0].value : filter.value[0];
+                            filterValue = {
+                                gte: dateValue,
+                                lte: dateValue
+                            };
+                        }
+                        else if (filter.value.length === 2) {
+                            // Date range - start and end dates
+                            const startDate = typeof filter.value[0] === 'object' ? filter.value[0].value : filter.value[0];
+                            const endDate = typeof filter.value[1] === 'object' ? filter.value[1].value : filter.value[1];
+                            filterValue = {
+                                gte: startDate,
+                                lte: endDate
+                            };
+                        }
+                    }
+                }
+                else if (filter.multiple) {
+                    if (Array.isArray(filter.value)) {
+                        filterValue = filter.value.map((v) => typeof v === 'object' && v.value ? v.value : v);
+                    }
+                    else {
+                        const singleValue = typeof filter.value === 'object' && filter.value.value ? filter.value.value : filter.value;
+                        filterValue = [singleValue];
+                    }
+                }
+                else {
+                    // Single value - don't wrap in array
+                    filterValue = Array.isArray(filter.value) && filter.value[0] && typeof filter.value[0] === 'object'
+                        ? filter.value[0].value
+                        : Array.isArray(filter.value) && filter.value[0]
+                            ? filter.value[0]
+                            : filter.value;
+                }
+                if (filterName === 'name') {
+                    search.query.name = filterValue;
+                }
+                else if (filterName === 'id') {
+                    search.query.id = filterValue;
+                }
+                else {
+                    search.query[filterName] = filterValue;
+                }
+            }
+        });
+        search.search();
+    };
+}
+// Legacy component for backward compatibility
+export function DocumentsFacetsNav({ facets, search, }) {
+    const [filters, setFilters] = useState([]);
+    const filterGroups = useDocumentFilterGroups(facets);
+    const handleFilterLogic = useDocumentFilterHandler(search);
+    const handleFilterChange = (value) => {
+        const newFilters = typeof value === 'function' ? value(filters) : value;
+        setFilters(newFilters);
+        handleFilterLogic(newFilters);
+    };
+    return (_jsx(FilterProvider, { filterGroups: filterGroups, filters: filters, setFilters: handleFilterChange, children: _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(FilterBtn, {}), _jsx(FilterBar, {}), _jsx(FilterClear, {})] }) }));
+}
+//# sourceMappingURL=DocumentsFacetsNav.js.map

package/lib/esm/features/facets/DocumentsFacetsNav.js.map

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

package/lib/esm/features/facets/EnvironmentFacet.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { SelectBox } from '@vertesia/ui/core';
+import { useUserSession } from '@vertesia/ui/session';
+import { facetOptionNameLabel } from './utils/utils';
+export function EnvironmentFacet({ search, buckets, placeholder = "All Environments", className }) {
+    const { client } = useUserSession();
+    const [options, setOptions] = useState([]);
+    const filterValue = search.getFilterValue("environment");
+    const onChange = (option) => {
+        search.setFilterValue("environment", option?._id);
+    };
+    useEffect(() => {
+        if (client) {
+            const options = buckets.map(async (bucket) => {
+                let name;
+                await client.environments.retrieve(bucket._id).then((environment) => {
+                    name = environment.name;
+                }).catch(() => {
+                    name = `${bucket._id} (deleted)`;
+                });
+                if (!name) {
+                    name = bucket._id;
+                }
+                return {
+                    ...bucket,
+                    name
+                };
+            });
+            Promise.all(options).then(resolvedOptions => {
+                resolvedOptions.sort((a, b) => a.name.localeCompare(b.name));
+                setOptions(resolvedOptions);
+            });
+        }
+    }, [buckets, client]);
+    const value = options?.find((option) => option._id === filterValue);
+    return (_jsx(SelectBox, { filterBy: "name", className: className, isClearable: true, optionLabel: facetOptionNameLabel, options: options, value: value, onChange: onChange, by: '_id', placeholder: placeholder }));
+}
+//# sourceMappingURL=EnvironmentFacet.js.map

package/lib/esm/features/facets/EnvironmentFacet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentFacet.js","sourceRoot":"","sources":["../../../../src/features/facets/EnvironmentFacet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAQrD,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,kBAAkB,EAAE,SAAS,EAAyB;IACpH,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,aAAa,CAAW,CAAC;IACnE,MAAM,QAAQ,GAAG,CAAC,MAA+B,EAAE,EAAE;QACjD,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACtD,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;gBACzC,IAAI,IAAI,CAAC;gBACT,MAAM,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;oBAChE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;gBAC5B,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;oBACV,IAAI,GAAG,GAAG,MAAM,CAAC,GAAG,YAAY,CAAC;gBACrC,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,IAAI,EAAE,CAAC;oBACR,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;gBACtB,CAAC;gBACD,OAAO;oBACH,GAAG,MAAM;oBACT,IAAI;iBACP,CAAA;YACL,CAAC,CAAC,CAAA;YACF,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE;gBACxC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC7D,UAAU,CAAC,eAAe,CAAC,CAAC;YAChC,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,MAAM,KAAK,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC;IAEpE,OAAO,CACH,KAAC,SAAS,IAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,QAAC,WAAW,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,KAAK,EAAC,WAAW,EAAE,WAAW,GAAI,CAC5L,CAAA;AACL,CAAC"}

package/lib/esm/features/facets/InteractionsFacetsNav.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FilterProvider, FilterBtn, FilterBar, FilterClear } from '@vertesia/ui/core';
+import { useState } from 'react';
+// Hook to create filter groups for interactions
+export function useInteractionsFilterGroups(facets) {
+    void facets;
+    const customFilterGroups = [];
+    // Add name filter as string type
+    const nameFilterGroup = {
+        name: 'name',
+        placeholder: 'Name',
+        type: 'text',
+        multiple: false
+    };
+    customFilterGroups.push(nameFilterGroup);
+    // Add prompt name filter as string type
+    const promptNameFilterGroup = {
+        name: 'prompt',
+        placeholder: 'Prompt Name',
+        type: 'text',
+        multiple: false
+    };
+    customFilterGroups.push(promptNameFilterGroup);
+    // Add tags filter as stringList type (allows custom input)
+    const tagsFilterGroup = {
+        name: 'tags',
+        placeholder: 'Tags',
+        type: 'stringList',
+        multiple: true
+    };
+    customFilterGroups.push(tagsFilterGroup);
+    return customFilterGroups;
+}
+// Hook to create filter change handler for interactions
+export function useInteractionsFilterHandler(search) {
+    return (newFilters) => {
+        if (newFilters.length === 0) {
+            // Clear filters without applying defaults - user wants to remove all filters
+            search.clearFilters(true, false);
+            return;
+        }
+        // Clear all filters first without defaults, then apply new ones
+        search.clearFilters(false, false);
+        newFilters.forEach(filter => {
+            if (filter.value && filter.value.length > 0) {
+                const filterName = filter.name;
+                let filterValue;
+                if (filter.type === 'stringList') {
+                    filterValue = filter.value.map(v => typeof v === 'string' ? v : v.value);
+                }
+                else if (filter.multiple) {
+                    filterValue = Array.isArray(filter.value)
+                        ? filter.value.map((v) => typeof v === 'object' && v.value ? v.value : v)
+                        : [typeof filter.value === 'object' && filter.value.value ? filter.value.value : filter.value];
+                }
+                else {
+                    // Single value - don't wrap in array
+                    filterValue = Array.isArray(filter.value) && filter.value[0] && typeof filter.value[0] === 'object'
+                        ? filter.value[0].value
+                        : Array.isArray(filter.value) && filter.value[0]
+                            ? filter.value[0]
+                            : filter.value;
+                }
+                search.query[filterName] = filterValue;
+            }
+        });
+        search.search();
+    };
+}
+// Component for interactions filtering
+export function InteractionsFacetsNav({ facets, search }) {
+    const [filters, setFilters] = useState([]);
+    const filterGroups = useInteractionsFilterGroups(facets);
+    const handleFilterLogic = useInteractionsFilterHandler(search);
+    const handleFilterChange = (value) => {
+        const newFilters = typeof value === 'function' ? value(filters) : value;
+        setFilters(newFilters);
+        handleFilterLogic(newFilters);
+    };
+    return (_jsx(FilterProvider, { filterGroups: filterGroups, filters: filters, setFilters: handleFilterChange, children: _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(FilterBtn, {}), _jsx(FilterBar, {}), _jsx(FilterClear, {})] }) }));
+}
+//# sourceMappingURL=InteractionsFacetsNav.js.map

package/lib/esm/features/facets/InteractionsFacetsNav.js.map

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

package/lib/esm/features/facets/PromptsFacetsNav.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FilterProvider, FilterBtn, FilterBar, FilterClear } from '@vertesia/ui/core';
+import { useState } from 'react';
+// Hook to create filter groups for prompts
+export function usePromptsFilterGroups(facets) {
+    void facets;
+    const customFilterGroups = [];
+    // Add name filter as text type
+    const nameFilterGroup = {
+        name: 'name',
+        placeholder: 'Name',
+        type: 'text',
+        multiple: false
+    };
+    customFilterGroups.push(nameFilterGroup);
+    // Add role filter as select type if role facets are available
+    if (facets.role && facets.role.length > 0) {
+        const rolesFilterGroup = {
+            name: 'role',
+            placeholder: 'Role',
+            type: 'select',
+            options: facets.role.map((facet) => ({
+                label: facet._id,
+                value: facet._id,
+                count: facet.count
+            })),
+        };
+        customFilterGroups.push(rolesFilterGroup);
+    }
+    return customFilterGroups;
+}
+// Hook to create filter change handler for prompts
+export function usePromptsFilterHandler(search) {
+    return (newFilters) => {
+        if (newFilters.length === 0) {
+            // Clear filters without applying defaults - user wants to remove all filters
+            search.clearFilters(true, false);
+            return;
+        }
+        // Clear all filters first without defaults, then apply new ones
+        search.clearFilters(false, false);
+        newFilters.forEach(filter => {
+            if (filter.value && filter.value.length > 0) {
+                const filterName = filter.name;
+                let filterValue;
+                if (filter.type === 'stringList') {
+                    filterValue = filter.value.map(v => typeof v === 'string' ? v : v.value);
+                }
+                else if (filter.multiple) {
+                    filterValue = Array.isArray(filter.value)
+                        ? filter.value.map((v) => typeof v === 'object' && v.value ? v.value : v)
+                        : [typeof filter.value === 'object' && filter.value.value ? filter.value.value : filter.value];
+                }
+                else {
+                    // Single value - don't wrap in array
+                    filterValue = Array.isArray(filter.value) && filter.value[0] && typeof filter.value[0] === 'object'
+                        ? filter.value[0].value
+                        : Array.isArray(filter.value) && filter.value[0]
+                            ? filter.value[0]
+                            : filter.value;
+                }
+                search.query[filterName] = filterValue;
+            }
+        });
+        search.search();
+    };
+}
+// Component for prompts filtering
+export function PromptsFacetsNav({ facets, search }) {
+    const [filters, setFilters] = useState([]);
+    const filterGroups = usePromptsFilterGroups(facets);
+    const handleFilterLogic = usePromptsFilterHandler(search);
+    const handleFilterChange = (value) => {
+        const newFilters = typeof value === 'function' ? value(filters) : value;
+        setFilters(newFilters);
+        handleFilterLogic(newFilters);
+    };
+    return (_jsx(FilterProvider, { filterGroups: filterGroups, filters: filters, setFilters: handleFilterChange, children: _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(FilterBtn, {}), _jsx(FilterBar, {}), _jsx(FilterClear, {})] }) }));
+}
+//# sourceMappingURL=PromptsFacetsNav.js.map

package/lib/esm/features/facets/PromptsFacetsNav.js.map

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

package/lib/esm/features/facets/RunsFacetsNav.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, FilterProvider, FilterBtn, FilterBar, FilterClear } from '@vertesia/ui/core';
+import { useState } from 'react';
+import { VEnvironmentFacet } from './utils/VEnvironmentFacet';
+import { VInteractionFacet } from './utils/VInteractionFacet';
+import { VStringFacet } from './utils/VStringFacet';
+import { VUserFacet } from './utils/VUserFacet';
+import { RefreshCw } from 'lucide-react';
+// Hook to create filter groups for runs
+export function useRunsFilterGroups(facets) {
+    const customFilterGroups = [];
+    const runIdFilterGroup = {
+        name: 'run_ids',
+        placeholder: 'Run ID',
+        type: 'text',
+        multiple: false
+    };
+    customFilterGroups.push(runIdFilterGroup);
+    if (facets.interactions) {
+        const interactionFilterGroup = VInteractionFacet({
+            buckets: facets.interactions || [],
+            name: 'interaction',
+            placeholder: 'Interactions',
+        });
+        customFilterGroups.push(interactionFilterGroup);
+    }
+    if (facets.environments) {
+        const environmentFilterGroup = VEnvironmentFacet({
+            buckets: facets.environments || [],
+            name: 'environments',
+        });
+        customFilterGroups.push(environmentFilterGroup);
+    }
+    // Add tags filter as stringList type (allows custom input)
+    const tagsFilterGroup = {
+        name: 'tags',
+        placeholder: 'Tags',
+        type: 'stringList',
+        multiple: true
+    };
+    customFilterGroups.push(tagsFilterGroup);
+    if (facets.models) {
+        const modelFilterGroup = VStringFacet({
+            search: null, // This will be provided by the search context
+            buckets: facets.models || [],
+            name: 'model'
+        });
+        customFilterGroups.push(modelFilterGroup);
+    }
+    if (facets.statuses) {
+        const statusFilterGroup = VStringFacet({
+            search: null, // This will be provided by the search context
+            buckets: facets.statuses || [],
+            name: 'status'
+        });
+        customFilterGroups.push(statusFilterGroup);
+    }
+    if (facets.finish_reason) {
+        const processedFinishReason = facets.finish_reason.map((bucket) => ({
+            ...bucket,
+            _id: bucket._id === null ? 'none' : bucket._id
+        }));
+        const finishReasonFilterGroup = VStringFacet({
+            search: null, // This will be provided by the search context
+            buckets: processedFinishReason,
+            name: 'finish_reason',
+            placeholder: 'Finish Reason'
+        });
+        customFilterGroups.push(finishReasonFilterGroup);
+    }
+    if (facets.created_by) {
+        const createdByFilterGroup = VUserFacet({
+            buckets: facets.created_by || [],
+            name: 'created_by',
+            placeholder: 'Created By'
+        });
+        customFilterGroups.push(createdByFilterGroup);
+    }
+    const dateAfterFilterGroup = {
+        name: 'start',
+        placeholder: 'Date After',
+        type: 'date',
+        multiple: false
+    };
+    customFilterGroups.push(dateAfterFilterGroup);
+    const dateBeforeFilterGroup = {
+        name: 'end',
+        placeholder: 'Date Before',
+        type: 'date',
+        multiple: false
+    };
+    customFilterGroups.push(dateBeforeFilterGroup);
+    const workflowRunIdFilterGroup = {
+        name: 'workflow_run_ids',
+        placeholder: 'Workflow Run ID',
+        type: 'text',
+        multiple: false
+    };
+    customFilterGroups.push(workflowRunIdFilterGroup);
+    return customFilterGroups;
+}
+// Hook to create filter change handler for runs
+export function useRunsFilterHandler(search) {
+    return (newFilters) => {
+        if (newFilters.length === 0) {
+            // Clear filters without applying defaults - user wants to remove all filters
+            search.clearFilters(true, false);
+            return;
+        }
+        // Clear all filters first without defaults, then apply new ones
+        search.clearFilters(false, false);
+        newFilters.forEach(filter => {
+            if (filter.value && filter.value.length > 0) {
+                const filterName = filter.name;
+                let filterValue;
+                if (filter.type === 'stringList') {
+                    filterValue = filter.value.map(v => typeof v === 'string' ? v : v.value);
+                }
+                else if (filter.multiple) {
+                    filterValue = Array.isArray(filter.value)
+                        ? filter.value.map((v) => typeof v === 'object' && v.value ? v.value : v)
+                        : [typeof filter.value === 'object' && filter.value.value ? filter.value.value : filter.value];
+                }
+                else {
+                    // Single value - don't wrap in array
+                    filterValue = Array.isArray(filter.value) && filter.value[0] && typeof filter.value[0] === 'object'
+                        ? filter.value[0].value
+                        : Array.isArray(filter.value) && filter.value[0]
+                            ? filter.value[0]
+                            : filter.value;
+                }
+                // Force array format for backend fields that expect arrays
+                if ((filterName === 'run_ids' || filterName === 'workflow_run_ids') && !Array.isArray(filterValue)) {
+                    filterValue = [filterValue];
+                }
+                search.query[filterName] = filterValue;
+            }
+        });
+        search.search();
+    };
+}
+// Legacy component for backward compatibility
+export function RunsFacetsNav({ facets, search }) {
+    const [filters, setFilters] = useState([]);
+    const filterGroups = useRunsFilterGroups(facets);
+    const handleFilterLogic = useRunsFilterHandler(search);
+    const handleFilterChange = (value) => {
+        const newFilters = typeof value === 'function' ? value(filters) : value;
+        setFilters(newFilters);
+        handleFilterLogic(newFilters);
+    };
+    const handleRefetch = () => {
+        search.search();
+    };
+    return (_jsxs(FilterProvider, { filterGroups: filterGroups, filters: filters, setFilters: handleFilterChange, children: [_jsxs("div", { className: 'flex justify-between mb-1', children: [_jsx(FilterBtn, {}), _jsx(Button, { onClick: handleRefetch, variant: 'outline', title: "Refresh", children: _jsx(RefreshCw, { className: "size-5" }) })] }), _jsxs("div", { className: 'flex gap-2 items-center', children: [_jsx(FilterBar, {}), _jsx(FilterClear, {})] })] }));
+}
+//# sourceMappingURL=RunsFacetsNav.js.map

package/lib/esm/features/facets/RunsFacetsNav.js.map

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

package/lib/esm/features/facets/WorkflowExecutionsFacetsNav.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FilterProvider, FilterBtn, FilterBar, FilterClear } from '@vertesia/ui/core';
+import { useState } from 'react';
+import { VStringFacet } from './utils/VStringFacet';
+import { VUserFacet } from './utils/VUserFacet';
+// Hook to create filter groups for workflow executions
+export function useWorkflowExecutionsFilterGroups(facets) {
+    const customFilterGroups = [];
+    customFilterGroups.push({
+        placeholder: 'Workflow or Run ID',
+        name: 'name',
+        type: 'text',
+        options: [],
+    });
+    if (facets.status) {
+        const statusFilterGroup = VStringFacet({
+            search: null, // This will be provided by the search context
+            buckets: facets.status || [],
+            name: 'status',
+            placeholder: 'Status'
+        });
+        customFilterGroups.push(statusFilterGroup);
+    }
+    if (facets.initiated_by) {
+        const initiatedByFilterGroup = VUserFacet({
+            buckets: facets.initiated_by || [],
+            name: 'initiated_by',
+            placeholder: 'Initiated By'
+        });
+        customFilterGroups.push(initiatedByFilterGroup);
+    }
+    const dateAfterFilterGroup = {
+        name: 'start',
+        placeholder: 'Date After',
+        type: 'date',
+        multiple: false
+    };
+    customFilterGroups.push(dateAfterFilterGroup);
+    const dateBeforeFilterGroup = {
+        name: 'end',
+        placeholder: 'Date Before',
+        type: 'date',
+        multiple: false
+    };
+    customFilterGroups.push(dateBeforeFilterGroup);
+    return customFilterGroups;
+}
+// Hook to create filter change handler for workflow executions
+export function useWorkflowExecutionsFilterHandler(search) {
+    return (newFilters) => {
+        if (newFilters.length === 0) {
+            search.clearFilters();
+            return;
+        }
+        search.clearFilters(false);
+        newFilters.forEach(filter => {
+            if (filter.value && filter.value.length > 0) {
+                const filterName = filter.name;
+                let filterValue;
+                if (filter.type === 'stringList') {
+                    filterValue = filter.value.map(v => typeof v === 'string' ? v : v.value);
+                }
+                else if (filter.multiple) {
+                    filterValue = Array.isArray(filter.value)
+                        ? filter.value.map((v) => typeof v === 'object' && v.value ? v.value : v)
+                        : [typeof filter.value === 'object' && filter.value.value ? filter.value.value : filter.value];
+                }
+                else {
+                    // Single value - don't wrap in array
+                    filterValue = Array.isArray(filter.value) && filter.value[0] && typeof filter.value[0] === 'object'
+                        ? filter.value[0].value
+                        : Array.isArray(filter.value) && filter.value[0]
+                            ? filter.value[0]
+                            : filter.value;
+                }
+                if (filterName === 'name') {
+                    search.query.search_term = filterValue;
+                    search.query.name = filterValue;
+                }
+                else {
+                    search.query[filterName] = filterValue;
+                }
+            }
+        });
+        search.search();
+    };
+}
+// Legacy component for backward compatibility
+export function WorkflowExecutionsFacetsNav({ facets, search, }) {
+    const [filters, setFilters] = useState([]);
+    const filterGroups = useWorkflowExecutionsFilterGroups(facets);
+    const handleFilterLogic = useWorkflowExecutionsFilterHandler(search);
+    const handleFilterChange = (value) => {
+        const newFilters = typeof value === 'function' ? value(filters) : value;
+        setFilters(newFilters);
+        handleFilterLogic(newFilters);
+    };
+    return (_jsx(FilterProvider, { filterGroups: filterGroups, filters: filters, setFilters: handleFilterChange, children: _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(FilterBtn, {}), _jsx(FilterBar, {}), _jsx(FilterClear, {})] }) }));
+}
+//# sourceMappingURL=WorkflowExecutionsFacetsNav.js.map