@robosystems/core 0.8.6 → 0.8.8

package/components/console/graphAwareConfig.d.ts

@@ -3,7 +3,7 @@ import type { ConsoleConfig, SampleQuery } from './types';
 /**
  * Graph-aware console configuration.
  *
- * The console's natural-language agent (the "cypher operator") and its example
+ * The console's natural-language agent (the Analyst Operator) and its example
  * queries only make sense against the schema of the *selected* graph. A shared
  * SEC repository, a RoboLedger accounting graph, a RoboInvestor portfolio
  * graph, and a generic custom graph each expose completely different nodes —
@@ -19,7 +19,7 @@ export interface GraphExampleSet {
      *  builder swaps for the graph's display name when available. */
     description: string;
     /** Natural-language prompts shown in the USAGE section. Must be answerable by
-     *  the cypher operator against THIS graph's schema. */
+     *  the Analyst Operator against THIS graph's schema. */
     naturalLanguageExamples: string[];
     /** `/query <cypher>` one-liners shown in the USAGE section. */
     directQueryExamples: string[];

package/index.d.ts

@@ -14,7 +14,7 @@ export { buildGraphAwareConsoleConfig, ConsoleContent, EXAMPLE_SETS, getGraphExa
 export type { ConsoleBranding, ConsoleCommandContext, ConsoleConfig, ConsoleExtraCommand, ConsoleHeaderConfig, ConsoleMcpConfig, ConsoleWelcomeConfig, GraphExampleKind, GraphExampleSet, SampleQuery, } from './components/console';
 export { ActiveSubscriptions, BrowseRepositories, EntitySelector, EntitySelectorCore, GraphSelectorCore, PageLayout, RepositoryGuard, SearchBar, SearchContent, SearchHitCard, SearchPagination, SearchResultsMeta, useIsRepository, type ActiveSubscriptionsProps, type BrowseRepositoriesProps, type EntityGroup, type EntityLike, type EntityRecord, type EntitySelectorProps, type GraphSelectorProps, type GraphWithEntities, type SearchBarProps, type SearchConfig, type SearchFilterConfig, type SearchHitCardProps, type SearchPaginationProps, type SearchResultsMetaProps, type SelectableEntity, } from './components';
 export { composeFilters, excludeRepositories, excludeSubgraphs, GraphFilters, hasSchemaExtension, onlyRepositories, onlyUserGraphs, } from './components/graph-filters';
-export { ApiKeyDisplay, ApiKeysCard, ApiKeyTable, BrandSpinner, categorizeError, CategoryInput, ChatHeader, ChatInputArea, ChatMessage, ConfirmModal, CoreNavbar, CoreSidebar, CreateApiKeyModal, DeepResearchToggle, EmptyState, ErrorType, GeneralInformationCard, generateMessageId, getErrorMessage, LandingFooter, LoadingState, MarkdownProse, PageContainer, PageHeader, PasswordInformationCard, PasswordRequirements, SecureApiKeyField, SettingsCard, SettingsContainer, SettingsFormField, SettingsPageHeader, Spinner, StatCard, StatusAlert, SupportModal, TagInput, ThemeToggle, } from './ui-components';
+export { ApiKeyDisplay, BrandSpinner, categorizeError, CategoryInput, ChatHeader, ChatInputArea, ChatMessage, ConfirmModal, CoreNavbar, CoreSidebar, CreateApiKeyModal, DeepResearchToggle, EmptyState, ErrorType, GeneralInformationCard, generateMessageId, getErrorMessage, LandingFooter, LoadingState, MarkdownProse, PageContainer, PageHeader, PasswordInformationCard, PasswordRequirements, SecureApiKeyField, SettingsCard, SettingsContainer, SettingsFormField, SettingsPageHeader, Spinner, StatCard, StatusAlert, SupportModal, TagInput, ThemeToggle, } from './ui-components';
 export type { CategoryInputProps, MarkdownProseProps, TagInputProps, } from './ui-components';
 export type { AgentType, FooterLink, LandingFooterProps, Message, PageHeaderProps, SidebarItemData, SupportMetadata, } from './ui-components';
 export * from './library';

package/index.js

@@ -35,7 +35,7 @@ export { ActiveSubscriptions, BrowseRepositories, EntitySelector, EntitySelector
 // Export graph filters
 export { composeFilters, excludeRepositories, excludeSubgraphs, GraphFilters, hasSchemaExtension, onlyRepositories, onlyUserGraphs, } from './components/graph-filters';
 // Export app-components
-export { ApiKeyDisplay, ApiKeysCard, ApiKeyTable, BrandSpinner, categorizeError, CategoryInput, ChatHeader, ChatInputArea, 
+export { ApiKeyDisplay, BrandSpinner, categorizeError, CategoryInput, ChatHeader, ChatInputArea, 
 // Chat components
 ChatMessage, ConfirmModal, CoreNavbar, CoreSidebar, CreateApiKeyModal, DeepResearchToggle, EmptyState, ErrorType, GeneralInformationCard, generateMessageId, getErrorMessage, LandingFooter, LoadingState, MarkdownProse, PageContainer, PageHeader, PasswordInformationCard, PasswordRequirements, SecureApiKeyField, SettingsCard, SettingsContainer, SettingsFormField, SettingsPageHeader, Spinner, StatCard, StatusAlert, SupportModal, TagInput, ThemeToggle, } from './ui-components';
 // Export library components, types, and helpers

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robosystems/core",
-  "version": "0.8.6",
+  "version": "0.8.8",
   "description": "Shared RoboSystems frontend core library (auth, contexts, task monitoring, UI components) for the RoboSystems Next.js apps",
   "license": "MIT",
   "private": false,

package/ui-components/api-keys/index.d.ts

@@ -1,5 +1,3 @@
 export { ApiKeyDisplay } from './ApiKeyDisplay';
-export { ApiKeysCard } from './ApiKeysCard';
-export { ApiKeyTable } from './ApiKeyTable';
 export { CreateApiKeyModal } from './CreateApiKeyModal';
 export { SecureApiKeyField } from './SecureApiKeyField';

package/ui-components/api-keys/index.js

@@ -1,5 +1,3 @@
 export { ApiKeyDisplay } from './ApiKeyDisplay';
-export { ApiKeysCard } from './ApiKeysCard';
-export { ApiKeyTable } from './ApiKeyTable';
 export { CreateApiKeyModal } from './CreateApiKeyModal';
 export { SecureApiKeyField } from './SecureApiKeyField';

package/ui-components/layout/LandingFooter.d.ts

@@ -17,6 +17,12 @@ export interface LandingFooterProps {
         isOpen: boolean;
         onClose: () => void;
     }>;
+    /**
+     * Where the Company column's Blog link goes. Defaults to the platform blog on
+     * robosystems.ai; an app with its own blog lane (roboledger.ai/blog since
+     * 2026-09-02) passes its own path so the footer sends readers to that lane.
+     */
+    blogHref?: string;
 }
 /**
  * The shared marketing-site footer for all three apps. The brand column, social
@@ -25,4 +31,4 @@ export interface LandingFooterProps {
  * only the tagline and Product links vary and are passed in. Contact stays
  * per-app via the `contactModal` prop.
  */
-export declare function LandingFooter({ tagline, productLinks, contactModal: ContactModal, }: LandingFooterProps): import("react").JSX.Element;
+export declare function LandingFooter({ tagline, productLinks, contactModal: ContactModal, blogHref, }: LandingFooterProps): import("react").JSX.Element;

package/ui-components/layout/LandingFooter.js

@@ -15,20 +15,33 @@ const headingClass = 'mb-4 text-sm font-semibold tracking-wider text-gray-400 up
  * only the tagline and Product links vary and are passed in. Contact stays
  * per-app via the `contactModal` prop.
  */
-export function LandingFooter({ tagline, productLinks, contactModal: ContactModal, }) {
+export function LandingFooter({ tagline, productLinks, contactModal: ContactModal, blogHref, }) {
     const [showContact, setShowContact] = useState(false);
     const current = getAppConfig(CURRENT_APP);
     const isRoboSystems = CURRENT_APP === 'robosystems';
-    // RoboSystems serves Blog/Privacy/Terms itself; the other apps link out to it.
+    // RoboSystems serves the platform blog, Privacy and Terms itself; the other
+    // apps link out to it.
     const companyBase = isRoboSystems ? '' : getAppConfig('robosystems').url;
     const companyLinkProps = isRoboSystems
         ? {}
         : { target: '_blank', rel: 'noopener noreferrer' };
+    // Research lives on roboinvestor.ai (robosystems.ai redirects there since
+    // 2026-09-02), so it resolves against that app, not the platform site.
+    const isRoboInvestor = CURRENT_APP === 'roboinvestor';
+    const researchHref = isRoboInvestor
+        ? '/research'
+        : `${getAppConfig('roboinvestor').url}/research`;
+    const researchLinkProps = isRoboInvestor
+        ? {}
+        : { target: '_blank', rel: 'noopener noreferrer' };
+    const resolvedBlogHref = blogHref !== null && blogHref !== void 0 ? blogHref : `${companyBase}/blog`;
+    // A same-site path opens in the same tab; an external site opens in a new one.
+    const blogLinkProps = resolvedBlogHref.startsWith('/') ? {} : companyLinkProps;
     return (_jsxs("footer", { className: "border-t border-gray-800 bg-zinc-950", children: [_jsxs("div", { className: "mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8", children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-5 lg:gap-6", children: [_jsxs("div", { className: "md:col-span-2", children: [_jsxs("div", { className: "mb-4 flex items-center gap-2", children: [_jsx(Image, { src: `/images/logos/${CURRENT_APP}.png`, alt: current.displayName, width: 32, height: 32, className: "rounded-lg" }), _jsx("span", { className: "font-heading text-xl font-semibold text-white", children: current.displayName })] }), _jsx("p", { className: "mb-4 max-w-md text-sm text-gray-400", children: tagline }), _jsxs("div", { className: "flex gap-4", children: [_jsx(Link, { href: "https://github.com/RoboFinSystems", target: "_blank", rel: "noopener noreferrer", "aria-label": "RoboSystems on GitHub", className: linkClass, children: _jsx("svg", { className: "h-6 w-6", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }) }) }), _jsx(Link, { href: "https://x.com/robofinsystems", target: "_blank", rel: "noopener noreferrer", "aria-label": "RoboSystems on X", className: linkClass, children: _jsx("svg", { className: "h-6 w-6", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" }) }) }), _jsx(Link, { href: "https://www.linkedin.com/company/robosystems", target: "_blank", rel: "noopener noreferrer", "aria-label": "RoboSystems on LinkedIn", className: linkClass, children: _jsx("svg", { className: "h-6 w-6", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) }) }), _jsx(Link, { href: "https://www.youtube.com/@RoboSystems", target: "_blank", rel: "noopener noreferrer", "aria-label": "RoboSystems on YouTube", className: linkClass, children: _jsx("svg", { className: "h-6 w-6", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) }) })] })] }), _jsxs("div", { children: [_jsx("h3", { className: headingClass, children: "Product" }), _jsx("ul", { className: "space-y-2 text-sm", children: productLinks.map((link) => (_jsx("li", { children: _jsx(Link, { href: link.href, className: linkClass, children: link.label }) }, link.href))) })] }), _jsxs("div", { children: [_jsx("h3", { className: headingClass, children: "Applications" }), _jsx("ul", { className: "space-y-2 text-sm", children: APP_ORDER.map((app) => {
                                             const cfg = getAppConfig(app);
                                             const isCurrent = app === CURRENT_APP;
                                             return (_jsx("li", { children: _jsx(Link, Object.assign({ href: cfg.url }, (isCurrent
                                                     ? {}
                                                     : { target: '_blank', rel: 'noopener noreferrer' }), { className: linkClass, children: cfg.displayName })) }, app));
-                                        }) })] }), _jsxs("div", { children: [_jsx("h3", { className: headingClass, children: "Company" }), _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/research` }, companyLinkProps, { className: linkClass, children: "Research" })) }), _jsx("li", { children: _jsx(Link, { href: "https://holon.robosystems.ai", target: "_blank", rel: "noopener noreferrer", className: linkClass, children: "Holon Viewer" }) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/blog` }, companyLinkProps, { className: linkClass, children: "Blog" })) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/pages/privacy` }, companyLinkProps, { className: linkClass, children: "Privacy" })) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/pages/terms` }, companyLinkProps, { className: linkClass, children: "Terms" })) }), _jsx("li", { children: _jsx(Link, { href: "https://trust.robosystems.ai", target: "_blank", rel: "noopener noreferrer", className: linkClass, children: "Trust Center" }) }), _jsx("li", { children: _jsx(Link, { href: "https://status.robosystems.ai", target: "_blank", rel: "noopener noreferrer", className: linkClass, children: "Status" }) }), ContactModal && (_jsx("li", { children: _jsx("button", { onClick: () => setShowContact(true), className: linkClass, children: "Contact" }) }))] })] })] }), _jsx("div", { className: "mt-8 border-t border-gray-800 pt-8 text-center text-sm text-gray-400", children: _jsxs("p", { children: ["\u00A9 ", new Date().getFullYear(), " RFS LLC. All rights reserved."] }) })] }), ContactModal && (_jsx(ContactModal, { isOpen: showContact, onClose: () => setShowContact(false) }))] }));
+                                        }) })] }), _jsxs("div", { children: [_jsx("h3", { className: headingClass, children: "Company" }), _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsx("li", { children: _jsx(Link, Object.assign({ href: researchHref }, researchLinkProps, { className: linkClass, children: "Research" })) }), _jsx("li", { children: _jsx(Link, { href: "https://holon.robosystems.ai", target: "_blank", rel: "noopener noreferrer", className: linkClass, children: "Holon Viewer" }) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: resolvedBlogHref }, blogLinkProps, { className: linkClass, children: "Blog" })) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/pages/privacy` }, companyLinkProps, { className: linkClass, children: "Privacy" })) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/pages/terms` }, companyLinkProps, { className: linkClass, children: "Terms" })) }), _jsx("li", { children: _jsx(Link, { href: "https://trust.robosystems.ai", target: "_blank", rel: "noopener noreferrer", className: linkClass, children: "Trust Center" }) }), _jsx("li", { children: _jsx(Link, { href: "https://status.robosystems.ai", target: "_blank", rel: "noopener noreferrer", className: linkClass, children: "Status" }) }), ContactModal && (_jsx("li", { children: _jsx("button", { onClick: () => setShowContact(true), className: linkClass, children: "Contact" }) }))] })] })] }), _jsx("div", { className: "mt-8 border-t border-gray-800 pt-8 text-center text-sm text-gray-400", children: _jsxs("p", { children: ["\u00A9 ", new Date().getFullYear(), " RFS LLC. All rights reserved."] }) })] }), ContactModal && (_jsx(ContactModal, { isOpen: showContact, onClose: () => setShowContact(false) }))] }));
 }

package/ui-components/api-keys/ApiKeyTable.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ApiKey } from '../types';
-export interface ApiKeyTableProps {
-    apiKeys: ApiKey[];
-    onRevokeKey: (keyId: string) => void;
-    theme?: any;
-    formatDate?: (date: Date | string | null | undefined) => string;
-}
-export declare const ApiKeyTable: React.FC<ApiKeyTableProps>;

package/ui-components/api-keys/ApiKeyTable.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Dropdown, DropdownItem, Table, TableBody, TableCell, TableHead, TableHeadCell, TableRow, } from 'flowbite-react';
-import { HiCheckCircle, HiDotsVertical, HiExclamationCircle, HiKey, HiTrash, } from 'react-icons/hi';
-const defaultFormatDate = (date) => {
-    if (!date)
-        return 'Never';
-    return new Date(date).toLocaleDateString('en-US', {
-        year: 'numeric',
-        month: 'short',
-        day: 'numeric',
-    });
-};
-export const ApiKeyTable = ({ apiKeys = [], onRevokeKey, theme, formatDate = defaultFormatDate, }) => {
-    // Defensive check to ensure apiKeys is always an array
-    const safeApiKeys = Array.isArray(apiKeys) ? apiKeys : [];
-    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs(Table, { className: "table-fixed", children: [_jsxs(TableHead, { children: [_jsx(TableHeadCell, { className: "w-[40%]", children: "Name" }), _jsx(TableHeadCell, { className: "w-[15%] whitespace-nowrap", children: "Created" }), _jsx(TableHeadCell, { className: "w-[15%] whitespace-nowrap", children: "Last Used" }), _jsx(TableHeadCell, { className: "w-[15%] whitespace-nowrap", children: "Status" }), _jsx(TableHeadCell, { className: "w-[15%] text-right", children: "Actions" })] }), _jsx(TableBody, { className: "divide-y", children: safeApiKeys.map((key) => (_jsxs(TableRow, { className: "dark:border-zinc-700", children: [_jsx(TableCell, { className: "font-medium text-zinc-900 dark:text-zinc-100", children: _jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(HiKey, { className: "h-5 w-5 shrink-0 text-zinc-600 dark:text-zinc-400" }), _jsx("span", { className: "truncate", title: key.name, children: key.name }), key.isSystem && (_jsx("span", { className: "bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-300 shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium", children: "System" })), key.graphId && (_jsx("span", { className: "max-w-40 shrink-0 truncate rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300", title: `Scoped to graph ${key.graphId} — valid only for that graph and its subgraphs`, children: key.graphId }))] }) }), _jsx(TableCell, { className: "whitespace-nowrap text-zinc-600 dark:text-zinc-400", children: formatDate(key.createdAt) }), _jsx(TableCell, { className: "whitespace-nowrap text-zinc-600 dark:text-zinc-400", children: formatDate(key.lastUsedAt) }), _jsx(TableCell, { className: "whitespace-nowrap", children: key.isActive ? (_jsxs("div", { className: "inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800 dark:bg-green-800 dark:text-green-100", children: [_jsx(HiCheckCircle, { className: "mr-1 h-3 w-3" }), "Active"] })) : (_jsxs("div", { className: "inline-flex items-center rounded-full bg-red-100 px-2 py-0.5 text-xs font-medium text-red-800 dark:bg-red-800 dark:text-red-100", children: [_jsx(HiExclamationCircle, { className: "mr-1 h-3 w-3" }), "Revoked"] })) }), _jsx(TableCell, { className: "text-right", children: _jsx("div", { className: "inline-flex justify-end", children: _jsx(Dropdown, { theme: theme === null || theme === void 0 ? void 0 : theme.dropdown, label: "", dismissOnClick: true, renderTrigger: () => (_jsx(Button, { theme: theme === null || theme === void 0 ? void 0 : theme.button, size: "sm", pill: true, className: "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-700 dark:text-zinc-100 dark:hover:bg-zinc-600", children: _jsx(HiDotsVertical, { className: "h-4 w-4" }) })), children: _jsx(DropdownItem, { onClick: () => onRevokeKey(key.id), disabled: !key.isActive || key.isSystem, icon: HiTrash, className: "hover:bg-zinc-100 dark:hover:bg-zinc-700", children: "Revoke" }) }) }) })] }, key.id))) })] }) }));
-};

package/ui-components/api-keys/ApiKeysCard.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface ApiKeysCardProps {
-    theme?: any;
-    className?: string;
-    /**
-     * When set, the card links MCP users to the app's Connect page (the
-     * ready-made connector-URL flow) — e.g. "/connect" in robosystems-app.
-     */
-    connectHref?: string;
-}
-export declare const ApiKeysCard: React.FC<ApiKeysCardProps>;

package/ui-components/api-keys/ApiKeysCard.js

@@ -1,112 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as SDK from '@robosystems/client';
-import { Button } from 'flowbite-react';
-import { useContext, useEffect, useState } from 'react';
-import { HiKey, HiPlusCircle } from 'react-icons/hi';
-import { GraphContext } from '../../contexts';
-import { Spinner } from '../Spinner';
-import { SettingsCard } from '../forms/SettingsCard';
-import { StatusAlert } from '../forms/StatusAlert';
-import { ApiKeyTable } from './ApiKeyTable';
-import { CreateApiKeyModal } from './CreateApiKeyModal';
-export const ApiKeysCard = ({ theme, className = '', connectHref, }) => {
-    var _a;
-    // Read the graph context leniently: outside a GraphProvider the scope
-    // selector simply doesn't render, preserving the card's old standalone
-    // contract instead of throwing.
-    const graphContext = useContext(GraphContext);
-    const availableGraphs = (_a = graphContext === null || graphContext === void 0 ? void 0 : graphContext.state.graphs) !== null && _a !== void 0 ? _a : [];
-    const [apiKeys, setApiKeys] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isOpenCreateModal, setIsOpenCreateModal] = useState(false);
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        fetchApiKeys();
-    }, []);
-    const fetchApiKeys = async () => {
-        var _a;
-        setIsLoading(true);
-        setError(null);
-        try {
-            // Always use SDK
-            const response = await SDK.listUserApiKeys();
-            const sdkKeys = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.api_keys) || [];
-            // Map SDK response to component format
-            const keys = sdkKeys.map((key) => {
-                var _a, _b;
-                return ({
-                    id: key.id,
-                    name: key.name,
-                    graphId: key.graph_id,
-                    createdAt: key.created_at,
-                    lastUsedAt: key.last_used_at,
-                    expiresAt: key.expires_at,
-                    isActive: (_a = key.is_active) !== null && _a !== void 0 ? _a : true,
-                    isSystem: (_b = key.is_system) !== null && _b !== void 0 ? _b : false,
-                });
-            });
-            setApiKeys(keys);
-        }
-        catch (_b) {
-            setError('Failed to load API keys. Please try again.');
-        }
-        finally {
-            setIsLoading(false);
-        }
-    };
-    const handleCreateKey = async (data) => {
-        var _a, _b;
-        // Always use SDK to create key
-        const response = await SDK.createUserApiKey({
-            body: {
-                name: data.name,
-                description: `API key for ${data.name}`,
-                graph_id: data.graphId,
-            },
-        });
-        await fetchApiKeys(); // Refresh the list
-        // Map SDK response to component format
-        const responseData = response.data;
-        const apiKeyInfo = responseData === null || responseData === void 0 ? void 0 : responseData.api_key;
-        return {
-            id: (apiKeyInfo === null || apiKeyInfo === void 0 ? void 0 : apiKeyInfo.id) || '',
-            name: (apiKeyInfo === null || apiKeyInfo === void 0 ? void 0 : apiKeyInfo.name) || data.name,
-            graphId: (_a = apiKeyInfo === null || apiKeyInfo === void 0 ? void 0 : apiKeyInfo.graph_id) !== null && _a !== void 0 ? _a : data.graphId,
-            key: (responseData === null || responseData === void 0 ? void 0 : responseData.key) || '', // The actual API key value
-            createdAt: (apiKeyInfo === null || apiKeyInfo === void 0 ? void 0 : apiKeyInfo.created_at) || new Date().toISOString(),
-            lastUsedAt: (apiKeyInfo === null || apiKeyInfo === void 0 ? void 0 : apiKeyInfo.last_used_at) || null,
-            expiresAt: null,
-            isActive: (_b = apiKeyInfo === null || apiKeyInfo === void 0 ? void 0 : apiKeyInfo.is_active) !== null && _b !== void 0 ? _b : true,
-            isSystem: false,
-        };
-    };
-    const handleRevokeKey = async (keyId) => {
-        try {
-            // Always use SDK to revoke key
-            await SDK.revokeUserApiKey({
-                path: { api_key_id: keyId },
-            });
-            await fetchApiKeys(); // Refresh the list
-        }
-        catch (_a) {
-            setError('Failed to revoke API key. Please try again.');
-        }
-    };
-    const formatDate = (date) => {
-        if (!date)
-            return 'Never';
-        return new Date(date).toLocaleDateString('en-US', {
-            year: 'numeric',
-            month: 'short',
-            day: 'numeric',
-        });
-    };
-    return (_jsxs(SettingsCard, { title: "API Keys", description: "Manage your API keys for programmatic access", icon: HiKey, theme: theme === null || theme === void 0 ? void 0 : theme.card, className: className, children: [_jsx("div", { className: "mb-4 flex items-center justify-end", children: _jsxs(Button, { theme: theme === null || theme === void 0 ? void 0 : theme.button, color: "blue", onClick: () => setIsOpenCreateModal(true), children: [_jsx(HiPlusCircle, { className: "mr-2 h-5 w-5" }), "Create API Key"] }) }), error && (_jsx(StatusAlert, { type: "error", message: error, theme: theme === null || theme === void 0 ? void 0 : theme.alert })), isLoading ? (_jsx("div", { className: "flex justify-center py-4", children: _jsx(Spinner, { size: "lg" }) })) : !Array.isArray(apiKeys) || apiKeys.length === 0 ? (_jsxs("div", { className: "rounded-lg border border-zinc-200 bg-zinc-50 p-8 text-center dark:border-zinc-700 dark:bg-zinc-800", children: [_jsx(HiKey, { className: "mx-auto mb-3 h-12 w-12 text-zinc-400" }), _jsx("h3", { className: "mb-2 text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: "No API keys yet" }), _jsx("p", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "Create an API key to access your graphs programmatically" })] })) : (_jsx(ApiKeyTable, { apiKeys: apiKeys, onRevokeKey: handleRevokeKey, theme: theme, formatDate: formatDate })), connectHref && (_jsxs("p", { className: "mt-4 text-sm text-zinc-500 dark:text-zinc-400", children: ["Connecting Claude or another MCP client? Generate a ready-made connector URL from the", ' ', _jsx("a", { href: connectHref, className: "text-primary-600 dark:text-primary-400 font-medium hover:underline", children: "Connect page" }), "."] })), _jsx(CreateApiKeyModal, { isOpen: isOpenCreateModal, onClose: () => setIsOpenCreateModal(false), onCreateKey: handleCreateKey, theme: theme, graphs: availableGraphs.map((g) => {
-                    var _a;
-                    return ({
-                        graphId: g.graphId,
-                        graphName: (_a = g.graphName) !== null && _a !== void 0 ? _a : g.graphId,
-                    });
-                }) })] }));
-};