@manta-eu/react 0.1.1 → 0.1.2

package/dist/routes/datastores/index.js

@@ -0,0 +1,467 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useBringDatastoreOnlineMutation, useLinkUnlinkedDatastoreMutation, useDatastoreTreeQuery, useProvisionDatastoreMutation, useRegisterDatastoreMutation, useRemoveDatastoreMutation, useRenameDatastoreGroupMutation, useRestoreDatastoreMutation, useUnlinkedDatastoresQuery, } from "@manta-eu/client";
+import { enableDatastoreRemoval } from "@manta-eu/client/shared/constants";
+import { deriveDatastoreId } from "@manta-eu/client/shared/datastore-id";
+import { parseError } from "@manta-eu/client/shared/error-utils";
+import { namesAGroup, pathSegments } from "@manta-eu/client/shared/team";
+import { activeRealm } from "@manta-eu/ldo/realm";
+import { isPresent } from "@manta-eu/lib/present";
+import { useQueryClient } from "@tanstack/react-query";
+import { Archive, Database, EyeOff, Plus, RefreshCcw, TriangleAlert } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useNavigate, useSearchParams } from "react-router";
+import { toast } from "sonner";
+import { DatastoreFormDialog } from "./components/DatastoreFormDialog.js";
+import { DatastoresToolbar } from "./components/DatastoresToolbar.js";
+import { DatastoreTableSkeleton } from "./components/DatastoreTableSkeleton.js";
+import { LinkUnlinkedDatastoreDialog } from "./components/LinkUnlinkedDatastoreDialog.js";
+import { RenameDatastoreGroupDialog } from "./components/RenameDatastoreGroupDialog.js";
+import { UnlinkedDatastoresPanel } from "./components/UnlinkedDatastoresPanel.js";
+import { existingOrganizationNameKeys, hiddenRowCount, organizationNameKey, organizationNames, realmDefaultRow, toDatastoreRows, unlinkedDatastoreRow, visibilityForStatusFilter, visibleDatastoreRows, } from "./flatten.js";
+import { datastoreColumnIds, unlinkedColumnLabels, unlinkedColumnOrder, useDatastoreColumns, } from "./hooks/useDatastoreColumns.js";
+import { useDatastoreTable } from "./hooks/useDatastoreTable.js";
+import { Button } from "#components/button/index";
+import { collectDatastoreIds } from "#components/datastore-management/tree";
+import { useDatastoreStatusByDatastoreId } from "#components/datastore-management/use-datastore-status";
+import { EmptyState } from "#components/empty-state/index";
+import { DeleteConfirmationDialog } from "#components/layouts/DeleteConfirmationDialog";
+import { PageHeader } from "#components/layouts/page/index";
+import { RouteLayout } from "#components/layouts/RouteLayout";
+import { ScopeTabs } from "#components/scope-tabs/index";
+import { DataTable } from "#components/table/index";
+import { TablePagination } from "#components/table-pagination/index";
+import { Tabs, TabsContent } from "#components/tabs/index";
+import { Tooltip, TooltipContent, TooltipTrigger } from "#components/tooltip/index";
+import { useDatastoreSelection } from "#hooks/useDatastoreSelection";
+import { useAuthContext } from "#providers/AuthContext";
+import { useMantaClient } from "#providers/index";
+const realmDatastoreId = activeRealm();
+const tabLabels = {
+    organizations: "Organizations",
+    unlinked: "Unlinked",
+};
+const activeTabs = ["organizations", "unlinked"];
+export function DatastoresRoute() {
+    const { datastore, datastores, user, logout, isOperator, canSwitchDatastore } = useAuthContext();
+    const { mantaClient } = useMantaClient();
+    const queryClient = useQueryClient();
+    const navigate = useNavigate();
+    const { setSelectedDatastore, isSwitching } = useDatastoreSelection({ canSwitchDatastore });
+    // A search keeps hierarchy order, so only an explicit sort drops the Name indent.
+    const [sorting, setSorting] = useState([]);
+    const [unlinkedSorting, setUnlinkedSorting] = useState([]);
+    const indented = !isPresent(sorting);
+    const [formTarget, setFormTarget] = useState(null);
+    const [pendingRemoval, setPendingRemoval] = useState(null);
+    const [renameTarget, setRenameTarget] = useState(null);
+    const [linkDialogTarget, setLinkDialogTarget] = useState(null);
+    const [visibility, setVisibility] = useState({
+        showArchived: false,
+        showUnprovisioned: false,
+    });
+    const { showArchived, showUnprovisioned } = visibility;
+    const [searchParams, setSearchParams] = useSearchParams();
+    const tabParam = searchParams.get("tab");
+    const activeTab = tabParam && activeTabs.includes(tabParam) ? tabParam : "organizations";
+    useEffect(() => {
+        if (tabParam !== activeTab)
+            setSearchParams({ tab: activeTab }, { replace: true });
+    }, [tabParam, activeTab, setSearchParams]);
+    const toggleVisibility = useCallback((key) => {
+        setVisibility((current) => ({ ...current, [key]: !current[key] }));
+    }, []);
+    const { data, isLoading, isFetching, refetch } = useDatastoreTreeQuery(mantaClient, undefined, {
+        enabled: !!isOperator,
+    });
+    const { data: unlinkedData, error: unlinkedError, isLoading: isUnlinkedLoading, } = useUnlinkedDatastoresQuery(mantaClient, undefined, {
+        enabled: !!isOperator,
+        staleTime: Infinity,
+        refetchOnWindowFocus: false,
+        retry: false,
+    });
+    function invalidateTree() {
+        void queryClient.invalidateQueries({ queryKey: useDatastoreTreeQuery.getKey() });
+    }
+    const handleRefresh = useCallback(() => {
+        void refetch();
+        void queryClient.refetchQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
+        void queryClient.refetchQueries({ queryKey: useUnlinkedDatastoresQuery.getKey() });
+    }, [refetch, queryClient]);
+    const provisionMutation = useProvisionDatastoreMutation(mantaClient, {
+        onSuccess: (result) => {
+            invalidateTree();
+            const { success, name, error, pending } = result.provisionDatastore;
+            if (!success) {
+                toast.error("Couldn't create the datastore", { description: error ?? undefined });
+                return;
+            }
+            // The datastore is usually ready by the time this returns, so read its status now rather
+            // than leaving the row stale until the next poll.
+            void queryClient.refetchQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
+            // pending means only that its Dagster run outlived the wait.
+            if (pending) {
+                toast.success(`Datastore "${name}" is being created`, {
+                    description: "It is taking longer than usual, and becomes available once its knowledge graph is built.",
+                });
+            }
+            else {
+                toast.success(`Datastore "${name}" is ready`);
+            }
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't create the datastore");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const removeMutation = useRemoveDatastoreMutation(mantaClient, {
+        onSuccess: (result) => {
+            invalidateTree();
+            if (result.removeDatastore.success)
+                toast.success("Datastore removed");
+            else
+                toast.error("Couldn't remove the datastore", { description: result.removeDatastore.error ?? undefined });
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't remove the datastore");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const restoreMutation = useRestoreDatastoreMutation(mantaClient, {
+        onSuccess: (result) => {
+            invalidateTree();
+            if (result.restoreDatastore.success)
+                toast.success("Datastore restored");
+            else
+                toast.error("Couldn't restore the datastore", { description: result.restoreDatastore.error ?? undefined });
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't restore the datastore");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const registerMutation = useRegisterDatastoreMutation(mantaClient, {
+        onSuccess: (result) => {
+            // "Not registered" is treated as settled, so status polling stopped - force a re-check.
+            void queryClient.invalidateQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
+            if (result.registerDatastore.success)
+                toast.success("Datastore registered");
+            else
+                toast.error("Couldn't register the datastore", { description: result.registerDatastore.error ?? undefined });
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't register the datastore");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const renameMutation = useRenameDatastoreGroupMutation(mantaClient, {
+        onSuccess: (result) => {
+            invalidateTree();
+            if (result.renameDatastoreGroup.success)
+                toast.success("Renamed");
+            else
+                toast.error("Couldn't rename", { description: result.renameDatastoreGroup.error ?? undefined });
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't rename");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const bringOnlineMutation = useBringDatastoreOnlineMutation(mantaClient, {
+        onSuccess: (result, variables) => {
+            void queryClient.refetchQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
+            if (!result.bringDatastoreOnline.success) {
+                toast.error("Couldn't bring the datastore online", {
+                    description: result.bringDatastoreOnline.error ?? undefined,
+                });
+                return;
+            }
+            const requested = variables.datastoreId;
+            if (!isPresent(requested))
+                return;
+            toast.success(`Datastore "${requested}" brought online`);
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't bring the datastore online");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const treeRows = useMemo(() => [
+        ...(realmDatastoreId ? [realmDefaultRow(realmDatastoreId)] : []),
+        ...toDatastoreRows(data?.datastoreTree ?? []),
+    ], [data]);
+    const unlinkedRows = useMemo(() => (unlinkedData?.unlinkedDatastores ?? []).map((entry) => unlinkedDatastoreRow(entry.id)), [unlinkedData]);
+    const allRows = useMemo(() => [...treeRows, ...unlinkedRows], [treeRows, unlinkedRows]);
+    const rows = useMemo(() => visibleDatastoreRows(treeRows, visibility), [treeRows, visibility]);
+    const unprovisionedCount = useMemo(() => hiddenRowCount(treeRows, visibility, "showUnprovisioned", rows.length), [treeRows, visibility, rows.length]);
+    const unlinkedCount = unlinkedRows.length;
+    const existingOrganizationNames = useMemo(() => existingOrganizationNameKeys(allRows), [allRows]);
+    const organizationNameOptions = useMemo(() => organizationNames(allRows), [allRows]);
+    // Mirrors provisionDatastore's assertDatastoreIdAvailable (Infisical folder-per-id is global,
+    // not scoped to siblings), so a slug collision is caught before the server round-trip.
+    const existingDatastoreIds = useMemo(() => new Set(treeRows.flatMap((row) => (isPresent(row.datastoreId) ? [row.datastoreId] : []))), [treeRows]);
+    const statusByDatastoreId = useDatastoreStatusByDatastoreId(collectDatastoreIds([...rows, ...unlinkedRows]), !!isOperator);
+    const derivedIdForRow = useCallback((row) => deriveDatastoreId(row.organizationName, row.isOrganization ? [] : pathSegments(row.path)), []);
+    const unlinkedIdSet = useMemo(() => new Set((unlinkedData?.unlinkedDatastores ?? []).map((entry) => entry.id)), [unlinkedData]);
+    const suggestedMatchByDatastoreId = useMemo(() => {
+        const matches = {};
+        for (const row of treeRows) {
+            if (isPresent(row.datastoreId))
+                continue;
+            const derived = derivedIdForRow(row);
+            if (unlinkedIdSet.has(derived))
+                matches[derived] ??= row;
+        }
+        return matches;
+    }, [treeRows, unlinkedIdSet, derivedIdForRow]);
+    const suggestedLinkTarget = useCallback((datastoreId) => {
+        const match = suggestedMatchByDatastoreId[datastoreId];
+        if (!match)
+            return undefined;
+        // An org-root match links with a blank name; the dialog reads that as atOrganizationRoot.
+        if (match.isOrganization) {
+            return { organizationName: match.organizationName, parentPath: [], name: "" };
+        }
+        const segments = pathSegments(match.path);
+        return {
+            organizationName: match.organizationName,
+            parentPath: segments.slice(0, -1),
+            name: match.name,
+        };
+    }, [suggestedMatchByDatastoreId]);
+    const matchableRowIds = useMemo(() => {
+        const ids = new Set();
+        for (const row of allRows) {
+            if (!isPresent(row.datastoreId) && unlinkedIdSet.has(derivedIdForRow(row)))
+                ids.add(row.id);
+        }
+        return ids;
+    }, [allRows, unlinkedIdSet, derivedIdForRow]);
+    // Adopting an existing group as a datastore needs no form - the name and parent are already known.
+    const provisionExisting = useCallback((row) => {
+        provisionMutation.mutate({
+            input: {
+                organizationName: row.organizationName,
+                parentPath: row.isOrganization ? [] : pathSegments(row.path).slice(0, -1),
+                name: row.isOrganization ? row.organizationName : row.name,
+                atOrganizationRoot: row.isOrganization,
+            },
+        });
+    }, [provisionMutation.mutate]);
+    const linkExistingMutation = useLinkUnlinkedDatastoreMutation(mantaClient, {
+        onSuccess: (result) => {
+            invalidateTree();
+            void queryClient.invalidateQueries({ queryKey: useUnlinkedDatastoresQuery.getKey() });
+            void queryClient.invalidateQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
+            if (result.linkUnlinkedDatastore.success) {
+                toast.success(`Linked to the existing datastore "${result.linkUnlinkedDatastore.datastoreId}"`);
+            }
+            else {
+                toast.error("Couldn't link the existing datastore", {
+                    description: result.linkUnlinkedDatastore.error ?? undefined,
+                });
+            }
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't link the existing datastore");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const onLinkExisting = useCallback((row) => {
+        linkExistingMutation.mutate({
+            input: {
+                datastoreId: derivedIdForRow(row),
+                organizationName: row.organizationName,
+                parentPath: row.isOrganization ? [] : pathSegments(row.path).slice(0, -1),
+                name: row.isOrganization ? row.organizationName : row.name,
+                atOrganizationRoot: row.isOrganization,
+            },
+        });
+    }, [linkExistingMutation.mutate, derivedIdForRow]);
+    const onSelect = useCallback((row) => {
+        if (isPresent(row.datastoreId))
+            void setSelectedDatastore(row.datastoreId, row.isOrganization ? "organization" : "datastore");
+    }, [setSelectedDatastore]);
+    const onAddChild = useCallback((row) => setFormTarget({
+        kind: "datastore",
+        parentPath: row.path,
+        parentName: row.name,
+        organizationName: row.organizationName,
+    }), []);
+    const onLink = useCallback((row) => {
+        if (isPresent(row.datastoreId))
+            setLinkDialogTarget(row.datastoreId);
+    }, []);
+    const onRestore = useCallback((row) => {
+        if (isPresent(row.datastoreId))
+            restoreMutation.mutate({ datastoreId: row.datastoreId });
+    }, [restoreMutation.mutate]);
+    const onRegister = useCallback((row) => {
+        if (isPresent(row.datastoreId))
+            registerMutation.mutate({ datastoreId: row.datastoreId });
+    }, [registerMutation.mutate]);
+    const onManageUsers = useCallback((row) => {
+        const query = new URLSearchParams({ org: row.organizationAlias });
+        if (namesAGroup(row.path))
+            query.set("group", row.path);
+        if (isPresent(row.organizationName))
+            query.set("name", row.organizationName);
+        void navigate(`/team?${query.toString()}`);
+    }, [navigate]);
+    const onBringOnline = useCallback((row) => {
+        if (isPresent(row.datastoreId))
+            bringOnlineMutation.mutate({ datastoreId: row.datastoreId });
+    }, [bringOnlineMutation.mutate]);
+    const columns = useDatastoreColumns({
+        statusByDatastoreId,
+        currentDatastoreId: datastore?.id ?? realmDatastoreId,
+        isSwitching,
+        indented,
+        matchableRowIds,
+        suggestedMatchByDatastoreId,
+        onSelect,
+        onAddChild,
+        onLink,
+        onProvision: provisionExisting,
+        onLinkExisting,
+        onRemove: setPendingRemoval,
+        onRestore,
+        onRename: setRenameTarget,
+        onRegister,
+        onManageUsers,
+        onBringOnline,
+        isBringingOnline: bringOnlineMutation.isPending,
+    });
+    const filterToggles = [
+        ...(enableDatastoreRemoval
+            ? [
+                {
+                    key: "archived",
+                    label: showArchived ? "Hide archived" : "Show archived",
+                    description: "Datastores that were removed; nothing is deleted, so they can be restored.",
+                    icon: showArchived ? EyeOff : Archive,
+                    active: showArchived,
+                    onToggle: () => toggleVisibility("showArchived"),
+                },
+            ]
+            : []),
+        ...(showUnprovisioned || unprovisionedCount > 0
+            ? [
+                {
+                    key: "unprovisioned",
+                    label: showUnprovisioned ? "Hide unprovisioned" : `Show unprovisioned (${unprovisionedCount})`,
+                    description: "Organizations and groups that haven't had a datastore set up yet.",
+                    icon: showUnprovisioned ? EyeOff : TriangleAlert,
+                    active: showUnprovisioned,
+                    onToggle: () => toggleVisibility("showUnprovisioned"),
+                },
+            ]
+            : []),
+    ];
+    const treeColumns = useMemo(() => columns.filter((column) => column.id !== datastoreColumnIds.suggestedMatch), [columns]);
+    const { table, searchQuery, onSearchQueryChange, statusFilter, onStatusFilterChange } = useDatastoreTable("datastores", rows, treeColumns, sorting, setSorting);
+    const unlinkedColumns = useMemo(() => unlinkedColumnOrder.flatMap((id) => columns.filter((column) => column.id === id)), [columns]);
+    const { table: unlinkedTable, searchQuery: unlinkedSearchQuery, onSearchQueryChange: onUnlinkedSearchQueryChange, statusFilter: unlinkedStatusFilter, onStatusFilterChange: onUnlinkedStatusFilterChange, } = useDatastoreTable("datastores-unlinked", unlinkedRows, unlinkedColumns, unlinkedSorting, setUnlinkedSorting);
+    const scopeTabs = activeTabs.map((tab) => ({
+        value: tab,
+        label: tabLabels[tab],
+        ...(tab === "unlinked" && !isUnlinkedLoading ? { count: unlinkedCount } : {}),
+    }));
+    const tabsList = _jsx(ScopeTabs, { tabs: scopeTabs, activeValue: activeTab, isLoading: isLoading });
+    const handleStatusFilterChange = useCallback((status) => {
+        setVisibility((current) => visibilityForStatusFilter(current, status));
+        onStatusFilterChange(status);
+    }, [onStatusFilterChange]);
+    // A group at the same level with the same exact name already has a datastore - mirrors
+    // ensureOrgGroupPath's exact-match lookup, which would otherwise adopt or collide with it server-side.
+    function siblingDatastoreCollision(organizationName, parentPath, name) {
+        const parentSegments = pathSegments(parentPath);
+        return allRows.some((row) => {
+            const segments = pathSegments(row.path);
+            return (row.organizationName === organizationName &&
+                isPresent(row.datastoreId) &&
+                !row.removed &&
+                row.name === name &&
+                segments.length === parentSegments.length + 1 &&
+                parentSegments.every((segment, i) => segments[i] === segment));
+        });
+    }
+    function submitForm(values) {
+        if (!formTarget)
+            return;
+        const name = values.name.trim();
+        if (formTarget.kind === "organization") {
+            if (existingOrganizationNames.has(organizationNameKey(name))) {
+                toast.error(`An organization named "${name}" already exists`, {
+                    description: "Choose a different name, or add a datastore under the existing organization instead.",
+                });
+                return;
+            }
+            const derived = deriveDatastoreId(name, []);
+            if (unlinkedIdSet.has(derived)) {
+                toast.error(`"${name}" resolves to '${derived}', which already exists but isn't linked`, {
+                    description: "Link it from the Unlinked tab instead of creating a new one.",
+                });
+                return;
+            }
+            if (existingDatastoreIds.has(derived)) {
+                toast.error(`"${name}" resolves to a datastore id that's already in use`, {
+                    description: "Choose a name that doesn't collide with an existing organization or datastore.",
+                });
+                return;
+            }
+        }
+        else {
+            if (siblingDatastoreCollision(formTarget.organizationName, formTarget.parentPath, name)) {
+                toast.error(`"${name}" already exists under ${formTarget.parentName}`, {
+                    description: "Choose a different name, or select the existing datastore instead.",
+                });
+                return;
+            }
+            const datastoreId = deriveDatastoreId(formTarget.organizationName, [
+                ...pathSegments(formTarget.parentPath),
+                name,
+            ]);
+            if (unlinkedIdSet.has(datastoreId)) {
+                toast.error(`"${name}" resolves to '${datastoreId}', which already exists but isn't linked`, {
+                    description: "Link it from the Unlinked tab instead of creating a new one.",
+                });
+                return;
+            }
+            if (existingDatastoreIds.has(datastoreId)) {
+                toast.error(`"${name}" resolves to a datastore id that's already in use`, {
+                    description: "Choose a different name to avoid colliding with another datastore.",
+                });
+                return;
+            }
+        }
+        const input = formTarget.kind === "organization"
+            ? { organizationName: name, atOrganizationRoot: true, name }
+            : {
+                organizationName: formTarget.organizationName,
+                parentPath: pathSegments(formTarget.parentPath),
+                name,
+                atOrganizationRoot: false,
+            };
+        provisionMutation.mutate({ input });
+        setFormTarget(null);
+    }
+    return (_jsxs(RouteLayout, { user: user, datastore: datastore, datastores: datastores, isOperator: isOperator, canSwitchDatastore: canSwitchDatastore, logout: logout, children: [_jsx(PageHeader, { title: "Datastores", icon: Database, actions: _jsxs(_Fragment, { children: [_jsx(Button, { iconOnly: true, variant: "tertiary", onClick: handleRefresh, disabled: isFetching, icon: RefreshCcw, "aria-label": "Refresh datastores" }), activeTab === "organizations" && (_jsxs(_Fragment, { children: [filterToggles.map((toggle) => (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", "aria-pressed": toggle.active, onClick: toggle.onToggle, icon: toggle.icon, children: toggle.label }) }), _jsx(TooltipContent, { children: toggle.description })] }, toggle.key))), _jsx(Button, { icon: Plus, onClick: () => setFormTarget({ kind: "organization" }), children: "Add organization" })] }))] }) }), _jsxs(Tabs, { value: activeTab, onValueChange: (tab) => setSearchParams({ tab }, { replace: true }), className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [_jsxs(TabsContent, { value: "organizations", className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [_jsx("div", { className: "border-b border-muted-border px-5 py-3 shrink-0", children: _jsx(DatastoresToolbar, { tabs: tabsList, searchQuery: searchQuery, onSearchQueryChange: onSearchQueryChange, statusFilter: statusFilter, onStatusFilterChange: handleStatusFilterChange, table: table }) }), _jsxs("div", { className: "flex-1 overflow-auto p-4", children: [isLoading && _jsx(DatastoreTableSkeleton, {}), !isLoading && !isPresent(rows) && (_jsx(EmptyState, { icon: Database, title: "No organizations yet", description: "Provision an organization to give it its first datastore.", children: _jsx(Button, { icon: Plus, onClick: () => setFormTarget({ kind: "organization" }), children: "Add organization" }) })), !isLoading && isPresent(rows) && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "rounded-xl border border-muted-border bg-card overflow-hidden", children: _jsx(DataTable, { table: table, noResultsMessage: "No datastores match your filters." }) }), _jsx(TablePagination, { table: table, total: rows.length })] }))] })] }), _jsx(TabsContent, { value: "unlinked", className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: _jsx(UnlinkedDatastoresPanel, { tabs: tabsList, table: unlinkedTable, rows: unlinkedRows, searchQuery: unlinkedSearchQuery, onSearchQueryChange: onUnlinkedSearchQueryChange, statusFilter: unlinkedStatusFilter, onStatusFilterChange: onUnlinkedStatusFilterChange, columnLabels: unlinkedColumnLabels, columnDefaultOrder: unlinkedColumnOrder, isLoading: isUnlinkedLoading, errorMessage: unlinkedError != null
+                                ? (parseError(unlinkedError, "Couldn't list unlinked datastores").description ??
+                                    "Couldn't list unlinked datastores")
+                                : null }) })] }), formTarget && (_jsx(DatastoreFormDialog, { target: formTarget, onSubmit: submitForm, onCancel: () => setFormTarget(null) })), linkDialogTarget && (_jsx(LinkUnlinkedDatastoreDialog, { datastoreId: linkDialogTarget, suggestedMatch: suggestedLinkTarget(linkDialogTarget), organizationNames: organizationNameOptions, existingOrganizationNames: existingOrganizationNames, onClose: () => setLinkDialogTarget(null) })), renameTarget && (_jsx(RenameDatastoreGroupDialog, { target: renameTarget, onSubmit: (name) => {
+                    renameMutation.mutate({
+                        input: {
+                            id: renameTarget.id,
+                            organizationId: renameTarget.organizationId,
+                            isOrganization: renameTarget.isOrganization,
+                            name,
+                        },
+                    });
+                    setRenameTarget(null);
+                }, onCancel: () => setRenameTarget(null) })), pendingRemoval && isPresent(pendingRemoval.datastoreId) && (_jsx(DeleteConfirmationDialog, { title: "Remove datastore", description: `Remove "${pendingRemoval.name}"? Its knowledge graph is taken offline and it stops appearing here. Nothing is deleted - Infisical integrations are untouched - so it can be restored later.`, confirmLabel: "Remove", confirmingLabel: "Removing...", open: true, onOpenChange: (nextOpen) => !nextOpen && setPendingRemoval(null), onConfirm: () => {
+                    if (isPresent(pendingRemoval.datastoreId)) {
+                        removeMutation.mutate({ datastoreId: pendingRemoval.datastoreId });
+                    }
+                    setPendingRemoval(null);
+                }, onCancel: () => setPendingRemoval(null) }))] }));
+}

package/dist/routes/explain/ExplainEmpty.d.ts

@@ -0,0 +1,2 @@
+export declare function ExplainEmpty(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExplainEmpty.d.ts.map

package/dist/routes/explain/ExplainEmpty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplainEmpty.d.ts","sourceRoot":"","sources":["../../../src/routes/explain/ExplainEmpty.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CAkB3B"}

package/dist/routes/explain/ExplainEmpty.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileQuestion } from "lucide-react";
+import { Link } from "react-router";
+import { Button } from "#components/button/index";
+import { EmptyState } from "#components/empty-state/index";
+export function ExplainEmpty() {
+    return (_jsx(EmptyState, { icon: FileQuestion, title: "Choose a fact to explain", description: "Open this view from a chat explanation or a rule sample fact so the URL includes a subject and object.", className: "h-full max-w-lg", children: _jsxs("div", { className: "flex items-center gap-2 mt-4", children: [_jsx(Button, { asChild: true, variant: "secondary", children: _jsx(Link, { to: "/", children: "Back to chat" }) }), _jsx(Button, { asChild: true, variant: "tertiary", children: _jsx(Link, { to: "/rules", children: "View rules" }) })] }) }));
+}

package/dist/routes/explain/index.d.ts

@@ -0,0 +1,2 @@
+export declare function ExplainRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/routes/explain/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/routes/explain/index.tsx"],"names":[],"mappings":"AAUA,wBAAgB,YAAY,4CAyB3B"}

package/dist/routes/explain/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Network } from "lucide-react";
+import { useMemo } from "react";
+import { useSearchParams } from "react-router";
+import { ExplainEmpty } from "./ExplainEmpty.js";
+import { parseExplainUrlParams } from "./url-params.js";
+import { ExplainFact } from "#components/explain-fact/ExplainFact";
+import { PageHeader } from "#components/layouts/page/index";
+import { RouteLayout } from "#components/layouts/RouteLayout";
+import { useAuthContext } from "#providers/AuthContext";
+export function ExplainRoute() {
+    const { datastore, datastores, user, logout, isOperator, canSwitchDatastore } = useAuthContext();
+    const [searchParams] = useSearchParams();
+    const params = useMemo(() => parseExplainUrlParams(searchParams), [searchParams]);
+    return (_jsxs(RouteLayout, { user: user, datastore: datastore, datastores: datastores, isOperator: isOperator, canSwitchDatastore: canSwitchDatastore, logout: logout, children: [_jsx(PageHeader, { title: "Explain", icon: Network }), _jsx("div", { className: "min-h-0 flex-1 p-4", children: params ? (_jsx(ExplainFact, { mode: "full", ...params, className: "h-full rounded-md border border-muted-border bg-card/30" })) : (_jsx(ExplainEmpty, {})) })] }));
+}

package/dist/routes/explain/url-params.d.ts

@@ -0,0 +1,9 @@
+export type ExplainRouteParams = {
+    subject: string;
+    predicate?: string;
+    object: string;
+    namedGraph?: string;
+    objectDatatype?: string;
+};
+export declare function parseExplainUrlParams(params: URLSearchParams): ExplainRouteParams | null;
+//# sourceMappingURL=url-params.d.ts.map

package/dist/routes/explain/url-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-params.d.ts","sourceRoot":"","sources":["../../../src/routes/explain/url-params.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAQF,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,eAAe,GAAG,kBAAkB,GAAG,IAAI,CAiBxF"}

package/dist/routes/explain/url-params.js

@@ -0,0 +1,21 @@
+import { isPresent } from "@manta-eu/lib/present";
+function stringParam(params, key) {
+    const value = params.get(key)?.trim();
+    return isPresent(value) ? value : undefined;
+}
+export function parseExplainUrlParams(params) {
+    const subject = stringParam(params, "subject");
+    const object = stringParam(params, "object");
+    if (!subject || !object)
+        return null;
+    const predicate = stringParam(params, "predicate");
+    const namedGraph = stringParam(params, "namedGraph");
+    const objectDatatype = stringParam(params, "objectDatatype");
+    return {
+        subject,
+        object,
+        ...(predicate && { predicate }),
+        ...(namedGraph && { namedGraph }),
+        ...(objectDatatype && { objectDatatype }),
+    };
+}

package/dist/routes/integrations/components/ConnectionRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionRow.d.ts","sourceRoot":"","sources":["../../../../src/routes/integrations/components/ConnectionRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAOzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAsFtD;AAED,wBAAgB,qBAAqB,4CAcpC"}
+{"version":3,"file":"ConnectionRow.d.ts","sourceRoot":"","sources":["../../../../src/routes/integrations/components/ConnectionRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAOzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA2FtD;AAED,wBAAgB,qBAAqB,4CAcpC"}

package/dist/routes/integrations/components/ConnectionRow.js

@@ -10,7 +10,7 @@ export function ConnectionRow(props) {
     const { connection, onClick, onRemove, isRemoving, onSync, isSyncing, action } = props;
     const { primaryLabel, secondaryLabel, status, syncedLabel, namedAccount } = connection;
     const interactive = isPresent(onClick);
-    const content = (_jsxs(_Fragment, { children: [namedAccount ? (_jsx(ConnectionAccountLabel, { account: namedAccount })) : (_jsxs("div", { className: "flex-1 min-w-0 grid gap-0.5", children: [_jsx("p", { className: "typography-caption-medium text-default-foreground truncate", children: primaryLabel }), isPresent(secondaryLabel) && (_jsx("p", { className: "typography-small text-muted-foreground truncate", children: secondaryLabel }))] })), _jsxs("div", { className: cn("flex flex-wrap items-center justify-end gap-x-4 gap-y-3 shrink-0", isPresent(action) && "max-sm:basis-full"), children: [isPresent(syncedLabel) && (_jsx("span", { className: "typography-tiny text-muted-foreground hidden sm:inline", children: syncedLabel })), _jsx(StatusChip, { status: status }), action, onSync && (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, icon: RefreshCw, isLoading: isSyncing, onClick: (event) => {
+    const content = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex-1 min-w-0 grid gap-0.5", children: [namedAccount ? (_jsx(ConnectionAccountLabel, { account: namedAccount })) : (_jsx("p", { className: "typography-caption-medium text-default-foreground truncate", children: primaryLabel })), isPresent(secondaryLabel) && (_jsx("p", { title: secondaryLabel, className: cn("typography-small text-muted-foreground truncate", namedAccount && "pl-11"), children: secondaryLabel }))] }), _jsxs("div", { className: cn("flex flex-wrap items-center justify-end gap-x-4 gap-y-3 shrink-0", isPresent(action) && "max-sm:basis-full"), children: [isPresent(syncedLabel) && (_jsx("span", { className: "typography-tiny text-muted-foreground hidden sm:inline", children: syncedLabel })), _jsx(StatusChip, { status: status }), action, onSync && (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, icon: RefreshCw, isLoading: isSyncing, onClick: (event) => {
                             event.stopPropagation();
                             onSync();
                         }, "aria-label": `Sync ${primaryLabel}`, className: "text-muted-foreground hover:text-default-foreground" })), onRemove && (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, icon: Trash2, disabled: isRemoving, onClick: (event) => {

package/dist/routes/integrations/connection-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connection-view.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/connection-view.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAsC,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEtF;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AA4CF,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,kBAAkB,GAAG,cAAc,CAmB/E"}
+{"version":3,"file":"connection-view.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/connection-view.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAuD,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvG;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAgEF,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,kBAAkB,GAAG,cAAc,CAmB/E"}

package/dist/routes/integrations/connection-view.js

@@ -29,6 +29,22 @@ const statusMap = {
     [GQLRelayIntegrationStatus.Deleting]: { label: "Deleting", tone: "neutral" },
     [GQLRelayIntegrationStatus.Deleted]: { label: "Deleted", tone: "neutral" },
 };
+const oauthConnectedStatus = { label: "Connected", tone: "success" };
+// Integrations whose account is limited to what was picked at connect time, so an empty pick reads nothing.
+const oauthIncludedResourcesLabels = {
+    [GQLIntegration.Dash]: { label: "Folders", noneLabel: "No folders selected" },
+};
+function oauthScope({ integration, includedResources, }) {
+    const labels = oauthIncludedResourcesLabels[integration];
+    if (!labels || !includedResources)
+        return { status: oauthConnectedStatus };
+    if (!isPresent(includedResources))
+        return { status: { label: labels.noneLabel, tone: "warning" } };
+    return {
+        status: oauthConnectedStatus,
+        secondaryLabel: `${labels.label}: ${includedResources.map(({ id, name }) => name ?? id).join(", ")}`,
+    };
+}
 function toManagedConnectionView(connection) {
     return {
         source: connection.kind,
@@ -50,7 +66,7 @@ export function toConnectionView(connection) {
         source: c.kind,
         id: c.id,
         primaryLabel: isPresent(c.name) ? c.name : `${oauthAccountNoun[c.integration]} ${c.externalId}`,
-        status: { label: "Connected", tone: "success" },
+        ...oauthScope(c),
         namedAccount: {
             name: isPresent(c.name) ? c.name : oauthAccountNoun[c.integration],
             noun: isPresent(c.name) ? oauthAccountNoun[c.integration] : undefined,

package/dist/routes/integrations/types.d.ts

@@ -1,4 +1,4 @@
-import type { GQLGmailIntegrationStatus, GQLInferalIntegrationProvider, GQLIntegration, GQLRelayIntegrationStatus } from "@manta-eu/client";
+import type { GQLGmailIntegrationStatus, GQLIncludedResource, GQLInferalIntegrationProvider, GQLIntegration, GQLRelayIntegrationStatus } from "@manta-eu/client";
 import type { HexColor } from "@manta-eu/lib/color";
 import type { ComponentType, SVGProps } from "react";
 import type { ConnectionView } from "./connection-view.js";
@@ -33,6 +33,7 @@ export type OAuthConnection = {
     name?: string;
     entityIri?: string;
     typeIri?: string;
+    includedResources?: GQLIncludedResource[];
 };
 export type GmailConnection = {
     kind: "gmail";

package/dist/routes/integrations/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,yBAAyB,EACzB,6BAA6B,EAC7B,cAAc,EACd,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,cAAc,SAAS,CAAC;AAErC,MAAM,MAAM,UAAU,GAClB,GAAG,6BAA6B,EAAE,GAClC,OAAO,eAAe,GACtB,OAAO,eAAe,GACtB,OAAO,cAAc,CAAC;AAC1B,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE3E,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IACjE,EAAE,EAAE,EAAE,CAAC;IACP,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,QAAQ,CAAC;IACrB,IAAI,EAAE,qBAAqB,CAAC;CAC7B,CAAC;AAEF,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,yBAAyB,CAAC;IAClC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,mGAAmG;AACnG,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,IAAI,CAAC;IACV,MAAM,EAAE,yBAAyB,CAAC;IAClC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC;AAEvF,MAAM,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IAC9D,EAAE,EAAE,EAAE,CAAC;IACP,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,6BAA6B,EAC7B,cAAc,EACd,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,cAAc,SAAS,CAAC;AAErC,MAAM,MAAM,UAAU,GAClB,GAAG,6BAA6B,EAAE,GAClC,OAAO,eAAe,GACtB,OAAO,eAAe,GACtB,OAAO,cAAc,CAAC;AAC1B,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE3E,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IACjE,EAAE,EAAE,EAAE,CAAC;IACP,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,QAAQ,CAAC;IACrB,IAAI,EAAE,qBAAqB,CAAC;CAC7B,CAAC;AAEF,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,yBAAyB,CAAC;IAClC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,mGAAmG;AACnG,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,IAAI,CAAC;IACV,MAAM,EAAE,yBAAyB,CAAC;IAClC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC;AAEvF,MAAM,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IAC9D,EAAE,EAAE,EAAE,CAAC;IACP,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B,CAAC"}