feat: apify starter template (#6784)

* add social media agent apify template

* example default values, update starter template

* revert package-lock.json

* format

* note-cleanup

* [autofix.ci] apply automated fixes

* updates to the components

* update the agent component

---------

Co-authored-by: Edwin Jose <edwin.jose@datastax.com>
Co-authored-by: Mendon Kissling <59585235+mendonk@users.noreply.github.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

src/backend/base/langflow/components/apify/apify_actor.py

@@ -41,6 +41,7 @@ class ApifyActorsComponent(Component):
                 "Actor name from Apify store to run. For example 'apify/website-content-crawler' "
                 "to use the Website Content Crawler Actor."
             ),
+            value="apify/website-content-crawler",
             required=True,
         ),
         # multiline input is more pleasant to use than the nested dict input
@@ -51,7 +52,7 @@ class ApifyActorsComponent(Component):
                 'The JSON input for the Actor run. For example for the "apify/website-content-crawler" Actor: '
                 '{"startUrls":[{"url":"https://docs.apify.com/academy/web-scraping-for-beginners"}],"maxCrawlDepth":0}'
             ),
-            value="{}",
+            value='{"startUrls":[{"url":"https://docs.apify.com/academy/web-scraping-for-beginners"}],"maxCrawlDepth":0}',
             required=True,
         ),
         MultilineInput(

src/frontend/src/icons/Apify/index.tsx

@@ -1,8 +1,16 @@
 import React, { forwardRef } from "react";
 import SvgApifyLogo from "./Apify";
+import ApifyWhiteImage from "./apify_white.png";
 
 export const ApifyIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
   (props, ref) => {
     return <SvgApifyLogo ref={ref} {...props} />;
   },
 );
+
+export const ApifyWhiteIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <img src={ApifyWhiteImage} alt="Apify White Logo" {...props} />;
+});

src/frontend/src/utils/styleUtils.ts

@@ -241,7 +241,7 @@ import { AWSIcon } from "../icons/AWS";
 import { AgentQLIcon } from "../icons/AgentQL";
 import { AirbyteIcon } from "../icons/Airbyte";
 import { AnthropicIcon } from "../icons/Anthropic";
-import { ApifyIcon } from "../icons/Apify";
+import { ApifyIcon, ApifyWhiteIcon } from "../icons/Apify";
 import { ArXivIcon } from "../icons/ArXiv";
 import { ArizeIcon } from "../icons/Arize";
 import { AssemblyAIIcon } from "../icons/AssemblyAI";
@@ -523,7 +523,6 @@ export const SIDEBAR_CATEGORIES = [
 ];
 
 export const SIDEBAR_BUNDLES = [
-  // Add apify
   { display_name: "Apify", name: "apify", icon: "Apify" },
   { display_name: "LangChain", name: "langchain_utilities", icon: "LangChain" },
   { display_name: "AgentQL", name: "agentql", icon: "AgentQL" },
@@ -749,6 +748,7 @@ export const nodeIconsLucide: iconsType = {
   Wikipedia: WikipediaIcon,
   Arize: ArizeIcon,
   Apify: ApifyIcon,
+  ApifyWhite: ApifyWhiteIcon,
 
   //Node Icons
   model_specs: FileSliders,