@manta-eu/react 0.11.0 → 0.13.0

package/README.md

@@ -120,6 +120,65 @@ That is a working copilot. Everything below is optional.
 
 Removing or renaming one of these is a breaking change, so they change rarely.
 
+## Building a whole app
+
+A vertical such as a real estate app takes the frame every Manta app shares and brings only its own
+pages.
+
+### The worker
+
+`@manta-eu/react/worker` is a Cloudflare worker that signs people in through the Manta agents worker
+and proxies the SDK's requests to it. The browser only ever talks to the app's own origin.
+
+```ts
+import { createAppWorker } from "@manta-eu/react/worker";
+
+const app = createAppWorker({ cookiePrefix: "estate_session" });
+
+app.get("/api/estate/health", (c) => c.json({ ok: true }));
+
+export default app;
+```
+
+`wrangler.jsonc` sets `MANTA_AGENTS_URL` to the agents worker and binds the built app as `ASSETS`,
+with `"run_worker_first": ["/*", "!/assets/*"]` so hashed bundles skip the worker.
+`MANTA_SESSION_SECRET` (at least 32 characters) is a Worker secret that seals the session cookie.
+Binding the agents worker as `AGENTS` (a service binding) skips the public network. The app's origin
+must be in the agents worker's `TRUSTED_ORIGINS`.
+
+- `/login`, `/auth/callback` and `/logout` go to the agents worker. Its session cookies come back
+  sealed (AES-GCM, `@manta-eu/auth/sealed-cookies`) inside the app's own `HttpOnly` cookies, named
+  by `cookiePrefix`.
+- `/api/login` answers "signed out" without a round trip when there is no session.
+- The SDK's paths (`/graphql`, `/sparql`, `/d/:datastoreId/sparql`, chat, uploads) are proxied only
+  from the app's own origin, only with a session, and only with the methods each path serves.
+- `/graphql` forwards only named operations on an allowlist, each limited to its root fields. The
+  allowlist is every operation the SDK ships (`@manta-eu/client/operations`) plus the ones an app
+  adds with `graphqlOperations`. It refuses unknown operations, and the agents worker still decides
+  what the signed-in user may do. An app adds its own paths with `proxyRoutes`.
+- Anything else falls through to `ASSETS`, so routes an app adds to the returned Hono app run
+  first.
+
+### The shell
+
+`@manta-eu/react/components/app-shell` is the React app around the SDK's screens, with the operator,
+group and datastore levels. The styles are the ones from step 2.
+
+```tsx
+import "./styles.css";
+import { AppShell } from "@manta-eu/react/components/app-shell";
+import { createRoot } from "react-dom/client";
+
+createRoot(document.getElementById("app")!).render(<AppShell />);
+```
+
+- **Operator:** the SDK's global routes, and the datastore list for operators when the build sets
+  `VITE_ENABLE_DATASTORE_MANAGEMENT=true`.
+- **Group:** `/g/:group` lists the datastores under a group.
+- **Datastore:** `/d/:datastoreId/...` mounts Plans, Chat, Activity, Explain, Memories, the Data
+  Explorer and Data collection. Replace or add screens with `routes`, add routes inside a datastore
+  with `datastoreRoutes`, and add sidebar entries with `navItems`.
+
 ## Using the components on their own
 
 The design system is usable without the chat:

package/dist/components/AppErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/AppErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAiB5D"}
+{"version":3,"file":"AppErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/AppErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAiB5D"}

package/dist/components/AppErrorBoundary.js

@@ -2,17 +2,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ErrorBoundary } from "./ErrorBoundary.js";
 import { StatusScreen } from "./layouts/StatusScreen.js";
 import { Button } from "#components/button/index";
-const copy = {
-    staleChunk: {
-        title: "A new version of Manta is available",
-        description: "This page is running an older version. Reload when you're ready.",
-    },
-    unexpected: {
-        title: "Something went wrong",
-        description: "Manta hit an unexpected error.",
-    },
-};
+import { updateNoticeAppName } from "#lib/update-notice";
+function copyFor(appName) {
+    return {
+        staleChunk: {
+            title: `A new version of ${appName} is available`,
+            description: "This page is running an older version. Reload when you're ready.",
+        },
+        unexpected: {
+            title: "Something went wrong",
+            description: `${appName} hit an unexpected error.`,
+        },
+    };
+}
 export function AppErrorBoundary(props) {
-    return (_jsx(ErrorBoundary, { fullScreen: true, fallback: ({ staleChunk }) => (_jsx("div", { className: "h-screen", "data-testid": staleChunk ? "update-notice-screen" : "app-error-screen", children: _jsx(StatusScreen, { ...(staleChunk ? copy.staleChunk : copy.unexpected), role: "alert", children: _jsx(Button, { variant: "secondary", onClick: () => window.location.reload(), children: "Reload" }) }) })), children: props.children }));
+    return (_jsx(ErrorBoundary, { fullScreen: true, fallback: ({ staleChunk }) => (_jsx("div", { className: "h-screen", "data-testid": staleChunk ? "update-notice-screen" : "app-error-screen", children: _jsx(StatusScreen, { ...copyFor(updateNoticeAppName())[staleChunk ? "staleChunk" : "unexpected"], role: "alert", children: _jsx(Button, { variant: "secondary", onClick: () => window.location.reload(), children: "Reload" }) }) })), children: props.children }));
 }
 //# sourceMappingURL=AppErrorBoundary.js.map

package/dist/components/AppErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppErrorBoundary.js","sourceRoot":"","sources":["../../src/components/AppErrorBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,MAAM,IAAI,GAAG;IACX,UAAU,EAAE;QACV,KAAK,EAAE,qCAAqC;QAC5C,WAAW,EAAE,kEAAkE;KAChF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,sBAAsB;QAC7B,WAAW,EAAE,gCAAgC;KAC9C;CACF,CAAC;AAMF,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,KAAC,aAAa,IACZ,UAAU,QACV,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAC5B,cAAK,SAAS,EAAC,UAAU,iBAAc,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,kBAAkB,YAC7F,KAAC,YAAY,OAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,EAAC,OAAO,YAC9E,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,uBAE1D,GACI,GACX,CACP,YAEA,KAAK,CAAC,QAAQ,GACD,CACjB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AppErrorBoundary.js","sourceRoot":"","sources":["../../src/components/AppErrorBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,SAAS,OAAO,CAAC,OAAe;IAC9B,OAAO;QACL,UAAU,EAAE;YACV,KAAK,EAAE,oBAAoB,OAAO,eAAe;YACjD,WAAW,EAAE,kEAAkE;SAChF;QACD,UAAU,EAAE;YACV,KAAK,EAAE,sBAAsB;YAC7B,WAAW,EAAE,GAAG,OAAO,2BAA2B;SACnD;KACF,CAAC;AACJ,CAAC;AAMD,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,KAAC,aAAa,IACZ,UAAU,QACV,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAC5B,cAAK,SAAS,EAAC,UAAU,iBAAc,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,kBAAkB,YAC7F,KAAC,YAAY,OAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAC,OAAO,YACtG,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,uBAE1D,GACI,GACX,CACP,YAEA,KAAK,CAAC,QAAQ,GACD,CACjB,CAAC;AACJ,CAAC"}

package/dist/components/app-gate/AppGate.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import { type AuthContextValue } from "#providers/AuthContext";
+export type AppGateProps = {
+    children: ReactNode;
+    context?: Pick<AuthContextValue, "canDisconnectCustomApps" | "hasProfilePage">;
+};
+export declare function AppGate(props: AppGateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppGate.d.ts.map

package/dist/components/app-gate/AppGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppGate.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/AppGate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAK5E,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,yBAAyB,GAAG,gBAAgB,CAAC,CAAC;CAChF,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAmG1C"}

package/dist/components/app-gate/AppGate.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLocation } from "react-router";
+import { AwaitingDatastoreStatus } from "./AwaitingDatastoreStatus.js";
+import { ErrorRoute } from "./ErrorRoute.js";
+import { NoDatastoreAccess } from "./NoDatastoreAccess.js";
+import { PendingInvitations } from "./PendingInvitations.js";
+import { ServiceError } from "./ServiceError.js";
+import { LoadingView } from "#components/chat-view/LoadingView";
+import { useAuth } from "#hooks/useAuth";
+import { buildLoginUrl, useLoginRedirect } from "#hooks/useLoginRedirect";
+import { enableDatastoreManagement } from "#lib/build-config";
+import { useActiveDatastore } from "#providers/ActiveDatastoreProvider";
+import { AuthContext } from "#providers/AuthContext";
+import { useMantaClient } from "#providers/MantaClientProvider";
+import { errorRoutePath } from "@manta-eu/client/shared/constants";
+import { isPresent } from "@manta-eu/lib/present";
+export function AppGate(props) {
+    const { children, context } = props;
+    const { pathname } = useLocation();
+    const auth = useAuth();
+    const { authError } = useLoginRedirect(auth);
+    const { mantaBaseUrl } = useMantaClient();
+    const { datastoreId: routeDatastoreId, enterDatastore } = useActiveDatastore();
+    const { isLoading, error, user, datastore, datastores, isOperator, inOrganization, logout, contextFailed, datastoreAccessGranted, canManageTeam, canManageCustomApps, orgRoles, canManageIntegrations, canManageStreams, canManageSharedMemories, canSwitchDatastore, allowedModels, } = auth;
+    if (pathname === errorRoutePath)
+        return _jsx(ErrorRoute, {});
+    if (isLoading)
+        return _jsx(LoadingView, {});
+    if (isPresent(error))
+        return _jsx(ServiceError, { message: error });
+    if (isPresent(authError)) {
+        return (_jsx(ServiceError, { title: "Sign-in failed", message: authError, onRetry: () => window.location.replace(buildLoginUrl(mantaBaseUrl)), onSignOut: () => void logout() }));
+    }
+    if (!isPresent(user) || (!isOperator && !isPresent(datastore))) {
+        if (contextFailed)
+            return _jsx(ServiceError, { message: "Failed to load your account. Please try again." });
+        if (isPresent(user) && !isOperator) {
+            function onSignOut() {
+                void logout();
+            }
+            return inOrganization ? (_jsx(AwaitingDatastoreStatus, { inOrganization: true, onSignOut: onSignOut })) : (_jsx(PendingInvitations, { onSignOut: onSignOut }));
+        }
+        return _jsx(LoadingView, {});
+    }
+    if (isPresent(routeDatastoreId) && !datastoreAccessGranted) {
+        return (_jsx(NoDatastoreAccess, { requestedDatastoreId: routeDatastoreId, datastore: datastore, onEnter: () => isPresent(datastore) && enterDatastore(datastore.id, { replace: true }) }));
+    }
+    const authContextValue = {
+        datastore,
+        datastores,
+        user,
+        logout,
+        isOperator,
+        canManageTeam,
+        canManageDatastores: isOperator && enableDatastoreManagement,
+        canManageCustomApps,
+        inOrganization,
+        orgRoles,
+        canManageIntegrations,
+        canManageStreams,
+        canManageSharedMemories,
+        canSwitchDatastore,
+        allowedModels,
+        ...context,
+    };
+    return _jsx(AuthContext.Provider, { value: authContextValue, children: children });
+}
+//# sourceMappingURL=AppGate.js.map

package/dist/components/app-gate/AppGate.js.map

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

package/dist/components/app-gate/AwaitingDatastoreStatus.d.ts

@@ -0,0 +1,7 @@
+export type AwaitingDatastoreStatusProps = {
+    inOrganization: boolean;
+    failure?: string;
+    onSignOut: () => void;
+};
+export declare function AwaitingDatastoreStatus(props: AwaitingDatastoreStatusProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AwaitingDatastoreStatus.d.ts.map

package/dist/components/app-gate/AwaitingDatastoreStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AwaitingDatastoreStatus.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/AwaitingDatastoreStatus.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,4BAA4B,GAAG;IAAE,cAAc,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAahH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAiB1E"}

package/dist/components/app-gate/AwaitingDatastoreStatus.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FailureAlert } from "./FailureAlert.js";
+import { Button } from "#components/button/index";
+import { StatusScreen } from "#components/layouts/StatusScreen";
+const settingUpCopy = {
+    title: "We're setting up Manta for you",
+    description: "Our team is getting your account ready. This can take a little while.",
+    hint: "Still here after a while? Ask your administrator to provision a datastore.",
+};
+const noOrganizationCopy = {
+    title: "You're not in an organization yet",
+    description: "Ask your administrator to add you to one. This page picks it up on its own.",
+};
+export function AwaitingDatastoreStatus(props) {
+    const { inOrganization, failure, onSignOut } = props;
+    const copy = inOrganization ? settingUpCopy : noOrganizationCopy;
+    return (_jsx("div", { className: "h-screen w-full", children: _jsx(StatusScreen, { ...copy, branded: true, children: _jsxs("div", { className: "flex w-88 max-w-full flex-col items-center gap-4", children: [_jsx(FailureAlert, { failure: failure }), _jsx(Button, { variant: "tertiary", rounded: "sm", "data-testid": "awaiting-datastore-sign-out", onClick: onSignOut, children: "Sign out" })] }) }) }));
+}
+//# sourceMappingURL=AwaitingDatastoreStatus.js.map

package/dist/components/app-gate/AwaitingDatastoreStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AwaitingDatastoreStatus.js","sourceRoot":"","sources":["../../../src/components/app-gate/AwaitingDatastoreStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAIhE,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,gCAAgC;IACvC,WAAW,EAAE,uEAAuE;IACpF,IAAI,EAAE,4EAA4E;CACnF,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,KAAK,EAAE,mCAAmC;IAC1C,WAAW,EAAE,6EAA6E;CAC3F,CAAC;AAEF,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAEjE,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,YAAY,OAAK,IAAI,EAAE,OAAO,kBAC7B,eAAK,SAAS,EAAC,kDAAkD,aAC/D,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,iBAAa,6BAA6B,EAAC,OAAO,EAAE,SAAS,yBAE3F,IACL,GACO,GACX,CACP,CAAC;AACJ,CAAC"}

package/dist/components/app-gate/EnterDatastoreRoute.d.ts

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

package/dist/components/app-gate/EnterDatastoreRoute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnterDatastoreRoute.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/EnterDatastoreRoute.tsx"],"names":[],"mappings":"AASA,wBAAgB,mBAAmB,4CAoBlC"}

package/dist/components/app-gate/EnterDatastoreRoute.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoadingView } from "#components/chat-view/LoadingView";
+import { datastoreRelativePath } from "@manta-eu/client/shared/datastore-path";
+import { isPresent } from "@manta-eu/lib/present";
+import { useEffect } from "react";
+import { useLocation } from "react-router";
+import { AwaitingDatastoreStatus } from "./AwaitingDatastoreStatus.js";
+import { useActiveDatastore } from "#providers/ActiveDatastoreProvider";
+import { useAuthContext } from "#providers/AuthContext";
+export function EnterDatastoreRoute() {
+    const { datastore, inOrganization, logout } = useAuthContext();
+    const { enterDatastore } = useActiveDatastore();
+    const { pathname, search, hash } = useLocation();
+    const datastoreId = datastore?.id;
+    useEffect(() => {
+        if (!isPresent(datastoreId))
+            return;
+        enterDatastore(datastoreId, { path: `${datastoreRelativePath(pathname)}${search}${hash}`, replace: true });
+    }, [datastoreId, enterDatastore, pathname, search, hash]);
+    if (!isPresent(datastoreId)) {
+        return _jsx(AwaitingDatastoreStatus, { inOrganization: inOrganization === true, onSignOut: () => void logout() });
+    }
+    return _jsx(LoadingView, {});
+}
+//# sourceMappingURL=EnterDatastoreRoute.js.map

package/dist/components/app-gate/EnterDatastoreRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnterDatastoreRoute.js","sourceRoot":"","sources":["../../../src/components/app-gate/EnterDatastoreRoute.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,UAAU,mBAAmB;IACjC,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/D,MAAM,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEhD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,CAAC;IAEjD,MAAM,WAAW,GAAG,SAAS,EAAE,EAAE,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;YAAE,OAAO;QAEpC,cAAc,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7G,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1D,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;QAC5B,OAAO,KAAC,uBAAuB,IAAC,cAAc,EAAE,cAAc,KAAK,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,MAAM,EAAE,GAAI,CAAC;IAC9G,CAAC;IAED,OAAO,KAAC,WAAW,KAAG,CAAC;AACzB,CAAC"}

package/dist/components/app-gate/ErrorRoute.d.ts

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

package/dist/components/app-gate/ErrorRoute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorRoute.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/ErrorRoute.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,UAAU,4CAczB"}

package/dist/components/app-gate/ErrorRoute.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "#components/button/index";
+import { StatusScreen } from "#components/layouts/StatusScreen";
+import { Link, useSearchParams } from "react-router";
+import { match } from "ts-pattern";
+const genericErrorCopy = {
+    title: "Something went wrong",
+    description: "We couldn't open this link.",
+};
+function copyForStatus(status) {
+    return match(status)
+        .with("400", () => ({
+        title: "Broken link",
+        description: "This link isn't valid.",
+    }))
+        .with("404", () => ({
+        title: "Nothing to open",
+        description: "We couldn't find anything at this link.",
+    }))
+        .otherwise(() => genericErrorCopy);
+}
+export function ErrorRoute() {
+    const [searchParams] = useSearchParams();
+    const { title, description } = copyForStatus(searchParams.get("status"));
+    return (_jsx("div", { className: "h-screen w-full", children: _jsx(StatusScreen, { title: title, description: description, role: "alert", children: _jsx(Button, { asChild: true, variant: "secondary", children: _jsx(Link, { to: "/", children: "Back to Manta" }) }) }) }));
+}
+//# sourceMappingURL=ErrorRoute.js.map

package/dist/components/app-gate/ErrorRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorRoute.js","sourceRoot":"","sources":["../../../src/components/app-gate/ErrorRoute.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAOnC,MAAM,gBAAgB,GAAc;IAClC,KAAK,EAAE,sBAAsB;IAC7B,WAAW,EAAE,6BAA6B;CAC3C,CAAC;AAEF,SAAS,aAAa,CAAC,MAAqB;IAC1C,OAAO,KAAK,CAAC,MAAM,CAAC;SACjB,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QAClB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,wBAAwB;KACtC,CAAC,CAAC;SACF,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QAClB,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,yCAAyC;KACvD,CAAC,CAAC;SACF,SAAS,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,YAChE,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAC,WAAW,YACjC,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,8BAAqB,GAC1B,GACI,GACX,CACP,CAAC;AACJ,CAAC"}

package/dist/components/app-gate/FailureAlert.d.ts

@@ -0,0 +1,5 @@
+export type FailureAlertProps = {
+    failure?: string;
+};
+export declare function FailureAlert(props: FailureAlertProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FailureAlert.d.ts.map

package/dist/components/app-gate/FailureAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FailureAlert.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/FailureAlert.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAUpD"}

package/dist/components/app-gate/FailureAlert.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+export function FailureAlert(props) {
+    const { failure } = props;
+    if (!isPresent(failure))
+        return null;
+    return (_jsx("p", { role: "alert", className: "text-center text-balance typography-small text-error-foreground", children: failure }));
+}
+//# sourceMappingURL=FailureAlert.js.map

package/dist/components/app-gate/FailureAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FailureAlert.js","sourceRoot":"","sources":["../../../src/components/app-gate/FailureAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,OAAO,CACL,YAAG,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iEAAiE,YACxF,OAAO,GACN,CACL,CAAC;AACJ,CAAC"}

package/dist/components/app-gate/NoDatastoreAccess.d.ts

@@ -0,0 +1,8 @@
+import type { Datastore } from "#lib/chat-types";
+export type NoDatastoreAccessProps = {
+    requestedDatastoreId: string;
+    datastore?: Datastore;
+    onEnter: () => void;
+};
+export declare function NoDatastoreAccess(props: NoDatastoreAccessProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NoDatastoreAccess.d.ts.map

package/dist/components/app-gate/NoDatastoreAccess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoDatastoreAccess.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/NoDatastoreAccess.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,MAAM,sBAAsB,GAAG;IAAE,oBAAoB,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAElH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAkB9D"}

package/dist/components/app-gate/NoDatastoreAccess.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Button } from "#components/button/index";
+import { StatusScreen } from "#components/layouts/StatusScreen";
+export function NoDatastoreAccess(props) {
+    const { requestedDatastoreId, datastore, onEnter } = props;
+    return (_jsx("div", { className: "h-screen", children: _jsx(StatusScreen, { title: `You don't have access to "${requestedDatastoreId}"`, description: "Ask whoever shared this link to grant you access, or open one of your own datastores.", role: "alert", children: isPresent(datastore) && (_jsxs(Button, { variant: "tertiary", rounded: "sm", "data-testid": "no-datastore-access-enter", onClick: onEnter, children: ["Go to ", datastore.name] })) }) }));
+}
+//# sourceMappingURL=NoDatastoreAccess.js.map

package/dist/components/app-gate/NoDatastoreAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoDatastoreAccess.js","sourceRoot":"","sources":["../../../src/components/app-gate/NoDatastoreAccess.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAKhE,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,YAAY,IACX,KAAK,EAAE,6BAA6B,oBAAoB,GAAG,EAC3D,WAAW,EAAC,uFAAuF,EACnG,IAAI,EAAC,OAAO,YAEX,SAAS,CAAC,SAAS,CAAC,IAAI,CACvB,MAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,iBAAa,2BAA2B,EAAC,OAAO,EAAE,OAAO,uBACvF,SAAS,CAAC,IAAI,IACd,CACV,GACY,GACX,CACP,CAAC;AACJ,CAAC"}

package/dist/components/app-gate/NotFoundRoute.d.ts

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

package/dist/components/app-gate/NotFoundRoute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundRoute.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/NotFoundRoute.tsx"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,4CAc5B"}

package/dist/components/app-gate/NotFoundRoute.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "#components/button/index";
+import { RouteLayout } from "#components/layouts/RouteLayout";
+import { StatusScreen } from "#components/layouts/StatusScreen";
+import { Link } from "react-router";
+export function NotFoundRoute() {
+    return (_jsx(RouteLayout, { children: _jsx(StatusScreen, { title: "Page not found", description: "This page doesn't exist, or your account doesn't have access to it.", role: "alert", children: _jsx(Button, { asChild: true, variant: "secondary", children: _jsx(Link, { to: "/", children: "Back to Manta" }) }) }) }));
+}
+//# sourceMappingURL=NotFoundRoute.js.map

package/dist/components/app-gate/NotFoundRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundRoute.js","sourceRoot":"","sources":["../../../src/components/app-gate/NotFoundRoute.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,KAAC,WAAW,cACV,KAAC,YAAY,IACX,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,qEAAqE,EACjF,IAAI,EAAC,OAAO,YAEZ,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAC,WAAW,YACjC,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,8BAAqB,GAC1B,GACI,GACH,CACf,CAAC;AACJ,CAAC"}

package/dist/components/app-gate/PendingInvitations.d.ts

@@ -0,0 +1,5 @@
+export type PendingInvitationsProps = {
+    onSignOut: () => void;
+};
+export declare function PendingInvitations(props: PendingInvitationsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PendingInvitations.d.ts.map

package/dist/components/app-gate/PendingInvitations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingInvitations.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/PendingInvitations.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,uBAAuB,GAAG;IAAE,SAAS,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAIhE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAgHhE"}

package/dist/components/app-gate/PendingInvitations.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useQueryClient } from "@tanstack/react-query";
+import { match } from "ts-pattern";
+import { AwaitingDatastoreStatus } from "./AwaitingDatastoreStatus.js";
+import { FailureAlert } from "./FailureAlert.js";
+import { Button } from "#components/button/index";
+import { LoadingView } from "#components/chat-view/LoadingView";
+import { StatusScreen } from "#components/layouts/StatusScreen";
+import { userContextQueryKey } from "#hooks/useAuth";
+import { graphqlErrorMessage } from "#lib/graphql-error";
+import { useMantaClient } from "#providers/MantaClientProvider";
+import { useAcceptInvitationMutation, useDeclineInvitationMutation, usePendingInvitationsQuery, } from "@manta-eu/client";
+const invitationsStaleMs = 30_000;
+export function PendingInvitations(props) {
+    const { onSignOut } = props;
+    const { mantaClient } = useMantaClient();
+    const queryClient = useQueryClient();
+    const invitationsQuery = usePendingInvitationsQuery(mantaClient, undefined, {
+        staleTime: invitationsStaleMs,
+        refetchInterval: invitationsStaleMs,
+        refetchIntervalInBackground: false,
+        retry: 1,
+    });
+    function refreshInvitations() {
+        return queryClient.invalidateQueries({ queryKey: usePendingInvitationsQuery.getKey() });
+    }
+    const acceptMutation = useAcceptInvitationMutation(mantaClient, {
+        onSuccess: () => queryClient.invalidateQueries({ queryKey: userContextQueryKey }),
+        onError: refreshInvitations,
+    });
+    const declineMutation = useDeclineInvitationMutation(mantaClient, { onSettled: refreshInvitations });
+    const invitations = invitationsQuery.data?.pendingInvitations ?? [];
+    const [only] = invitations;
+    const busy = acceptMutation.isPending || declineMutation.isPending;
+    const failure = match({ acceptMutation, declineMutation, invitationsQuery })
+        .with({ acceptMutation: { isError: true } }, (failed) => graphqlErrorMessage(failed.acceptMutation.error, "The invitation could not be accepted. Try again."))
+        .with({ declineMutation: { isError: true } }, (failed) => graphqlErrorMessage(failed.declineMutation.error, "The invitation could not be declined. Try again."))
+        .with({ invitationsQuery: { isError: true } }, (failed) => graphqlErrorMessage(failed.invitationsQuery.error, "Your invitations could not be loaded. Reload the page to try again."))
+        .otherwise(() => undefined);
+    if (acceptMutation.isSuccess)
+        return _jsx(AwaitingDatastoreStatus, { inOrganization: true, onSignOut: onSignOut });
+    if (invitationsQuery.isPending)
+        return _jsx(LoadingView, {});
+    if (!isPresent(invitations)) {
+        return _jsx(AwaitingDatastoreStatus, { inOrganization: false, failure: failure, onSignOut: onSignOut });
+    }
+    return (_jsx("div", { className: "h-screen w-full", children: _jsx(StatusScreen, { title: "You've been invited", description: invitations.length === 1 && isPresent(only)
+                ? `${only.organizationName} invited you to join their organization.`
+                : "These organizations invited you. Pick the one to join.", branded: true, children: _jsxs("div", { className: "flex w-104 max-w-full flex-col gap-4", children: [_jsx(FailureAlert, { failure: failure }), _jsx("ul", { className: "divide-y divide-muted-border overflow-hidden rounded-lg-v4 border border-muted-border bg-card text-left", children: invitations.map((invitation) => (_jsxs("li", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx("span", { className: "min-w-0 flex-1 truncate typography-body-semibold text-default-foreground", children: invitation.organizationName }), _jsx(Button, { variant: "tertiary", size: "sm", "data-testid": "decline-invitation", "aria-label": `Decline ${invitation.organizationName}'s invitation`, disabled: busy, onClick: () => {
+                                        acceptMutation.reset();
+                                        declineMutation.mutate({ organizationId: invitation.organizationId });
+                                    }, children: "Decline" }), _jsx(Button, { size: "sm", "data-testid": "accept-invitation", "aria-label": `Join ${invitation.organizationName}`, disabled: busy, onClick: () => {
+                                        declineMutation.reset();
+                                        acceptMutation.mutate({ organizationId: invitation.organizationId });
+                                    }, children: "Join" })] }, invitation.organizationId))) }), _jsx(Button, { variant: "tertiary", rounded: "sm", "data-testid": "awaiting-datastore-sign-out", onClick: onSignOut, className: "self-center", children: "Sign out" })] }) }) }));
+}
+//# sourceMappingURL=PendingInvitations.js.map

package/dist/components/app-gate/PendingInvitations.js.map

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

package/dist/components/app-gate/ServiceError.d.ts

@@ -0,0 +1,8 @@
+export type ServiceErrorProps = {
+    title?: string;
+    message: string;
+    onRetry?: () => void;
+    onSignOut?: () => void;
+};
+export declare function ServiceError(props: ServiceErrorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ServiceError.d.ts.map

package/dist/components/app-gate/ServiceError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceError.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/ServiceError.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAElH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAoBpD"}

package/dist/components/app-gate/ServiceError.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Button } from "#components/button/index";
+import { StatusScreen } from "#components/layouts/StatusScreen";
+export function ServiceError(props) {
+    const { title = "Something went wrong", message, onRetry, onSignOut } = props;
+    const handleRetry = onRetry ?? (() => window.location.reload());
+    return (_jsx("div", { "data-testid": "service-error", className: "h-screen w-full", children: _jsxs(StatusScreen, { title: title, description: message, role: "alert", children: [_jsx(Button, { variant: "tertiary", rounded: "sm", onClick: handleRetry, children: isPresent(onRetry) ? "Try again" : "Retry" }), isPresent(onSignOut) && (_jsx(Button, { variant: "tertiary", rounded: "sm", "data-testid": "service-error-sign-out", onClick: onSignOut, children: "Sign out" }))] }) }));
+}
+//# sourceMappingURL=ServiceError.js.map

package/dist/components/app-gate/ServiceError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceError.js","sourceRoot":"","sources":["../../../src/components/app-gate/ServiceError.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAIhE,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,KAAK,GAAG,sBAAsB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9E,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAEhE,OAAO,CACL,6BAAiB,eAAe,EAAC,SAAS,EAAC,iBAAiB,YAC1D,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,aAC5D,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW,YACzD,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,GACpC,EAER,SAAS,CAAC,SAAS,CAAC,IAAI,CACvB,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,iBAAa,wBAAwB,EAAC,OAAO,EAAE,SAAS,yBAEtF,CACV,IACY,GACX,CACP,CAAC;AACJ,CAAC"}

package/dist/components/app-gate/index.d.ts

@@ -0,0 +1,3 @@
+export { AppGate, type AppGateProps } from "./AppGate.js";
+export { sdkRouteElements } from "./sdk-route-elements.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/app-gate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/app-gate/index.js

@@ -0,0 +1,3 @@
+export { AppGate } from "./AppGate.js";
+export { sdkRouteElements } from "./sdk-route-elements.js";
+//# sourceMappingURL=index.js.map

package/dist/components/app-gate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/app-gate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/app-gate/sdk-route-elements.d.ts

@@ -0,0 +1,23 @@
+export declare const sdkRouteElements: {
+    Chat: import("react/jsx-runtime").JSX.Element;
+    EnterDatastore: import("react/jsx-runtime").JSX.Element;
+    Group: import("react/jsx-runtime").JSX.Element;
+    Plans: import("react/jsx-runtime").JSX.Element;
+    Explain: import("react/jsx-runtime").JSX.Element;
+    Memories: import("react/jsx-runtime").JSX.Element;
+    Activity: import("react/jsx-runtime").JSX.Element;
+    ActivityDetail: import("react/jsx-runtime").JSX.Element;
+    DataExplorerLayout: import("react/jsx-runtime").JSX.Element;
+    DataExplorerIndex: import("react/jsx-runtime").JSX.Element;
+    DataExplorerRecent: import("react/jsx-runtime").JSX.Element;
+    DataExplorerCoverage: import("react/jsx-runtime").JSX.Element;
+    DataExplorerFiles: import("react/jsx-runtime").JSX.Element;
+    DataExplorerIngest: import("react/jsx-runtime").JSX.Element;
+    DataCollection: import("react/jsx-runtime").JSX.Element;
+    DataExplorerPrefix: import("react/jsx-runtime").JSX.Element;
+    DataExplorerType: import("react/jsx-runtime").JSX.Element;
+    DataEntity: import("react/jsx-runtime").JSX.Element;
+    DataDetail: import("react/jsx-runtime").JSX.Element;
+    NotFound: import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=sdk-route-elements.d.ts.map

package/dist/components/app-gate/sdk-route-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk-route-elements.d.ts","sourceRoot":"","sources":["../../../src/components/app-gate/sdk-route-elements.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAqBJ,CAAC"}

package/dist/components/app-gate/sdk-route-elements.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GroupRoute } from "#components/app-shell/GroupRoute";
+import { AuthenticatedChat } from "#components/authenticated-chat/index";
+import { EnterDatastoreRoute } from "./EnterDatastoreRoute.js";
+import { NotFoundRoute } from "./NotFoundRoute.js";
+import { ActivityRoute } from "#routes/activity/index";
+import { ActivityDetailRoute } from "#routes/activity/detail/ActivityDetailRoute";
+import { DataCollectionRoute } from "#routes/data-collection/index";
+import { DataDetailRoute, DataExplorerCoverageRoute, DataExplorerEntityRoute, DataExplorerFilesRoute, DataExplorerIndexRoute, DataExplorerIngestRoute, DataExplorerLayout, DataExplorerPrefixRoute, DataExplorerRecentRoute, DataExplorerTypeRoute, } from "#routes/data-explorer/index";
+import { ExplainRoute } from "#routes/explain/index";
+import { MemoriesRoute } from "#routes/memories/index";
+import { PlansRoute } from "#routes/plans/index";
+export const sdkRouteElements = {
+    Chat: _jsx(AuthenticatedChat, {}),
+    EnterDatastore: _jsx(EnterDatastoreRoute, {}),
+    Group: _jsx(GroupRoute, {}),
+    Plans: _jsx(PlansRoute, {}),
+    Explain: _jsx(ExplainRoute, {}),
+    Memories: _jsx(MemoriesRoute, {}),
+    Activity: _jsx(ActivityRoute, {}),
+    ActivityDetail: _jsx(ActivityDetailRoute, {}),
+    DataExplorerLayout: _jsx(DataExplorerLayout, {}),
+    DataExplorerIndex: _jsx(DataExplorerIndexRoute, {}),
+    DataExplorerRecent: _jsx(DataExplorerRecentRoute, {}),
+    DataExplorerCoverage: _jsx(DataExplorerCoverageRoute, {}),
+    DataExplorerFiles: _jsx(DataExplorerFilesRoute, {}),
+    DataExplorerIngest: _jsx(DataExplorerIngestRoute, {}),
+    DataCollection: _jsx(DataCollectionRoute, {}),
+    DataExplorerPrefix: _jsx(DataExplorerPrefixRoute, {}),
+    DataExplorerType: _jsx(DataExplorerTypeRoute, {}),
+    DataEntity: _jsx(DataExplorerEntityRoute, {}),
+    DataDetail: _jsx(DataDetailRoute, {}),
+    NotFound: _jsx(NotFoundRoute, {}),
+};
+//# sourceMappingURL=sdk-route-elements.js.map