@manta-eu/react 0.1.4 → 0.1.5

package/dist/providers/AuthContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/providers/AuthContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACX,WAAW,GACX,YAAY,GACZ,QAAQ,GACR,YAAY,GACZ,eAAe,GACf,UAAU,GACV,uBAAuB,GACvB,oBAAoB,GACpB,eAAe,CAClB,GAAG;IACF,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,WAAW,uDAAyD,CAAC;AAElF,wBAAgB,cAAc,IAAI,gBAAgB,CAQjD"}
+{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/providers/AuthContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACX,WAAW,GACX,YAAY,GACZ,QAAQ,GACR,YAAY,GACZ,eAAe,GACf,UAAU,GACV,uBAAuB,GACvB,kBAAkB,GAClB,yBAAyB,GACzB,oBAAoB,GACpB,eAAe,CAClB,GAAG;IACF,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,WAAW,uDAAyD,CAAC;AAElF,wBAAgB,cAAc,IAAI,gBAAgB,CAQjD"}

package/dist/providers/index.d.ts

@@ -19,5 +19,8 @@ export type ProvidersProps = {
     knowledgeGraphPollIntervalMs?: number;
 };
 export declare function Providers(props: ProvidersProps): import("react/jsx-runtime").JSX.Element;
-export declare function EmbeddedChatProviders(props: ProvidersProps): import("react/jsx-runtime").JSX.Element;
+export type EmbeddedChatProvidersProps = Omit<ProvidersProps, "mantaBaseUrl"> & {
+    mantaBaseUrl?: string;
+};
+export declare function EmbeddedChatProviders(props: EmbeddedChatProvidersProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AAEzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC,CAAC;AAsCF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAc9C;AAGD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,2CAE1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AAEzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC,CAAC;AAsCF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAc9C;AAED,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAG1G,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAItE"}

package/dist/providers/index.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { defaultDeployment } from "@manta-eu/auth/default-deployment";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { NuqsAdapter } from "nuqs/adapters/react-router/v7";
 import { useState } from "react";
@@ -43,5 +44,5 @@ export function Providers(props) {
 }
 // IMPORTANT: Avoid redirects from embedded manta client
 export function EmbeddedChatProviders(props) {
-    return _jsx(CoreProviders, { ...props, onUnauthorized: () => { } });
+    return (_jsx(CoreProviders, { ...props, mantaBaseUrl: props.mantaBaseUrl ?? defaultDeployment.apiUrl, onUnauthorized: () => { } }));
 }

package/dist/routes/datastores/components/DatastoreFormDialog.d.ts

@@ -1,3 +1,4 @@
+import type { TenantOrganizationCheck } from "../link-provider.js";
 export type DatastoreFormTarget = {
     kind: "organization";
 } | {
@@ -6,15 +7,16 @@ export type DatastoreFormTarget = {
     parentName: string;
     organizationName: string;
 };
-type DatastoreFormDialogProps = {
+export type DatastoreFormDialogProps = {
     target: DatastoreFormTarget;
     onSubmit: (values: {
         name: string;
     }) => void;
     onCancel: () => void;
     isSubmitting?: boolean;
+    onNameChange?: (name: string) => void;
+    nameCheck?: TenantOrganizationCheck;
 };
 export declare function provisioningNotice(target: DatastoreFormTarget): string;
 export declare function DatastoreFormDialog(props: DatastoreFormDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=DatastoreFormDialog.d.ts.map

package/dist/routes/datastores/components/DatastoreFormDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatastoreFormDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/DatastoreFormDialog.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEN,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAKtE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAmElE"}
+{"version":3,"file":"DatastoreFormDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/DatastoreFormDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAahE,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEN,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAKtE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAsElE"}

package/dist/routes/datastores/components/DatastoreFormDialog.js

@@ -11,10 +11,10 @@ export function provisioningNotice(target) {
         .exhaustive();
 }
 export function DatastoreFormDialog(props) {
-    const { target, onSubmit, onCancel, isSubmitting = false } = props;
+    const { target, onSubmit, onCancel, isSubmitting = false, onNameChange, nameCheck } = props;
     const [name, setName] = useState("");
     const isOrganization = target.kind === "organization";
-    const canSubmit = !!name.trim() && !isSubmitting;
+    const canSubmit = !!name.trim() && !isSubmitting && nameCheck?.blocked !== true;
     function submit() {
         if (!canSubmit)
             return;
@@ -24,10 +24,13 @@ export function DatastoreFormDialog(props) {
                                 .with({ kind: "organization" }, () => "Sets up a new top-level organization with its own datastore and a fresh Manta you can build on.")
                                 .with({ kind: "datastore", parentPath: "/" }, (datastore) => `Adds a top-level datastore in ${datastore.organizationName}.`)
                                 .with({ kind: "datastore" }, (datastore) => `Adds a datastore nested under ${datastore.parentName}, in ${datastore.organizationName}.`)
-                                .exhaustive() })] }), _jsx(Input, { autoFocus: true, label: isOrganization ? "Organization name" : "Datastore name", placeholder: isOrganization ? "e.g. Other Reseller Co" : "e.g. Acme Corp", value: name, disabled: isSubmitting, onChange: (event) => setName(event.target.value), onKeyDown: (event) => {
+                                .exhaustive() })] }), _jsx(Input, { autoFocus: true, label: isOrganization ? "Organization name" : "Datastore name", placeholder: isOrganization ? "e.g. Other Reseller Co" : "e.g. Acme Corp", value: name, disabled: isSubmitting, onChange: (event) => {
+                        setName(event.target.value);
+                        onNameChange?.(event.target.value);
+                    }, onKeyDown: (event) => {
                         if (event.key === "Enter")
                             submit();
                         if (event.key === "Escape")
                             onCancel();
-                    } }), _jsx("p", { role: "status", "aria-live": "polite", className: "typography-caption text-muted-foreground min-h-5", children: isSubmitting ? provisioningNotice(target) : "" }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "tertiary", onClick: onCancel, disabled: isSubmitting, children: "Cancel" }), _jsx(Button, { onClick: submit, disabled: !canSubmit, isLoading: isSubmitting, label: isOrganization ? "Add organization" : "Add datastore" })] })] }) }));
+                    } }), _jsx("p", { role: "status", "aria-live": "polite", className: "typography-caption text-muted-foreground min-h-5", children: isSubmitting ? provisioningNotice(target) : (nameCheck?.hint ?? "") }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "tertiary", onClick: onCancel, disabled: isSubmitting, children: "Cancel" }), _jsx(Button, { onClick: submit, disabled: !canSubmit, isLoading: isSubmitting, label: isOrganization ? "Add organization" : "Add datastore" })] })] }) }));
 }

package/dist/routes/datastores/components/DatastoresToolbar.d.ts

@@ -1,6 +1,6 @@
 import type { Table } from "@tanstack/react-table";
 import type { ReactNode } from "react";
-import type { DatastoreRow } from "../flatten.js";
+import type { DatastoreRow, ProviderFilter } from "../flatten.js";
 import type { StatusFilter } from "../hooks/useDatastoreTable.js";
 type DatastoresToolbarProps = {
     tabs?: ReactNode;
@@ -9,6 +9,8 @@ type DatastoresToolbarProps = {
     searchPlaceholder?: string;
     statusFilter: StatusFilter;
     onStatusFilterChange: (status: StatusFilter) => void;
+    providerFilter?: ProviderFilter;
+    onProviderFilterChange?: (filter: ProviderFilter) => void;
     table: Table<DatastoreRow>;
     columnLabels?: Record<string, string>;
     columnDefaultOrder?: string[];

package/dist/routes/datastores/components/DatastoresToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatastoresToolbar.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/DatastoresToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA6F9D"}
+{"version":3,"file":"DatastoresToolbar.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/DatastoresToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAc/D,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACrD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1D,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAuI9D"}

package/dist/routes/datastores/components/DatastoresToolbar.js

@@ -8,22 +8,35 @@ import { Dropdown, DropdownContent, DropdownGroup, DropdownItem, DropdownTrigger
 import { FilterSection, FilterSheet } from "#components/filter-sheet/index";
 import { Input } from "#components/input/index";
 import { TableColumnRearrangePopover } from "#components/table/index";
+const providerFilterOptions = [
+    { id: "ALL", label: "All" },
+    { id: "mirrored", label: "Linked to identity provider" },
+    { id: "unmirrored", label: "Not linked to identity provider" },
+];
 export function DatastoresToolbar(props) {
-    const { tabs, searchQuery, onSearchQueryChange, searchPlaceholder = "Search by name or ID...", statusFilter, onStatusFilterChange, table, columnLabels = datastoreColumnLabels, columnDefaultOrder = defaultColumnOrder, } = props;
+    const { tabs, searchQuery, onSearchQueryChange, searchPlaceholder = "Search by name or ID...", statusFilter, onStatusFilterChange, providerFilter, onProviderFilterChange, table, columnLabels = datastoreColumnLabels, columnDefaultOrder = defaultColumnOrder, } = props;
     const allStatusesSelected = statusFilter === "ALL";
     const selectedStatusLabel = datastoreStatusFilterOptions.find((option) => option.id === statusFilter)?.label;
-    const hasActiveFilters = isPresent(searchQuery) || !allStatusesSelected;
-    const activeFilterCount = (isPresent(searchQuery) ? 1 : 0) + (allStatusesSelected ? 0 : 1);
+    const providerFiltered = isPresent(providerFilter) && providerFilter !== "ALL";
+    const selectedProviderLabel = providerFilterOptions.find((option) => option.id === providerFilter)?.label;
+    const hasActiveFilters = isPresent(searchQuery) || !allStatusesSelected || providerFiltered;
+    const activeFilterCount = (isPresent(searchQuery) ? 1 : 0) + (allStatusesSelected ? 0 : 1) + (providerFiltered ? 1 : 0);
     function handleClearFilters() {
         onSearchQueryChange("");
         onStatusFilterChange("ALL");
+        onProviderFilterChange?.("ALL");
     }
     function statusDropdown(className) {
         return (_jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", className: className, children: [_jsx("span", { children: allStatusesSelected ? "Status" : selectedStatusLabel }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "w-48", children: _jsx(DropdownGroup, { label: "Filter by status", children: datastoreStatusFilterOptions.map((option) => (_jsx(DropdownItem, { selected: option.id === statusFilter, onClick: () => onStatusFilterChange(option.id), children: option.label }, option.id))) }) })] }));
     }
+    function providerDropdown(className) {
+        if (!isPresent(providerFilter) || !onProviderFilterChange)
+            return null;
+        return (_jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", className: className, children: [_jsx("span", { children: providerFiltered ? selectedProviderLabel : "Identity provider" }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "w-64", children: _jsx(DropdownGroup, { label: "Filter by identity provider", children: providerFilterOptions.map((option) => (_jsx(DropdownItem, { selected: option.id === providerFilter, onClick: () => onProviderFilterChange(option.id), children: option.label }, option.id))) }) })] }));
+    }
     function filterControls() {
-        return (_jsxs(_Fragment, { children: [statusDropdown(), hasActiveFilters && (_jsx(Button, { variant: "ghost", size: "base", rounded: "lg", onClick: handleClearFilters, icon: X, children: "Clear filters" }))] }));
+        return (_jsxs(_Fragment, { children: [statusDropdown(), providerDropdown(), hasActiveFilters && (_jsx(Button, { variant: "ghost", size: "base", rounded: "lg", onClick: handleClearFilters, icon: X, children: "Clear filters" }))] }));
     }
-    const filterSheetContent = _jsx(FilterSection, { title: "Status", children: statusDropdown("w-full justify-between") });
+    const filterSheetContent = (_jsxs(_Fragment, { children: [_jsx(FilterSection, { title: "Status", children: statusDropdown("w-full justify-between") }), isPresent(providerFilter) && (_jsx(FilterSection, { title: "Identity provider", children: providerDropdown("w-full justify-between") }))] }));
     return (_jsxs("div", { className: "flex min-w-0 flex-col gap-3 3xl:flex-row 3xl:items-center", children: [isPresent(tabs) && _jsx("div", { className: "min-w-0", children: tabs }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 flex-1 min-w-0", children: [_jsx(Input, { containerClassName: "min-w-0 flex-1 sm:w-64 sm:flex-none", type: "search", variant: "search", placeholder: searchPlaceholder, value: searchQuery, onChange: (event) => onSearchQueryChange(event.target.value) }), _jsx("div", { className: "sm:hidden", children: _jsx(FilterSheet, { activeCount: activeFilterCount, onReset: handleClearFilters, children: filterSheetContent }) }), _jsx("div", { className: "hidden sm:contents", children: filterControls() }), _jsx("div", { className: "ml-auto hidden shrink-0 sm:block", children: _jsx(TableColumnRearrangePopover, { enableReset: true, table: table, columnLabels: columnLabels, defaultOrder: columnDefaultOrder }) })] })] }));
 }

package/dist/routes/datastores/components/LinkUnlinkedDatastoreDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkUnlinkedDatastoreDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/LinkUnlinkedDatastoreDialog.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,mBAAmB,GAAG;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,yBAAyB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAIF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CAkIlF"}
+{"version":3,"file":"LinkUnlinkedDatastoreDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/LinkUnlinkedDatastoreDialog.tsx"],"names":[],"mappings":"AAuBA,MAAM,MAAM,mBAAmB,GAAG;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,yBAAyB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAIF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CA0IlF"}

package/dist/routes/datastores/components/LinkUnlinkedDatastoreDialog.js

@@ -6,6 +6,8 @@ import { useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
 import { toast } from "sonner";
 import { organizationNameKey } from "../flatten.js";
+import { useTenantOrganizationCheck } from "../hooks/useTenantOrganizationCheck.js";
+import { toastProviderWarning } from "../link-provider.js";
 import { Button } from "#components/button/index";
 import { Input } from "#components/input/index";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "#components/modal/index";
@@ -27,6 +29,7 @@ export function LinkUnlinkedDatastoreDialog(props) {
                 void queryClient.invalidateQueries({ queryKey: useUnlinkedDatastoresQuery.getKey() });
                 void queryClient.invalidateQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
                 toast.success(`Linked to the existing datastore '${datastoreId}'`);
+                toastProviderWarning(result.linkUnlinkedDatastore.providerWarning);
                 onClose();
             }
             else {
@@ -40,7 +43,8 @@ export function LinkUnlinkedDatastoreDialog(props) {
             toast.error(info.message, { description: info.description });
         },
     });
-    const canSubmit = mode === "new" ? !!organizationName.trim() : !!existingOrganizationName;
+    const tenantCheck = useTenantOrganizationCheck(mode === "new" ? organizationName : "", existingOrganizationNames);
+    const canSubmit = mode === "new" ? !!organizationName.trim() && !tenantCheck.blocked : !!existingOrganizationName;
     const atExistingOrganizationRoot = mode === "existing" && !name.trim();
     const suggestedParentPath = suggestedMatch &&
         existingOrganizationName === suggestedMatch.organizationName &&
@@ -79,5 +83,5 @@ export function LinkUnlinkedDatastoreDialog(props) {
                 };
         linkMutation.mutate({ input });
     }
-    return (_jsx(Dialog, { open: true, onOpenChange: (nextOpen) => !nextOpen && onClose(), children: _jsxs(DialogContent, { className: "flex flex-col overflow-hidden", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: "Link datastore" }), _jsx(DialogDescription, { children: `Link the existing datastore '${datastoreId}' to an organization or group.` })] }), _jsxs(RadioGroup, { value: mode, onValueChange: (v) => setMode(v), className: "flex gap-4 items-center", children: [_jsx(RadioGroupItem, { value: "new", label: "New organization" }), _jsx(RadioGroupItem, { value: "existing", label: "Existing organization", disabled: !isPresent(organizationNames) })] }), mode === "new" ? (_jsx(Input, { autoFocus: true, label: "Organization name", placeholder: "e.g. Acme Corp", value: organizationName, onChange: (event) => setOrganizationName(event.target.value) })) : (_jsxs(_Fragment, { children: [_jsxs(Select, { value: existingOrganizationName, onValueChange: setExistingOrganizationName, children: [_jsx(SelectTrigger, { label: "Organization", id: "link-organization", children: _jsx(SelectValue, { placeholder: "Select an organization\u2026" }) }), _jsx(SelectContent, { children: organizationNames.map((orgName) => (_jsx(SelectItem, { value: orgName, children: orgName }, orgName))) })] }), _jsx(Input, { label: "Datastore name", placeholder: "Leave empty to link to the organization root", value: name, onChange: (event) => setName(event.target.value) })] })), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "tertiary", onClick: onClose, children: "Cancel" }), _jsx(Button, { onClick: submit, disabled: !canSubmit || linkMutation.isPending, children: "Link" })] })] }) }));
+    return (_jsx(Dialog, { open: true, onOpenChange: (nextOpen) => !nextOpen && onClose(), children: _jsxs(DialogContent, { className: "flex flex-col overflow-hidden", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: "Link datastore" }), _jsx(DialogDescription, { children: `Link the existing datastore '${datastoreId}' to an organization or group.` })] }), _jsxs(RadioGroup, { value: mode, onValueChange: (v) => setMode(v), className: "flex gap-4 items-center", children: [_jsx(RadioGroupItem, { value: "new", label: "New organization" }), _jsx(RadioGroupItem, { value: "existing", label: "Existing organization", disabled: !isPresent(organizationNames) })] }), mode === "new" ? (_jsxs(_Fragment, { children: [_jsx(Input, { autoFocus: true, label: "Organization name", placeholder: "e.g. Acme Corp", value: organizationName, onChange: (event) => setOrganizationName(event.target.value) }), isPresent(tenantCheck.hint) ? (_jsx("span", { className: "typography-caption text-muted-foreground", children: tenantCheck.hint })) : null] })) : (_jsxs(_Fragment, { children: [_jsxs(Select, { value: existingOrganizationName, onValueChange: setExistingOrganizationName, children: [_jsx(SelectTrigger, { label: "Organization", id: "link-organization", children: _jsx(SelectValue, { placeholder: "Select an organization\u2026" }) }), _jsx(SelectContent, { children: organizationNames.map((orgName) => (_jsx(SelectItem, { value: orgName, children: orgName }, orgName))) })] }), _jsx(Input, { label: "Datastore name", placeholder: "Leave empty to link to the organization root", value: name, onChange: (event) => setName(event.target.value) })] })), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "tertiary", onClick: onClose, children: "Cancel" }), _jsx(Button, { onClick: submit, disabled: !canSubmit || linkMutation.isPending, children: "Link" })] })] }) }));
 }

package/dist/routes/datastores/components/ProvisionDatastoreDialog.d.ts

@@ -0,0 +1,7 @@
+import { type DatastoreFormDialogProps } from "./DatastoreFormDialog.js";
+type ProvisionDatastoreDialogProps = Omit<DatastoreFormDialogProps, "onNameChange" | "nameCheck"> & {
+    existingOrganizationNames: Set<string>;
+};
+export declare function ProvisionDatastoreDialog(props: ProvisionDatastoreDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProvisionDatastoreDialog.d.ts.map

package/dist/routes/datastores/components/ProvisionDatastoreDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProvisionDatastoreDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/ProvisionDatastoreDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAE3F,KAAK,6BAA6B,GAAG,IAAI,CAAC,wBAAwB,EAAE,cAAc,GAAG,WAAW,CAAC,GAAG;IAClG,yBAAyB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAS5E"}

package/dist/routes/datastores/components/ProvisionDatastoreDialog.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTenantOrganizationCheck } from "../hooks/useTenantOrganizationCheck.js";
+import { DatastoreFormDialog } from "./DatastoreFormDialog.js";
+export function ProvisionDatastoreDialog(props) {
+    const { existingOrganizationNames, ...dialogProps } = props;
+    const [name, setName] = useState("");
+    const nameCheck = useTenantOrganizationCheck(dialogProps.target.kind === "organization" ? name : "", existingOrganizationNames);
+    return _jsx(DatastoreFormDialog, { ...dialogProps, onNameChange: setName, nameCheck: nameCheck });
+}

package/dist/routes/datastores/flatten.d.ts

@@ -14,10 +14,14 @@ export type DatastoreRow = {
     provisionedAt?: string;
     provisionedBy?: string;
     isOrganization: boolean;
+    mirrored?: boolean;
     isRealmDefault?: boolean;
     isUnlinked?: boolean;
 };
 export declare function realmDefaultRow(datastoreId: Realm): DatastoreRow;
+export declare function isUnmirroredOrganization(row: DatastoreRow): boolean;
+export type ProviderFilter = "ALL" | "mirrored" | "unmirrored";
+export declare function matchesProviderFilter(row: DatastoreRow, filter: ProviderFilter): boolean;
 export type DatastoreRowVisibility = {
     showArchived: boolean;
     showUnprovisioned: boolean;

package/dist/routes/datastores/flatten.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flatten.d.ts","sourceRoot":"","sources":["../../../src/routes/datastores/flatten.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAGlE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAG3E,MAAM,MAAM,YAAY,GAAG;IAEzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,WAAW,EAAE,KAAK,GAAG,YAAY,CAchE;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAcF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,sBAAsB,GAAG,YAAY,EAAE,CAG7G;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,YAAY,EAAE,EACpB,UAAU,EAAE,sBAAsB,EAClC,GAAG,EAAE,MAAM,sBAAsB,EACjC,UAAU,EAAE,MAAM,GACjB,MAAM,CAIR;AAGD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAE9E;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAEhE;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,sBAAsB,EAClC,MAAM,EAAE,0BAA0B,GAAG,KAAK,GACzC,sBAAsB,CAMxB;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,YAAY,CActE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,EAAE,GAAG,YAAY,EAAE,CAe7E"}
+{"version":3,"file":"flatten.d.ts","sourceRoot":"","sources":["../../../src/routes/datastores/flatten.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAGlE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAG3E,MAAM,MAAM,YAAY,GAAG;IAEzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,WAAW,EAAE,KAAK,GAAG,YAAY,CAchE;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,YAAY,GAAG,OAAO,CAEnE;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,UAAU,GAAG,YAAY,CAAC;AAE/D,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAMxF;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAcF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,sBAAsB,GAAG,YAAY,EAAE,CAG7G;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,YAAY,EAAE,EACpB,UAAU,EAAE,sBAAsB,EAClC,GAAG,EAAE,MAAM,sBAAsB,EACjC,UAAU,EAAE,MAAM,GACjB,MAAM,CAIR;AAGD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAE9E;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAEhE;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,sBAAsB,EAClC,MAAM,EAAE,0BAA0B,GAAG,KAAK,GACzC,sBAAsB,CAMxB;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,YAAY,CActE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,EAAE,GAAG,YAAY,EAAE,CAgB7E"}

package/dist/routes/datastores/flatten.js

@@ -16,6 +16,16 @@ export function realmDefaultRow(datastoreId) {
         isRealmDefault: true,
     };
 }
+export function isUnmirroredOrganization(row) {
+    return row.isOrganization && row.mirrored === false;
+}
+export function matchesProviderFilter(row, filter) {
+    return match(filter)
+        .with("ALL", () => true)
+        .with("mirrored", () => row.isOrganization && row.mirrored === true)
+        .with("unmirrored", () => isUnmirroredOrganization(row))
+        .exhaustive();
+}
 function matchesVisibility(row, visibility) {
     return (visibility.showArchived || !row.removed) && (visibility.showUnprovisioned || isPresent(row.datastoreId));
 }
@@ -82,5 +92,6 @@ export function toDatastoreRows(nodes) {
         provisionedAt: node.provisionedAt ?? undefined,
         provisionedBy: node.provisionedBy ?? undefined,
         isOrganization: node.isOrganization,
+        mirrored: node.mirrored ?? undefined,
     }));
 }

package/dist/routes/datastores/hooks/useDatastoreColumns.d.ts

@@ -1,5 +1,5 @@
 import type { ColumnDef } from "@tanstack/react-table";
-import type { DatastoreRow } from "../flatten.js";
+import { type DatastoreRow } from "../flatten.js";
 import { type DatastoreStatus } from "#components/datastore-management/tree";
 export declare const datastoreColumnIds: {
     readonly name: "name";
@@ -41,6 +41,9 @@ type UseDatastoreColumnsArgs = {
     onManageUsers: (row: DatastoreRow) => void;
     onBringOnline: (row: DatastoreRow) => void;
     isBringingOnline?: boolean;
+    onLinkProvider: (row: DatastoreRow) => void;
+    isLinkingProvider?: boolean;
+    providerLinkEnabled?: boolean;
 };
 export declare function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<DatastoreRow>[];
 export {};

package/dist/routes/datastores/hooks/useDatastoreColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDatastoreColumns.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/hooks/useDatastoreColumns.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAuBvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,EAA4C,KAAK,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAYvH,eAAO,MAAM,kBAAkB;;;;;;;;;CASrB,CAAC;AASX,eAAO,MAAM,qBAAqB;;;;;;;CAOkB,CAAC;AAErD,eAAO,MAAM,kBAAkB,+HAAoC,CAAC;AAEpE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAGvD,CAAC;AAEF,eAAO,MAAM,mBAAmB,6DAK/B,CAAC;AAcF,KAAK,uBAAuB,GAAG;IAC7B,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3D,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,uBAAuB,GAAG,SAAS,CAAC,YAAY,CAAC,EAAE,CA0U5F"}
+{"version":3,"file":"useDatastoreColumns.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/hooks/useDatastoreColumns.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAuBvD,OAAO,EAA4B,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAGzE,OAAO,EAA4C,KAAK,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAYvH,eAAO,MAAM,kBAAkB;;;;;;;;;CASrB,CAAC;AASX,eAAO,MAAM,qBAAqB;;;;;;;CAOkB,CAAC;AAErD,eAAO,MAAM,kBAAkB,+HAAoC,CAAC;AAEpE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAGvD,CAAC;AAEF,eAAO,MAAM,mBAAmB,6DAK/B,CAAC;AAcF,KAAK,uBAAuB,GAAG;IAC7B,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3D,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,uBAAuB,GAAG,SAAS,CAAC,YAAY,CAAC,EAAE,CA4V5F"}

package/dist/routes/datastores/hooks/useDatastoreColumns.js

@@ -6,6 +6,7 @@ import { Check, DatabaseZap, Link2, MoreHorizontal, Pencil, Plus, Power, Refresh
 import { useMemo } from "react";
 import { match } from "ts-pattern";
 import { DatastoreStatusBadge, datastoreStatusFilterValue, } from "../components/StatusBadge.js";
+import { isUnmirroredOrganization } from "../flatten.js";
 import { Badge } from "#components/badge/index";
 import { Button } from "#components/button/index";
 import { datastoreStatusCategory, isMaterializing } from "#components/datastore-management/tree";
@@ -54,7 +55,7 @@ const columnMinWidths = {
     [datastoreColumnIds.actions]: "min-w-[140px]",
 };
 export function useDatastoreColumns(args) {
-    const { statusByDatastoreId, currentDatastoreId, isSwitching, indented, matchableRowIds, suggestedMatchByDatastoreId, onSelect, onAddChild, onLink, onProvision, onLinkExisting, onRemove, onRestore, onRename, onRegister, onManageUsers, onBringOnline, isBringingOnline, } = args;
+    const { statusByDatastoreId, currentDatastoreId, isSwitching, indented, matchableRowIds, suggestedMatchByDatastoreId, onSelect, onAddChild, onLink, onProvision, onLinkExisting, onRemove, onRestore, onRename, onRegister, onManageUsers, onBringOnline, isBringingOnline, onLinkProvider, isLinkingProvider, providerLinkEnabled, } = args;
     return useMemo(() => [
         {
             id: datastoreColumnIds.name,
@@ -136,7 +137,7 @@ export function useDatastoreColumns(args) {
                     .with({ materializing: true }, () => "Still materializing - this can take a few minutes.")
                     .otherwise(() => undefined);
                 const canSelect = hasDatastore && !reason && !current && !isSwitching;
-                return (_jsxs("div", { className: cn(columnMinWidths[datastoreColumnIds.actions], "flex items-center justify-end gap-1.5"), children: [isUnlinked && (_jsx(Button, { "data-testid": `datastore-link-${datastoreRow.id}`, size: "sm", variant: "secondary", icon: Link2, onClick: () => onLink(datastoreRow), children: "Link" })), hasDatastore && !removed && category === "offline" && (_jsx(Button, { "data-testid": `datastore-bring-online-${datastoreRow.id}`, size: "sm", variant: "secondary", icon: Power, disabled: isBringingOnline, onClick: () => onBringOnline(datastoreRow), children: "Bring online" })), !isUnlinked && hasDatastore && !removed && notRegistered && (_jsx(Button, { "data-testid": `datastore-register-${datastoreRow.id}`, size: "sm", variant: "secondary", icon: RefreshCw, onClick: () => onRegister(datastoreRow), children: "Register" })), !isUnlinked && hasDatastore && current && (_jsx(Button, { "data-testid": `datastore-select-${datastoreRow.id}`, size: "sm", variant: "secondary", disabled: true, children: "Selected" })), !isUnlinked && hasDatastore && !current && !removed && (_jsx(Button, { "data-testid": `datastore-select-${datastoreRow.id}`, size: "sm", variant: "secondary", disabled: !canSelect, title: reason, onClick: () => onSelect(datastoreRow), children: "Select" })), isRealmDefault || isUnlinked ? (
+                return (_jsxs("div", { className: cn(columnMinWidths[datastoreColumnIds.actions], "flex items-center justify-end gap-1.5"), children: [providerLinkEnabled === true && isUnmirroredOrganization(datastoreRow) && !removed && (_jsx(Button, { "data-testid": `datastore-link-provider-${datastoreRow.id}`, size: "sm", variant: "secondary", icon: Link2, disabled: isLinkingProvider, onClick: () => onLinkProvider(datastoreRow), children: "Link to identity provider" })), isUnlinked && (_jsx(Button, { "data-testid": `datastore-link-${datastoreRow.id}`, size: "sm", variant: "secondary", icon: Link2, onClick: () => onLink(datastoreRow), children: "Link" })), hasDatastore && !removed && category === "offline" && (_jsx(Button, { "data-testid": `datastore-bring-online-${datastoreRow.id}`, size: "sm", variant: "secondary", icon: Power, disabled: isBringingOnline, onClick: () => onBringOnline(datastoreRow), children: "Bring online" })), !isUnlinked && hasDatastore && !removed && notRegistered && (_jsx(Button, { "data-testid": `datastore-register-${datastoreRow.id}`, size: "sm", variant: "secondary", icon: RefreshCw, onClick: () => onRegister(datastoreRow), children: "Register" })), !isUnlinked && hasDatastore && current && (_jsx(Button, { "data-testid": `datastore-select-${datastoreRow.id}`, size: "sm", variant: "secondary", disabled: true, children: "Selected" })), !isUnlinked && hasDatastore && !current && !removed && (_jsx(Button, { "data-testid": `datastore-select-${datastoreRow.id}`, size: "sm", variant: "secondary", disabled: !canSelect, title: reason, onClick: () => onSelect(datastoreRow), children: "Select" })), isRealmDefault || isUnlinked ? (
                         // Same-sized spacer keeps Select/Selected aligned with rows that have the ellipsis.
                         _jsx("div", { className: "size-6", "aria-hidden": "true" })) : (_jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": `Actions for ${name}`, className: "shrink-0 rounded-sm-v4 p-1 text-muted-foreground hover:bg-faint hover:text-default-foreground", children: _jsx(MoreHorizontal, { className: "size-4" }) }) }), _jsxs(DropdownContent, { align: "end", className: "min-w-52", children: [_jsx(DropdownItem, { icon: _jsx(Pencil, { className: "size-4" }), onSelect: () => onRename(datastoreRow), children: "Rename" }), isPresent(datastoreRow.organizationAlias) && (_jsx(DropdownItem, { icon: _jsx(Users, { className: "size-4" }), onSelect: () => onManageUsers(datastoreRow), children: "Manage users" })), !hasDatastore &&
                                             (matchableRowIds.has(datastoreRow.id) ? (_jsx(DropdownItem, { icon: _jsx(Link2, { className: "size-4" }), onSelect: () => onLinkExisting(datastoreRow), children: "Link existing datastore" })) : (_jsx(DropdownItem, { icon: _jsx(DatabaseZap, { className: "size-4" }), onSelect: () => onProvision(datastoreRow), children: "Provision datastore" }))), _jsx(DropdownItem, { icon: _jsx(Plus, { className: "size-4" }), onSelect: () => onAddChild(datastoreRow), children: "Add datastore" }), enableDatastoreRemoval && hasDatastore && !removed && (_jsxs(_Fragment, { children: [_jsx(DropdownSeparator, {}), _jsx(DropdownItem, { className: "text-error-foreground", icon: _jsx(Trash2, { className: "size-4" }), onSelect: () => onRemove(datastoreRow), children: "Remove datastore" })] })), enableDatastoreRemoval && hasDatastore && removed && (_jsxs(_Fragment, { children: [_jsx(DropdownSeparator, {}), _jsx(DropdownItem, { icon: _jsx(RotateCcw, { className: "size-4" }), onSelect: () => onRestore(datastoreRow), children: "Restore datastore" })] }))] })] }))] }));
@@ -161,5 +162,8 @@ export function useDatastoreColumns(args) {
         onManageUsers,
         onBringOnline,
         isBringingOnline,
+        onLinkProvider,
+        isLinkingProvider,
+        providerLinkEnabled,
     ]);
 }

package/dist/routes/datastores/hooks/useTenantOrganizationCheck.d.ts

@@ -0,0 +1,3 @@
+import { type TenantOrganizationCheck } from "../link-provider.js";
+export declare function useTenantOrganizationCheck(organizationName: string, existingOrganizationNames: Set<string>): TenantOrganizationCheck;
+//# sourceMappingURL=useTenantOrganizationCheck.d.ts.map

package/dist/routes/datastores/hooks/useTenantOrganizationCheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTenantOrganizationCheck.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/hooks/useTenantOrganizationCheck.ts"],"names":[],"mappings":"AAIA,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAKzF,wBAAgB,0BAA0B,CACxC,gBAAgB,EAAE,MAAM,EACxB,yBAAyB,EAAE,GAAG,CAAC,MAAM,CAAC,GACrC,uBAAuB,CAgBzB"}

package/dist/routes/datastores/hooks/useTenantOrganizationCheck.js

@@ -0,0 +1,21 @@
+import { useOrganizationLinkingQuery, useTenantOrganizationQuery } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+import { useDebounceValue } from "usehooks-ts";
+import { organizationNameKey } from "../flatten.js";
+import { tenantOrganizationCheck } from "../link-provider.js";
+import { useAuthContext } from "#providers/AuthContext";
+import { useMantaClient } from "#providers/index";
+// An empty name checks nothing, so a dialog passes "" while it is not creating an organization.
+export function useTenantOrganizationCheck(organizationName, existingOrganizationNames) {
+    const { mantaClient } = useMantaClient();
+    const { isOperator } = useAuthContext();
+    const linkingQuery = useOrganizationLinkingQuery(mantaClient, undefined, { enabled: !!isOperator });
+    const linking = linkingQuery.data?.organizationLinking;
+    const trimmed = organizationName.trim();
+    const [debounced] = useDebounceValue(trimmed, 300);
+    const knownName = existingOrganizationNames.has(organizationNameKey(debounced));
+    const lookupName = linking?.linkEnabled === true && !knownName ? debounced : "";
+    const lookup = useTenantOrganizationQuery(mantaClient, { organizationName: lookupName }, { enabled: isPresent(lookupName), retry: false });
+    const tenant = isPresent(lookupName) && lookupName === trimmed ? lookup.data?.tenantOrganization : undefined;
+    return tenantOrganizationCheck(tenant, linking?.pushEnabled === true);
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/routes/datastores/index.tsx"],"names":[],"mappings":"AAqFA,wBAAgB,eAAe,4CAsqB9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/routes/datastores/index.tsx"],"names":[],"mappings":"AA4FA,wBAAgB,eAAe,4CA4tB9B"}

package/dist/routes/datastores/index.js

@@ -1,5 +1,5 @@
 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 { useBringDatastoreOnlineMutation, useOrganizationLinkingQuery, useLinkOrganizationToProviderMutation, 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";
@@ -11,15 +11,17 @@ import { Archive, Database, EyeOff, Plus, RefreshCcw, TriangleAlert } from "luci
 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 { ProvisionDatastoreDialog } from "./components/ProvisionDatastoreDialog.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 { existingOrganizationNameKeys, hiddenRowCount, matchesProviderFilter, 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 { linkProviderOutcome, toastProviderWarning } from "./link-provider.js";
+import { Banner } from "#components/banner/index";
 import { Button } from "#components/button/index";
 import { collectDatastoreIds } from "#components/datastore-management/tree";
 import { useDatastoreStatusByDatastoreId } from "#components/datastore-management/use-datastore-status";
@@ -60,6 +62,7 @@ export function DatastoresRoute() {
         showUnprovisioned: false,
     });
     const { showArchived, showUnprovisioned } = visibility;
+    const [providerFilter, setProviderFilter] = useState("ALL");
     const [searchParams, setSearchParams] = useSearchParams();
     const tabParam = searchParams.get("tab");
     const activeTab = tabParam && activeTabs.includes(tabParam) ? tabParam : "organizations";
@@ -112,6 +115,7 @@ export function DatastoresRoute() {
             else {
                 toast.success(`Datastore "${name}" is ready`);
             }
+            toastProviderWarning(result.provisionDatastore.providerWarning);
         },
         onError: (error) => {
             const info = parseError(error, "Couldn't create the datastore");
@@ -190,6 +194,30 @@ export function DatastoresRoute() {
             toast.error(info.message, { description: info.description });
         },
     });
+    const linkingQuery = useOrganizationLinkingQuery(mantaClient, undefined, { enabled: !!isOperator });
+    const linkProviderMutation = useLinkOrganizationToProviderMutation(mantaClient, {
+        onSuccess: (result) => {
+            const { reason } = result.linkOrganizationToProvider;
+            const outcome = linkProviderOutcome(result.linkOrganizationToProvider);
+            if (outcome === "linkDisabled") {
+                void queryClient.invalidateQueries({ queryKey: useOrganizationLinkingQuery.getKey() });
+                toast.error("Organizations can't be linked to the identity provider on this realm", {
+                    description: reason ?? "Ask an administrator to enable organization linking.",
+                });
+                return;
+            }
+            invalidateTree();
+            if (outcome === "failed") {
+                toast.error("Couldn't link the organization", { description: reason ?? undefined });
+                return;
+            }
+            toast.success("Organization linked to the identity provider");
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't link the organization");
+            toast.error(info.message, { description: info.description });
+        },
+    });
     const treeRows = useMemo(() => [
         ...(realmDatastoreId ? [realmDefaultRow(realmDatastoreId)] : []),
         ...toDatastoreRows(data?.datastoreTree ?? []),
@@ -198,6 +226,9 @@ export function DatastoresRoute() {
     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 providerLinkEnabled = linkingQuery.data?.organizationLinking?.linkEnabled;
+    const linkingUnreadable = linkingQuery.isError || linkingQuery.data?.organizationLinking === null;
+    const tableRows = useMemo(() => (providerLinkEnabled === true ? rows.filter((row) => matchesProviderFilter(row, providerFilter)) : rows), [rows, providerFilter, providerLinkEnabled]);
     const unlinkedCount = unlinkedRows.length;
     const existingOrganizationNames = useMemo(() => existingOrganizationNameKeys(allRows), [allRows]);
     const organizationNameOptions = useMemo(() => organizationNames(allRows), [allRows]);
@@ -259,6 +290,7 @@ export function DatastoresRoute() {
             void queryClient.invalidateQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
             if (result.linkUnlinkedDatastore.success) {
                 toast.success(`Linked to the existing datastore "${result.linkUnlinkedDatastore.datastoreId}"`);
+                toastProviderWarning(result.linkUnlinkedDatastore.providerWarning);
             }
             else {
                 toast.error("Couldn't link the existing datastore", {
@@ -316,6 +348,9 @@ export function DatastoresRoute() {
         if (isPresent(row.datastoreId))
             bringOnlineMutation.mutate({ datastoreId: row.datastoreId });
     }, [bringOnlineMutation.mutate]);
+    const onLinkProvider = useCallback((row) => {
+        linkProviderMutation.mutate({ organizationId: row.organizationId });
+    }, [linkProviderMutation.mutate]);
     const columns = useDatastoreColumns({
         statusByDatastoreId,
         currentDatastoreId: datastore?.id ?? realmDatastoreId,
@@ -335,6 +370,9 @@ export function DatastoresRoute() {
         onManageUsers,
         onBringOnline,
         isBringingOnline: bringOnlineMutation.isPending,
+        onLinkProvider,
+        isLinkingProvider: linkProviderMutation.isPending,
+        providerLinkEnabled,
     });
     const filterToggles = [
         ...(enableDatastoreRemoval
@@ -363,7 +401,7 @@ export function DatastoresRoute() {
             : []),
     ];
     const treeColumns = useMemo(() => columns.filter((column) => column.id !== datastoreColumnIds.suggestedMatch), [columns]);
-    const { table, searchQuery, onSearchQueryChange, statusFilter, onStatusFilterChange } = useDatastoreTable("datastores", rows, treeColumns, sorting, setSorting);
+    const { table, searchQuery, onSearchQueryChange, statusFilter, onStatusFilterChange } = useDatastoreTable("datastores", tableRows, 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) => ({
@@ -449,10 +487,10 @@ export function DatastoresRoute() {
             };
         provisionMutation.mutate({ input }, { onSuccess: (result) => result.provisionDatastore.success && 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
+    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, ...(providerLinkEnabled === true ? { providerFilter, onProviderFilterChange: setProviderFilter } : {}), table: table }) }), _jsxs("div", { className: "flex-1 overflow-auto p-4", children: [linkingUnreadable && (_jsx(Banner, { className: "mb-3", label: "Couldn't read whether organizations link to the identity provider, so linking is hidden until it can be." })), 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), isSubmitting: provisionMutation.isPending })), linkDialogTarget && (_jsx(LinkUnlinkedDatastoreDialog, { datastoreId: linkDialogTarget, suggestedMatch: suggestedLinkTarget(linkDialogTarget), organizationNames: organizationNameOptions, existingOrganizationNames: existingOrganizationNames, onClose: () => setLinkDialogTarget(null) })), renameTarget && (_jsx(RenameDatastoreGroupDialog, { target: renameTarget, onSubmit: (name) => {
+                                : null }) })] }), formTarget && (_jsx(ProvisionDatastoreDialog, { target: formTarget, existingOrganizationNames: existingOrganizationNames, onSubmit: submitForm, onCancel: () => setFormTarget(null), isSubmitting: provisionMutation.isPending })), 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,

package/dist/routes/datastores/link-provider.d.ts

@@ -0,0 +1,11 @@
+import type { GQLLinkOrganizationResponse, GQLTenantOrganization } from "@manta-eu/client";
+export type LinkProviderOutcome = "linkDisabled" | "failed" | "linked";
+export declare function linkProviderOutcome(response: Pick<GQLLinkOrganizationResponse, "linkEnabled" | "linked" | "mirrored">): LinkProviderOutcome;
+export declare function tenantOrganizationHint(tenant: Pick<GQLTenantOrganization, "slug" | "exists" | "mirroredBy">, pushEnabled: boolean): string;
+export type TenantOrganizationCheck = {
+    hint?: string;
+    blocked: boolean;
+};
+export declare function tenantOrganizationCheck(tenant: Pick<GQLTenantOrganization, "slug" | "exists" | "mirroredBy"> | null | undefined, pushEnabled: boolean): TenantOrganizationCheck;
+export declare function toastProviderWarning(providerWarning: string | null | undefined): void;
+//# sourceMappingURL=link-provider.d.ts.map

package/dist/routes/datastores/link-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-provider.d.ts","sourceRoot":"","sources":["../../../src/routes/datastores/link-provider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAI3F,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAGvE,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,IAAI,CAAC,2BAA2B,EAAE,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC,GACjF,mBAAmB,CAGrB;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC,EACrE,WAAW,EAAE,OAAO,GACnB,MAAM,CAeR;AAED,MAAM,MAAM,uBAAuB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAE1E,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC,GAAG,IAAI,GAAG,SAAS,EACxF,WAAW,EAAE,OAAO,GACnB,uBAAuB,CAGzB;AAED,wBAAgB,oBAAoB,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,QAG9E"}