chore: Add chrome extension link in embed (#40179)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Introduced a Chrome Extension Banner that conditionally appears within
the share modal when the AI agent flow is enabled.

- **Style**
- Updated UI labels for creating JavaScript functions for clearer
guidance.
- Refreshed the agent author image to a new asset for a consistent look.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Pawan Kumar 2025-04-09 10:34:17 +05:30 committed by GitHub
parent 49e5e4bb67
commit 12c4cbbe01
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 12 additions and 4 deletions

View File

@ -0,0 +1,3 @@
export function ChromeExtensionBanner() {
return null;
}

View File

@ -15,6 +15,8 @@ import { defaultOptionSelected, to, getSnippetUrl } from "ee/utils";
import { PrivateEmbedSettings } from "ee/pages/Applications/PrivateEmbedSettings"; import { PrivateEmbedSettings } from "ee/pages/Applications/PrivateEmbedSettings";
import { getCurrentApplication } from "ee/selectors/applicationSelectors"; import { getCurrentApplication } from "ee/selectors/applicationSelectors";
import { useIsCloudBillingEnabled } from "hooks"; import { useIsCloudBillingEnabled } from "hooks";
import { getIsAiAgentFlowEnabled } from "ee/selectors/aiAgentSelectors";
import { ChromeExtensionBanner } from "ee/pages/Applications/ChromeExtensionBanner";
export const StyledPropertyHelpLabel = styled(PropertyHelpLabel)` export const StyledPropertyHelpLabel = styled(PropertyHelpLabel)`
.bp3-popover-content > div { .bp3-popover-content > div {
@ -56,6 +58,7 @@ export function ShareModal() {
selectedMethod, selectedMethod,
); );
const isCloudBillingEnabled = useIsCloudBillingEnabled(); const isCloudBillingEnabled = useIsCloudBillingEnabled();
const isAiAgentFlowEnabled = useSelector(getIsAiAgentFlowEnabled);
return ( return (
<div className="flex flex-col gap-6"> <div className="flex flex-col gap-6">
@ -113,6 +116,8 @@ export function ShareModal() {
<PrivateEmbedRampModal /> <PrivateEmbedRampModal />
{isAiAgentFlowEnabled && <ChromeExtensionBanner />}
<BottomWrapper className={`flex justify-end pt-5`}> <BottomWrapper className={`flex justify-end pt-5`}>
<Link <Link
className="flex gap-1 items-center self-end" className="flex gap-1 items-center self-end"

View File

@ -143,14 +143,14 @@ export const FunctionCallingConfigForm = ({
createNewJSCollection( createNewJSCollection(
pageId, pageId,
"AI_QUERY_FUNCTION_CALLING_CONFIG", "AI_QUERY_FUNCTION_CALLING_CONFIG",
"onToolCall", "onFunctionCall",
), ),
) )
} }
> >
<Flex alignItems="center" gap="spaces-2"> <Flex alignItems="center" gap="spaces-2">
<Icon name="plus" size="md" /> <Icon name="plus" size="md" />
New JS object New JS function
</Flex> </Flex>
</MenuItem> </MenuItem>
</MenuGroup> </MenuGroup>

View File

@ -0,0 +1 @@
export * from "ce/pages/Applications/ChromeExtensionBanner";

View File

@ -75,8 +75,7 @@ const QUOTE_FOR_AGENTS = {
quote: `Our goal was to have an omni-channel AI system that could help our usersin every step of the journey. Appsmith serves as a command center for us to control the behavior of the agent. This is a competitive advantage. We're able to serve our customers much faster than our competitors`, quote: `Our goal was to have an omni-channel AI system that could help our usersin every step of the journey. Appsmith serves as a command center for us to control the behavior of the agent. This is a competitive advantage. We're able to serve our customers much faster than our competitors`,
author: "Shawn Lim", author: "Shawn Lim",
authorTitle: "VP, Platform & AI, Funding Societies", authorTitle: "VP, Platform & AI, Funding Societies",
authorImage: authorImage: "https://assets.appsmith.com/fundingsocieties-logo.svg",
"https://fundingsocieties.com/static/f3cfceda58aff31bf73d28ef401521f385d923907ae229b107489f831c9dd892.svg",
}; };
function LeftSideContent() { function LeftSideContent() {