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

View File

@ -143,14 +143,14 @@ export const FunctionCallingConfigForm = ({
createNewJSCollection(
pageId,
"AI_QUERY_FUNCTION_CALLING_CONFIG",
"onToolCall",
"onFunctionCall",
),
)
}
>
<Flex alignItems="center" gap="spaces-2">
<Icon name="plus" size="md" />
New JS object
New JS function
</Flex>
</MenuItem>
</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`,
author: "Shawn Lim",
authorTitle: "VP, Platform & AI, Funding Societies",
authorImage:
"https://fundingsocieties.com/static/f3cfceda58aff31bf73d28ef401521f385d923907ae229b107489f831c9dd892.svg",
authorImage: "https://assets.appsmith.com/fundingsocieties-logo.svg",
};
function LeftSideContent() {