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:
parent
49e5e4bb67
commit
12c4cbbe01
|
|
@ -0,0 +1,3 @@
|
||||||
|
export function ChromeExtensionBanner() {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
export * from "ce/pages/Applications/ChromeExtensionBanner";
|
||||||
|
|
@ -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() {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user