@finos/legend-application-marketplace 0.2.13 → 0.2.15

package/src/application/LegendMarketplaceWebApplication.tsx

@@ -97,6 +97,13 @@ const WorkflowDataAccessRequestTask = React.lazy(() =>
     }),
   ),
 );
+const PermitDataAccessRequestTask = React.lazy(() =>
+  import('../pages/Lakehouse/entitlements/PermitDataAccessRequest.js').then(
+    (module) => ({
+      default: module.PermitDataAccessRequestTask,
+    }),
+  ),
+);
 const LakehouseAdmin = React.lazy(() =>
   import('../pages/Lakehouse/admin/LakehouseAdmin.js').then((module) => ({
     default: module.LakehouseAdmin,
@@ -334,6 +341,14 @@ export const LegendMarketplaceWebApplicationRouter = observer(() => {
                 useProtectedPage(WorkflowDataAccessRequestTask),
               )}
             />
+            <Route
+              path={
+                LEGEND_MARKETPLACE_ROUTE_PATTERN.LAKEHOUSE_ENTITLEMENTS_PERMIT_DATA_ACCESS_REQUEST
+              }
+              element={React.createElement(
+                useProtectedPage(PermitDataAccessRequestTask),
+              )}
+            />
             <Route
               path={
                 LEGEND_MARKETPLACE_ROUTE_PATTERN.LAKEHOUSE_ENTITLEMENTS_CONTRACT_TASK

package/src/application/__test-utils__/LegendMarketplaceApplicationTestUtils.ts

@@ -42,6 +42,7 @@ const TEST_DATA__appConfig: LegendMarketplaceApplicationConfigurationData = {
     url: 'https://testLakehouseUrl',
     platformUrl: 'https://testLakehousePlatformUrl',
     workflowUrl: 'https://testLakehouseWorkflowUrl',
+    permitWorkflowUrl: 'https://testLakehousePermitWorkflowUrl',
     entitlements: {
       applicationDirectoryUrl: 'https://testApplicationDirectoryUrl',
       applicationIDUrl: 'https://testApplicationIDUrl',
@@ -94,6 +95,12 @@ const TEST_DATA__appConfig: LegendMarketplaceApplicationConfigurationData = {
         'Search for product catalog information',
         'Display user activity datasets',
       ],
+      defaultAISuggestedQueries: [
+        'What BVAL bond pricing data is available?',
+        'Show me credit risk data products',
+        'Find FX rates and currency data',
+        'What equity analytics data do we have?',
+      ],
     },
   },
   assets: {

package/src/application/providers/LegendMarketplaceAIChatStoreProvider.tsx

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) 2026-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createContext, useContext } from 'react';
+import { useLocalObservable } from 'mobx-react-lite';
+import { guaranteeNonNullable } from '@finos/legend-shared';
+import { useLegendMarketplaceBaseStore } from './LegendMarketplaceFrameworkProvider.js';
+import { LegendMarketplaceAIChatStore } from '../../stores/ai/LegendMarketplaceAIChatStore.js';
+
+const LegendMarketplaceAIChatStoreContext = createContext<
+  LegendMarketplaceAIChatStore | undefined
+>(undefined);
+
+export const LegendMarketplaceAIChatStoreProvider: React.FC<{
+  children: React.ReactNode;
+}> = ({ children }) => {
+  const baseStore = useLegendMarketplaceBaseStore();
+  const aiChatStore = useLocalObservable(
+    () => new LegendMarketplaceAIChatStore(baseStore),
+  );
+
+  return (
+    <LegendMarketplaceAIChatStoreContext.Provider value={aiChatStore}>
+      {children}
+    </LegendMarketplaceAIChatStoreContext.Provider>
+  );
+};
+
+export const useLegendMarketplaceAIChatStore =
+  (): LegendMarketplaceAIChatStore =>
+    guaranteeNonNullable(
+      useContext(LegendMarketplaceAIChatStoreContext),
+      `Can't find Legend Marketplace AI chat store in context`,
+    );

package/src/pages/Agents/LegendMarketplaceAgents.tsx

@@ -14,40 +14,162 @@
  * limitations under the License.
  */
 
+import { useCallback, useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { LegendMarketplacePage } from '../LegendMarketplacePage.js';
-import { ComingSoonDisplay } from '../../components/ComingSoon/ComingSoonDisplay.js';
 import {
   AnalyticsIcon,
+  ArrowLeftIcon,
+  CaretRightIcon,
   PsychologyIcon,
   RobotOutlineIcon,
   SparkleStarsIcon,
 } from '@finos/legend-art';
+import { Container, Typography } from '@mui/material';
+import { LegendMarketplacePage } from '../LegendMarketplacePage.js';
+import { LegendMarketplaceAIChatStoreProvider } from '../../application/providers/LegendMarketplaceAIChatStoreProvider.js';
+import { MarketplaceAIChatView } from './MarketplaceAIChatView.js';
+import { LegendMarketplaceSearchBar } from '../../components/SearchBar/LegendMarketplaceSearchBar.js';
+import { useLegendMarketplaceBaseStore } from '../../application/providers/LegendMarketplaceFrameworkProvider.js';
+import { ComingSoonDisplay } from '../../components/ComingSoon/ComingSoonDisplay.js';
+
+const AGENT_DESCRIPTION =
+  'Ask questions about your data, discover data products, and run queries using natural language.';
+
+const AgentCardsView = observer(
+  (props: { onSelectAgent: (query?: string) => void }) => {
+    const { onSelectAgent } = props;
+    const legendMarketplaceBaseStore = useLegendMarketplaceBaseStore();
+    const applicationStore = legendMarketplaceBaseStore.applicationStore;
+    const isDarkMode =
+      !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled;
+
+    return (
+      <>
+        <Container className="marketplace-agents__search-container">
+          <LegendMarketplaceSearchBar
+            onSearch={onSelectAgent}
+            placeholder="Ask a question about your data..."
+            className="marketplace-agents__search-bar"
+            enableAutosuggest={false}
+          />
+        </Container>
+        <div className="marketplace-agents__section-bar">
+          <div className="marketplace-agents__section-bar__container">
+            <Typography
+              variant="h4"
+              className="marketplace-agents__section-title"
+            >
+              Intelligence &amp; AI Agents
+            </Typography>
+          </div>
+        </div>
+        <Container
+          maxWidth="xxxl"
+          className="marketplace-agents__content-container"
+        >
+          <div className="marketplace-agents__cards">
+            <button
+              type="button"
+              className="marketplace-agents__agent-card"
+              onClick={(): void => onSelectAgent()}
+            >
+              <div className="marketplace-agents__agent-card-icon">
+                <img
+                  src={
+                    isDarkMode
+                      ? '/assets/legendmarketplacehomelogodark.png'
+                      : '/assets/legendmarketplacehomelogolight.png'
+                  }
+                  alt="Legend Marketplace AI"
+                  className="marketplace-agents__agent-card-logo"
+                />
+              </div>
+              <div className="marketplace-agents__agent-card-content">
+                <h3 className="marketplace-agents__agent-card-title">
+                  Legend Marketplace AI
+                </h3>
+                <p className="marketplace-agents__agent-card-desc">
+                  {AGENT_DESCRIPTION}
+                </p>
+              </div>
+              <div className="marketplace-agents__agent-card-action">
+                Launch Agent <CaretRightIcon />
+              </div>
+            </button>
+          </div>
+        </Container>
+      </>
+    );
+  },
+);
 
 export const LegendMarketplaceAgents = observer(() => {
-  const featuresPreviewItems = [
-    {
-      icon: <SparkleStarsIcon />,
-      title: 'Smart Recommendations',
-    },
-    {
-      icon: <AnalyticsIcon />,
-      title: 'Data Analysis',
-    },
-    {
-      icon: <PsychologyIcon />,
-      title: 'Intelligent Insights',
-    },
-  ];
+  const legendMarketplaceBaseStore = useLegendMarketplaceBaseStore();
+  const applicationStore = legendMarketplaceBaseStore.applicationStore;
+  const showDevFeatures = applicationStore.config.options.showDevFeatures;
+
+  const [showChat, setShowChat] = useState(false);
+  const [initialQuery, setInitialQuery] = useState<string | undefined>(
+    undefined,
+  );
+
+  const handleSelectAgent = useCallback((query?: string): void => {
+    setInitialQuery(query);
+    setShowChat(true);
+  }, []);
+
+  if (!showDevFeatures) {
+    const featuresPreviewItems = [
+      {
+        icon: <SparkleStarsIcon />,
+        title: 'Smart Recommendations',
+      },
+      {
+        icon: <AnalyticsIcon />,
+        title: 'Data Analysis',
+      },
+      {
+        icon: <PsychologyIcon />,
+        title: 'Intelligent Insights',
+      },
+    ];
+
+    return (
+      <LegendMarketplacePage className="agents-coming-soon">
+        <ComingSoonDisplay
+          loadingIcon={<RobotOutlineIcon />}
+          title="Legend Intelligence"
+          description="Transform your data operations with intelligent AI agents that learn, adapt, and deliver autonomous insights. Experience the future of data-driven automation and decision-making excellence."
+          featuresPreviewItems={featuresPreviewItems}
+        />
+      </LegendMarketplacePage>
+    );
+  }
+
+  const initialQueryProp = initialQuery === undefined ? {} : { initialQuery };
 
   return (
-    <LegendMarketplacePage className="agents-coming-soon">
-      <ComingSoonDisplay
-        loadingIcon={<RobotOutlineIcon />}
-        title="Legend Intelligence"
-        description="Transform your data operations with intelligent AI agents that learn, adapt, and deliver autonomous insights. Experience the future of data-driven automation and decision-making excellence."
-        featuresPreviewItems={featuresPreviewItems}
-      />
+    <LegendMarketplacePage className="legend-marketplace-ai-page">
+      {showChat ? (
+        <LegendMarketplaceAIChatStoreProvider>
+          <div className="marketplace-agents__chat-wrapper">
+            <button
+              type="button"
+              className="marketplace-agents__back-btn"
+              onClick={(): void => {
+                setShowChat(false);
+                setInitialQuery(undefined);
+              }}
+            >
+              <ArrowLeftIcon />
+              <span>Back to Agents</span>
+            </button>
+            <MarketplaceAIChatView {...initialQueryProp} />
+          </div>
+        </LegendMarketplaceAIChatStoreProvider>
+      ) : (
+        <AgentCardsView onSelectAgent={handleSelectAgent} />
+      )}
     </LegendMarketplacePage>
   );
 });