fix: Update SaaS, Social Media, and YouTube json file

[Yukiyukiyeah]

This pull request updates the SaaS Pricing.json file in the src/backend/base/langflow/initial_setup/starter_projects directory to enhance functionality, improve compatibility, and update metadata. The most significant changes include updates to node IDs and connections, enhancements to the user interface, and metadata adjustments.

Node and Connection Updates:

• Updated node IDs for Prompt, Chat Output, Agent, and CalculatorComponent to new unique identifiers for better clarity and consistency (Prompt-PX9QB, ChatOutput-tv6P2, Agent-sir3U, and CalculatorComponent-JhT2c). [1] [2] [3] [4]
• Modified connections between nodes to reflect the updated IDs and adjusted data types for better alignment with the new flow structure. [1] [2]

User Interface Enhancements:

• Added a list_add_label property with the value "Add More" to various fields to improve user interaction when managing lists. [1] [2] [3]
• Introduced a minimized property for nodes to allow for a more streamlined display. [1] [2]

Metadata and Version Updates:

• Updated the lf_version field from 1.0.19.post2 to 1.4.2 to reflect the latest version of the framework. [1] [2]
• Adjusted metadata fields, including removing default values like OPENAI_API_KEY for security reasons.

Functional Adjustments:

• Changed the _input_type for the input_value field from MessageInput to HandleInput to support new input handling mechanisms.
• Added new optional properties such as options, required_inputs, and dialog_inputs to enhance configuration flexibility. [1] [2]

Structural and Positional Changes:

• Adjusted node positions and dimensions to optimize layout within the flow editor. [1] [2]

Summary by CodeRabbit

• New Features
  • Enhanced starter projects with updated component versions and improved configuration for "SaaS Pricing", "Social Media Agent", and "Youtube Analysis".
• Bug Fixes
  • Improved reliability of dropdown interactions in the user interface by adding retry and refresh logic.
• Chores
  • Updated project metadata, node identifiers, and layout settings across multiple starter projects.
  • Removed unused components and cleared default API key values for improved security.

[coderabbitai]

Important

Review skipped

Auto incremental reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Walkthrough

This update modifies several Langflow starter project JSON configurations and a frontend test. The changes include updating node and edge IDs, component versions, input/output types, and UI metadata, as well as removing or replacing certain nodes. The frontend test introduces robust retry logic for dropdown availability, replacing a simple assertion.

Changes

Files	Change Summary
src/backend/base/langflow/initial_setup/starter_projects/Custom Component Maker.json	Updated node and edge IDs, removed TypeConverterComponent node and its edges, replaced Memory node, adjusted viewport and project metadata.
src/backend/base/langflow/initial_setup/starter_projects/SaaS Pricing.json	Updated node and edge IDs, upgraded component versions, changed input/output types, refreshed internal code/templates, added UI metadata, and updated flow metadata.
src/backend/base/langflow/initial_setup/starter_projects/Social Media Agent.json	Changed all node and edge IDs, updated version metadata, cleared default API key values, adjusted node layout properties, and updated flow metadata.
src/backend/base/langflow/initial_setup/starter_projects/Youtube Analysis.json	Changed node and edge IDs, cleared API key defaults, updated component versions and input types, adjusted node measurements and viewport, and updated flow metadata.
src/frontend/tests/extended/features/mcp-server.spec.ts	Replaced a simple assertion with retry loops for dropdown availability, adding robust retry and refresh logic to improve test reliability.

Sequence Diagram(s)

sequenceDiagram
    participant TestRunner as Test Runner
    participant UI as UI Elements

    TestRunner->>UI: Wait for dropdown to be visible and enabled (with retries)
    alt Dropdown not enabled after timeout
        TestRunner->>UI: Click refresh button (sse_url/command)
        TestRunner->>UI: Retry up to maxAttempts
    end
    TestRunner->>UI: Click tab_0_stdio and fit_view
    TestRunner->>UI: Once enabled, click dropdown and fetch option
    TestRunner->>UI: Assert fetch option count > 0

Loading

Possibly related PRs

• fix: refactor mcp and freeze tests to be less prone to flaky results #8486: Both PRs modify src/frontend/tests/extended/features/mcp-server.spec.ts, adding retry logic to improve dropdown interaction reliability.

Suggested labels

enhancement, size:M, lgtm

Suggested reviewers

• edwinjosechittilappilly
• Cristhianzl

✨ Finishing Touches

🧪 Generate Unit Tests

• Create PR with Unit Tests
• Commit Unit Tests in branch fix-yuqi-templates
• Post Copyable Unit Tests in Comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Explain this complex logic.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai explain this code block.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and explain its main purpose.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR.
• @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
• @coderabbitai auto-generate unit tests to generate unit tests for this PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[github-actions]

Build successful! ✅
Deploying docs draft.
Deploy successful! View draft

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (1)

src/frontend/tests/extended/features/mcp-server.spec.ts (1)

180-198: Duplicate retry loop → extract helper to DRY the test

The second while (attempts < maxAttempts && !dropdownEnabled) block is almost identical to the first one (only the refresh-button test-id differs).
Copy-pasted logic makes maintenance harder and invites divergent fixes.

Consider pulling the logic into a tiny util:

async function waitForDropdownEnabled(
  page: Page,
  refreshTestId: string,
  maxAttempts = 5,
) {
  for (let i = 0; i < maxAttempts; i++) {
    try {
      await page.waitForSelector('[data-testid="dropdown_str_tool"]:not([disabled])',
        { timeout: 10_000, state: 'visible' });
      return;
    } catch {
      await page.getByTestId(refreshTestId).click();
      await page.waitForTimeout(3000);
    }
  }
  throw new Error("Dropdown did not become enabled after multiple refresh attempts");
}

Then call it twice with different refreshTestIds.
This trims ~40 lines and keeps the intent crystal-clear.

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between d51d379 and a188e9a.

📒 Files selected for processing (5)

• src/backend/base/langflow/initial_setup/starter_projects/Custom Component Maker.json (25 hunks)
• src/backend/base/langflow/initial_setup/starter_projects/SaaS Pricing.json (29 hunks)
• src/backend/base/langflow/initial_setup/starter_projects/Social Media Agent.json (28 hunks)
• src/backend/base/langflow/initial_setup/starter_projects/Youtube Analysis.json (36 hunks)
• src/frontend/tests/extended/features/mcp-server.spec.ts (1 hunks)

⏰ Context from checks skipped due to timeout of 90000ms (5)

• GitHub Check: Optimize new Python code in this PR
• GitHub Check: Run Ruff Check and Format
• GitHub Check: Update Starter Projects
• GitHub Check: build-and-deploy
• GitHub Check: Ruff Style Check (3.13)

🔇 Additional comments (76)

src/backend/base/langflow/initial_setup/starter_projects/Social Media Agent.json (15)

10-10: Ensure edge references updated node IDs
Edge definitions now use the new ApifyActors-CVPGK ID and serialized handle strings. Confirm these align exactly with the matching node to avoid broken connections.

Also applies to: 25-30

---

38-38: Validate second edge mapping consistency
The ApifyActors-tL94Y→Agent-yJhxC edge has been updated with new IDs and serialized handles. Verify that this edge correctly reflects the intended source and target nodes.

Also applies to: 53-58

---

66-66: Confirm ChatInput-to-Agent edge update
The ChatInput node ID and its connecting edge have been refreshed. Ensure the ChatInput-E01OU handle and edge ID match the node definition exactly.

Also applies to: 81-86

---

94-94: Verify Agent-to-ChatOutput edge IDs
The Agent output handle and corresponding edge ID were updated to Agent-yJhxC→ChatOutput-xSo6b. Double-check the serialized handles and node IDs for accuracy.

Also applies to: 111-116

---

122-122: Review ApifyActors-tL94Y node metadata updates

• Node ID updated to ApifyActors-tL94Y
• lf_version bumped to 1.4.2
• Default apify_token value cleared ("") for security
• Measured dimensions adjusted
  These changes align with version bump and security hardening.

Also applies to: 145-145, 217-217, 310-310, 312-312

---

324-324: Review ApifyActors-CVPGK node metadata updates

• Node ID updated to ApifyActors-CVPGK
• lf_version bumped to 1.4.2
• Default apify_token cleared
• Measured size updated
  Consistent with the other ApifyActors node.

Also applies to: 347-347, 419-419, 512-512, 514-514

---

526-526: Ensure note-hmQk5 ID consistency
The note node ID changed to note-hmQk5. Confirm it remains unique and correctly referenced in the layout.

Also applies to: 538-538

---

553-553: Ensure note-Utxei ID consistency
Updated note node ID to note-Utxei. Verify uniqueness and positioning in the flow editor.

Also applies to: 565-565

---

581-581: Ensure note-NoZ4e ID consistency
The main flow note ID note-NoZ4e was refreshed. Confirm no duplicates and its content displays correctly.

Also applies to: 594-594

---

610-610: Review ChatInput-E01OU node updates

• Node ID remains ChatInput-E01OU
• lf_version bumped to 1.4.2
• Measured dimensions updated
• minimized property set to true for cleaner UI
  Looks consistent.

Also applies to: 636-636, 906-906, 908-908

---

920-920: Review ChatOutput-xSo6b node updates

• Node ID is ChatOutput-xSo6b
• lf_version bumped to 1.4.2
• Measured dimensions and minimized flag adjusted
  All good.

Also applies to: 947-947, 1214-1214, 1216-1216

---

1228-1228: Ensure note-kMYOt ID consistency
The API key reminder note ID note-kMYOt was updated. Verify placement and uniqueness.

Also applies to: 1240-1240

---

1254-1254: Review Agent-yJhxC node metadata updates

• Node ID updated to Agent-yJhxC
• lf_version bumped to 1.4.2
• Measured dimensions updated
  Consistent with overall version upgrade.

Also applies to: 1299-1299, 2008-2008, 2010-2010

---

2022-2024: Accept viewport configuration update
Viewport x/y and zoom have been refreshed to center the updated node layout.

---

2029-2029: Confirm flow-level metadata updates

• Flow ID updated
• last_tested_version bumped to 1.4.2
  Ensure this matches the lf_version in nodes.

Also applies to: 2031-2031

src/backend/base/langflow/initial_setup/starter_projects/Youtube Analysis.json (21)

10-30: Consistent Edge ID and Handle Updates
The source/target IDs and handle strings for the YouTubeComments → BatchRun edge have been updated to the new unique identifiers and encoded handle metadata.

---

38-58: Approve Edge Update for OpenAIModel → BatchRun
The OpenAIModel edge definitions have been refreshed with new IDs and handle metadata.

---

66-87: Approve Edge Update for Prompt → Agent
Prompt output and Agent input mappings have been updated to use the new component IDs and handle definitions.

---

93-116: Approve Edge Update for Agent → ChatOutput
Agent response → ChatOutput wiring has been refreshed with the updated IDs and handle metadata.

---

124-144: Approve Edge Update for YouTubeTranscripts → Agent
The component_as_tool output from YouTubeTranscripts is now correctly connected to Agent.tools with the new identifiers.

---

152-172: Approve Edge Update for ChatInput → ConditionalRouter (input_text)
ChatInput → ConditionalRouter mapping for input_text has been updated to the new unique identifiers.

---

179-200: Approve Edge Update for ChatInput → ConditionalRouter (message)
ChatInput → ConditionalRouter mapping for message has also been refreshed correspondingly.

---

212-227: Approve Edge Update for ConditionalRouter → YouTubeComments
The “true_result” path of ConditionalRouter now connects to YouTubeCommentsComponent with the correct new IDs.

---

234-256: Approve Edge Update for ConditionalRouter → Prompt
The alternate “true_result” path connecting to Prompt has been updated with the new ID schema.

---

264-285: Approve Edge Update for BatchRun → Parser
BatchRun’s batch_results output → parser input_data input wiring now uses the updated component IDs.

---

289-312: Approve Edge Update for Parser → Prompt
The parser → Prompt analysis connection has been refreshed with the new unique identifiers.

---

389-402: UI Enhancement: “Add More” Labels in BatchRun Inputs
Added list_add_label: "Add More" to BatchRunComponent inputs to improve the user experience when managing lists.

---

517-521: Layout Adjustment: BatchRunComponent Dimensions
The measured height/width for BatchRunComponent has been updated. Please verify the node renders correctly at the new size.

---

587-595: Security Improvement: Removed Default API Key
Cleared the default value and set load_from_db: false for the YouTubeCommentsComponent API key to avoid shipping credentials.

---

767-768: Version Bump: OpenAIModel to 1.4.2
The lf_version for OpenAIModelComponent has been updated to 1.4.2.

---

827-828: Security Improvement: Cleared OpenAI API Key Default
Removed the value: "OPENAI_API_KEY" default for OpenAIModelComponent’s API key input.

---

2373-2374: Version Bump: YouTubeTranscripts to 1.4.2
The lf_version for YouTubeTranscriptsComponent has been updated to 1.4.2.

---

2378-2394: ToolsInput Metadata Enhancements
Added options, required_inputs, and improved tool metadata fields for the YouTubeTranscriptsComponent outputs.

---

2616-2617: Version Bump: ChatInput to 1.4.2
The lf_version for ChatInput component has been updated to 1.4.2.

---

3373-3376: Parser Default Pattern Updated
The parser’s default pattern value has been changed to {model_response} to extract the model outputs directly.

---

3430-3431: Flow Version Bump: last_tested_version to 1.4.2
Updated the flow’s last_tested_version to reflect compatibility with 1.4.2.

src/backend/base/langflow/initial_setup/starter_projects/Custom Component Maker.json (4)

3-200: Edges section: systematic ID and handle updates
All edges have been updated to reference the new unique node identifiers (e.g., URL-kLxHN, Prompt-o6YLl, AnthropicModel-lHsal, Memory-manW4, etc.). The id, source, sourceHandle, target, and targetHandle fields consistently match the updated node IDs, with no dangling or mismatched references.

---

201-2942: Nodes array: ID refresh and consistency
Each node entry (Memory-manW4, Prompt-o6YLl, note-s0CB8, note-oQxzH, URL-JhHJV, URL-kLxHN, URL-Duno8, AnthropicModel-lHsal, ChatInput-anwBz, ChatOutput-6uv9V) has its internal data.id and outer id fields updated to a new unique identifier. All wrapper-level and component‐definition IDs are in sync with the edges’ source/target references. No unintended changes to component templates or I/O definitions were introduced.

---

2943-2947: Viewport coordinates updated
The viewport object’s x, y, and zoom values have been adjusted, reflecting intended layout improvements in the flow editor. These are purely presentation changes and do not affect functionality.

---

2948-2959: Project metadata updated
The root-level metadata fields have been bumped:

• id → dabce029-ba7b-4ca0-ab3c-2b413c72e1a1
• name → "Custom Component Generator (17)"
• last_tested_version → "1.4.2"

This aligns with the PR’s goal to refresh project identifiers and framework version.

src/backend/base/langflow/initial_setup/starter_projects/SaaS Pricing.json (36)

9-11: Edge sourceHandle updated to match Prompt node
The dataType, id, and name now align with the Prompt-PX9QB node.

---

25-30: Edge ID and handles aligned for Prompt→Agent
The serialized edge id, source, target, and handle descriptors are consistent with the updated node identifiers.

---

37-39: CalculatorComponent sourceHandle alignment
Updated dataType, id, and name correctly reference CalculatorComponent-JhT2c.

---

41-50: CalculatorComponent→Agent targetHandle updated
The fieldName, selector id, inputTypes, and type are consistent with the tools input on Agent-sir3U.

---

53-59: Edge ID serialization for Calculator→Agent
Edge properties (id, selected, source/target and handles) correctly reflect the updated component IDs.

---

61-71: Agent response edge sourceHandle updated
The dataType, id, name, and output types now correctly target Agent-sir3U.response.

---

73-81: Agent→ChatOutput targetHandle alignment
fieldName, id, inputTypes, and type properly map to ChatOutput-tv6P2.input_value.

---

83-89: Edge ID and handles for Agent→ChatOutput updated
Edge metadata is in sync with the new node IDs and handle descriptors.

---

96-96: Prompt node ID refreshed
The node id is updated to Prompt-PX9QB consistently across the flow.

---

122-122: Prompt node version bump to 1.4.2
Aligns with the latest framework version across other starter projects.

---

324-324: Prompt node instance ID matches update
Reaffirms the node’s id in the UI state reflects Prompt-PX9QB.

---

345-345: ChatOutput node ID refreshed
Node ID ChatOutput-tv6P2 now matches its updated references elsewhere.

---

365-367: Added 'text_color' to ChatOutput field_order
Ensures the new text_color input appears in the correct order.

---

372-372: ChatOutput node version bump to 1.4.2
Brings the node in line with the latest Langflow release.

---

374-374: Added 'minimized' flag to ChatOutput
Enables initial node minimization in the UI; confirm that the front-end supports this property.

---

405-406: Background_color input: added 'list_add_label'
Improves UX by labeling the list-add action consistently.

---

428-429: Chat_icon input: added 'list_add_label'
Aligns with other list inputs for consistency.

---

448-449: Clean_data input: added 'list_add_label'
Standardizes the label for adding extra clean-data entries.

---

659-659: Note node ID refreshed
The informational note now uses note-PwGXK consistently.

---

671-671: Confirmed note node ID duplication updated
Ensures the node key remains unique in the graph state.

---

673-673: Adjusted note node width
Minor layout tweak from 324 to 325 for optimal rendering.

---

696-696: Agent node ID refreshed
Node Agent-sir3U now matches the updated references in edges and elsewhere.

---

739-739: Agent node version bump to 1.4.2
Consistent with the rest of the starter project components.

---

845-845: Removed default API key placeholder
Clearing value for api_key enhances security by avoiding hardcoded secrets.

---

1386-1386: CalculatorComponent node ID refreshed
Updated to CalculatorComponent-JhT2c throughout the flow.

---

1406-1406: CalculatorComponent version bump to 1.4.2
Brings this component in line with the current Langflow release.

---

1415-1423: Enhanced CalculatorComponent outputs config
New fields (group_outputs, options, required_inputs, tool_mode) provide richer metadata for the output port.

---

1475-1475: Converted 'tools_metadata' to 'ToolsInput'
Enables structured editing of tool metadata.

---

1477-1477: Updated display_name for tools_metadata to 'Actions'
Clarifies the purpose of this field in the UI.

---

1479-1479: Added 'info' description for tools_metadata
Improves discoverability of this configuration block.

---

1490-1490: Set 'type' to 'tools' for tools_metadata
Accurately identifies the custom input schema.

---

1493-1499: Defined 'args' schema for evaluate_expression tool
Specifies the input parameters for the CalculatorComponent tool invocation.

---

1501-1504: Detailed description entries in tools_metadata
Adds both description and display_description for clarity.

---

1507-1509: Included 'tags' for tools_metadata entry
Facilitates tooling and searchability within the flow.

---

1534-1536: Adjusted viewport coordinates and zoom level
Optimizes initial canvas view for this flow.

---

1541-1543: Updated flow 'id' and 'last_tested_version'
Reflects the new unique flow identifier and aligns with the bumped version.

[coderabbitai]

⚠️ Potential issue

Undeclared variables will break the test at compile-time

attempts, dropdownEnabled, and (a few lines below) maxAttempts are assigned without prior let/const declarations.
Because this is a .ts file emitted in strict mode, the test will throw ReferenceError: attempts is not defined before it even runs.

-    attempts = 0;
-    dropdownEnabled = false;
+    const maxAttempts = 5;          // place once, e.g. right after awaitBootstrapTest
+    let attempts = 0;
+    let dropdownEnabled = false;

Declare them once outside the retry blocks (top-of-test scope) and reuse.
Failing to do so will abort the CI pipeline long before UI assertions are executed.

🤖 Prompt for AI Agents

In src/frontend/tests/extended/features/mcp-server.spec.ts around lines 142 to
146, the variables attempts, dropdownEnabled, and maxAttempts are used without
being declared, causing a ReferenceError in strict mode. Declare these variables
with let or const at the top of the test scope before they are used, then reuse
them inside the retry loop to prevent compile-time errors and ensure the test
runs correctly.

[codeflash-ai]

⚡️ Codeflash found optimizations for this PR

📄 23% (0.23x) speedup for get_unique_name in src/backend/base/langflow/base/mcp/util.py

⏱️ Runtime : 932 microseconds → 759 microseconds (best of 153 runs)

I created a new dependent PR with the suggested changes. Please review:

• ⚡️ Speed up function get_unique_name by 23% in PR #8441 (fix-yuqi-templates) #8526

If you approve, it will be merged into this PR (branch fix-yuqi-templates).