@robosystems/core 0.3.0

package/components/graph-filters.d.ts

@@ -0,0 +1,75 @@
+import type { GraphInfo } from '@robosystems/client';
+/**
+ * Common filter functions for GraphSelectorCore
+ * These can be composed together for complex filtering
+ */
+/**
+ * Filter out subgraphs using the isSubgraph field
+ */
+export declare function excludeSubgraphs(graph: GraphInfo): boolean;
+/**
+ * Filter out shared repositories
+ */
+export declare function excludeRepositories(graph: GraphInfo): boolean;
+/**
+ * Filter to only show shared repositories
+ */
+export declare function onlyRepositories(graph: GraphInfo): boolean;
+/**
+ * Filter to only show user-owned graphs (excludes repositories and subgraphs)
+ */
+export declare function onlyUserGraphs(graph: GraphInfo): boolean;
+/**
+ * Filter graphs by type
+ */
+export declare function byGraphType(...types: string[]): (graph: GraphInfo) => boolean;
+/**
+ * Filter to only show entity graphs
+ */
+export declare const onlyEntityGraphs: (graph: GraphInfo) => boolean;
+/**
+ * Filter to only show generic graphs
+ */
+export declare const onlyGenericGraphs: (graph: GraphInfo) => boolean;
+/**
+ * Compose multiple filter functions together (all must pass)
+ */
+export declare function composeFilters(...filters: Array<(graph: GraphInfo) => boolean>): (graph: GraphInfo) => boolean;
+/**
+ * Filter graphs by schema extension
+ * Checks if the graph has a specific schema extension installed
+ */
+export declare function hasSchemaExtension(extensionName: string): (graph: GraphInfo) => boolean;
+/**
+ * Filter graphs that have ANY of the specified schema extensions
+ */
+export declare function hasAnySchemaExtension(...extensionNames: string[]): (graph: GraphInfo) => boolean;
+/**
+ * Filter graphs that have ALL of the specified schema extensions
+ */
+export declare function hasAllSchemaExtensions(...extensionNames: string[]): (graph: GraphInfo) => boolean;
+/**
+ * Common preset filters for different app types
+ */
+export declare const GraphFilters: {
+    /**
+     * For RoboLedger: Only user entity graphs with roboledger schema, no subgraphs or repositories
+     */
+    readonly roboledger: (graph: GraphInfo) => boolean;
+    /**
+     * For RoboInvestor: Only user entity graphs with roboinvestor schema, no subgraphs or repositories
+     */
+    readonly roboinvestor: (graph: GraphInfo) => boolean;
+    /**
+     * For RoboSystems: All graphs except subgraphs
+     */
+    readonly robosystems: typeof excludeSubgraphs;
+    /**
+     * For general use: Only user-owned graphs (no repositories or subgraphs)
+     */
+    readonly userGraphsOnly: typeof onlyUserGraphs;
+    /**
+     * Show everything (no filtering)
+     */
+    readonly all: () => boolean;
+};

package/components/graph-filters.js

@@ -0,0 +1,111 @@
+/**
+ * Common filter functions for GraphSelectorCore
+ * These can be composed together for complex filtering
+ */
+/**
+ * Filter out subgraphs using the isSubgraph field
+ */
+export function excludeSubgraphs(graph) {
+    return !graph.isSubgraph;
+}
+/**
+ * Filter out shared repositories
+ */
+export function excludeRepositories(graph) {
+    return !graph.isRepository;
+}
+/**
+ * Filter to only show shared repositories
+ */
+export function onlyRepositories(graph) {
+    return graph.isRepository === true;
+}
+/**
+ * Filter to only show user-owned graphs (excludes repositories and subgraphs)
+ */
+export function onlyUserGraphs(graph) {
+    return excludeRepositories(graph) && excludeSubgraphs(graph);
+}
+/**
+ * Filter graphs by type
+ */
+export function byGraphType(...types) {
+    return (graph) => {
+        // If graphType is undefined, check if the filter includes default types
+        if (!graph.graphType) {
+            return types.includes('entity') || types.includes('generic');
+        }
+        return types.includes(graph.graphType);
+    };
+}
+/**
+ * Filter to only show entity graphs
+ */
+export const onlyEntityGraphs = byGraphType('entity');
+/**
+ * Filter to only show generic graphs
+ */
+export const onlyGenericGraphs = byGraphType('generic');
+/**
+ * Compose multiple filter functions together (all must pass)
+ */
+export function composeFilters(...filters) {
+    return (graph) => filters.every((filter) => filter(graph));
+}
+/**
+ * Filter graphs by schema extension
+ * Checks if the graph has a specific schema extension installed
+ */
+export function hasSchemaExtension(extensionName) {
+    return (graph) => {
+        var _a, _b;
+        return (_b = (_a = graph.schemaExtensions) === null || _a === void 0 ? void 0 : _a.includes(extensionName)) !== null && _b !== void 0 ? _b : false;
+    };
+}
+/**
+ * Filter graphs that have ANY of the specified schema extensions
+ */
+export function hasAnySchemaExtension(...extensionNames) {
+    return (graph) => {
+        if (!graph.schemaExtensions || graph.schemaExtensions.length === 0) {
+            return false;
+        }
+        return extensionNames.some((ext) => graph.schemaExtensions.includes(ext));
+    };
+}
+/**
+ * Filter graphs that have ALL of the specified schema extensions
+ */
+export function hasAllSchemaExtensions(...extensionNames) {
+    return (graph) => {
+        if (!graph.schemaExtensions || graph.schemaExtensions.length === 0) {
+            return false;
+        }
+        return extensionNames.every((ext) => graph.schemaExtensions.includes(ext));
+    };
+}
+/**
+ * Common preset filters for different app types
+ */
+export const GraphFilters = {
+    /**
+     * For RoboLedger: Only user entity graphs with roboledger schema, no subgraphs or repositories
+     */
+    roboledger: composeFilters(excludeSubgraphs, excludeRepositories, onlyEntityGraphs, hasSchemaExtension('roboledger')),
+    /**
+     * For RoboInvestor: Only user entity graphs with roboinvestor schema, no subgraphs or repositories
+     */
+    roboinvestor: composeFilters(excludeSubgraphs, excludeRepositories, onlyEntityGraphs, hasSchemaExtension('roboinvestor')),
+    /**
+     * For RoboSystems: All graphs except subgraphs
+     */
+    robosystems: excludeSubgraphs,
+    /**
+     * For general use: Only user-owned graphs (no repositories or subgraphs)
+     */
+    userGraphsOnly: onlyUserGraphs,
+    /**
+     * Show everything (no filtering)
+     */
+    all: () => true,
+};

package/components/index.d.ts

@@ -0,0 +1,10 @@
+export { ConsoleContent } from './console';
+export { EntitySelector, type EntityGroup, type SelectableEntity, } from './EntitySelector';
+export { EntitySelectorCore, type EntityLike, type EntityRecord, type EntitySelectorProps, type GraphWithEntities, } from './EntitySelectorCore';
+export { GraphFilters, byGraphType, composeFilters, excludeRepositories, excludeSubgraphs, hasAllSchemaExtensions, hasAnySchemaExtension, hasSchemaExtension, onlyEntityGraphs, onlyGenericGraphs, onlyRepositories, onlyUserGraphs, } from './graph-filters';
+export { GraphSelectorCore, type GraphSelectorProps } from './GraphSelectorCore';
+export { PageLayout } from './PageLayout';
+export { ActiveSubscriptions, BrowseRepositories, type ActiveSubscriptionsProps, type BrowseRepositoriesProps, } from './repositories';
+export { RepositoryGuard, useIsRepository } from './RepositoryGuard';
+export { SearchContent } from './search';
+export type { SearchConfig, SearchFilterConfig } from './search';

package/components/index.js

@@ -0,0 +1,9 @@
+export { ConsoleContent } from './console';
+export { EntitySelector, } from './EntitySelector';
+export { EntitySelectorCore, } from './EntitySelectorCore';
+export { GraphFilters, byGraphType, composeFilters, excludeRepositories, excludeSubgraphs, hasAllSchemaExtensions, hasAnySchemaExtension, hasSchemaExtension, onlyEntityGraphs, onlyGenericGraphs, onlyRepositories, onlyUserGraphs, } from './graph-filters';
+export { GraphSelectorCore } from './GraphSelectorCore';
+export { PageLayout } from './PageLayout';
+export { ActiveSubscriptions, BrowseRepositories, } from './repositories';
+export { RepositoryGuard, useIsRepository } from './RepositoryGuard';
+export { SearchContent } from './search';

package/components/repositories/ActiveSubscriptions.d.ts

@@ -0,0 +1,26 @@
+import * as SDK from '@robosystems/client';
+type SubscriptionInfo = SDK.GraphSubscriptionResponse;
+export interface ActiveSubscriptionsProps {
+    /** Called when user clicks "Open Console" for a repository */
+    onOpenConsole?: (repositoryId: string) => void;
+    /** Called when user clicks "Credits & Usage" for a repository */
+    onOpenUsage?: (repositoryId: string) => void;
+    /** Called when user clicks "Getting Started" for a repository */
+    onGettingStarted?: (repositoryId: string) => void;
+    /** Called when user clicks "Backups" for a repository */
+    onBackups?: (repositoryId: string) => void;
+    /** Called when user clicks "Billing Details" */
+    onBilling?: () => void;
+    /** Called when user clicks "Browse Repositories" */
+    onBrowse?: () => void;
+    /**
+     * Called when user clicks "Cancel Subscription" for a repository.
+     * Receives the full subscription object so the parent can drive a
+     * cancel modal with both period-end and immediate modes.
+     */
+    onCancel?: (subscription: SubscriptionInfo) => void;
+    /** Fallback component to render when there are no active subscriptions */
+    emptyState?: React.ReactNode;
+}
+export declare function ActiveSubscriptions({ onOpenConsole, onOpenUsage, onGettingStarted, onBackups, onBilling, onBrowse, onCancel, emptyState, }: ActiveSubscriptionsProps): import("react").JSX.Element;
+export {};

package/components/repositories/ActiveSubscriptions.js

@@ -0,0 +1,103 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SDK from '@robosystems/client';
+import { Badge, Button, Card, Spinner } from 'flowbite-react';
+import { useCallback, useEffect, useState } from 'react';
+import { GoRepo } from 'react-icons/go';
+import { HiBookOpen, HiCheckCircle, HiCloudDownload, HiCreditCard, HiGlobeAlt, HiLightningBolt, HiSwitchHorizontal, HiTerminal, HiXCircle, } from 'react-icons/hi';
+import { useGraphContext } from '../../contexts/graph-context';
+import { useOrg } from '../../contexts/org-context';
+import { useServiceOfferings } from '../../contexts/service-offerings-context';
+import { useToast } from '../../hooks/use-toast';
+export function ActiveSubscriptions({ onOpenConsole, onOpenUsage, onGettingStarted, onBackups, onBilling, onBrowse, onCancel, emptyState, }) {
+    const [userSubscriptions, setUserSubscriptions] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const { showError, ToastContainer } = useToast();
+    const { currentOrg } = useOrg();
+    const { offerings, isLoading: offeringsLoading } = useServiceOfferings();
+    const { setCurrentGraph } = useGraphContext();
+    const loadData = useCallback(async () => {
+        if (!(currentOrg === null || currentOrg === void 0 ? void 0 : currentOrg.id)) {
+            setLoading(false);
+            return;
+        }
+        try {
+            setLoading(true);
+            const subscriptionsResponse = await SDK.listOrgSubscriptions({
+                path: { org_id: currentOrg.id },
+            });
+            if (subscriptionsResponse.data) {
+                const repositorySubscriptions = (subscriptionsResponse.data || []).filter((sub) => sub.resource_type === 'repository');
+                setUserSubscriptions(repositorySubscriptions);
+            }
+            else {
+                setUserSubscriptions([]);
+            }
+        }
+        catch (error) {
+            console.error('Failed to load user subscriptions:', error);
+            showError('Failed to load user subscriptions');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [currentOrg === null || currentOrg === void 0 ? void 0 : currentOrg.id, showError]);
+    useEffect(() => {
+        loadData();
+    }, [loadData]);
+    if (loading || offeringsLoading) {
+        return (_jsx("div", { className: "flex min-h-[400px] items-center justify-center", children: _jsx(Spinner, { size: "xl" }) }));
+    }
+    // Treat a period-end-canceled sub as "still active" until its access
+    // window actually closes. Otherwise the row would disappear from this
+    // view the moment the user clicks Cancel — even though the modal
+    // promises continued access through current_period_end.
+    const now = new Date();
+    const activeSubscriptions = userSubscriptions.filter((s) => {
+        if (s.status === 'active')
+            return true;
+        if (s.status === 'canceled' && s.current_period_end) {
+            return new Date(s.current_period_end) > now;
+        }
+        return false;
+    });
+    if (activeSubscriptions.length === 0) {
+        return _jsx(_Fragment, { children: emptyState });
+    }
+    const handleOpenConsole = async (repositoryId) => {
+        try {
+            await setCurrentGraph(repositoryId);
+        }
+        catch (error) {
+            console.warn('Failed to set graph, navigating anyway:', error);
+        }
+        onOpenConsole === null || onOpenConsole === void 0 ? void 0 : onOpenConsole(repositoryId);
+    };
+    const handleOpenUsage = async (repositoryId) => {
+        try {
+            await setCurrentGraph(repositoryId);
+        }
+        catch (error) {
+            console.warn('Failed to set graph, navigating anyway:', error);
+        }
+        onOpenUsage === null || onOpenUsage === void 0 ? void 0 : onOpenUsage(repositoryId);
+    };
+    const handleOpenBackups = async (repositoryId) => {
+        try {
+            await setCurrentGraph(repositoryId);
+        }
+        catch (error) {
+            console.warn('Failed to set graph, navigating anyway:', error);
+        }
+        onBackups === null || onBackups === void 0 ? void 0 : onBackups(repositoryId);
+    };
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(ToastContainer, {}), _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "from-primary-500 to-secondary-600 rounded-lg bg-gradient-to-br p-3", children: _jsx(HiGlobeAlt, { className: "h-8 w-8 text-white" }) }), _jsxs("div", { children: [_jsx("h1", { className: "font-heading text-3xl font-bold text-zinc-900 dark:text-zinc-100", children: "Repository Subscriptions" }), _jsx("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Browse shared public datasets" })] })] }), onBrowse && (_jsxs(Button, { onClick: onBrowse, color: "purple", children: [_jsx(HiGlobeAlt, { className: "mr-2 h-4 w-4" }), "Browse Repositories"] }))] }), activeSubscriptions.map((subscription) => {
+                var _a, _b, _c;
+                const repoOffering = (_a = offerings === null || offerings === void 0 ? void 0 : offerings.repositoryPlans) === null || _a === void 0 ? void 0 : _a[subscription.resource_id];
+                const planFeatures = (_c = (_b = repoOffering === null || repoOffering === void 0 ? void 0 : repoOffering.plans) === null || _b === void 0 ? void 0 : _b.find((p) => p.plan.toLowerCase() === subscription.plan_name.toLowerCase())) === null || _c === void 0 ? void 0 : _c.features;
+                return (_jsx(Card, { children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "from-primary-500 to-secondary-600 rounded-lg bg-gradient-to-br p-3", children: _jsx(GoRepo, { className: "h-8 w-8 text-white" }) }), _jsxs("div", { children: [_jsx("h2", { className: "font-heading text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: (repoOffering === null || repoOffering === void 0 ? void 0 : repoOffering.name) ||
+                                                            subscription.resource_id.toUpperCase() }), _jsx("p", { className: "mt-1 text-zinc-600 dark:text-zinc-400", children: (repoOffering === null || repoOffering === void 0 ? void 0 : repoOffering.description) ||
+                                                            'Shared repository subscription' }), _jsx("div", { className: "mt-2 flex", children: _jsxs(Badge, { color: "purple", children: [subscription.plan_name.charAt(0).toUpperCase() +
+                                                                    subscription.plan_name.slice(1), ' ', "Plan"] }) })] })] }), _jsx(Badge, { color: "success", icon: HiCheckCircle, children: "Active" })] }), _jsxs("div", { className: "border-t border-zinc-200 pt-6 dark:border-zinc-700", children: [_jsx("h4", { className: "font-heading mb-4 text-sm font-semibold tracking-wide text-zinc-500 uppercase dark:text-zinc-400", children: "Quick Actions" }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: [onGettingStarted && (_jsxs(Button, { color: "gray", onClick: () => onGettingStarted(subscription.resource_id), className: "justify-start", children: [_jsx(HiBookOpen, { className: "mr-2 h-4 w-4" }), "Getting Started"] })), onOpenConsole && (_jsxs(Button, { color: "gray", onClick: () => handleOpenConsole(subscription.resource_id), className: "justify-start", children: [_jsx(HiTerminal, { className: "mr-2 h-4 w-4" }), "Console"] })), onOpenUsage && (_jsxs(Button, { color: "gray", onClick: () => handleOpenUsage(subscription.resource_id), className: "justify-start", children: [_jsx(HiLightningBolt, { className: "mr-2 h-4 w-4" }), "Credits & Usage"] })), onBackups && (_jsxs(Button, { color: "gray", onClick: () => handleOpenBackups(subscription.resource_id), className: "justify-start", children: [_jsx(HiCloudDownload, { className: "mr-2 h-4 w-4" }), "Backups"] })), onBrowse && (_jsxs(Button, { color: "gray", onClick: onBrowse, className: "justify-start", children: [_jsx(HiSwitchHorizontal, { className: "mr-2 h-4 w-4" }), "Change Plan"] })), onBilling && (_jsxs(Button, { color: "gray", onClick: onBilling, className: "justify-start", children: [_jsx(HiCreditCard, { className: "mr-2 h-4 w-4" }), "Billing Details"] })), onCancel && (_jsxs(Button, { color: "failure", outline: true, onClick: () => onCancel(subscription), className: "justify-start", children: [_jsx(HiXCircle, { className: "mr-2 h-4 w-4" }), "Cancel Subscription"] }))] })] }), planFeatures && planFeatures.length > 0 && (_jsxs("div", { className: "border-t border-zinc-200 pt-6 dark:border-zinc-700", children: [_jsx("h4", { className: "font-heading mb-4 text-sm font-semibold tracking-wide text-zinc-500 uppercase dark:text-zinc-400", children: "Plan Features" }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: planFeatures.map((feature, idx) => (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(HiCheckCircle, { className: "mt-0.5 h-4 w-4 shrink-0 text-green-500" }), _jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: feature })] }, idx))) })] }))] }) }, subscription.resource_id));
+            })] }));
+}

package/components/repositories/BrowseRepositories.d.ts

@@ -0,0 +1,11 @@
+export interface BrowseRepositoriesProps {
+    /** Called after successful subscription with the repository type */
+    onSubscribed?: (repositoryType: string) => void;
+    /** Called when user wants to view their subscriptions */
+    onViewSubscriptions?: () => void;
+    /** Whether to show the header section */
+    showHeader?: boolean;
+    /** Whether to show the "How it Works" info card */
+    showInfoCard?: boolean;
+}
+export declare function BrowseRepositories({ onSubscribed, onViewSubscriptions, showHeader, showInfoCard, }: BrowseRepositoriesProps): import("react").JSX.Element;

package/components/repositories/BrowseRepositories.js

@@ -0,0 +1,184 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as SDK from '@robosystems/client';
+import { Alert, Badge, Button, Card, Modal, ModalBody, ModalFooter, ModalHeader, Spinner, } from 'flowbite-react';
+import { useCallback, useEffect, useState } from 'react';
+import { GoRepo } from 'react-icons/go';
+import { HiArrowDown, HiArrowUp, HiCheckCircle, HiDatabase, HiGlobeAlt, HiInformationCircle, } from 'react-icons/hi';
+import { useGraphContext } from '../../contexts/graph-context';
+import { useOrg } from '../../contexts/org-context';
+import { useServiceOfferings } from '../../contexts/service-offerings-context';
+import { useToast } from '../../hooks/use-toast';
+import { useRepositorySubscription } from '../../task-monitoring/operationHooks';
+export function BrowseRepositories({ onSubscribed, onViewSubscriptions, showHeader = true, showInfoCard = true, }) {
+    const [userSubscriptions, setUserSubscriptions] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [subscribing, setSubscribing] = useState(null);
+    const [changingPlan, setChangingPlan] = useState(false);
+    const [planChangeModal, setPlanChangeModal] = useState(null);
+    const { showSuccess, showError, ToastContainer } = useToast();
+    const { currentOrg } = useOrg();
+    const { offerings, isLoading: offeringsLoading } = useServiceOfferings();
+    const repositorySubscription = useRepositorySubscription();
+    const { setCurrentGraph, refreshGraphs } = useGraphContext();
+    const loadData = useCallback(async () => {
+        if (!(currentOrg === null || currentOrg === void 0 ? void 0 : currentOrg.id)) {
+            setLoading(false);
+            return;
+        }
+        try {
+            setLoading(true);
+            // Load org subscriptions and filter for repositories
+            const subscriptionsResponse = await SDK.listOrgSubscriptions({
+                path: { org_id: currentOrg.id },
+            });
+            if (subscriptionsResponse.data) {
+                const repositorySubscriptions = (subscriptionsResponse.data || []).filter((sub) => sub.resource_type === 'repository');
+                setUserSubscriptions(repositorySubscriptions);
+            }
+            else {
+                setUserSubscriptions([]);
+            }
+        }
+        catch (error) {
+            console.error('Failed to load user subscriptions:', error);
+            showError('Failed to load user subscriptions');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [currentOrg === null || currentOrg === void 0 ? void 0 : currentOrg.id, showError]);
+    useEffect(() => {
+        loadData();
+    }, [loadData]);
+    const handleSubscribe = async (repositoryType, tier) => {
+        if (!(currentOrg === null || currentOrg === void 0 ? void 0 : currentOrg.id)) {
+            showError('No organization found');
+            return;
+        }
+        try {
+            setSubscribing(`${repositoryType}-${tier}`);
+            const result = await repositorySubscription.subscribe({
+                repository_name: repositoryType,
+                plan_name: tier,
+                org_id: currentOrg.id,
+            });
+            // If result indicates checkout is required, the hook will have already redirected
+            if (result && 'requires_checkout' in result) {
+                return;
+            }
+            showSuccess('Successfully subscribed to repository!');
+            // Reload subscriptions
+            await loadData();
+            // Refresh the graphs list to include the new repository
+            await refreshGraphs();
+            // Set the repository as the current graph context
+            await setCurrentGraph(repositoryType);
+            // Notify parent
+            onSubscribed === null || onSubscribed === void 0 ? void 0 : onSubscribed(repositoryType);
+        }
+        catch (error) {
+            console.error('Failed to subscribe:', error);
+            showError(error instanceof Error
+                ? error.message
+                : 'Failed to subscribe to repository');
+        }
+        finally {
+            setSubscribing(null);
+        }
+    };
+    const getUserSubscription = (repositoryName) => {
+        return userSubscriptions.find((sub) => sub.resource_id === repositoryName &&
+            (sub.status === 'active' ||
+                (sub.status === 'canceled' &&
+                    sub.ends_at &&
+                    new Date(sub.ends_at) > new Date())));
+    };
+    const handleChangePlan = (repoType, repoName, currentPlan, currentPlanName, currentPrice, newPlan, newPlanName, newPrice) => {
+        setPlanChangeModal({
+            repoType,
+            repoName,
+            currentPlan,
+            currentPlanName,
+            currentPrice,
+            newPlan,
+            newPlanName,
+            newPrice,
+            isUpgrade: newPrice > currentPrice,
+        });
+    };
+    const handleChangePlanConfirm = async () => {
+        if (!planChangeModal)
+            return;
+        try {
+            setChangingPlan(true);
+            await repositorySubscription.changePlan({
+                repository_name: planChangeModal.repoType,
+                new_plan_name: planChangeModal.newPlan,
+            });
+            showSuccess(`Successfully ${planChangeModal.isUpgrade ? 'upgraded' : 'downgraded'} to ${planChangeModal.newPlanName}`);
+            setPlanChangeModal(null);
+            await loadData();
+        }
+        catch (error) {
+            console.error('Failed to change plan:', error);
+            showError(error instanceof Error ? error.message : 'Failed to change plan');
+        }
+        finally {
+            setChangingPlan(false);
+        }
+    };
+    if (loading || offeringsLoading) {
+        return (_jsx("div", { className: "flex min-h-[400px] items-center justify-center", children: _jsx(Spinner, { size: "xl" }) }));
+    }
+    // Check if user has any active subscriptions
+    const hasActiveSubscriptions = userSubscriptions.some((sub) => sub.status === 'active');
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(ToastContainer, {}), showHeader && (_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "from-primary-500 to-secondary-600 rounded-lg bg-gradient-to-br p-3", children: _jsx(HiGlobeAlt, { className: "h-8 w-8 text-white" }) }), _jsxs("div", { children: [_jsx("h1", { className: "font-heading text-3xl font-bold text-zinc-900 dark:text-zinc-100", children: "Browse Repositories" }), _jsx("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Subscribe to read-only graph databases containing curated data" })] })] }), hasActiveSubscriptions && onViewSubscriptions && (_jsx(Button, { onClick: onViewSubscriptions, color: "gray", children: "View My Subscriptions" }))] })), showInfoCard && (_jsx(Card, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "bg-primary-100 dark:bg-primary-900/30 rounded-lg p-3", children: _jsx(HiInformationCircle, { className: "text-primary-600 dark:text-primary-400 h-6 w-6" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "font-heading mb-3 text-lg font-semibold text-zinc-900 dark:text-white", children: "How Shared Repositories Work" }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "bg-primary-500 mt-1 h-2 w-2 rounded-full" }), _jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Subscribe to gain read-only access to curated graph databases" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "bg-primary-500 mt-1 h-2 w-2 rounded-full" }), _jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Credits are used for AI agent calls - queries are unlimited" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "bg-primary-500 mt-1 h-2 w-2 rounded-full" }), _jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Generate API keys to access repositories via MCP tools in AI apps" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "bg-primary-500 mt-1 h-2 w-2 rounded-full" }), _jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Different tiers offer varying credit limits and features" })] })] })] })] }) })), (offerings === null || offerings === void 0 ? void 0 : offerings.repositoryPlans) &&
+                Object.entries(offerings.repositoryPlans)
+                    .filter(([_, repo]) => {
+                    const repoData = repo;
+                    return repoData.enabled && !repoData.comingSoon;
+                })
+                    .map(([repoType, repo]) => {
+                    const repoData = repo;
+                    const userSub = getUserSubscription(repoType);
+                    return (_jsx(Card, { className: "overflow-hidden", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "from-primary-500 to-secondary-600 rounded-lg bg-gradient-to-br p-3", children: _jsx(GoRepo, { className: "h-8 w-8 text-white" }) }), _jsxs("div", { children: [_jsx("h2", { className: "font-heading text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: repoData.name }), _jsx("p", { className: "mt-1 text-zinc-600 dark:text-zinc-400", children: repoData.description })] })] }), userSub && (_jsxs(Badge, { color: "success", icon: HiCheckCircle, size: "lg", children: ["Active -", ' ', userSub.plan_name.charAt(0).toUpperCase() +
+                                                    userSub.plan_name.slice(1)] }))] }), _jsx("div", { className: `grid gap-6 ${repoData.plans.length === 2
+                                        ? 'mx-auto max-w-3xl lg:grid-cols-2'
+                                        : 'lg:grid-cols-3'}`, children: repoData.plans.map((plan, index) => {
+                                        var _a, _b;
+                                        const subPlan = (_a = userSub === null || userSub === void 0 ? void 0 : userSub.plan_name.toLowerCase()) !== null && _a !== void 0 ? _a : '';
+                                        const planKey = plan.plan.toLowerCase();
+                                        const isCurrentPlan = subPlan === planKey ||
+                                            subPlan === `${repoType}-${planKey}`;
+                                        const isPopular = index === 1;
+                                        const currentPlanData = userSub
+                                            ? repoData.plans.find((p) => {
+                                                const key = p.plan.toLowerCase();
+                                                return (subPlan === key ||
+                                                    subPlan === `${repoType}-${key}`);
+                                            })
+                                            : null;
+                                        const isUpgrade = userSub &&
+                                            plan.monthlyPrice > ((_b = currentPlanData === null || currentPlanData === void 0 ? void 0 : currentPlanData.monthlyPrice) !== null && _b !== void 0 ? _b : 0);
+                                        return (_jsxs("div", { className: `relative flex flex-col rounded-xl border-2 p-6 transition-all hover:shadow-lg ${isCurrentPlan
+                                                ? 'border-primary-500 bg-primary-50 dark:bg-primary-900/20 shadow-lg'
+                                                : isPopular
+                                                    ? 'border-secondary-500 from-secondary-50 dark:from-secondary-900/20 bg-gradient-to-b to-white shadow-md dark:to-zinc-800'
+                                                    : 'border-zinc-200 bg-white hover:border-zinc-300 dark:border-zinc-700 dark:bg-zinc-800'}`, children: [isPopular && (_jsx("div", { className: "absolute -top-3 left-1/2 -translate-x-1/2", children: _jsx(Badge, { color: "purple", size: "sm", children: "Most Popular" }) })), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "text-center", children: [_jsx("h3", { className: "font-heading mb-2 text-xl font-bold text-zinc-900 dark:text-zinc-100", children: plan.name }), _jsxs("div", { className: "mb-1", children: [_jsxs("span", { className: "text-3xl font-bold text-zinc-900 dark:text-zinc-100", children: ["$", plan.monthlyPrice] }), _jsx("span", { className: "text-zinc-500 dark:text-zinc-400", children: "/month" })] }), _jsxs("p", { className: "mb-6 text-sm font-medium text-zinc-600 dark:text-zinc-400", children: [plan.monthlyCredits.toLocaleString(), ' ', "credits/month"] })] }), plan.features && (_jsx("ul", { className: "mb-6 space-y-2 text-sm", children: plan.features.map((feature, idx) => (_jsxs("li", { className: "flex items-start gap-2", children: [_jsx(HiCheckCircle, { className: "mt-0.5 h-4 w-4 shrink-0 text-green-500" }), _jsx("span", { className: "text-zinc-600 dark:text-zinc-400", children: feature })] }, idx))) }))] }), _jsx("div", { className: "mt-6", children: isCurrentPlan ? (_jsxs(Button, { color: "gray", disabled: true, className: "w-full", size: "lg", children: [_jsx(HiCheckCircle, { className: "mr-2 h-4 w-4" }), "Current Plan"] })) : userSub ? (_jsx(Button, { onClick: () => {
+                                                            var _a;
+                                                            return handleChangePlan(repoType, repoData.name, userSub.plan_name, userSub.plan_display_name, (_a = currentPlanData === null || currentPlanData === void 0 ? void 0 : currentPlanData.monthlyPrice) !== null && _a !== void 0 ? _a : 0, plan.plan, plan.name, plan.monthlyPrice);
+                                                        }, className: "w-full", size: "lg", color: isUpgrade ? 'purple' : 'blue', children: isUpgrade ? (_jsxs(_Fragment, { children: [_jsx(HiArrowUp, { className: "mr-2 h-4 w-4" }), "Upgrade to ", plan.name] })) : (_jsxs(_Fragment, { children: [_jsx(HiArrowDown, { className: "mr-2 h-4 w-4" }), "Downgrade to ", plan.name] })) })) : (_jsx(Button, { onClick: () => handleSubscribe(repoType, plan.plan), disabled: subscribing === `${repoType}-${plan.plan}`, className: "w-full", size: "lg", color: isPopular ? 'purple' : 'blue', children: subscribing === `${repoType}-${plan.plan}`
+                                                            ? 'Subscribing...'
+                                                            : `Subscribe to ${plan.name}` })) })] }, plan.plan));
+                                    }) })] }) }, repoType));
+                }), (!(offerings === null || offerings === void 0 ? void 0 : offerings.repositoryPlans) ||
+                Object.keys(offerings.repositoryPlans).filter((key) => offerings.repositoryPlans[key].enabled &&
+                    !offerings.repositoryPlans[key].comingSoon).length === 0) && (_jsx(Card, { children: _jsxs("div", { className: "py-8 text-center", children: [_jsx(HiDatabase, { className: "mx-auto mb-4 h-12 w-12 text-zinc-400" }), _jsx("p", { className: "text-zinc-600 dark:text-zinc-400", children: "No shared repositories available at this time" })] }) })), _jsxs(Modal, { show: !!planChangeModal, onClose: () => !changingPlan && setPlanChangeModal(null), size: "md", children: [_jsxs(ModalHeader, { children: [(planChangeModal === null || planChangeModal === void 0 ? void 0 : planChangeModal.isUpgrade) ? 'Upgrade' : 'Downgrade', " Plan"] }), _jsx(ModalBody, { children: planChangeModal && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: `rounded-full p-3 ${planChangeModal.isUpgrade
+                                                ? 'bg-secondary-100 dark:bg-secondary-900/30'
+                                                : 'bg-primary-100 dark:bg-primary-900/30'}`, children: planChangeModal.isUpgrade ? (_jsx(HiArrowUp, { className: "text-secondary-600 dark:text-secondary-400 h-6 w-6" })) : (_jsx(HiArrowDown, { className: "text-primary-600 dark:text-primary-400 h-6 w-6" })) }), _jsxs("div", { className: "flex-1", children: [_jsxs("h3", { className: "font-semibold text-gray-900 dark:text-white", children: [planChangeModal.isUpgrade ? 'Upgrade' : 'Downgrade', ' ', planChangeModal.repoName, "?"] }), _jsx("div", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: _jsxs("p", { children: [planChangeModal.currentPlanName, " ($", planChangeModal.currentPrice, "/mo) \u2192", ' ', planChangeModal.newPlanName, " ($", planChangeModal.newPrice, "/mo)"] }) })] })] }), _jsx(Alert, { color: planChangeModal.isUpgrade ? 'info' : 'warning', icon: HiInformationCircle, children: _jsx("p", { className: "text-sm", children: planChangeModal.isUpgrade
+                                            ? 'Your new plan will take effect immediately. You will be charged a prorated amount for the remainder of this billing period.'
+                                            : 'Your plan will be downgraded immediately. You will receive a prorated credit for the remainder of this billing period.' }) })] })) }), _jsx(ModalFooter, { children: _jsxs("div", { className: "flex w-full gap-3", children: [_jsx(Button, { onClick: () => setPlanChangeModal(null), disabled: changingPlan, color: "gray", className: "flex-1", children: "Cancel" }), _jsx(Button, { onClick: handleChangePlanConfirm, disabled: changingPlan, color: (planChangeModal === null || planChangeModal === void 0 ? void 0 : planChangeModal.isUpgrade) ? 'purple' : 'blue', className: "flex-1", children: changingPlan
+                                        ? 'Processing...'
+                                        : `Confirm ${(planChangeModal === null || planChangeModal === void 0 ? void 0 : planChangeModal.isUpgrade) ? 'Upgrade' : 'Downgrade'}` })] }) })] })] }));
+}

package/components/repositories/index.d.ts

@@ -0,0 +1,2 @@
+export { ActiveSubscriptions, type ActiveSubscriptionsProps, } from './ActiveSubscriptions';
+export { BrowseRepositories, type BrowseRepositoriesProps, } from './BrowseRepositories';

package/components/repositories/index.js

@@ -0,0 +1,2 @@
+export { ActiveSubscriptions, } from './ActiveSubscriptions';
+export { BrowseRepositories, } from './BrowseRepositories';

package/components/search/SearchContent.d.ts

@@ -0,0 +1,4 @@
+import type { SearchConfig } from './types';
+export declare function SearchContent({ config }: {
+    config: SearchConfig;
+}): import("react").JSX.Element;