refactor: simplify ExecutionQueue docstrings and move test file

- Trim verbose BUG FIX docstring to concise 3-line note
- Remove redundant method docstrings (add, get, empty)
- Move test file to backend/data/ with proper pytest conventions
- Add note about ProcessPoolExecutor migration for future devs

Co-authored-by: Zamil Majdy <majdyz@users.noreply.github.com>

.github/workflows/repo-close-stale-issues.yml

@@ -11,7 +11,7 @@ jobs:
   stale:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/stale@v10
+      - uses: actions/stale@v9
         with:
           # operations-per-run: 5000
           stale-issue-message: >

.github/workflows/repo-pr-label.yml

@@ -61,6 +61,6 @@ jobs:
       pull-requests: write
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/labeler@v6
+      - uses: actions/labeler@v5
         with:
           sync-labels: true

autogpt_platform/backend/backend/blocks/human_in_the_loop.py

@@ -1,5 +1,5 @@
 import logging
-from typing import Any
+from typing import Any, Literal
 
 from prisma.enums import ReviewStatus
 
@@ -45,11 +45,11 @@ class HumanInTheLoopBlock(Block):
         )
 
     class Output(BlockSchemaOutput):
-        approved_data: Any = SchemaField(
-            description="The data when approved (may be modified by reviewer)"
+        reviewed_data: Any = SchemaField(
+            description="The data after human review (may be modified)"
         )
-        rejected_data: Any = SchemaField(
-            description="The data when rejected (may be modified by reviewer)"
+        status: Literal["approved", "rejected"] = SchemaField(
+            description="Status of the review: 'approved' or 'rejected'"
         )
         review_message: str = SchemaField(
             description="Any message provided by the reviewer", default=""
@@ -69,7 +69,8 @@ class HumanInTheLoopBlock(Block):
                 "editable": True,
             },
             test_output=[
-                ("approved_data", {"name": "John Doe", "age": 30}),
+                ("status", "approved"),
+                ("reviewed_data", {"name": "John Doe", "age": 30}),
             ],
             test_mock={
                 "get_or_create_human_review": lambda *_args, **_kwargs: ReviewResult(
@@ -115,7 +116,8 @@ class HumanInTheLoopBlock(Block):
             logger.info(
                 f"HITL block skipping review for node {node_exec_id} - safe mode disabled"
             )
-            yield "approved_data", input_data.data
+            yield "status", "approved"
+            yield "reviewed_data", input_data.data
             yield "review_message", "Auto-approved (safe mode disabled)"
             return
 
@@ -156,11 +158,12 @@ class HumanInTheLoopBlock(Block):
             )
 
             if result.status == ReviewStatus.APPROVED:
-                yield "approved_data", result.data
+                yield "status", "approved"
+                yield "reviewed_data", result.data
                 if result.message:
                     yield "review_message", result.message
 
             elif result.status == ReviewStatus.REJECTED:
-                yield "rejected_data", result.data
+                yield "status", "rejected"
                 if result.message:
                     yield "review_message", result.message

autogpt_platform/backend/backend/data/execution.py

@@ -1,9 +1,8 @@
 import logging
+import queue
 from collections import defaultdict
 from datetime import datetime, timedelta, timezone
 from enum import Enum
-from multiprocessing import Manager
-from queue import Empty
 from typing import (
     TYPE_CHECKING,
     Annotated,
@@ -1164,12 +1163,16 @@ class NodeExecutionEntry(BaseModel):
 
 class ExecutionQueue(Generic[T]):
     """
-    Queue for managing the execution of agents.
-    This will be shared between different processes
+    Thread-safe queue for managing node execution within a single graph execution.
+
+    Note: Uses queue.Queue (not multiprocessing.Queue) since all access is from
+    threads within the same process. If migrating back to ProcessPoolExecutor,
+    replace with multiprocessing.Manager().Queue() for cross-process safety.
     """
 
     def __init__(self):
-        self.queue = Manager().Queue()
+        # Thread-safe queue (not multiprocessing) — see class docstring
+        self.queue: queue.Queue[T] = queue.Queue()
 
     def add(self, execution: T) -> T:
         self.queue.put(execution)
@@ -1184,7 +1187,7 @@ class ExecutionQueue(Generic[T]):
     def get_or_none(self) -> T | None:
         try:
             return self.queue.get_nowait()
-        except Empty:
+        except queue.Empty:
             return None
 
 

autogpt_platform/backend/backend/data/execution_queue_test.py

@@ -0,0 +1,60 @@
+"""Tests for ExecutionQueue thread-safety."""
+
+import queue
+import threading
+
+import pytest
+
+from backend.data.execution import ExecutionQueue
+
+
+def test_execution_queue_uses_stdlib_queue():
+    """Verify ExecutionQueue uses queue.Queue (not multiprocessing)."""
+    q = ExecutionQueue()
+    assert isinstance(q.queue, queue.Queue)
+
+
+def test_basic_operations():
+    """Test add, get, empty, and get_or_none."""
+    q = ExecutionQueue()
+
+    assert q.empty() is True
+    assert q.get_or_none() is None
+
+    result = q.add("item1")
+    assert result == "item1"
+    assert q.empty() is False
+
+    item = q.get()
+    assert item == "item1"
+    assert q.empty() is True
+
+
+def test_thread_safety():
+    """Test concurrent access from multiple threads."""
+    q = ExecutionQueue()
+    results = []
+    num_items = 100
+
+    def producer():
+        for i in range(num_items):
+            q.add(f"item_{i}")
+
+    def consumer():
+        count = 0
+        while count < num_items:
+            item = q.get_or_none()
+            if item is not None:
+                results.append(item)
+                count += 1
+
+    producer_thread = threading.Thread(target=producer)
+    consumer_thread = threading.Thread(target=consumer)
+
+    producer_thread.start()
+    consumer_thread.start()
+
+    producer_thread.join(timeout=5)
+    consumer_thread.join(timeout=5)
+
+    assert len(results) == num_items

autogpt_platform/backend/backend/data/human_review.py

@@ -100,7 +100,7 @@ async def get_or_create_human_review(
         return None
     else:
         return ReviewResult(
-            data=review.payload,
+            data=review.payload if review.status == ReviewStatus.APPROVED else None,
             status=review.status,
             message=review.reviewMessage or "",
             processed=review.processed,

autogpt_platform/backend/backend/data/onboarding.py

@@ -442,8 +442,6 @@ async def get_recommended_agents(user_id: str) -> list[StoreAgentDetails]:
             runs=agent.runs,
             rating=agent.rating,
             versions=agent.versions,
-            agentGraphVersions=agent.agentGraphVersions,
-            agentGraphId=agent.agentGraphId,
             last_updated=agent.updated_at,
         )
         for agent in recommended_agents

autogpt_platform/backend/backend/server/v2/executions/review/routes.py

@@ -134,14 +134,18 @@ async def process_review_action(
     # Build review decisions map
     review_decisions = {}
     for review in request.reviews:
-        review_status = (
-            ReviewStatus.APPROVED if review.approved else ReviewStatus.REJECTED
-        )
-        review_decisions[review.node_exec_id] = (
-            review_status,
-            review.reviewed_data,
-            review.message,
-        )
+        if review.approved:
+            review_decisions[review.node_exec_id] = (
+                ReviewStatus.APPROVED,
+                review.reviewed_data,
+                review.message,
+            )
+        else:
+            review_decisions[review.node_exec_id] = (
+                ReviewStatus.REJECTED,
+                None,
+                review.message,
+            )
 
     # Process all reviews
     updated_reviews = await process_all_reviews_for_execution(

autogpt_platform/backend/backend/server/v2/library/db.py

@@ -538,7 +538,6 @@ async def update_library_agent(
     library_agent_id: str,
     user_id: str,
     auto_update_version: Optional[bool] = None,
-    graph_version: Optional[int] = None,
     is_favorite: Optional[bool] = None,
     is_archived: Optional[bool] = None,
     is_deleted: Optional[Literal[False]] = None,
@@ -551,7 +550,6 @@ async def update_library_agent(
         library_agent_id: The ID of the LibraryAgent to update.
         user_id: The owner of this LibraryAgent.
         auto_update_version: Whether the agent should auto-update to active version.
-        graph_version: Specific graph version to update to.
         is_favorite: Whether this agent is marked as a favorite.
         is_archived: Whether this agent is archived.
         settings: User-specific settings for this library agent.
@@ -565,8 +563,8 @@ async def update_library_agent(
     """
     logger.debug(
         f"Updating library agent {library_agent_id} for user {user_id} with "
-        f"auto_update_version={auto_update_version}, graph_version={graph_version}, "
-        f"is_favorite={is_favorite}, is_archived={is_archived}, settings={settings}"
+        f"auto_update_version={auto_update_version}, is_favorite={is_favorite}, "
+        f"is_archived={is_archived}, settings={settings}"
     )
     update_fields: prisma.types.LibraryAgentUpdateManyMutationInput = {}
     if auto_update_version is not None:
@@ -583,23 +581,10 @@ async def update_library_agent(
         update_fields["isDeleted"] = is_deleted
     if settings is not None:
         update_fields["settings"] = SafeJson(settings.model_dump())
+    if not update_fields:
+        raise ValueError("No values were passed to update")
 
     try:
-        # If graph_version is provided, update to that specific version
-        if graph_version is not None:
-            # Get the current agent to find its graph_id
-            agent = await get_library_agent(id=library_agent_id, user_id=user_id)
-            # Update to the specified version using existing function
-            return await update_agent_version_in_library(
-                user_id=user_id,
-                agent_graph_id=agent.graph_id,
-                agent_graph_version=graph_version,
-            )
-
-        # Otherwise, just update the simple fields
-        if not update_fields:
-            raise ValueError("No values were passed to update")
-
         n_updated = await prisma.models.LibraryAgent.prisma().update_many(
             where={"id": library_agent_id, "userId": user_id},
             data=update_fields,

autogpt_platform/backend/backend/server/v2/library/model.py

@@ -385,9 +385,6 @@ class LibraryAgentUpdateRequest(pydantic.BaseModel):
     auto_update_version: Optional[bool] = pydantic.Field(
         default=None, description="Auto-update the agent version"
     )
-    graph_version: Optional[int] = pydantic.Field(
-        default=None, description="Specific graph version to update to"
-    )
     is_favorite: Optional[bool] = pydantic.Field(
         default=None, description="Mark the agent as a favorite"
     )

autogpt_platform/backend/backend/server/v2/library/routes/agents.py

@@ -284,7 +284,6 @@ async def update_library_agent(
             library_agent_id=library_agent_id,
             user_id=user_id,
             auto_update_version=payload.auto_update_version,
-            graph_version=payload.graph_version,
             is_favorite=payload.is_favorite,
             is_archived=payload.is_archived,
             settings=payload.settings,

autogpt_platform/backend/backend/server/v2/store/cache.py

@@ -42,12 +42,10 @@ async def _get_cached_store_agents(
 
 # Cache individual agent details for 15 minutes
 @cached(maxsize=200, ttl_seconds=300, shared_cache=True)
-async def _get_cached_agent_details(
-    username: str, agent_name: str, include_changelog: bool = False
-):
+async def _get_cached_agent_details(username: str, agent_name: str):
     """Cached helper to get agent details."""
     return await backend.server.v2.store.db.get_store_agent_details(
-        username=username, agent_name=agent_name, include_changelog=include_changelog
+        username=username, agent_name=agent_name
     )
 
 

autogpt_platform/backend/backend/server/v2/store/db.py

@@ -256,7 +256,7 @@ async def log_search_term(search_query: str):
 
 
 async def get_store_agent_details(
-    username: str, agent_name: str, include_changelog: bool = False
+    username: str, agent_name: str
 ) -> backend.server.v2.store.model.StoreAgentDetails:
     """Get PUBLIC store agent details from the StoreAgent view"""
     logger.debug(f"Getting store agent details for {username}/{agent_name}")
@@ -321,27 +321,6 @@ async def get_store_agent_details(
         else:
             recommended_schedule_cron = None
 
-        # Fetch changelog data if requested
-        changelog_data = None
-        if include_changelog and store_listing:
-            changelog_versions = (
-                await prisma.models.StoreListingVersion.prisma().find_many(
-                    where={
-                        "storeListingId": store_listing.id,
-                        "submissionStatus": prisma.enums.SubmissionStatus.APPROVED,
-                    },
-                    order=[{"version": "desc"}],
-                )
-            )
-            changelog_data = [
-                backend.server.v2.store.model.ChangelogEntry(
-                    version=str(version.version),
-                    changes_summary=version.changesSummary or "No changes recorded",
-                    date=version.createdAt,
-                )
-                for version in changelog_versions
-            ]
-
         logger.debug(f"Found agent details for {username}/{agent_name}")
         return backend.server.v2.store.model.StoreAgentDetails(
             store_listing_version_id=agent.storeListingVersionId,
@@ -358,13 +337,10 @@ async def get_store_agent_details(
             runs=agent.runs,
             rating=agent.rating,
             versions=agent.versions,
-            agentGraphVersions=agent.agentGraphVersions,
-            agentGraphId=agent.agentGraphId,
             last_updated=agent.updated_at,
             active_version_id=active_version_id,
             has_approved_version=has_approved_version,
             recommended_schedule_cron=recommended_schedule_cron,
-            changelog=changelog_data,
         )
     except backend.server.v2.store.exceptions.AgentNotFoundError:
         raise
@@ -432,8 +408,6 @@ async def get_store_agent_by_version_id(
             runs=agent.runs,
             rating=agent.rating,
             versions=agent.versions,
-            agentGraphVersions=agent.agentGraphVersions,
-            agentGraphId=agent.agentGraphId,
             last_updated=agent.updated_at,
         )
     except backend.server.v2.store.exceptions.AgentNotFoundError:

autogpt_platform/backend/backend/server/v2/store/db_test.py

@@ -40,8 +40,6 @@ async def test_get_store_agents(mocker):
             runs=10,
             rating=4.5,
             versions=["1.0"],
-            agentGraphVersions=["1"],
-            agentGraphId="test-graph-id",
             updated_at=datetime.now(),
             is_available=False,
             useForOnboarding=False,
@@ -85,8 +83,6 @@ async def test_get_store_agent_details(mocker):
         runs=10,
         rating=4.5,
         versions=["1.0"],
-        agentGraphVersions=["1"],
-        agentGraphId="test-graph-id",
         updated_at=datetime.now(),
         is_available=False,
         useForOnboarding=False,
@@ -109,8 +105,6 @@ async def test_get_store_agent_details(mocker):
         runs=15,
         rating=4.8,
         versions=["1.0", "2.0"],
-        agentGraphVersions=["1", "2"],
-        agentGraphId="test-graph-id-active",
         updated_at=datetime.now(),
         is_available=True,
         useForOnboarding=False,

autogpt_platform/backend/backend/server/v2/store/model.py

@@ -7,12 +7,6 @@ import pydantic
 from backend.util.models import Pagination
 
 
-class ChangelogEntry(pydantic.BaseModel):
-    version: str
-    changes_summary: str
-    date: datetime.datetime
-
-
 class MyAgent(pydantic.BaseModel):
     agent_id: str
     agent_version: int
@@ -61,17 +55,12 @@ class StoreAgentDetails(pydantic.BaseModel):
     runs: int
     rating: float
     versions: list[str]
-    agentGraphVersions: list[str]
-    agentGraphId: str
     last_updated: datetime.datetime
     recommended_schedule_cron: str | None = None
 
     active_version_id: str | None = None
     has_approved_version: bool = False
 
-    # Optional changelog data when include_changelog=True
-    changelog: list[ChangelogEntry] | None = None
-
 
 class Creator(pydantic.BaseModel):
     name: str

autogpt_platform/backend/backend/server/v2/store/model_test.py

@@ -72,8 +72,6 @@ def test_store_agent_details():
         runs=50,
         rating=4.5,
         versions=["1.0", "2.0"],
-        agentGraphVersions=["1", "2"],
-        agentGraphId="test-graph-id",
         last_updated=datetime.datetime.now(),
     )
     assert details.slug == "test-agent"

autogpt_platform/backend/backend/server/v2/store/routes.py

@@ -154,11 +154,7 @@ async def get_agents(
     tags=["store", "public"],
     response_model=backend.server.v2.store.model.StoreAgentDetails,
 )
-async def get_agent(
-    username: str,
-    agent_name: str,
-    include_changelog: bool = fastapi.Query(default=False),
-):
+async def get_agent(username: str, agent_name: str):
     """
     This is only used on the AgentDetails Page.
 
@@ -168,7 +164,7 @@ async def get_agent(
     # URL decode the agent name since it comes from the URL path
     agent_name = urllib.parse.unquote(agent_name).lower()
     agent = await store_cache._get_cached_agent_details(
-        username=username, agent_name=agent_name, include_changelog=include_changelog
+        username=username, agent_name=agent_name
     )
     return agent
 

autogpt_platform/backend/backend/server/v2/store/routes_test.py

@@ -388,8 +388,6 @@ def test_get_agent_details(
         runs=100,
         rating=4.5,
         versions=["1.0.0", "1.1.0"],
-        agentGraphVersions=["1", "2"],
-        agentGraphId="test-graph-id",
         last_updated=FIXED_NOW,
     )
     mock_db_call = mocker.patch("backend.server.v2.store.db.get_store_agent_details")

autogpt_platform/backend/migrations/20251216182139_fix_store_submission_agent_version/migration.sql

@@ -1,45 +0,0 @@
--- Fix StoreSubmission view to use agentGraphVersion instead of version for agent_version field
--- This ensures that submission.agent_version returns the actual agent graph version, not the store listing version number
-
-BEGIN;
-
--- Recreate the view with the corrected agent_version field (using agentGraphVersion instead of version)
-CREATE OR REPLACE VIEW "StoreSubmission" AS
-SELECT
-    sl.id AS listing_id,
-    sl."owningUserId" AS user_id,
-    slv."agentGraphId" AS agent_id,
-    slv."agentGraphVersion" AS agent_version,
-    sl.slug,
-    COALESCE(slv.name, '') AS name,
-    slv."subHeading" AS sub_heading,
-    slv.description,
-    slv.instructions,
-    slv."imageUrls" AS image_urls,
-    slv."submittedAt" AS date_submitted,
-    slv."submissionStatus" AS status,
-    COALESCE(ar.run_count, 0::bigint) AS runs,
-    COALESCE(avg(sr.score::numeric), 0.0)::double precision AS rating,
-    slv.id AS store_listing_version_id,
-    slv."reviewerId" AS reviewer_id,
-    slv."reviewComments" AS review_comments,
-    slv."internalComments" AS internal_comments,
-    slv."reviewedAt" AS reviewed_at,
-    slv."changesSummary" AS changes_summary,
-    slv."videoUrl" AS video_url,
-    slv.categories
-FROM "StoreListing" sl
-    JOIN "StoreListingVersion" slv ON slv."storeListingId" = sl.id
-    LEFT JOIN "StoreListingReview" sr ON sr."storeListingVersionId" = slv.id
-    LEFT JOIN (
-        SELECT "AgentGraphExecution"."agentGraphId", count(*) AS run_count
-        FROM "AgentGraphExecution"
-        GROUP BY "AgentGraphExecution"."agentGraphId"
-    ) ar ON ar."agentGraphId" = slv."agentGraphId"
-WHERE sl."isDeleted" = false
-GROUP BY sl.id, sl."owningUserId", slv.id, slv."agentGraphId", slv."agentGraphVersion", sl.slug, slv.name,
-         slv."subHeading", slv.description, slv.instructions, slv."imageUrls", slv."submittedAt",
-         slv."submissionStatus", slv."reviewerId", slv."reviewComments", slv."internalComments",
-         slv."reviewedAt", slv."changesSummary", slv."videoUrl", slv.categories, ar.run_count;
-
-COMMIT;

autogpt_platform/backend/migrations/20251217174500_fix_store_agent_versions_to_graph_versions/migration.sql

@@ -1,81 +0,0 @@
--- Add agentGraphVersions field to StoreAgent view for consistent version comparison
--- This keeps the existing versions field unchanged and adds a new field with graph versions
--- This makes it safe for version comparison with LibraryAgent.graph_version
-
-BEGIN;
-
--- Drop and recreate the StoreAgent view with new agentGraphVersions field
-DROP VIEW IF EXISTS "StoreAgent";
-
-CREATE OR REPLACE VIEW "StoreAgent" AS
-WITH latest_versions AS (
-    SELECT 
-        "storeListingId",
-        MAX(version) AS max_version
-    FROM "StoreListingVersion"
-    WHERE "submissionStatus" = 'APPROVED'
-    GROUP BY "storeListingId"
-),
-agent_versions AS (
-    SELECT 
-        "storeListingId",
-        array_agg(DISTINCT version::text ORDER BY version::text) AS versions
-    FROM "StoreListingVersion"
-    WHERE "submissionStatus" = 'APPROVED'
-    GROUP BY "storeListingId"
-),
-agent_graph_versions AS (
-    SELECT 
-        "storeListingId",
-        array_agg(DISTINCT "agentGraphVersion"::text ORDER BY "agentGraphVersion"::text) AS graph_versions
-    FROM "StoreListingVersion"
-    WHERE "submissionStatus" = 'APPROVED'
-    GROUP BY "storeListingId"
-)
-SELECT
-    sl.id AS listing_id,
-    slv.id AS "storeListingVersionId",
-    slv."createdAt" AS updated_at,
-    sl.slug,
-    COALESCE(slv.name, '') AS agent_name,
-    slv."videoUrl" AS agent_video,
-    slv."agentOutputDemoUrl" AS agent_output_demo,
-    COALESCE(slv."imageUrls", ARRAY[]::text[]) AS agent_image,
-    slv."isFeatured" AS featured,
-    p.username AS creator_username,  -- Allow NULL for malformed sub-agents
-    p."avatarUrl" AS creator_avatar,  -- Allow NULL for malformed sub-agents
-    slv."subHeading" AS sub_heading,
-    slv.description,
-    slv.categories,
-    slv.search,
-    COALESCE(ar.run_count, 0::bigint) AS runs,
-    COALESCE(rs.avg_rating, 0.0)::double precision AS rating,
-    COALESCE(av.versions, ARRAY[slv.version::text]) AS versions,
-    COALESCE(agv.graph_versions, ARRAY[slv."agentGraphVersion"::text]) AS "agentGraphVersions",
-    slv."agentGraphId",
-    slv."isAvailable" AS is_available,
-    COALESCE(sl."useForOnboarding", false) AS "useForOnboarding"
-FROM "StoreListing" sl
-JOIN latest_versions lv 
-    ON sl.id = lv."storeListingId"
-JOIN "StoreListingVersion" slv 
-    ON slv."storeListingId" = lv."storeListingId"
-   AND slv.version = lv.max_version
-   AND slv."submissionStatus" = 'APPROVED'
-JOIN "AgentGraph" a 
-    ON slv."agentGraphId" = a.id 
-    AND slv."agentGraphVersion" = a.version
-LEFT JOIN "Profile" p 
-    ON sl."owningUserId" = p."userId"
-LEFT JOIN "mv_review_stats" rs 
-    ON sl.id = rs."storeListingId"
-LEFT JOIN "mv_agent_run_counts" ar 
-    ON a.id = ar."agentGraphId"
-LEFT JOIN agent_versions av 
-    ON sl.id = av."storeListingId"
-LEFT JOIN agent_graph_versions agv 
-    ON sl.id = agv."storeListingId"
-WHERE sl."isDeleted" = false
-  AND sl."hasApprovedVersion" = true;
-
-COMMIT;

autogpt_platform/backend/schema.prisma

@@ -728,13 +728,11 @@ view StoreAgent {
   description      String
   categories       String[]
   search           Unsupported("tsvector")? @default(dbgenerated("''::tsvector"))
-  runs                Int
-  rating              Float
-  versions            String[]
-  agentGraphVersions  String[]
-  agentGraphId        String
-  is_available        Boolean                  @default(true)
-  useForOnboarding    Boolean                  @default(false)
+  runs             Int
+  rating           Float
+  versions         String[]
+  is_available     Boolean                  @default(true)
+  useForOnboarding Boolean                  @default(false)
 
   // Materialized views used (refreshed every 15 minutes via pg_cron):
   // - mv_agent_run_counts - Pre-aggregated agent execution counts by agentGraphId

autogpt_platform/frontend/next.config.mjs

@@ -3,14 +3,6 @@ import { withSentryConfig } from "@sentry/nextjs";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   productionBrowserSourceMaps: true,
-  experimental: {
-    serverActions: {
-      bodySizeLimit: "256mb",
-    },
-    // Increase body size limit for API routes (file uploads) - 256MB to match backend limit
-    proxyClientMaxBodySize: "256mb",
-    middlewareClientMaxBodySize: "256mb",
-  },
   images: {
     domains: [
       // We dont need to maintain alphabetical order here

autogpt_platform/frontend/package.json

@@ -137,8 +137,9 @@
     "concurrently": "9.2.1",
     "cross-env": "10.1.0",
     "eslint": "8.57.1",
-    "eslint-config-next": "15.5.7",
+    "eslint-config-next": "15.5.2",
     "eslint-plugin-storybook": "9.1.5",
+    "import-in-the-middle": "1.14.2",
     "msw": "2.11.6",
     "msw-storybook-addon": "2.0.6",
     "orval": "7.13.0",

autogpt_platform/frontend/pnpm-lock.yaml

@@ -331,11 +331,14 @@ importers:
         specifier: 8.57.1
         version: 8.57.1
       eslint-config-next:
-        specifier: 15.5.7
-        version: 15.5.7(eslint@8.57.1)(typescript@5.9.3)
+        specifier: 15.5.2
+        version: 15.5.2(eslint@8.57.1)(typescript@5.9.3)
       eslint-plugin-storybook:
         specifier: 9.1.5
         version: 9.1.5(eslint@8.57.1)(storybook@9.1.5(@testing-library/dom@10.4.1)(msw@2.11.6(@types/node@24.10.0)(typescript@5.9.3))(prettier@3.6.2))(typescript@5.9.3)
+      import-in-the-middle:
+        specifier: 1.14.2
+        version: 1.14.2
       msw:
         specifier: 2.11.6
         version: 2.11.6(@types/node@24.10.0)(typescript@5.9.3)
@@ -983,15 +986,12 @@ packages:
   '@date-fns/tz@1.4.1':
     resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
 
-  '@emnapi/core@1.7.1':
-    resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
+  '@emnapi/core@1.5.0':
+    resolution: {integrity: sha512-sbP8GzB1WDzacS8fgNPpHlp6C9VZe+SJP3F90W9rLemaQj2PzIuTEl1qDOYQf58YIpyjViI24y9aPWCjEzY2cg==}
 
   '@emnapi/runtime@1.5.0':
     resolution: {integrity: sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==}
 
-  '@emnapi/runtime@1.7.1':
-    resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
-
   '@emnapi/wasi-threads@1.1.0':
     resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
 
@@ -1329,10 +1329,6 @@ packages:
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint-community/regexpp@4.12.2':
-    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
   '@eslint/eslintrc@2.1.4':
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1609,8 +1605,8 @@ packages:
   '@next/env@15.4.10':
     resolution: {integrity: sha512-knhmoJ0Vv7VRf6pZEPSnciUG1S4bIhWx+qTYBW/AjxEtlzsiNORPk8sFDCEvqLfmKuey56UB9FL1UdHEV3uBrg==}
 
-  '@next/eslint-plugin-next@15.5.7':
-    resolution: {integrity: sha512-DtRU2N7BkGr8r+pExfuWHwMEPX5SD57FeA6pxdgCHODo+b/UgIgjE+rgWKtJAbEbGhVZ2jtHn4g3wNhWFoNBQQ==}
+  '@next/eslint-plugin-next@15.5.2':
+    resolution: {integrity: sha512-lkLrRVxcftuOsJNhWatf1P2hNVfh98k/omQHrCEPPriUypR6RcS13IvLdIrEvkm9AH2Nu2YpR5vLqBuy6twH3Q==}
 
   '@next/swc-darwin-arm64@15.4.8':
     resolution: {integrity: sha512-Pf6zXp7yyQEn7sqMxur6+kYcywx5up1J849psyET7/8pG2gQTVMjU3NzgIt8SeEP5to3If/SaWmaA6H6ysBr1A==}
@@ -2626,8 +2622,8 @@ packages:
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@rushstack/eslint-patch@1.15.0':
-    resolution: {integrity: sha512-ojSshQPKwVvSMR8yT2L/QtUkV5SXi/IfDiJ4/8d6UbTPjiHVmxZzUAzGD8Tzks1b9+qQkZa0isUOvYObedITaw==}
+  '@rushstack/eslint-patch@1.12.0':
+    resolution: {integrity: sha512-5EwMtOqvJMMa3HbmxLlF74e+3/HhwBTMcvt3nqVJgGCozO6hzIPOBlwm8mGVNR9SN2IJpxSnlxczyDjcn7qIyw==}
 
   '@scarf/scarf@1.4.0':
     resolution: {integrity: sha512-xxeapPiUXdZAE3che6f3xogoJPeZgig6omHEy1rIY5WVsB3H2BHNnZH+gHG6x91SCWyQCzWGsuL2Hh3ClO5/qQ==}
@@ -3101,8 +3097,8 @@ packages:
     peerDependencies:
       '@testing-library/dom': '>=7.21.4'
 
-  '@tybys/wasm-util@0.10.1':
-    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
+  '@tybys/wasm-util@0.10.0':
+    resolution: {integrity: sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ==}
 
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
@@ -3292,16 +3288,16 @@ packages:
   '@types/ws@8.18.1':
     resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
 
-  '@typescript-eslint/eslint-plugin@8.48.1':
-    resolution: {integrity: sha512-X63hI1bxl5ohelzr0LY5coufyl0LJNthld+abwxpCoo6Gq+hSqhKwci7MUWkXo67mzgUK6YFByhmaHmUcuBJmA==}
+  '@typescript-eslint/eslint-plugin@8.43.0':
+    resolution: {integrity: sha512-8tg+gt7ENL7KewsKMKDHXR1vm8tt9eMxjJBYINf6swonlWgkYn5NwyIgXpbbDxTNU5DgpDFfj95prcTq2clIQQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.48.1
+      '@typescript-eslint/parser': ^8.43.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.48.1':
-    resolution: {integrity: sha512-PC0PDZfJg8sP7cmKe6L3QIL8GZwU5aRvUFedqSIpw3B+QjRSUZeeITC2M5XKeMXEzL6wccN196iy3JLwKNvDVA==}
+  '@typescript-eslint/parser@8.43.0':
+    resolution: {integrity: sha512-B7RIQiTsCBBmY+yW4+ILd6mF5h1FUwJsVvpqkrgpszYifetQ2Ke+Z4u6aZh0CblkUGIdR59iYVyXqqZGkZ3aBw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -3319,12 +3315,6 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.48.1':
-    resolution: {integrity: sha512-HQWSicah4s9z2/HifRPQ6b6R7G+SBx64JlFQpgSSHWPKdvCZX57XCbszg/bapbRsOEv42q5tayTYcEFpACcX1w==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
   '@typescript-eslint/scope-manager@8.43.0':
     resolution: {integrity: sha512-daSWlQ87ZhsjrbMLvpuuMAt3y4ba57AuvadcR7f3nl8eS3BjRc8L9VLxFLk92RL5xdXOg6IQ+qKjjqNEimGuAg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3333,10 +3323,6 @@ packages:
     resolution: {integrity: sha512-LF4b/NmGvdWEHD2H4MsHD8ny6JpiVNDzrSZr3CsckEgCbAGZbYM4Cqxvi9L+WqDMT+51Ozy7lt2M+d0JLEuBqA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/scope-manager@8.48.1':
-    resolution: {integrity: sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/tsconfig-utils@8.43.0':
     resolution: {integrity: sha512-ALC2prjZcj2YqqL5X/bwWQmHA2em6/94GcbB/KKu5SX3EBDOsqztmmX1kMkvAJHzxk7TazKzJfFiEIagNV3qEA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3349,14 +3335,8 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/tsconfig-utils@8.48.1':
-    resolution: {integrity: sha512-k0Jhs4CpEffIBm6wPaCXBAD7jxBtrHjrSgtfCjUvPp9AZ78lXKdTR8fxyZO5y4vWNlOvYXRtngSZNSn+H53Jkw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/type-utils@8.48.1':
-    resolution: {integrity: sha512-1jEop81a3LrJQLTf/1VfPQdhIY4PlGDBc/i67EVWObrtvcziysbLN3oReexHOM6N3jyXgCrkBsZpqwH0hiDOQg==}
+  '@typescript-eslint/type-utils@8.43.0':
+    resolution: {integrity: sha512-qaH1uLBpBuBBuRf8c1mLJ6swOfzCXryhKND04Igr4pckzSEW9JX5Aw9AgW00kwfjWJF0kk0ps9ExKTfvXfw4Qg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -3370,10 +3350,6 @@ packages:
     resolution: {integrity: sha512-lNCWCbq7rpg7qDsQrd3D6NyWYu+gkTENkG5IKYhUIcxSb59SQC/hEQ+MrG4sTgBVghTonNWq42bA/d4yYumldQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/types@8.48.1':
-    resolution: {integrity: sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/typescript-estree@8.43.0':
     resolution: {integrity: sha512-7Vv6zlAhPb+cvEpP06WXXy/ZByph9iL6BQRBDj4kmBsW98AqEeQHlj/13X+sZOrKSo9/rNKH4Ul4f6EICREFdw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3386,12 +3362,6 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/typescript-estree@8.48.1':
-    resolution: {integrity: sha512-/9wQ4PqaefTK6POVTjJaYS0bynCgzh6ClJHGSBj06XEHjkfylzB+A3qvyaXnErEZSaxhIo4YdyBgq6j4RysxDg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
   '@typescript-eslint/utils@8.43.0':
     resolution: {integrity: sha512-S1/tEmkUeeswxd0GGcnwuVQPFWo8NzZTOMxCvw8BX7OMxnNae+i8Tm7REQen/SwUIPoPqfKn7EaZ+YLpiB3k9g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3406,13 +3376,6 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.48.1':
-    resolution: {integrity: sha512-fAnhLrDjiVfey5wwFRwrweyRlCmdz5ZxXz2G/4cLn0YDLjTapmN4gcCsTBR1N2rWnZSDeWpYtgLDsJt+FpmcwA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
   '@typescript-eslint/visitor-keys@8.43.0':
     resolution: {integrity: sha512-T+S1KqRD4sg/bHfLwrpF/K3gQLBM1n7Rp7OjjikjTEssI2YJzQpi5WXoynOaQ93ERIuq3O8RBTOUYDKszUCEHw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3421,10 +3384,6 @@ packages:
     resolution: {integrity: sha512-tUFMXI4gxzzMXt4xpGJEsBsTox0XbNQ1y94EwlD/CuZwFcQP79xfQqMhau9HsRc/J0cAPA/HZt1dZPtGn9V/7w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/visitor-keys@8.48.1':
-    resolution: {integrity: sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@ungap/structured-clone@1.3.0':
     resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
 
@@ -4626,8 +4585,8 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
-  eslint-config-next@15.5.7:
-    resolution: {integrity: sha512-nU/TRGHHeG81NeLW5DeQT5t6BDUqbpsNQTvef1ld/tqHT+/zTx60/TIhKnmPISTTe++DVo+DLxDmk4rnwHaZVw==}
+  eslint-config-next@15.5.2:
+    resolution: {integrity: sha512-3hPZghsLupMxxZ2ggjIIrat/bPniM2yRpsVPVM40rp8ZMzKWOJp2CGWn7+EzoV2ddkUr5fxNfHpF+wU1hGt/3g==}
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
       typescript: '>=3.3.1'
@@ -4959,10 +4918,6 @@ packages:
     peerDependencies:
       next: '>=13.2.0'
 
-  generator-function@2.0.1:
-    resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
-    engines: {node: '>= 0.4'}
-
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -4991,8 +4946,8 @@ packages:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
 
-  get-tsconfig@4.13.0:
-    resolution: {integrity: sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==}
+  get-tsconfig@4.10.1:
+    resolution: {integrity: sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ==}
 
   github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
@@ -5213,6 +5168,9 @@ packages:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
 
+  import-in-the-middle@1.14.2:
+    resolution: {integrity: sha512-5tCuY9BV8ujfOpwtAGgsTx9CGUapcFMEEyByLv1B+v2+6DhAcw+Zr0nhQT7uwaZ7DiourxFEscghOR8e1aPLQw==}
+
   import-in-the-middle@2.0.0:
     resolution: {integrity: sha512-yNZhyQYqXpkT0AKq3F3KLasUSK4fHvebNH5hOsKQw2dhGSALvQ4U0BqUc5suziKvydO5u5hgN2hy1RJaho8U5A==}
 
@@ -5324,10 +5282,6 @@ packages:
     resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
     engines: {node: '>= 0.4'}
 
-  is-generator-function@1.1.2:
-    resolution: {integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==}
-    engines: {node: '>= 0.4'}
-
   is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -5949,8 +5903,8 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  napi-postinstall@0.3.4:
-    resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
+  napi-postinstall@0.3.3:
+    resolution: {integrity: sha512-uTp172LLXSxuSYHv/kou+f6KW3SMppU9ivthaVTXian9sOt3XM/zHYHpRZiLgQoxeWfYUnslNWQHF1+G71xcow==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
     hasBin: true
 
@@ -6815,11 +6769,6 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  resolve@1.22.11:
-    resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
-    engines: {node: '>= 0.4'}
-    hasBin: true
-
   resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
@@ -7909,7 +7858,7 @@ snapshots:
       '@babel/helper-plugin-utils': 7.27.1
       debug: 4.4.3
       lodash.debounce: 4.0.8
-      resolve: 1.22.11
+      resolve: 1.22.10
     transitivePeerDependencies:
       - supports-color
 
@@ -8601,7 +8550,7 @@ snapshots:
 
   '@date-fns/tz@1.4.1': {}
 
-  '@emnapi/core@1.7.1':
+  '@emnapi/core@1.5.0':
     dependencies:
       '@emnapi/wasi-threads': 1.1.0
       tslib: 2.8.1
@@ -8612,11 +8561,6 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/runtime@1.7.1':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
   '@emnapi/wasi-threads@1.1.0':
     dependencies:
       tslib: 2.8.1
@@ -8795,8 +8739,6 @@ snapshots:
 
   '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint-community/regexpp@4.12.2': {}
-
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
@@ -9054,16 +8996,16 @@ snapshots:
 
   '@napi-rs/wasm-runtime@0.2.12':
     dependencies:
-      '@emnapi/core': 1.7.1
-      '@emnapi/runtime': 1.7.1
-      '@tybys/wasm-util': 0.10.1
+      '@emnapi/core': 1.5.0
+      '@emnapi/runtime': 1.5.0
+      '@tybys/wasm-util': 0.10.0
     optional: true
 
   '@neoconfetti/react@1.0.0': {}
 
   '@next/env@15.4.10': {}
 
-  '@next/eslint-plugin-next@15.5.7':
+  '@next/eslint-plugin-next@15.5.2':
     dependencies:
       fast-glob: 3.3.1
 
@@ -10173,7 +10115,7 @@ snapshots:
 
   '@rtsao/scc@1.1.0': {}
 
-  '@rushstack/eslint-patch@1.15.0': {}
+  '@rushstack/eslint-patch@1.12.0': {}
 
   '@scarf/scarf@1.4.0': {}
 
@@ -10925,7 +10867,7 @@ snapshots:
     dependencies:
       '@testing-library/dom': 10.4.1
 
-  '@tybys/wasm-util@0.10.1':
+  '@tybys/wasm-util@0.10.0':
     dependencies:
       tslib: 2.8.1
     optional: true
@@ -11123,14 +11065,14 @@ snapshots:
     dependencies:
       '@types/node': 24.10.0
 
-  '@typescript-eslint/eslint-plugin@8.48.1(@typescript-eslint/parser@8.48.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.43.0(@typescript-eslint/parser@8.43.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.48.1(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.48.1
-      '@typescript-eslint/type-utils': 8.48.1(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.48.1(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.48.1
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 8.43.0(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.43.0
+      '@typescript-eslint/type-utils': 8.43.0(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.43.0(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.43.0
       eslint: 8.57.1
       graphemer: 1.4.0
       ignore: 7.0.5
@@ -11140,12 +11082,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.48.1(eslint@8.57.1)(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.43.0(eslint@8.57.1)(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.48.1
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.48.1
+      '@typescript-eslint/scope-manager': 8.43.0
+      '@typescript-eslint/types': 8.43.0
+      '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.43.0
       debug: 4.4.3
       eslint: 8.57.1
       typescript: 5.9.3
@@ -11155,7 +11097,7 @@ snapshots:
   '@typescript-eslint/project-service@8.43.0(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.43.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.48.1
+      '@typescript-eslint/types': 8.43.0
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -11164,16 +11106,7 @@ snapshots:
   '@typescript-eslint/project-service@8.46.2(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.46.2(typescript@5.9.3)
-      '@typescript-eslint/types': 8.48.1
-      debug: 4.4.3
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/project-service@8.48.1(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.9.3)
-      '@typescript-eslint/types': 8.48.1
+      '@typescript-eslint/types': 8.46.2
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -11189,11 +11122,6 @@ snapshots:
       '@typescript-eslint/types': 8.46.2
       '@typescript-eslint/visitor-keys': 8.46.2
 
-  '@typescript-eslint/scope-manager@8.48.1':
-    dependencies:
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/visitor-keys': 8.48.1
-
   '@typescript-eslint/tsconfig-utils@8.43.0(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
@@ -11202,15 +11130,11 @@ snapshots:
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/tsconfig-utils@8.48.1(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.43.0(eslint@8.57.1)(typescript@5.9.3)':
     dependencies:
-      typescript: 5.9.3
-
-  '@typescript-eslint/type-utils@8.48.1(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.48.1(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/types': 8.43.0
+      '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.43.0(eslint@8.57.1)(typescript@5.9.3)
       debug: 4.4.3
       eslint: 8.57.1
       ts-api-utils: 2.1.0(typescript@5.9.3)
@@ -11222,8 +11146,6 @@ snapshots:
 
   '@typescript-eslint/types@8.46.2': {}
 
-  '@typescript-eslint/types@8.48.1': {}
-
   '@typescript-eslint/typescript-estree@8.43.0(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/project-service': 8.43.0(typescript@5.9.3)
@@ -11234,7 +11156,7 @@ snapshots:
       fast-glob: 3.3.3
       is-glob: 4.0.3
       minimatch: 9.0.5
-      semver: 7.7.3
+      semver: 7.7.2
       ts-api-utils: 2.1.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -11256,21 +11178,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.48.1(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.48.1(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.9.3)
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/visitor-keys': 8.48.1
-      debug: 4.4.3
-      minimatch: 9.0.5
-      semver: 7.7.3
-      tinyglobby: 0.2.15
-      ts-api-utils: 2.1.0(typescript@5.9.3)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/utils@8.43.0(eslint@8.57.1)(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
@@ -11293,17 +11200,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.48.1(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@typescript-eslint/scope-manager': 8.48.1
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.9.3)
-      eslint: 8.57.1
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/visitor-keys@8.43.0':
     dependencies:
       '@typescript-eslint/types': 8.43.0
@@ -11314,11 +11210,6 @@ snapshots:
       '@typescript-eslint/types': 8.46.2
       eslint-visitor-keys: 4.2.1
 
-  '@typescript-eslint/visitor-keys@8.48.1':
-    dependencies:
-      '@typescript-eslint/types': 8.48.1
-      eslint-visitor-keys: 4.2.1
-
   '@ungap/structured-clone@1.3.0': {}
 
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
@@ -12641,16 +12532,16 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-next@15.5.7(eslint@8.57.1)(typescript@5.9.3):
+  eslint-config-next@15.5.2(eslint@8.57.1)(typescript@5.9.3):
     dependencies:
-      '@next/eslint-plugin-next': 15.5.7
-      '@rushstack/eslint-patch': 1.15.0
-      '@typescript-eslint/eslint-plugin': 8.48.1(@typescript-eslint/parser@8.48.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.48.1(eslint@8.57.1)(typescript@5.9.3)
+      '@next/eslint-plugin-next': 15.5.2
+      '@rushstack/eslint-patch': 1.12.0
+      '@typescript-eslint/eslint-plugin': 8.43.0(@typescript-eslint/parser@8.43.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.43.0(eslint@8.57.1)(typescript@5.9.3)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.48.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.43.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.1)
       eslint-plugin-react: 7.37.5(eslint@8.57.1)
       eslint-plugin-react-hooks: 5.2.0(eslint@8.57.1)
@@ -12665,7 +12556,7 @@ snapshots:
     dependencies:
       debug: 3.2.7
       is-core-module: 2.16.1
-      resolve: 1.22.11
+      resolve: 1.22.10
     transitivePeerDependencies:
       - supports-color
 
@@ -12674,28 +12565,28 @@ snapshots:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.3
       eslint: 8.57.1
-      get-tsconfig: 4.13.0
+      get-tsconfig: 4.10.1
       is-bun-module: 2.0.0
       stable-hash: 0.0.5
       tinyglobby: 0.2.15
       unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.48.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.43.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.48.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.43.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.48.1(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.43.0(eslint@8.57.1)(typescript@5.9.3)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.48.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.43.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -12706,7 +12597,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.48.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.43.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -12718,7 +12609,7 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.48.1(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.43.0(eslint@8.57.1)(typescript@5.9.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -13067,8 +12958,6 @@ snapshots:
     dependencies:
       next: 15.4.10(@babel/core@7.28.4)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  generator-function@2.0.1: {}
-
   gensync@1.0.0-beta.2: {}
 
   get-caller-file@2.0.5: {}
@@ -13101,7 +12990,7 @@ snapshots:
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
 
-  get-tsconfig@4.13.0:
+  get-tsconfig@4.10.1:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
@@ -13385,6 +13274,13 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
+  import-in-the-middle@1.14.2:
+    dependencies:
+      acorn: 8.15.0
+      acorn-import-attributes: 1.9.5(acorn@8.15.0)
+      cjs-module-lexer: 1.4.3
+      module-details-from-path: 1.0.4
+
   import-in-the-middle@2.0.0:
     dependencies:
       acorn: 8.15.0
@@ -13461,7 +13357,7 @@ snapshots:
 
   is-bun-module@2.0.0:
     dependencies:
-      semver: 7.7.3
+      semver: 7.7.2
 
   is-callable@1.2.7: {}
 
@@ -13499,14 +13395,6 @@ snapshots:
       has-tostringtag: 1.0.2
       safe-regex-test: 1.1.0
 
-  is-generator-function@1.1.2:
-    dependencies:
-      call-bound: 1.0.4
-      generator-function: 2.0.1
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
@@ -14327,7 +14215,7 @@ snapshots:
 
   nanoid@3.3.11: {}
 
-  napi-postinstall@0.3.4: {}
+  napi-postinstall@0.3.3: {}
 
   natural-compare@1.4.0: {}
 
@@ -15297,12 +15185,6 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  resolve@1.22.11:
-    dependencies:
-      is-core-module: 2.16.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
   resolve@1.22.8:
     dependencies:
       is-core-module: 2.16.1
@@ -16114,7 +15996,7 @@ snapshots:
 
   unrs-resolver@1.11.1:
     dependencies:
-      napi-postinstall: 0.3.4
+      napi-postinstall: 0.3.3
     optionalDependencies:
       '@unrs/resolver-binding-android-arm-eabi': 1.11.1
       '@unrs/resolver-binding-android-arm64': 1.11.1
@@ -16342,7 +16224,7 @@ snapshots:
       is-async-function: 2.1.1
       is-date-object: 1.1.0
       is-finalizationregistry: 1.1.1
-      is-generator-function: 1.1.2
+      is-generator-function: 1.1.0
       is-regex: 1.2.1
       is-weakref: 1.1.1
       isarray: 2.0.5

autogpt_platform/frontend/src/app/(no-navbar)/onboarding/5-run/page.tsx

@@ -8,6 +8,7 @@ import {
   CardTitle,
 } from "@/components/__legacy__/ui/card";
 import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
+import { InformationTooltip } from "@/components/molecules/InformationTooltip/InformationTooltip";
 import { CircleNotchIcon } from "@phosphor-icons/react/dist/ssr";
 import { Play } from "lucide-react";
 import OnboardingButton from "../components/OnboardingButton";
@@ -78,13 +79,20 @@ export default function Page() {
                 <CardContent className="flex flex-col gap-4">
                   {Object.entries(agent?.input_schema.properties || {}).map(
                     ([key, inputSubSchema]) => (
-                      <RunAgentInputs
-                        key={key}
-                        schema={inputSubSchema}
-                        value={onboarding.state?.agentInput?.[key]}
-                        placeholder={inputSubSchema.description}
-                        onChange={(value) => handleSetAgentInput(key, value)}
-                      />
+                      <div key={key} className="flex flex-col space-y-2">
+                        <label className="flex items-center gap-1 text-sm font-medium">
+                          {inputSubSchema.title || key}
+                          <InformationTooltip
+                            description={inputSubSchema.description}
+                          />
+                        </label>
+                        <RunAgentInputs
+                          schema={inputSubSchema}
+                          value={onboarding.state?.agentInput?.[key]}
+                          placeholder={inputSubSchema.description}
+                          onChange={(value) => handleSetAgentInput(key, value)}
+                        />
+                      </div>
                     ),
                   )}
                   <AgentOnboardingCredentials

autogpt_platform/frontend/src/app/(platform)/build/components/BuilderActions/BuilderActions.tsx

@@ -2,7 +2,6 @@ import { parseAsString, useQueryStates } from "nuqs";
 import { AgentOutputs } from "./components/AgentOutputs/AgentOutputs";
 import { RunGraph } from "./components/RunGraph/RunGraph";
 import { ScheduleGraph } from "./components/ScheduleGraph/ScheduleGraph";
-import { PublishToMarketplace } from "./components/PublishToMarketplace/PublishToMarketplace";
 import { memo } from "react";
 
 export const BuilderActions = memo(() => {
@@ -14,7 +13,6 @@ export const BuilderActions = memo(() => {
       <AgentOutputs flowID={flowID} />
       <RunGraph flowID={flowID} />
       <ScheduleGraph flowID={flowID} />
-      <PublishToMarketplace flowID={flowID} />
     </div>
   );
 });

autogpt_platform/frontend/src/app/(platform)/build/components/BuilderActions/components/PublishToMarketplace/PublishToMarketplace.tsx

@@ -1,36 +0,0 @@
-import { ShareIcon } from "@phosphor-icons/react";
-import { BuilderActionButton } from "../BuilderActionButton";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/atoms/Tooltip/BaseTooltip";
-import { usePublishToMarketplace } from "./usePublishToMarketplace";
-import { PublishAgentModal } from "@/components/contextual/PublishAgentModal/PublishAgentModal";
-
-export const PublishToMarketplace = ({ flowID }: { flowID: string | null }) => {
-  const { handlePublishToMarketplace, publishState, handleStateChange } =
-    usePublishToMarketplace({ flowID });
-
-  return (
-    <>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <BuilderActionButton
-            onClick={handlePublishToMarketplace}
-            disabled={!flowID}
-          >
-            <ShareIcon className="size-6 drop-shadow-sm" />
-          </BuilderActionButton>
-        </TooltipTrigger>
-        <TooltipContent>Publish to Marketplace</TooltipContent>
-      </Tooltip>
-
-      <PublishAgentModal
-        targetState={publishState}
-        onStateChange={handleStateChange}
-        preSelectedAgentId={flowID || undefined}
-      />
-    </>
-  );
-};

autogpt_platform/frontend/src/app/(platform)/build/components/BuilderActions/components/PublishToMarketplace/usePublishToMarketplace.ts

@@ -1,48 +0,0 @@
-import { useState, useCallback } from "react";
-import type { StoreSubmission } from "@/app/api/__generated__/models/storeSubmission";
-
-export type PublishStep = "select" | "info" | "review";
-
-export type PublishState = {
-  isOpen: boolean;
-  step: PublishStep;
-  submissionData: StoreSubmission | null;
-};
-
-const defaultPublishState: PublishState = {
-  isOpen: false,
-  step: "select",
-  submissionData: null,
-};
-
-interface UsePublishToMarketplaceProps {
-  flowID: string | null;
-}
-
-export function usePublishToMarketplace({
-  flowID,
-}: UsePublishToMarketplaceProps) {
-  const [publishState, setPublishState] =
-    useState<PublishState>(defaultPublishState);
-
-  const handlePublishToMarketplace = () => {
-    if (!flowID) return;
-
-    // Open the publish modal starting with the select step
-    setPublishState({
-      isOpen: true,
-      step: "select",
-      submissionData: null,
-    });
-  };
-
-  const handleStateChange = useCallback((newState: PublishState) => {
-    setPublishState(newState);
-  }, []);
-
-  return {
-    handlePublishToMarketplace,
-    publishState,
-    handleStateChange,
-  };
-}

autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/Flow/useFlow.ts

@@ -20,7 +20,6 @@ import { AgentExecutionStatus } from "@/app/api/__generated__/models/agentExecut
 
 export const useFlow = () => {
   const [isLocked, setIsLocked] = useState(false);
-  const [hasAutoFramed, setHasAutoFramed] = useState(false);
   const addNodes = useNodeStore(useShallow((state) => state.addNodes));
   const addLinks = useEdgeStore(useShallow((state) => state.addLinks));
   const updateNodeStatus = useNodeStore(
@@ -188,36 +187,9 @@ export const useFlow = () => {
     };
   }, []);
 
-  const linkCount = graph?.links?.length ?? 0;
-
   useEffect(() => {
-    if (isGraphLoading || isBlocksLoading) {
-      setHasAutoFramed(false);
-      return;
-    }
-
-    if (hasAutoFramed) {
-      return;
-    }
-
-    const rafId = requestAnimationFrame(() => {
-      fitView({ padding: 0.2, duration: 800, maxZoom: 1 });
-      setHasAutoFramed(true);
-    });
-
-    return () => cancelAnimationFrame(rafId);
-  }, [
-    fitView,
-    hasAutoFramed,
-    customNodes.length,
-    isBlocksLoading,
-    isGraphLoading,
-    linkCount,
-  ]);
-
-  useEffect(() => {
-    setHasAutoFramed(false);
-  }, [flowID, flowVersion]);
+    fitView({ padding: 0.2, duration: 800, maxZoom: 2 });
+  }, [fitView]);
 
   // Drag and drop block from block menu
   const onDragOver = useCallback((event: React.DragEvent) => {

autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/nodes/CustomNode/CustomNode.tsx

@@ -106,11 +106,7 @@ export const CustomNode: React.FC<NodeProps<CustomNode>> = React.memo(
           />
           <NodeAdvancedToggle nodeId={nodeId} />
           {data.uiType != BlockUIType.OUTPUT && (
-            <OutputHandler
-              uiType={data.uiType}
-              outputSchema={outputSchema}
-              nodeId={nodeId}
-            />
+            <OutputHandler outputSchema={outputSchema} nodeId={nodeId} />
           )}
           <NodeDataRenderer nodeId={nodeId} />
         </div>

autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/nodes/FormCreator.tsx

@@ -20,32 +20,17 @@ export const FormCreator = React.memo(
     className?: string;
   }) => {
     const updateNodeData = useNodeStore((state) => state.updateNodeData);
-
     const getHardCodedValues = useNodeStore(
       (state) => state.getHardCodedValues,
     );
-
     const handleChange = ({ formData }: any) => {
       if ("credentials" in formData && !formData.credentials?.id) {
         delete formData.credentials;
       }
-
-      const updatedValues =
-        uiType === BlockUIType.AGENT
-          ? {
-              ...getHardCodedValues(nodeId),
-              inputs: formData,
-            }
-          : formData;
-
-      updateNodeData(nodeId, { hardcodedValues: updatedValues });
+      updateNodeData(nodeId, { hardcodedValues: formData });
     };
 
-    const hardcodedValues = getHardCodedValues(nodeId);
-    const initialValues =
-      uiType === BlockUIType.AGENT
-        ? (hardcodedValues.inputs ?? {})
-        : hardcodedValues;
+    const initialValues = getHardCodedValues(nodeId);
 
     return (
       <div className={className}>

autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/nodes/OutputHandler.tsx

@@ -14,16 +14,13 @@ import {
 import { useEdgeStore } from "@/app/(platform)/build/stores/edgeStore";
 import { getTypeDisplayInfo } from "./helpers";
 import { generateHandleId } from "../handlers/helpers";
-import { BlockUIType } from "../../types";
 
 export const OutputHandler = ({
   outputSchema,
   nodeId,
-  uiType,
 }: {
   outputSchema: RJSFSchema;
   nodeId: string;
-  uiType: BlockUIType;
 }) => {
   const { isOutputConnected } = useEdgeStore();
   const properties = outputSchema?.properties || {};
@@ -82,9 +79,7 @@ export const OutputHandler = ({
                 </Text>
 
                 <NodeHandle
-                  handleId={
-                    uiType === BlockUIType.AGENT ? key : generateHandleId(key)
-                  }
+                  handleId={generateHandleId(key)}
                   isConnected={isConnected}
                   side="right"
                 />

autogpt_platform/frontend/src/app/(platform)/build/components/NewControlPanel/NewBlockMenu/BlockMenuSearch/useBlockMenuSearch.ts

@@ -7,7 +7,6 @@ import { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
 import { getV2GetSpecificAgent } from "@/app/api/__generated__/endpoints/store/store";
 import {
   getGetV2ListLibraryAgentsQueryKey,
-  getV2GetLibraryAgent,
   usePostV2AddMarketplaceAgent,
 } from "@/app/api/__generated__/endpoints/library/library";
 import {
@@ -152,12 +151,7 @@ export const useBlockMenuSearch = () => {
       });
 
       const libraryAgent = response.data as LibraryAgent;
-
-      const { data: libraryAgentDetails } = await getV2GetLibraryAgent(
-        libraryAgent.id,
-      );
-
-      addAgentToBuilder(libraryAgentDetails as LibraryAgent);
+      addAgentToBuilder(libraryAgent);
 
       toast({
         title: "Agent Added",

autogpt_platform/frontend/src/app/(platform)/build/components/NewControlPanel/NewBlockMenu/MarketplaceAgentsContent/useMarketplaceAgentsContent.ts

@@ -1,7 +1,6 @@
 import { getGetV2GetBuilderItemCountsQueryKey } from "@/app/api/__generated__/endpoints/default/default";
 import {
   getGetV2ListLibraryAgentsQueryKey,
-  getV2GetLibraryAgent,
   usePostV2AddMarketplaceAgent,
 } from "@/app/api/__generated__/endpoints/library/library";
 import {
@@ -106,16 +105,8 @@ export const useMarketplaceAgentsContent = () => {
         },
       });
 
-      // Here, libraryAgent has empty input and output schemas.
-      // Not updating the endpoint because this endpoint is used elsewhere.
-      // TODO: Create a new endpoint for builder specific to marketplace agents.
       const libraryAgent = response.data as LibraryAgent;
-
-      const { data: libraryAgentDetails } = await getV2GetLibraryAgent(
-        libraryAgent.id,
-      );
-
-      addAgentToBuilder(libraryAgentDetails as LibraryAgent);
+      addAgentToBuilder(libraryAgent);
 
       toast({
         title: "Agent Added",

autogpt_platform/frontend/src/app/(platform)/build/components/legacy-builder/Flow/Flow.tsx

@@ -103,7 +103,6 @@ const FlowEditor: React.FC<{
     updateNode,
     getViewport,
     setViewport,
-    fitView,
     screenToFlowPosition,
   } = useReactFlow<CustomNode, CustomEdge>();
   const [nodeId, setNodeId] = useState<number>(1);
@@ -116,7 +115,6 @@ const FlowEditor: React.FC<{
   const [pinBlocksPopover, setPinBlocksPopover] = useState(false);
   // State to control if save popover should be pinned open
   const [pinSavePopover, setPinSavePopover] = useState(false);
-  const [hasAutoFramed, setHasAutoFramed] = useState(false);
 
   const {
     agentName,
@@ -484,26 +482,35 @@ const FlowEditor: React.FC<{
     return uuidv4();
   }, []);
 
+  // Set the initial view port to center the canvas.
   useEffect(() => {
-    if (nodes.length === 0) {
+    const { x, y } = getViewport();
+    if (nodes.length <= 0 || x !== 0 || y !== 0) {
       return;
     }
 
-    if (hasAutoFramed) {
-      return;
-    }
+    const topLeft = { x: Infinity, y: Infinity };
+    const bottomRight = { x: -Infinity, y: -Infinity };
 
-    const rafId = requestAnimationFrame(() => {
-      fitView({ padding: 0.2, duration: 800, maxZoom: 1 });
-      setHasAutoFramed(true);
+    nodes.forEach((node) => {
+      const { x, y } = node.position;
+      topLeft.x = Math.min(topLeft.x, x);
+      topLeft.y = Math.min(topLeft.y, y);
+      // Rough estimate of the width and height of the node: 500x400.
+      bottomRight.x = Math.max(bottomRight.x, x + 500);
+      bottomRight.y = Math.max(bottomRight.y, y + 400);
     });
 
-    return () => cancelAnimationFrame(rafId);
-  }, [fitView, hasAutoFramed, nodes.length]);
+    const centerX = (topLeft.x + bottomRight.x) / 2;
+    const centerY = (topLeft.y + bottomRight.y) / 2;
+    const zoom = 0.8;
 
-  useEffect(() => {
-    setHasAutoFramed(false);
-  }, [flowID, flowVersion]);
+    setViewport({
+      x: window.innerWidth / 2 - centerX * zoom,
+      y: window.innerHeight / 2 - centerY * zoom,
+      zoom: zoom,
+    });
+  }, [nodes, getViewport, setViewport]);
 
   const navigateToNode = useCallback(
     (nodeId: string) => {

autogpt_platform/frontend/src/app/(platform)/components/MarketplaceBanners/MarketplaceBanners.tsx

@@ -1,102 +0,0 @@
-"use client";
-
-import { Button } from "@/components/atoms/Button/Button";
-import { Text } from "@/components/atoms/Text/Text";
-
-interface MarketplaceBannersProps {
-  hasUpdate?: boolean;
-  latestVersion?: number;
-  hasUnpublishedChanges?: boolean;
-  currentVersion?: number;
-  isUpdating?: boolean;
-  onUpdate?: () => void;
-  onPublish?: () => void;
-  onViewChanges?: () => void;
-}
-
-export function MarketplaceBanners({
-  hasUpdate,
-  latestVersion,
-  hasUnpublishedChanges,
-  isUpdating,
-  onUpdate,
-  onPublish,
-}: MarketplaceBannersProps) {
-  const renderUpdateBanner = () => {
-    if (hasUpdate && latestVersion) {
-      return (
-        <div className="mb-6 rounded-lg bg-gray-50 p-4 dark:bg-gray-900">
-          <div className="flex flex-col gap-3">
-            <div>
-              <Text
-                variant="large-medium"
-                className="mb-2 text-neutral-900 dark:text-neutral-100"
-              >
-                Update available
-              </Text>
-              <Text variant="body" className="text-gray-700 dark:text-gray-300">
-                You should update your agent in order to get the latest / best
-                results
-              </Text>
-            </div>
-            {onUpdate && (
-              <div className="flex justify-start">
-                <Button
-                  size="small"
-                  onClick={onUpdate}
-                  disabled={isUpdating}
-                  className="bg-neutral-800 text-white hover:bg-neutral-900 dark:bg-neutral-700 dark:hover:bg-neutral-800"
-                >
-                  {isUpdating ? "Updating..." : "Update agent"}
-                </Button>
-              </div>
-            )}
-          </div>
-        </div>
-      );
-    }
-    return null;
-  };
-
-  const renderUnpublishedChangesBanner = () => {
-    if (hasUnpublishedChanges) {
-      return (
-        <div className="mb-6 rounded-lg bg-gray-50 p-4 dark:bg-gray-900">
-          <div className="flex flex-col gap-3">
-            <div>
-              <Text
-                variant="large-medium"
-                className="mb-2 text-neutral-900 dark:text-neutral-100"
-              >
-                Unpublished changes
-              </Text>
-              <Text variant="body" className="text-gray-700 dark:text-gray-300">
-                You&apos;ve made changes to this agent that aren&apos;t
-                published yet. Would you like to publish the latest version?
-              </Text>
-            </div>
-            {onPublish && (
-              <div className="flex justify-start">
-                <Button
-                  size="small"
-                  onClick={onPublish}
-                  className="bg-neutral-800 text-white hover:bg-neutral-900 dark:bg-neutral-700 dark:hover:bg-neutral-800"
-                >
-                  Publish changes
-                </Button>
-              </div>
-            )}
-          </div>
-        </div>
-      );
-    }
-    return null;
-  };
-
-  return (
-    <>
-      {renderUpdateBanner()}
-      {renderUnpublishedChangesBanner()}
-    </>
-  );
-}

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/NewAgentLibraryView.tsx

@@ -1,18 +1,14 @@
 "use client";
 
 import { Button } from "@/components/atoms/Button/Button";
+import { Breadcrumbs } from "@/components/molecules/Breadcrumbs/Breadcrumbs";
 import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
 import { cn } from "@/lib/utils";
 import { PlusIcon } from "@phosphor-icons/react";
-import * as React from "react";
 import { RunAgentModal } from "./components/modals/RunAgentModal/RunAgentModal";
-import { useMarketplaceUpdate } from "./hooks/useMarketplaceUpdate";
-import { AgentVersionChangelog } from "./components/AgentVersionChangelog";
-import { MarketplaceBanners } from "../../../../../components/MarketplaceBanners/MarketplaceBanners";
 import { AgentRunsLoading } from "./components/other/AgentRunsLoading";
 import { EmptySchedules } from "./components/other/EmptySchedules";
 import { EmptyTasks } from "./components/other/EmptyTasks";
-import { PublishAgentModal } from "@/components/contextual/PublishAgentModal/PublishAgentModal";
 import { EmptyTemplates } from "./components/other/EmptyTemplates";
 import { EmptyTriggers } from "./components/other/EmptyTriggers";
 import { SectionWrap } from "./components/other/SectionWrap";
@@ -28,6 +24,7 @@ import { useNewAgentLibraryView } from "./useNewAgentLibraryView";
 
 export function NewAgentLibraryView() {
   const {
+    agentId,
     agent,
     ready,
     activeTemplate,
@@ -46,189 +43,6 @@ export function NewAgentLibraryView() {
     onScheduleCreated,
   } = useNewAgentLibraryView();
 
-  const {
-    hasAgentMarketplaceUpdate,
-    hasMarketplaceUpdate,
-    latestMarketplaceVersion,
-    isUpdating,
-    modalOpen,
-    setModalOpen,
-    handlePublishUpdate,
-    handleUpdateToLatest,
-  } = useMarketplaceUpdate({ agent });
-
-  const [changelogOpen, setChangelogOpen] = React.useState(false);
-
-  function renderMarketplaceUpdateBanner() {
-    return (
-      <MarketplaceBanners
-        hasUpdate={!!hasMarketplaceUpdate}
-        latestVersion={latestMarketplaceVersion}
-        hasUnpublishedChanges={!!hasAgentMarketplaceUpdate}
-        currentVersion={agent?.graph_version}
-        isUpdating={isUpdating}
-        onUpdate={handleUpdateToLatest}
-        onPublish={handlePublishUpdate}
-        onViewChanges={() => setChangelogOpen(true)}
-      />
-    );
-  }
-
-  function renderPublishAgentModal() {
-    if (!modalOpen || !agent) return null;
-
-    return (
-      <PublishAgentModal
-        targetState={{
-          isOpen: true,
-          step: "info",
-          submissionData: { isMarketplaceUpdate: true } as any,
-        }}
-        preSelectedAgentId={agent.graph_id}
-        preSelectedAgentVersion={agent.graph_version}
-        onStateChange={(state) => {
-          if (!state.isOpen) {
-            setModalOpen(false);
-          }
-        }}
-      />
-    );
-  }
-
-  function renderAgentLibraryView() {
-    if (!agent) return null;
-
-    return (
-      <div className="mx-4 grid h-full grid-cols-1 gap-0 pt-3 md:ml-4 md:mr-0 md:gap-4 lg:grid-cols-[25%_70%]">
-        <SectionWrap className="mb-3 block">
-          <div
-            className={cn(
-              "border-b border-zinc-100 pb-5",
-              AGENT_LIBRARY_SECTION_PADDING_X,
-            )}
-          >
-            <RunAgentModal
-              triggerSlot={
-                <Button
-                  variant="primary"
-                  size="large"
-                  className="w-full"
-                  disabled={isTemplateLoading && activeTab === "templates"}
-                >
-                  <PlusIcon size={20} /> New task
-                </Button>
-              }
-              agent={agent}
-              onRunCreated={onRunInitiated}
-              onScheduleCreated={onScheduleCreated}
-              onTriggerSetup={onTriggerSetup}
-              initialInputValues={activeTemplate?.inputs}
-              initialInputCredentials={activeTemplate?.credentials}
-            />
-          </div>
-
-          <SidebarRunsList
-            agent={agent}
-            selectedRunId={activeItem ?? undefined}
-            onSelectRun={handleSelectRun}
-            onClearSelectedRun={handleClearSelectedRun}
-            onTabChange={setActiveTab}
-            onCountsChange={handleCountsChange}
-          />
-        </SectionWrap>
-
-        {activeItem ? (
-          activeTab === "scheduled" ? (
-            <SelectedScheduleView
-              agent={agent}
-              scheduleId={activeItem}
-              onClearSelectedRun={handleClearSelectedRun}
-              banner={renderMarketplaceUpdateBanner()}
-            />
-          ) : activeTab === "templates" ? (
-            <SelectedTemplateView
-              agent={agent}
-              templateId={activeItem}
-              onClearSelectedRun={handleClearSelectedRun}
-              onRunCreated={(execution) =>
-                handleSelectRun(execution.id, "runs")
-              }
-              onSwitchToRunsTab={() => setActiveTab("runs")}
-              banner={renderMarketplaceUpdateBanner()}
-            />
-          ) : activeTab === "triggers" ? (
-            <SelectedTriggerView
-              agent={agent}
-              triggerId={activeItem}
-              onClearSelectedRun={handleClearSelectedRun}
-              onSwitchToRunsTab={() => setActiveTab("runs")}
-              banner={renderMarketplaceUpdateBanner()}
-            />
-          ) : (
-            <SelectedRunView
-              agent={agent}
-              runId={activeItem}
-              onSelectRun={handleSelectRun}
-              onClearSelectedRun={handleClearSelectedRun}
-              banner={renderMarketplaceUpdateBanner()}
-            />
-          )
-        ) : sidebarLoading ? (
-          <LoadingSelectedContent agentName={agent.name} agentId={agent.id} />
-        ) : activeTab === "scheduled" ? (
-          <SelectedViewLayout
-            agentName={agent.name}
-            agentId={agent.id}
-            banner={renderMarketplaceUpdateBanner()}
-          >
-            <EmptySchedules />
-          </SelectedViewLayout>
-        ) : activeTab === "templates" ? (
-          <SelectedViewLayout
-            agentName={agent.name}
-            agentId={agent.id}
-            banner={renderMarketplaceUpdateBanner()}
-          >
-            <EmptyTemplates />
-          </SelectedViewLayout>
-        ) : activeTab === "triggers" ? (
-          <SelectedViewLayout
-            agentName={agent.name}
-            agentId={agent.id}
-            banner={renderMarketplaceUpdateBanner()}
-          >
-            <EmptyTriggers />
-          </SelectedViewLayout>
-        ) : (
-          <SelectedViewLayout
-            agentName={agent.name}
-            agentId={agent.id}
-            banner={renderMarketplaceUpdateBanner()}
-          >
-            <EmptyTasks
-              agent={agent}
-              onRun={onRunInitiated}
-              onTriggerSetup={onTriggerSetup}
-              onScheduleCreated={onScheduleCreated}
-            />
-          </SelectedViewLayout>
-        )}
-      </div>
-    );
-  }
-
-  function renderVersionChangelog() {
-    if (!agent) return null;
-
-    return (
-      <AgentVersionChangelog
-        agent={agent}
-        isOpen={changelogOpen}
-        onClose={() => setChangelogOpen(false)}
-      />
-    );
-  }
-
   if (error) {
     return (
       <ErrorCard
@@ -246,12 +60,112 @@ export function NewAgentLibraryView() {
 
   if (!sidebarLoading && !hasAnyItems) {
     return (
-      <>
-        <SelectedViewLayout
-          agentName={agent.name}
-          agentId={agent.id}
-          banner={renderMarketplaceUpdateBanner()}
+      <div className="flex h-full flex-col">
+        <div className="mx-6 pt-4">
+          <Breadcrumbs
+            items={[
+              { name: "My Library", link: "/library" },
+              { name: agent.name, link: `/library/agents/${agentId}` },
+            ]}
+          />
+        </div>
+        <div className="flex min-h-0 flex-1">
+          <EmptyTasks
+            agent={agent}
+            onRun={onRunInitiated}
+            onTriggerSetup={onTriggerSetup}
+            onScheduleCreated={onScheduleCreated}
+          />
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="mx-4 grid h-full grid-cols-1 gap-0 pt-3 md:ml-4 md:mr-0 md:gap-4 lg:grid-cols-[25%_70%]">
+      <SectionWrap className="mb-3 block">
+        <div
+          className={cn(
+            "border-b border-zinc-100 pb-5",
+            AGENT_LIBRARY_SECTION_PADDING_X,
+          )}
         >
+          <RunAgentModal
+            triggerSlot={
+              <Button
+                variant="primary"
+                size="large"
+                className="w-full"
+                disabled={isTemplateLoading && activeTab === "templates"}
+              >
+                <PlusIcon size={20} /> New task
+              </Button>
+            }
+            agent={agent}
+            onRunCreated={onRunInitiated}
+            onScheduleCreated={onScheduleCreated}
+            onTriggerSetup={onTriggerSetup}
+            initialInputValues={activeTemplate?.inputs}
+            initialInputCredentials={activeTemplate?.credentials}
+          />
+        </div>
+
+        <SidebarRunsList
+          agent={agent}
+          selectedRunId={activeItem ?? undefined}
+          onSelectRun={handleSelectRun}
+          onClearSelectedRun={handleClearSelectedRun}
+          onTabChange={setActiveTab}
+          onCountsChange={handleCountsChange}
+        />
+      </SectionWrap>
+
+      {activeItem ? (
+        activeTab === "scheduled" ? (
+          <SelectedScheduleView
+            agent={agent}
+            scheduleId={activeItem}
+            onClearSelectedRun={handleClearSelectedRun}
+          />
+        ) : activeTab === "templates" ? (
+          <SelectedTemplateView
+            agent={agent}
+            templateId={activeItem}
+            onClearSelectedRun={handleClearSelectedRun}
+            onRunCreated={(execution) => handleSelectRun(execution.id, "runs")}
+            onSwitchToRunsTab={() => setActiveTab("runs")}
+          />
+        ) : activeTab === "triggers" ? (
+          <SelectedTriggerView
+            agent={agent}
+            triggerId={activeItem}
+            onClearSelectedRun={handleClearSelectedRun}
+            onSwitchToRunsTab={() => setActiveTab("runs")}
+          />
+        ) : (
+          <SelectedRunView
+            agent={agent}
+            runId={activeItem}
+            onSelectRun={handleSelectRun}
+            onClearSelectedRun={handleClearSelectedRun}
+          />
+        )
+      ) : sidebarLoading ? (
+        <LoadingSelectedContent agentName={agent.name} agentId={agent.id} />
+      ) : activeTab === "scheduled" ? (
+        <SelectedViewLayout agentName={agent.name} agentId={agent.id}>
+          <EmptySchedules />
+        </SelectedViewLayout>
+      ) : activeTab === "templates" ? (
+        <SelectedViewLayout agentName={agent.name} agentId={agent.id}>
+          <EmptyTemplates />
+        </SelectedViewLayout>
+      ) : activeTab === "triggers" ? (
+        <SelectedViewLayout agentName={agent.name} agentId={agent.id}>
+          <EmptyTriggers />
+        </SelectedViewLayout>
+      ) : (
+        <SelectedViewLayout agentName={agent.name} agentId={agent.id}>
           <EmptyTasks
             agent={agent}
             onRun={onRunInitiated}
@@ -259,17 +173,7 @@ export function NewAgentLibraryView() {
             onScheduleCreated={onScheduleCreated}
           />
         </SelectedViewLayout>
-        {renderPublishAgentModal()}
-        {renderVersionChangelog()}
-      </>
-    );
-  }
-
-  return (
-    <>
-      {renderAgentLibraryView()}
-      {renderPublishAgentModal()}
-      {renderVersionChangelog()}
-    </>
+      )}
+    </div>
   );
 }

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/AgentVersionChangelog.tsx

@@ -1,137 +0,0 @@
-"use client";
-
-import { Text } from "@/components/atoms/Text/Text";
-import { Dialog } from "@/components/molecules/Dialog/Dialog";
-import { Skeleton } from "@/components/__legacy__/ui/skeleton";
-import { useGetV2GetSpecificAgent } from "@/app/api/__generated__/endpoints/store/store";
-import { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
-import { okData } from "@/app/api/helpers";
-import type { StoreAgentDetails } from "@/app/api/__generated__/models/storeAgentDetails";
-import React from "react";
-
-interface AgentVersionChangelogProps {
-  agent: LibraryAgent;
-  isOpen: boolean;
-  onClose: () => void;
-}
-
-interface VersionInfo {
-  version: number;
-  isCurrentVersion: boolean;
-}
-
-export function AgentVersionChangelog({
-  agent,
-  isOpen,
-  onClose,
-}: AgentVersionChangelogProps) {
-  // Get marketplace data if agent has marketplace listing
-  const { data: storeAgentData, isLoading } = useGetV2GetSpecificAgent(
-    agent?.marketplace_listing?.creator.slug || "",
-    agent?.marketplace_listing?.slug || "",
-    {},
-    {
-      query: {
-        enabled: !!(
-          agent?.marketplace_listing?.creator.slug &&
-          agent?.marketplace_listing?.slug
-        ),
-      },
-    },
-  );
-
-  // Create version info from available graph versions
-  const storeData = okData<StoreAgentDetails>(storeAgentData);
-  const agentVersions: VersionInfo[] = storeData?.agentGraphVersions
-    ? storeData.agentGraphVersions
-        .map((versionStr: string) => parseInt(versionStr, 10))
-        .sort((a: number, b: number) => b - a) // Sort descending (newest first)
-        .map((version: number) => ({
-          version,
-          isCurrentVersion: version === agent.graph_version,
-        }))
-    : [];
-
-  const renderVersionItem = (versionInfo: VersionInfo) => {
-    return (
-      <div
-        key={versionInfo.version}
-        className={`rounded-lg border p-4 ${
-          versionInfo.isCurrentVersion
-            ? "border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950"
-            : "border-neutral-200 bg-white dark:border-neutral-700 dark:bg-neutral-800"
-        }`}
-      >
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-3">
-            <Text variant="body" className="font-semibold">
-              v{versionInfo.version}
-            </Text>
-            {versionInfo.isCurrentVersion && (
-              <span className="rounded-full bg-blue-100 px-2 py-1 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-100">
-                Current
-              </span>
-            )}
-          </div>
-        </div>
-
-        <Text
-          variant="small"
-          className="mt-1 text-neutral-600 dark:text-neutral-400"
-        >
-          Available marketplace version
-        </Text>
-      </div>
-    );
-  };
-
-  return (
-    <Dialog
-      title={`Version History - ${agent.name}`}
-      styling={{
-        maxWidth: "45rem",
-      }}
-      controlled={{
-        isOpen: isOpen,
-        set: (isOpen) => {
-          if (!isOpen) {
-            onClose();
-          }
-        },
-      }}
-    >
-      <Dialog.Content>
-        <div className="max-h-[70vh] overflow-y-auto">
-          {isLoading ? (
-            <div className="space-y-4">
-              <Skeleton className="h-4 w-full" />
-              <Skeleton className="h-20 w-full" />
-              <Skeleton className="h-20 w-full" />
-              <Skeleton className="h-20 w-full" />
-            </div>
-          ) : agentVersions.length > 0 ? (
-            <div className="space-y-4">
-              <Text
-                variant="small"
-                className="text-neutral-600 dark:text-neutral-400"
-              >
-                View changes and updates across different versions of this
-                agent.
-              </Text>
-              {agentVersions.map(renderVersionItem)}
-            </div>
-          ) : (
-            <div className="py-8 text-center">
-              <Text
-                variant="body"
-                className="text-neutral-600 dark:text-neutral-400"
-              >
-                No version history available for this agent.
-              </Text>
-            </div>
-          )}
-        </div>
-      </Dialog.Content>
-    </Dialog>
-  );
-}

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/modals/AgentInputsReadOnly/AgentInputsReadOnly.tsx

@@ -1,11 +1,16 @@
 "use client";
 
 import type { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
-import { Text } from "@/components/atoms/Text/Text";
-import type { CredentialsMetaInput } from "@/lib/autogpt-server-api/types";
+import type {
+  BlockIOSubSchema,
+  CredentialsMetaInput,
+} from "@/lib/autogpt-server-api/types";
 import { CredentialsInput } from "../CredentialsInputs/CredentialsInputs";
-import { RunAgentInputs } from "../RunAgentInputs/RunAgentInputs";
-import { getAgentCredentialsFields, getAgentInputFields } from "./helpers";
+import {
+  getAgentCredentialsFields,
+  getAgentInputFields,
+  renderValue,
+} from "./helpers";
 
 type Props = {
   agent: LibraryAgent;
@@ -23,23 +28,19 @@ export function AgentInputsReadOnly({
     getAgentCredentialsFields(agent),
   );
 
+  // Take actual input entries as leading; augment with schema from input fields.
+  // TODO: ensure consistent ordering.
   const inputEntries =
     inputs &&
-    Object.entries(inputs).map(([key, value]) => ({
-      key,
-      schema: inputFields[key],
-      value,
-    }));
+    Object.entries(inputs).map<[string, [BlockIOSubSchema | undefined, any]]>(
+      ([k, v]) => [k, [inputFields[k], v]],
+    );
 
   const hasInputs = inputEntries && inputEntries.length > 0;
   const hasCredentials = credentialInputs && credentialFieldEntries.length > 0;
 
   if (!hasInputs && !hasCredentials) {
-    return (
-      <Text variant="body" className="text-zinc-700">
-        No input for this run.
-      </Text>
-    );
+    return <div className="text-neutral-600">No input for this run.</div>;
   }
 
   return (
@@ -47,20 +48,16 @@ export function AgentInputsReadOnly({
       {/* Regular inputs */}
       {hasInputs && (
         <div className="flex flex-col gap-4">
-          {inputEntries.map(({ key, schema, value }) => {
-            if (!schema) return null;
-
-            return (
-              <RunAgentInputs
-                key={key}
-                schema={schema}
-                value={value}
-                placeholder={schema.description}
-                onChange={() => {}}
-                readOnly={true}
-              />
-            );
-          })}
+          {inputEntries.map(([key, [schema, value]]) => (
+            <div key={key} className="flex flex-col gap-1.5">
+              <label className="text-sm font-medium">
+                {schema?.title || key}
+              </label>
+              <p className="whitespace-pre-wrap break-words text-sm text-neutral-700">
+                {renderValue(value)}
+              </p>
+            </div>
+          ))}
         </div>
       )}
 

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/modals/CredentialsInputs/components/CredentialRow/CredentialRow.tsx

@@ -62,15 +62,12 @@ export function CredentialRow({
       </div>
       <IconKey className="h-5 w-5 shrink-0 text-zinc-800" />
       <div className="flex min-w-0 flex-1 flex-nowrap items-center gap-4">
-        <Text
-          variant="body"
-          className="line-clamp-1 flex-[0_0_50%] text-ellipsis tracking-tight"
-        >
+        <Text variant="body" className="tracking-tight">
           {getCredentialDisplayName(credential, displayName)}
         </Text>
         <Text
           variant="large"
-          className="relative top-1 hidden flex-[0_0_40%] overflow-hidden truncate font-mono tracking-tight md:block"
+          className="relative top-1 font-mono tracking-tight"
         >
           {"*".repeat(MASKED_KEY_LENGTH)}
         </Text>

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/modals/RunAgentInputs/RunAgentInputs.tsx

@@ -9,7 +9,6 @@ import { Button } from "@/components/atoms/Button/Button";
 import { FileInput } from "@/components/atoms/FileInput/FileInput";
 import { Switch } from "@/components/atoms/Switch/Switch";
 import { GoogleDrivePickerInput } from "@/components/contextual/GoogleDrivePicker/GoogleDrivePickerInput";
-import { InformationTooltip } from "@/components/molecules/InformationTooltip/InformationTooltip";
 import { TimePicker } from "@/components/molecules/TimePicker/TimePicker";
 import {
   BlockIOObjectSubSchema,
@@ -33,7 +32,6 @@ interface Props {
   value?: any;
   placeholder?: string;
   onChange: (value: any) => void;
-  readOnly?: boolean;
 }
 
 /**
@@ -46,7 +44,6 @@ export function RunAgentInputs({
   value,
   placeholder,
   onChange,
-  readOnly = false,
   ...props
 }: Props & React.HTMLAttributes<HTMLElement>) {
   const { handleUploadFile, uploadProgress } = useRunAgentInputs();
@@ -65,6 +62,7 @@ export function RunAgentInputs({
           id={`${baseId}-number`}
           label={schema.title ?? placeholder ?? "Number"}
           hideLabel
+          size="small"
           type="number"
           value={value ?? ""}
           placeholder={placeholder || "Enter number"}
@@ -82,6 +80,7 @@ export function RunAgentInputs({
           id={`${baseId}-textarea`}
           label={schema.title ?? placeholder ?? "Text"}
           hideLabel
+          size="small"
           type="textarea"
           rows={3}
           value={value ?? ""}
@@ -103,7 +102,7 @@ export function RunAgentInputs({
           value={value}
           onChange={onChange}
           className="w-full"
-          showRemoveButton={!readOnly}
+          showRemoveButton={false}
         />
       );
       break;
@@ -131,6 +130,7 @@ export function RunAgentInputs({
           id={`${baseId}-date`}
           label={schema.title ?? placeholder ?? "Date"}
           hideLabel
+          size="small"
           type="date"
           value={value ? format(value as Date, "yyyy-MM-dd") : ""}
           onChange={(e) => {
@@ -159,6 +159,7 @@ export function RunAgentInputs({
           id={`${baseId}-datetime`}
           label={schema.title ?? placeholder ?? "Date time"}
           hideLabel
+          size="small"
           type="datetime-local"
           value={value ?? ""}
           onChange={(e) => onChange((e.target as HTMLInputElement).value)}
@@ -193,6 +194,7 @@ export function RunAgentInputs({
             label={schema.title ?? placeholder ?? "Select"}
             hideLabel
             value={value ?? ""}
+            size="small"
             onValueChange={(val: string) => onChange(val)}
             placeholder={placeholder || "Select an option"}
             options={schema.enum
@@ -215,6 +217,7 @@ export function RunAgentInputs({
           items={allKeys.map((key) => ({
             value: key,
             label: _schema.properties[key]?.title ?? key,
+            size: "small",
           }))}
           selectedValues={selectedValues}
           onChange={(values: string[]) =>
@@ -333,6 +336,7 @@ export function RunAgentInputs({
           id={`${baseId}-text`}
           label={schema.title ?? placeholder ?? "Text"}
           hideLabel
+          size="small"
           type="text"
           value={value ?? ""}
           onChange={(e) => onChange((e.target as HTMLInputElement).value)}
@@ -343,17 +347,6 @@ export function RunAgentInputs({
   }
 
   return (
-    <div className="flex w-full flex-col gap-0 space-y-2">
-      <label className="large-medium flex items-center gap-1 font-medium">
-        {schema.title || placeholder}
-        <InformationTooltip description={schema.description} />
-      </label>
-      <div
-        className="no-drag relative flex w-full"
-        style={readOnly ? { pointerEvents: "none", opacity: 0.7 } : undefined}
-      >
-        {innerInputElement}
-      </div>
-    </div>
+    <div className="no-drag relative flex w-full">{innerInputElement}</div>
   );
 }

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/modals/RunAgentModal/components/ModalRunSection/ModalRunSection.tsx

@@ -73,15 +73,22 @@ export function ModalRunSection() {
           title="Task Inputs"
           subtitle="Enter the information you want to provide to the agent for this task"
         >
+          {/* Regular inputs */}
           {inputFields.map(([key, inputSubSchema]) => (
-            <RunAgentInputs
-              key={key}
-              schema={inputSubSchema}
-              value={inputValues[key] ?? inputSubSchema.default}
-              placeholder={inputSubSchema.description}
-              onChange={(value) => setInputValue(key, value)}
-              data-testid={`agent-input-${key}`}
-            />
+            <div key={key} className="flex w-full flex-col gap-0 space-y-2">
+              <label className="flex items-center gap-1 text-sm font-medium">
+                {inputSubSchema.title || key}
+                <InformationTooltip description={inputSubSchema.description} />
+              </label>
+
+              <RunAgentInputs
+                schema={inputSubSchema}
+                value={inputValues[key] ?? inputSubSchema.default}
+                placeholder={inputSubSchema.description}
+                onChange={(value) => setInputValue(key, value)}
+                data-testid={`agent-input-${key}`}
+              />
+            </div>
           ))}
         </ModalSection>
       ) : null}

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/selected-views/SelectedRunView/SelectedRunView.tsx

@@ -4,19 +4,20 @@ import { AgentExecutionStatus } from "@/app/api/__generated__/models/agentExecut
 import type { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
 import { LoadingSpinner } from "@/components/atoms/LoadingSpinner/LoadingSpinner";
 import { Text } from "@/components/atoms/Text/Text";
-import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
-import { InformationTooltip } from "@/components/molecules/InformationTooltip/InformationTooltip";
 import {
-  ScrollableTabs,
-  ScrollableTabsContent,
-  ScrollableTabsList,
-  ScrollableTabsTrigger,
-} from "@/components/molecules/ScrollableTabs/ScrollableTabs";
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/atoms/Tooltip/BaseTooltip";
+import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
 import { PendingReviewsList } from "@/components/organisms/PendingReviewsList/PendingReviewsList";
 import { usePendingReviewsForExecution } from "@/hooks/usePendingReviews";
 import { isLargeScreen, useBreakpoint } from "@/lib/hooks/useBreakpoint";
+import { InfoIcon } from "@phosphor-icons/react";
 import { useEffect } from "react";
 import { AgentInputsReadOnly } from "../../modals/AgentInputsReadOnly/AgentInputsReadOnly";
+import { AnchorLinksWrap } from "../AnchorLinksWrap";
 import { LoadingSelectedContent } from "../LoadingSelectedContent";
 import { RunDetailCard } from "../RunDetailCard/RunDetailCard";
 import { RunDetailHeader } from "../RunDetailHeader/RunDetailHeader";
@@ -27,12 +28,14 @@ import { SelectedRunActions } from "./components/SelectedRunActions/SelectedRunA
 import { WebhookTriggerSection } from "./components/WebhookTriggerSection";
 import { useSelectedRunView } from "./useSelectedRunView";
 
+const anchorStyles =
+  "border-b-2 border-transparent pb-1 text-sm font-medium text-slate-600 transition-colors hover:text-slate-900 hover:border-slate-900";
+
 interface Props {
   agent: LibraryAgent;
   runId: string;
   onSelectRun?: (id: string) => void;
   onClearSelectedRun?: () => void;
-  banner?: React.ReactNode;
 }
 
 export function SelectedRunView({
@@ -40,7 +43,6 @@ export function SelectedRunView({
   runId,
   onSelectRun,
   onClearSelectedRun,
-  banner,
 }: Props) {
   const { run, preset, isLoading, responseError, httpError } =
     useSelectedRunView(agent.graph_id, runId);
@@ -63,6 +65,13 @@ export function SelectedRunView({
   const withSummary = run?.stats?.activity_status;
   const withReviews = run?.status === AgentExecutionStatus.REVIEW;
 
+  function scrollToSection(id: string) {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }
+
   if (responseError || httpError) {
     return (
       <ErrorCard
@@ -80,11 +89,7 @@ export function SelectedRunView({
   return (
     <div className="flex h-full w-full gap-4">
       <div className="flex min-h-0 min-w-0 flex-1 flex-col">
-        <SelectedViewLayout
-          agentName={agent.name}
-          agentId={agent.id}
-          banner={banner}
-        >
+        <SelectedViewLayout agentName={agent.name} agentId={agent.id}>
           <div className="flex flex-col gap-4">
             <RunDetailHeader agent={agent} run={run} />
 
@@ -107,116 +112,118 @@ export function SelectedRunView({
                 />
               )}
 
-            <ScrollableTabs
-              defaultValue="output"
-              className="-mt-2 flex flex-col"
-            >
-              <ScrollableTabsList className="px-4">
-                {withSummary && (
-                  <ScrollableTabsTrigger value="summary">
-                    Summary
-                  </ScrollableTabsTrigger>
-                )}
-                <ScrollableTabsTrigger value="output">
-                  Output
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="input">
-                  Your input
-                </ScrollableTabsTrigger>
-                {withReviews && (
-                  <ScrollableTabsTrigger value="reviews">
-                    Reviews ({pendingReviews.length})
-                  </ScrollableTabsTrigger>
-                )}
-              </ScrollableTabsList>
-              <div className="my-6 flex flex-col gap-6">
-                {/* Summary Section */}
-                {withSummary && (
-                  <ScrollableTabsContent value="summary">
-                    <div className="scroll-mt-4">
-                      <RunDetailCard
-                        title={
-                          <div className="flex items-center gap-1">
-                            <Text variant="lead-semibold">Summary</Text>
-                            <InformationTooltip
-                              iconSize={20}
-                              description="This AI-generated summary describes how the agent handled your task. It's an experimental feature and may occasionally be inaccurate."
+            {/* Navigation Links */}
+            <AnchorLinksWrap>
+              {withSummary && (
+                <button
+                  onClick={() => scrollToSection("summary")}
+                  className={anchorStyles}
+                >
+                  Summary
+                </button>
+              )}
+              <button
+                onClick={() => scrollToSection("output")}
+                className={anchorStyles}
+              >
+                Output
+              </button>
+              <button
+                onClick={() => scrollToSection("input")}
+                className={anchorStyles}
+              >
+                Your input
+              </button>
+              {withReviews && (
+                <button
+                  onClick={() => scrollToSection("reviews")}
+                  className={anchorStyles}
+                >
+                  Reviews ({pendingReviews.length})
+                </button>
+              )}
+            </AnchorLinksWrap>
+
+            {/* Summary Section */}
+            {withSummary && (
+              <div id="summary" className="scroll-mt-4">
+                <RunDetailCard
+                  title={
+                    <div className="flex items-center gap-2">
+                      <Text variant="lead-semibold">Summary</Text>
+                      <TooltipProvider>
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <InfoIcon
+                              size={16}
+                              className="cursor-help text-neutral-500 hover:text-neutral-700"
                             />
-                          </div>
-                        }
-                      >
-                        <RunSummary run={run} />
-                      </RunDetailCard>
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            <p className="max-w-xs">
+                              This AI-generated summary describes how the agent
+                              handled your task. It&apos;s an experimental
+                              feature and may occasionally be inaccurate.
+                            </p>
+                          </TooltipContent>
+                        </Tooltip>
+                      </TooltipProvider>
                     </div>
-                  </ScrollableTabsContent>
-                )}
-
-                {/* Output Section */}
-                <ScrollableTabsContent value="output">
-                  <div className="scroll-mt-4">
-                    <RunDetailCard title="Output">
-                      {isLoading ? (
-                        <div className="text-neutral-500">
-                          <LoadingSpinner />
-                        </div>
-                      ) : run && "outputs" in run ? (
-                        <RunOutputs outputs={run.outputs as any} />
-                      ) : (
-                        <Text variant="body" className="text-neutral-600">
-                          No output from this run.
-                        </Text>
-                      )}
-                    </RunDetailCard>
-                  </div>
-                </ScrollableTabsContent>
-
-                {/* Input Section */}
-                <ScrollableTabsContent value="input">
-                  <div id="input" className="scroll-mt-4">
-                    <RunDetailCard
-                      title={
-                        <div className="flex items-center gap-1">
-                          <Text variant="lead-semibold">Your input</Text>
-                          <InformationTooltip
-                            iconSize={20}
-                            description="This is the input that was provided to the agent for running this task."
-                          />
-                        </div>
-                      }
-                    >
-                      <AgentInputsReadOnly
-                        agent={agent}
-                        inputs={run?.inputs}
-                        credentialInputs={run?.credential_inputs}
-                      />
-                    </RunDetailCard>
-                  </div>
-                </ScrollableTabsContent>
-
-                {/* Reviews Section */}
-                {withReviews && (
-                  <ScrollableTabsContent value="reviews">
-                    <div className="scroll-mt-4">
-                      <RunDetailCard>
-                        {reviewsLoading ? (
-                          <LoadingSpinner size="small" />
-                        ) : pendingReviews.length > 0 ? (
-                          <PendingReviewsList
-                            reviews={pendingReviews}
-                            onReviewComplete={refetchReviews}
-                            emptyMessage="No pending reviews for this execution"
-                          />
-                        ) : (
-                          <Text variant="body" className="text-zinc-700">
-                            No pending reviews for this execution
-                          </Text>
-                        )}
-                      </RunDetailCard>
-                    </div>
-                  </ScrollableTabsContent>
-                )}
+                  }
+                >
+                  <RunSummary run={run} />
+                </RunDetailCard>
               </div>
-            </ScrollableTabs>
+            )}
+
+            {/* Output Section */}
+            <div id="output" className="scroll-mt-4">
+              <RunDetailCard title="Output">
+                {isLoading ? (
+                  <div className="text-neutral-500">
+                    <LoadingSpinner />
+                  </div>
+                ) : run && "outputs" in run ? (
+                  <RunOutputs outputs={run.outputs as any} />
+                ) : (
+                  <Text variant="body" className="text-neutral-600">
+                    No output from this run.
+                  </Text>
+                )}
+              </RunDetailCard>
+            </div>
+
+            {/* Input Section */}
+            <div id="input" className="scroll-mt-4">
+              <RunDetailCard title="Your input">
+                <AgentInputsReadOnly
+                  agent={agent}
+                  inputs={run?.inputs}
+                  credentialInputs={run?.credential_inputs}
+                />
+              </RunDetailCard>
+            </div>
+
+            {/* Reviews Section */}
+            {withReviews && (
+              <div id="reviews" className="scroll-mt-4">
+                <RunDetailCard>
+                  {reviewsLoading ? (
+                    <div className="text-neutral-500">Loading reviews…</div>
+                  ) : pendingReviews.length > 0 ? (
+                    <PendingReviewsList
+                      reviews={pendingReviews}
+                      onReviewComplete={refetchReviews}
+                      emptyMessage="No pending reviews for this execution"
+                    />
+                  ) : (
+                    <div className="text-neutral-600">
+                      No pending reviews for this execution
+                    </div>
+                  )}
+                </RunDetailCard>
+              </div>
+            )}
           </div>
         </SelectedViewLayout>
       </div>

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/selected-views/SelectedScheduleView/SelectedScheduleView.tsx

@@ -9,6 +9,7 @@ import { humanizeCronExpression } from "@/lib/cron-expression-utils";
 import { isLargeScreen, useBreakpoint } from "@/lib/hooks/useBreakpoint";
 import { formatInTimezone, getTimezoneDisplayName } from "@/lib/timezone-utils";
 import { AgentInputsReadOnly } from "../../modals/AgentInputsReadOnly/AgentInputsReadOnly";
+import { AnchorLinksWrap } from "../AnchorLinksWrap";
 import { LoadingSelectedContent } from "../LoadingSelectedContent";
 import { RunDetailCard } from "../RunDetailCard/RunDetailCard";
 import { RunDetailHeader } from "../RunDetailHeader/RunDetailHeader";
@@ -16,18 +17,19 @@ import { SelectedViewLayout } from "../SelectedViewLayout";
 import { SelectedScheduleActions } from "./components/SelectedScheduleActions";
 import { useSelectedScheduleView } from "./useSelectedScheduleView";
 
+const anchorStyles =
+  "border-b-2 border-transparent pb-1 text-sm font-medium text-slate-600 transition-colors hover:text-slate-900 hover:border-slate-900";
+
 interface Props {
   agent: LibraryAgent;
   scheduleId: string;
   onClearSelectedRun?: () => void;
-  banner?: React.ReactNode;
 }
 
 export function SelectedScheduleView({
   agent,
   scheduleId,
   onClearSelectedRun,
-  banner,
 }: Props) {
   const { schedule, isLoading, error } = useSelectedScheduleView(
     agent.graph_id,
@@ -43,6 +45,13 @@ export function SelectedScheduleView({
   const breakpoint = useBreakpoint();
   const isLgScreenUp = isLargeScreen(breakpoint);
 
+  function scrollToSection(id: string) {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }
+
   if (error) {
     return (
       <ErrorCard
@@ -76,11 +85,7 @@ export function SelectedScheduleView({
   return (
     <div className="flex h-full w-full gap-4">
       <div className="flex min-h-0 min-w-0 flex-1 flex-col">
-        <SelectedViewLayout
-          agentName={agent.name}
-          agentId={agent.id}
-          banner={banner}
-        >
+        <SelectedViewLayout agentName={agent.name} agentId={agent.id}>
           <div className="flex flex-col gap-4">
             <div className="flex w-full flex-col gap-0">
               <RunDetailHeader
@@ -103,6 +108,22 @@ export function SelectedScheduleView({
               ) : null}
             </div>
 
+            {/* Navigation Links */}
+            <AnchorLinksWrap>
+              <button
+                onClick={() => scrollToSection("schedule")}
+                className={anchorStyles}
+              >
+                Schedule
+              </button>
+              <button
+                onClick={() => scrollToSection("input")}
+                className={anchorStyles}
+              >
+                Your input
+              </button>
+            </AnchorLinksWrap>
+
             {/* Schedule Section */}
             <div id="schedule" className="scroll-mt-4">
               <RunDetailCard title="Schedule">

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/selected-views/SelectedScheduleView/components/EditInputsModal/EditInputsModal.tsx

@@ -0,0 +1,84 @@
+"use client";
+
+import type { GraphExecutionJobInfo } from "@/app/api/__generated__/models/graphExecutionJobInfo";
+import type { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
+import { Button } from "@/components/atoms/Button/Button";
+import { Text } from "@/components/atoms/Text/Text";
+import { Dialog } from "@/components/molecules/Dialog/Dialog";
+import { PencilSimpleIcon } from "@phosphor-icons/react";
+import { RunAgentInputs } from "../../../../modals/RunAgentInputs/RunAgentInputs";
+import { useEditInputsModal } from "./useEditInputsModal";
+
+type Props = {
+  agent: LibraryAgent;
+  schedule: GraphExecutionJobInfo;
+};
+
+export function EditInputsModal({ agent, schedule }: Props) {
+  const {
+    isOpen,
+    setIsOpen,
+    inputFields,
+    values,
+    setValues,
+    handleSave,
+    isSaving,
+  } = useEditInputsModal(agent, schedule);
+
+  return (
+    <Dialog
+      controlled={{ isOpen, set: setIsOpen }}
+      styling={{ maxWidth: "32rem" }}
+    >
+      <Dialog.Trigger>
+        <Button
+          variant="ghost"
+          size="small"
+          className="absolute -right-2 -top-2"
+        >
+          <PencilSimpleIcon className="size-4" /> Edit inputs
+        </Button>
+      </Dialog.Trigger>
+      <Dialog.Content>
+        <div className="flex flex-col gap-4">
+          <Text variant="h3">Edit inputs</Text>
+          <div className="flex flex-col gap-4">
+            {Object.entries(inputFields).map(([key, fieldSchema]) => (
+              <div key={key} className="flex flex-col gap-1.5">
+                <label className="text-sm font-medium">
+                  {fieldSchema?.title || key}
+                </label>
+                <RunAgentInputs
+                  schema={fieldSchema as any}
+                  value={values[key]}
+                  onChange={(v) => setValues((prev) => ({ ...prev, [key]: v }))}
+                />
+              </div>
+            ))}
+          </div>
+        </div>
+        <Dialog.Footer>
+          <div className="flex w-full justify-end gap-2">
+            <Button
+              variant="secondary"
+              size="small"
+              onClick={() => setIsOpen(false)}
+              className="min-w-32"
+            >
+              Cancel
+            </Button>
+            <Button
+              variant="primary"
+              size="small"
+              onClick={handleSave}
+              loading={isSaving}
+              className="min-w-32"
+            >
+              {isSaving ? "Saving…" : "Save"}
+            </Button>
+          </div>
+        </Dialog.Footer>
+      </Dialog.Content>
+    </Dialog>
+  );
+}

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/selected-views/SelectedScheduleView/components/EditInputsModal/useEditInputsModal.ts

@@ -0,0 +1,78 @@
+"use client";
+
+import { useMemo, useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { getGetV1ListExecutionSchedulesForAGraphQueryKey } from "@/app/api/__generated__/endpoints/schedules/schedules";
+import type { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
+import type { GraphExecutionJobInfo } from "@/app/api/__generated__/models/graphExecutionJobInfo";
+import { useToast } from "@/components/molecules/Toast/use-toast";
+
+function getAgentInputFields(agent: LibraryAgent): Record<string, any> {
+  const schema = agent.input_schema as unknown as {
+    properties?: Record<string, any>;
+  } | null;
+  if (!schema || !schema.properties) return {};
+  const properties = schema.properties as Record<string, any>;
+  const visibleEntries = Object.entries(properties).filter(
+    ([, sub]) => !sub?.hidden,
+  );
+  return Object.fromEntries(visibleEntries);
+}
+
+export function useEditInputsModal(
+  agent: LibraryAgent,
+  schedule: GraphExecutionJobInfo,
+) {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  const [isOpen, setIsOpen] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const inputFields = useMemo(() => getAgentInputFields(agent), [agent]);
+  const [values, setValues] = useState<Record<string, any>>({
+    ...(schedule.input_data as Record<string, any>),
+  });
+
+  async function handleSave() {
+    setIsSaving(true);
+    try {
+      const res = await fetch(`/api/schedules/${schedule.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ inputs: values }),
+      });
+      if (!res.ok) {
+        let message = "Failed to update schedule inputs";
+        const data = await res.json();
+        message = data?.message || data?.detail || message;
+        throw new Error(message);
+      }
+
+      await queryClient.invalidateQueries({
+        queryKey: getGetV1ListExecutionSchedulesForAGraphQueryKey(
+          schedule.graph_id,
+        ),
+      });
+      toast({
+        title: "Schedule inputs updated",
+      });
+      setIsOpen(false);
+    } catch (error: any) {
+      toast({
+        title: "Failed to update schedule inputs",
+        description: error?.message || "An unexpected error occurred.",
+        variant: "destructive",
+      });
+    }
+    setIsSaving(false);
+  }
+
+  return {
+    isOpen,
+    setIsOpen,
+    inputFields,
+    values,
+    setValues,
+    handleSave,
+    isSaving,
+  } as const;
+}

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/selected-views/SelectedScheduleView/components/SelectedScheduleActions.tsx

@@ -25,10 +25,9 @@ export function SelectedScheduleActions({ agent, scheduleId }: Props) {
           <Button
             variant="icon"
             size="icon"
+            aria-label="Open in builder"
             as="NextLink"
             href={openInBuilderHref}
-            target="_blank"
-            aria-label="View scheduled task details"
           >
             <EyeIcon weight="bold" size={18} className="text-zinc-700" />
           </Button>

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/selected-views/SelectedTemplateView/SelectedTemplateView.tsx

@@ -4,6 +4,7 @@ import type { GraphExecutionMeta } from "@/app/api/__generated__/models/graphExe
 import type { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
 import { Input } from "@/components/atoms/Input/Input";
 import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
+import { InformationTooltip } from "@/components/molecules/InformationTooltip/InformationTooltip";
 import {
   getAgentCredentialsFields,
   getAgentInputFields,
@@ -24,7 +25,6 @@ interface Props {
   onClearSelectedRun?: () => void;
   onRunCreated?: (execution: GraphExecutionMeta) => void;
   onSwitchToRunsTab?: () => void;
-  banner?: React.ReactNode;
 }
 
 export function SelectedTemplateView({
@@ -33,7 +33,6 @@ export function SelectedTemplateView({
   onClearSelectedRun,
   onRunCreated,
   onSwitchToRunsTab,
-  banner,
 }: Props) {
   const {
     template,
@@ -102,11 +101,7 @@ export function SelectedTemplateView({
   return (
     <div className="flex h-full w-full gap-4">
       <div className="flex min-h-0 min-w-0 flex-1 flex-col">
-        <SelectedViewLayout
-          agentName={agent.name}
-          agentId={agent.id}
-          banner={banner}
-        >
+        <SelectedViewLayout agentName={agent.name} agentId={agent.id}>
           <div className="flex flex-col gap-4">
             <RunDetailHeader agent={agent} run={undefined} />
 
@@ -143,13 +138,25 @@ export function SelectedTemplateView({
               <RunDetailCard title="Your Input">
                 <div className="flex flex-col gap-4">
                   {inputFields.map(([key, inputSubSchema]) => (
-                    <RunAgentInputs
+                    <div
                       key={key}
-                      schema={inputSubSchema}
-                      value={inputs[key] ?? inputSubSchema.default}
-                      placeholder={inputSubSchema.description}
-                      onChange={(value) => setInputValue(key, value)}
-                    />
+                      className="flex w-full flex-col gap-0 space-y-2"
+                    >
+                      <label className="flex items-center gap-1 text-sm font-medium">
+                        {inputSubSchema.title || key}
+                        {inputSubSchema.description && (
+                          <InformationTooltip
+                            description={inputSubSchema.description}
+                          />
+                        )}
+                      </label>
+                      <RunAgentInputs
+                        schema={inputSubSchema}
+                        value={inputs[key] ?? inputSubSchema.default}
+                        placeholder={inputSubSchema.description}
+                        onChange={(value) => setInputValue(key, value)}
+                      />
+                    </div>
                   ))}
                 </div>
               </RunDetailCard>

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/selected-views/SelectedTriggerView/SelectedTriggerView.tsx

@@ -3,6 +3,7 @@
 import type { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
 import { Input } from "@/components/atoms/Input/Input";
 import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
+import { InformationTooltip } from "@/components/molecules/InformationTooltip/InformationTooltip";
 import {
   getAgentCredentialsFields,
   getAgentInputFields,
@@ -22,7 +23,6 @@ interface Props {
   triggerId: string;
   onClearSelectedRun?: () => void;
   onSwitchToRunsTab?: () => void;
-  banner?: React.ReactNode;
 }
 
 export function SelectedTriggerView({
@@ -30,7 +30,6 @@ export function SelectedTriggerView({
   triggerId,
   onClearSelectedRun,
   onSwitchToRunsTab,
-  banner,
 }: Props) {
   const {
     trigger,
@@ -95,11 +94,7 @@ export function SelectedTriggerView({
   return (
     <div className="flex h-full w-full gap-4">
       <div className="flex min-h-0 min-w-0 flex-1 flex-col">
-        <SelectedViewLayout
-          agentName={agent.name}
-          agentId={agent.id}
-          banner={banner}
-        >
+        <SelectedViewLayout agentName={agent.name} agentId={agent.id}>
           <div className="flex flex-col gap-4">
             <RunDetailHeader agent={agent} run={undefined} />
 
@@ -136,13 +131,25 @@ export function SelectedTriggerView({
               <RunDetailCard title="Your Input">
                 <div className="flex flex-col gap-4">
                   {inputFields.map(([key, inputSubSchema]) => (
-                    <RunAgentInputs
+                    <div
                       key={key}
-                      schema={inputSubSchema}
-                      value={inputs[key] ?? inputSubSchema.default}
-                      placeholder={inputSubSchema.description}
-                      onChange={(value) => setInputValue(key, value)}
-                    />
+                      className="flex w-full flex-col gap-0 space-y-2"
+                    >
+                      <label className="flex items-center gap-1 text-sm font-medium">
+                        {inputSubSchema.title || key}
+                        {inputSubSchema.description && (
+                          <InformationTooltip
+                            description={inputSubSchema.description}
+                          />
+                        )}
+                      </label>
+                      <RunAgentInputs
+                        schema={inputSubSchema}
+                        value={inputs[key] ?? inputSubSchema.default}
+                        placeholder={inputSubSchema.description}
+                        onChange={(value) => setInputValue(key, value)}
+                      />
+                    </div>
                   ))}
                 </div>
               </RunDetailCard>

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/selected-views/SelectedViewLayout.tsx

@@ -6,7 +6,6 @@ interface Props {
   agentName: string;
   agentId: string;
   children: React.ReactNode;
-  banner?: React.ReactNode;
 }
 
 export function SelectedViewLayout(props: Props) {
@@ -15,15 +14,10 @@ export function SelectedViewLayout(props: Props) {
       <div
         className={`${AGENT_LIBRARY_SECTION_PADDING_X} flex-shrink-0 border-b border-zinc-100 pb-0 lg:pb-4`}
       >
-        {props.banner && <div className="mb-4">{props.banner}</div>}
         <Breadcrumbs
           items={[
             { name: "My Library", link: "/library" },
-            {
-              name: props.agentName,
-              link: `/library/agents/${props.agentId}`,
-              testId: "agent-title"
-            },
+            { name: props.agentName, link: `/library/agents/${props.agentId}` },
           ]}
         />
       </div>

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/hooks/useMarketplaceUpdate.ts

@@ -1,163 +0,0 @@
-import {
-  useGetV2GetSpecificAgent,
-  useGetV2ListMySubmissions,
-} from "@/app/api/__generated__/endpoints/store/store";
-import {
-  usePatchV2UpdateLibraryAgent,
-  getGetV2GetLibraryAgentQueryKey,
-} from "@/app/api/__generated__/endpoints/library/library";
-import { useToast } from "@/components/molecules/Toast/use-toast";
-import type { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
-import { useQueryClient } from "@tanstack/react-query";
-import { useSupabaseStore } from "@/lib/supabase/hooks/useSupabaseStore";
-import { okData } from "@/app/api/helpers";
-import type { StoreSubmission } from "@/app/api/__generated__/models/storeSubmission";
-import * as React from "react";
-import { useState } from "react";
-
-interface UseMarketplaceUpdateProps {
-  agent: LibraryAgent | null | undefined;
-}
-
-export function useMarketplaceUpdate({ agent }: UseMarketplaceUpdateProps) {
-  const [modalOpen, setModalOpen] = useState(false);
-  const { toast } = useToast();
-  const queryClient = useQueryClient();
-  const user = useSupabaseStore((state) => state.user);
-
-  // Get marketplace data if agent has marketplace listing
-  const { data: storeAgentData } = useGetV2GetSpecificAgent(
-    agent?.marketplace_listing?.creator.slug || "",
-    agent?.marketplace_listing?.slug || "",
-    {},
-    {
-      query: {
-        enabled: !!(
-          agent?.marketplace_listing?.creator.slug &&
-          agent?.marketplace_listing?.slug
-        ),
-      },
-    },
-  );
-
-  // Get user's submissions to check for pending submissions
-  const { data: submissionsData } = useGetV2ListMySubmissions(
-    { page: 1, page_size: 50 }, // Get enough to cover recent submissions
-    {
-      query: {
-        enabled: !!user?.id, // Only fetch if user is authenticated
-      },
-    },
-  );
-
-  const updateToLatestMutation = usePatchV2UpdateLibraryAgent({
-    mutation: {
-      onError: (err) => {
-        toast({
-          title: "Update Failed",
-          description: "Failed to update agent to latest version",
-          variant: "destructive",
-        });
-        console.error("Failed to update agent:", err);
-      },
-      onSuccess: () => {
-        toast({
-          title: "Agent Updated",
-          description: "Agent updated to latest version successfully",
-        });
-        // Invalidate to get the updated agent data from the server
-        if (agent?.id) {
-          queryClient.invalidateQueries({
-            queryKey: getGetV2GetLibraryAgentQueryKey(agent.id),
-          });
-        }
-      },
-    },
-  });
-
-  // Check if marketplace has a newer version than user's current version
-  const marketplaceUpdateInfo = React.useMemo(() => {
-    const storeAgent = okData(storeAgentData) as any;
-    if (!agent || !storeAgent) {
-      return {
-        hasUpdate: false,
-        latestVersion: undefined,
-        isUserCreator: false,
-      };
-    }
-
-    // Get the latest version from the marketplace
-    // agentGraphVersions array contains graph version numbers as strings, get the highest one
-    const latestMarketplaceVersion =
-      storeAgent.agentGraphVersions?.length > 0
-        ? Math.max(
-            ...storeAgent.agentGraphVersions.map((v: string) =>
-              parseInt(v, 10),
-            ),
-          )
-        : undefined;
-
-    // Determine if the user is the creator of this agent
-    // Compare current user ID with the marketplace listing creator ID
-    const isUserCreator =
-      user?.id && agent.marketplace_listing?.creator.id === user.id;
-
-    // Check if there's a pending submission for this specific agent version
-    const submissionsResponse = okData(submissionsData) as any;
-    const hasPendingSubmissionForCurrentVersion =
-      isUserCreator &&
-      submissionsResponse?.submissions?.some(
-        (submission: StoreSubmission) =>
-          submission.agent_id === agent.graph_id &&
-          submission.agent_version === agent.graph_version &&
-          submission.status === "PENDING",
-      );
-
-    // If user is creator and their version is newer than marketplace, show publish update banner
-    // BUT only if there's no pending submission for this version
-    const hasPublishUpdate =
-      isUserCreator &&
-      !hasPendingSubmissionForCurrentVersion &&
-      latestMarketplaceVersion !== undefined &&
-      agent.graph_version > latestMarketplaceVersion;
-
-    // If marketplace version is newer than user's version, show update banner
-    // This applies to both creators and non-creators
-    const hasMarketplaceUpdate =
-      latestMarketplaceVersion !== undefined &&
-      latestMarketplaceVersion > agent.graph_version;
-
-    return {
-      hasUpdate: hasMarketplaceUpdate,
-      latestVersion: latestMarketplaceVersion,
-      isUserCreator,
-      hasPublishUpdate,
-    };
-  }, [agent, storeAgentData, user, submissionsData]);
-
-  const handlePublishUpdate = () => {
-    setModalOpen(true);
-  };
-
-  const handleUpdateToLatest = () => {
-    if (!agent || marketplaceUpdateInfo.latestVersion === undefined) return;
-    // Update to the specific marketplace version using the new graph_version parameter
-    updateToLatestMutation.mutate({
-      libraryAgentId: agent.id,
-      data: {
-        graph_version: marketplaceUpdateInfo.latestVersion,
-      },
-    });
-  };
-
-  return {
-    hasAgentMarketplaceUpdate: marketplaceUpdateInfo.hasPublishUpdate,
-    hasMarketplaceUpdate: marketplaceUpdateInfo.hasUpdate,
-    latestMarketplaceVersion: marketplaceUpdateInfo.latestVersion,
-    isUpdating: updateToLatestMutation.isPending,
-    modalOpen,
-    setModalOpen,
-    handlePublishUpdate,
-    handleUpdateToLatest,
-  };
-}

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/OldAgentLibraryView/components/agent-run-draft-view.tsx

@@ -680,20 +680,28 @@ export function AgentRunDraftView({
 
             {/* Regular inputs */}
             {Object.entries(agentInputFields).map(([key, inputSubSchema]) => (
-              <RunAgentInputs
-                key={key}
-                schema={inputSubSchema}
-                value={inputValues[key] ?? inputSubSchema.default}
-                placeholder={inputSubSchema.description}
-                onChange={(value) => {
-                  setInputValues((obj) => ({
-                    ...obj,
-                    [key]: value,
-                  }));
-                  setChangedPresetAttributes((prev) => prev.add("inputs"));
-                }}
-                data-testid={`agent-input-${key}`}
-              />
+              <div key={key} className="flex flex-col space-y-2">
+                <label className="flex items-center gap-1 text-sm font-medium">
+                  {inputSubSchema.title || key}
+                  <InformationTooltip
+                    description={inputSubSchema.description}
+                  />
+                </label>
+
+                <RunAgentInputs
+                  schema={inputSubSchema}
+                  value={inputValues[key] ?? inputSubSchema.default}
+                  placeholder={inputSubSchema.description}
+                  onChange={(value) => {
+                    setInputValues((obj) => ({
+                      ...obj,
+                      [key]: value,
+                    }));
+                    setChangedPresetAttributes((prev) => prev.add("inputs"));
+                  }}
+                  data-testid={`agent-input-${key}`}
+                />
+              </div>
             ))}
           </CardContent>
         </Card>

autogpt_platform/frontend/src/app/(platform)/marketplace/components/AgentInfo/AgentInfo.tsx

@@ -5,20 +5,7 @@ import { Separator } from "@/components/__legacy__/ui/separator";
 import Link from "next/link";
 import { User } from "@supabase/supabase-js";
 import { cn } from "@/lib/utils";
-import { okData } from "@/app/api/helpers";
-import type { StoreAgentDetails } from "@/app/api/__generated__/models/storeAgentDetails";
-import type { ChangelogEntry } from "@/app/api/__generated__/models/changelogEntry";
 import { useAgentInfo } from "./useAgentInfo";
-import { useGetV2GetSpecificAgent } from "@/app/api/__generated__/endpoints/store/store";
-import { Text } from "@/components/atoms/Text/Text";
-import { useSupabaseStore } from "@/lib/supabase/hooks/useSupabaseStore";
-import * as React from "react";
-import { MarketplaceBanners } from "../../../components/MarketplaceBanners/MarketplaceBanners";
-import {
-  getLatestMarketplaceVersion,
-  isUserCreator as checkIsUserCreator,
-  calculateUpdateStatus,
-} from "@/components/contextual/marketplaceHelpers";
 
 interface AgentInfoProps {
   user: User | null;
@@ -34,8 +21,6 @@ interface AgentInfoProps {
   version: string;
   storeListingVersionId: string;
   isAgentAddedToLibrary: boolean;
-  creatorSlug?: string;
-  agentSlug?: string;
 }
 
 export const AgentInfo = ({
@@ -52,8 +37,6 @@ export const AgentInfo = ({
   version,
   storeListingVersionId,
   isAgentAddedToLibrary,
-  creatorSlug,
-  agentSlug,
 }: AgentInfoProps) => {
   const {
     handleDownload,
@@ -62,137 +45,6 @@ export const AgentInfo = ({
     isAddingAgentToLibrary,
   } = useAgentInfo({ storeListingVersionId });
 
-  // Get current user for update detection
-  const currentUser = useSupabaseStore((state) => state.user);
-
-  // State for expanding version list - start with 3, then show 3 more each time
-  const [visibleVersionCount, setVisibleVersionCount] = React.useState(3);
-
-  // Get store agent data for version history
-  const { data: storeAgentData } = useGetV2GetSpecificAgent(
-    creatorSlug || "",
-    agentSlug || "",
-    { include_changelog: true },
-    {
-      query: {
-        enabled: !!(creatorSlug && agentSlug),
-      },
-    },
-  );
-
-  // Calculate update information using simple helper functions
-  const storeData = okData<StoreAgentDetails>(storeAgentData);
-  const latestMarketplaceVersion = getLatestMarketplaceVersion(
-    storeData?.agentGraphVersions,
-  );
-  const currentVersion = parseInt(version, 10);
-  const isCreator = checkIsUserCreator(creator, currentUser);
-  const updateStatus = calculateUpdateStatus({
-    latestMarketplaceVersion,
-    currentVersion,
-    isUserCreator: isCreator,
-    isAgentAddedToLibrary,
-  });
-
-  const updateInfo = {
-    ...updateStatus,
-    latestVersion: latestMarketplaceVersion,
-    isUserCreator: isCreator,
-  };
-
-  // Process version data for display - use store listing versions (not agentGraphVersions)
-  const allVersions = storeData?.versions
-    ? storeData.versions
-        .map((versionStr: string) => parseInt(versionStr, 10))
-        .sort((a: number, b: number) => b - a)
-        .map((versionNum: number) => ({
-          version: versionNum,
-          isCurrentVersion: false, // We'll update this logic if needed
-        }))
-    : [];
-
-  const agentVersions = allVersions.slice(0, visibleVersionCount);
-  const hasMoreVersions = allVersions.length > visibleVersionCount;
-
-  const formatDate = (version: number) => {
-    // Generate sample dates based on version
-    const baseDate = new Date("2025-12-18");
-    baseDate.setDate(baseDate.getDate() - (19 - version) * 7);
-    return baseDate.toLocaleDateString("en-US", {
-      year: "numeric",
-      month: "long",
-      day: "numeric",
-    });
-  };
-
-  const renderVersionItem = (versionInfo: {
-    version: number;
-    isCurrentVersion: boolean;
-  }) => {
-    // Find real changelog data for this version
-    const storeData = okData<StoreAgentDetails>(storeAgentData);
-    const changelogEntry = storeData?.changelog?.find(
-      (entry: ChangelogEntry) =>
-        entry.version === versionInfo.version.toString(),
-    );
-
-    return (
-      <div key={versionInfo.version} className="mb-6 last:mb-0">
-        {/* Version Header */}
-        <div className="mb-2 flex items-center justify-between">
-          <div className="flex items-center gap-2">
-            <Text
-              variant="body"
-              className="font-semibold text-neutral-900 dark:text-neutral-100"
-            >
-              Version {versionInfo.version}.0
-            </Text>
-            {versionInfo.isCurrentVersion && (
-              <span className="rounded bg-blue-100 px-1.5 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-100">
-                Current
-              </span>
-            )}
-          </div>
-          <Text
-            variant="small"
-            className="text-neutral-500 dark:text-neutral-400"
-          >
-            {changelogEntry
-              ? new Date(changelogEntry.date).toLocaleDateString("en-US", {
-                  year: "numeric",
-                  month: "long",
-                  day: "numeric",
-                })
-              : formatDate(versionInfo.version)}
-          </Text>
-        </div>
-
-        {/* Real Changelog Content */}
-        {changelogEntry && (
-          <div className="space-y-2">
-            <Text
-              variant="body"
-              className="text-neutral-700 dark:text-neutral-300"
-            >
-              {changelogEntry.changes_summary}
-            </Text>
-          </div>
-        )}
-      </div>
-    );
-  };
-
-  const renderMarketplaceBanners = () => {
-    return (
-      <MarketplaceBanners
-        hasUpdate={updateInfo.hasUpdate}
-        latestVersion={updateInfo.latestVersion}
-        hasUnpublishedChanges={updateInfo.hasUnpublishedChanges}
-        currentVersion={parseInt(version, 10)}
-      />
-    );
-  };
-
   return (
     <div className="w-full max-w-[396px] px-4 sm:px-6 lg:w-[396px] lg:px-0">
       {/* Title */}
@@ -306,51 +158,17 @@ export const AgentInfo = ({
           </div>
         </div>
 
-        {/* Update/Unpublished Changes Banners */}
-        {renderMarketplaceBanners()}
-
-        {/* Changelog */}
-        <div className="flex w-full flex-col gap-1.5 sm:gap-2">
+        {/* Version History */}
+        <div className="flex w-full flex-col gap-0.5 sm:gap-1">
           <div className="decoration-skip-ink-none mb-1.5 text-base font-medium leading-6 text-neutral-800 dark:text-neutral-200 sm:mb-2">
-            Changelog
+            Version history
           </div>
           <div className="decoration-skip-ink-none text-base font-normal leading-6 text-neutral-600 underline-offset-[from-font] dark:text-neutral-400">
             Last updated {lastUpdated}
           </div>
-
-          {/* Version List */}
-          {agentVersions.length > 0 ? (
-            <div className="mt-4">
-              {agentVersions.map(renderVersionItem)}
-              {hasMoreVersions && (
-                <button
-                  onClick={() => setVisibleVersionCount((prev) => prev + 3)}
-                  className="mt-2 flex items-center gap-1 text-sm font-medium text-neutral-900 hover:text-neutral-700 dark:text-neutral-100 dark:hover:text-neutral-300"
-                >
-                  <svg
-                    width="16"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    fill="currentColor"
-                  >
-                    <path
-                      d="M4 6l4 4 4-4"
-                      stroke="currentColor"
-                      strokeWidth="1.5"
-                      fill="none"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                    />
-                  </svg>
-                  <span>Read more</span>
-                </button>
-              )}
-            </div>
-          ) : (
-            <div className="text-xs text-neutral-600 dark:text-neutral-400 sm:text-sm">
-              Version {version}
-            </div>
-          )}
+          <div className="text-xs text-neutral-600 dark:text-neutral-400 sm:text-sm">
+            Version {version}
+          </div>
         </div>
       </div>
     </div>

autogpt_platform/frontend/src/app/(platform)/marketplace/components/MainAgentPage/MainAgentPage.tsx

@@ -2,8 +2,6 @@
 import { Separator } from "@/components/__legacy__/ui/separator";
 import { Breadcrumbs } from "@/components/molecules/Breadcrumbs/Breadcrumbs";
 import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
-import { okData } from "@/app/api/helpers";
-import type { StoreAgentDetails } from "@/app/api/__generated__/models/storeAgentDetails";
 import { MarketplaceAgentPageParams } from "../../agent/[creator]/[slug]/page";
 import { AgentImages } from "../AgentImages/AgentImage";
 import { AgentInfo } from "../AgentInfo/AgentInfo";
@@ -48,8 +46,7 @@ export const MainAgentPage = ({ params }: MainAgentPageProps) => {
     );
   }
 
-  const agentData = okData<StoreAgentDetails>(agent);
-  if (!agentData) {
+  if (!agent) {
     return (
       <div className="mx-auto w-full max-w-[1360px]">
         <main className="px-4">
@@ -70,10 +67,10 @@ export const MainAgentPage = ({ params }: MainAgentPageProps) => {
   const breadcrumbs = [
     { name: "Marketplace", link: "/marketplace" },
     {
-      name: agentData.creator ?? "",
-      link: `/marketplace/creator/${encodeURIComponent(agentData.creator ?? "")}`,
+      name: agent.creator,
+      link: `/marketplace/creator/${encodeURIComponent(agent.creator)}`,
     },
-    { name: agentData.agent_name ?? "", link: "#" },
+    { name: agent.agent_name, link: "#" },
   ];
 
   return (
@@ -85,29 +82,18 @@ export const MainAgentPage = ({ params }: MainAgentPageProps) => {
           <div className="w-full md:w-auto md:shrink-0">
             <AgentInfo
               user={user}
-              agentId={agentData.active_version_id ?? "–"}
-              name={agentData.agent_name ?? ""}
-              creator={agentData.creator ?? ""}
-              shortDescription={agentData.sub_heading ?? ""}
-              longDescription={agentData.description ?? ""}
-              rating={agentData.rating ?? 0}
-              runs={agentData.runs ?? 0}
-              categories={agentData.categories ?? []}
-              lastUpdated={
-                agentData.last_updated?.toISOString() ??
-                new Date().toISOString()
-              }
-              version={
-                agentData.versions
-                  ? Math.max(
-                      ...agentData.versions.map((v: string) => parseInt(v, 10)),
-                    ).toString()
-                  : "1"
-              }
-              storeListingVersionId={agentData.store_listing_version_id ?? ""}
+              agentId={agent.active_version_id ?? "–"}
+              name={agent.agent_name}
+              creator={agent.creator}
+              shortDescription={agent.sub_heading}
+              longDescription={agent.description}
+              rating={agent.rating}
+              runs={agent.runs}
+              categories={agent.categories}
+              lastUpdated={agent.last_updated.toISOString()}
+              version={agent.versions[agent.versions.length - 1]}
+              storeListingVersionId={agent.store_listing_version_id}
               isAgentAddedToLibrary={Boolean(libraryAgent)}
-              creatorSlug={params.creator}
-              agentSlug={params.slug}
             />
           </div>
           <AgentImages
@@ -115,23 +101,23 @@ export const MainAgentPage = ({ params }: MainAgentPageProps) => {
               const orderedImages: string[] = [];
 
               // 1. YouTube/Overview video (if it exists)
-              if (agentData.agent_video) {
-                orderedImages.push(agentData.agent_video);
+              if (agent.agent_video) {
+                orderedImages.push(agent.agent_video);
               }
 
               // 2. First image (hero)
-              if (agentData.agent_image?.length > 0) {
-                orderedImages.push(agentData.agent_image[0]);
+              if (agent.agent_image.length > 0) {
+                orderedImages.push(agent.agent_image[0]);
               }
 
               // 3. Agent Output Demo (if it exists)
-              if (agentData.agent_output_demo) {
-                orderedImages.push(agentData.agent_output_demo);
+              if ((agent as any).agent_output_demo) {
+                orderedImages.push((agent as any).agent_output_demo);
               }
 
               // 4. Additional images
-              if (agentData.agent_image && agentData.agent_image.length > 1) {
-                orderedImages.push(...agentData.agent_image.slice(1));
+              if (agent.agent_image.length > 1) {
+                orderedImages.push(...agent.agent_image.slice(1));
               }
 
               return orderedImages;
@@ -143,7 +129,7 @@ export const MainAgentPage = ({ params }: MainAgentPageProps) => {
           <AgentsSection
             margin="32px"
             agents={otherAgents.agents}
-            sectionTitle={`Other agents by ${agentData.creator ?? ""}`}
+            sectionTitle={`Other agents by ${agent.creator}`}
           />
         )}
         <Separator className="mb-[25px] mt-[60px]" />

autogpt_platform/frontend/src/app/(platform)/marketplace/components/MainAgentPage/useMainAgentPage.ts

@@ -7,7 +7,6 @@ import { useGetV2GetAgentByStoreId } from "@/app/api/__generated__/endpoints/lib
 import { StoreAgentsResponse } from "@/app/api/__generated__/models/storeAgentsResponse";
 import { StoreAgentDetails } from "@/app/api/__generated__/models/storeAgentDetails";
 import { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
-import { okData } from "@/app/api/helpers";
 import { useSupabase } from "@/lib/supabase/hooks/useSupabase";
 
 export const useMainAgentPage = ({
@@ -21,7 +20,13 @@ export const useMainAgentPage = ({
     data: agent,
     isLoading: isAgentLoading,
     isError: isAgentError,
-  } = useGetV2GetSpecificAgent(creator_lower, params.slug);
+  } = useGetV2GetSpecificAgent(creator_lower, params.slug, {
+    query: {
+      select: (x) => {
+        return x.data as StoreAgentDetails;
+      },
+    },
+  });
   const {
     data: otherAgents,
     isLoading: isOtherAgentsLoading,
@@ -54,18 +59,14 @@ export const useMainAgentPage = ({
     data: libraryAgent,
     isLoading: isLibraryAgentLoading,
     isError: isLibraryAgentError,
-  } = useGetV2GetAgentByStoreId(
-    okData<StoreAgentDetails>(agent)?.active_version_id ?? "",
-    {
-      query: {
-        select: (x) => {
-          return x.data as LibraryAgent;
-        },
-        enabled:
-          !!user && !!okData<StoreAgentDetails>(agent)?.active_version_id,
+  } = useGetV2GetAgentByStoreId(agent?.active_version_id ?? "", {
+    query: {
+      select: (x) => {
+        return x.data as LibraryAgent;
       },
+      enabled: !!user && !!agent?.active_version_id,
     },
-  );
+  });
 
   const isLoading =
     isAgentLoading ||

autogpt_platform/frontend/src/app/api/openapi.json

@@ -2796,16 +2796,6 @@
             "in": "path",
             "required": true,
             "schema": { "type": "string", "title": "Agent Name" }
-          },
-          {
-            "name": "include_changelog",
-            "in": "query",
-            "required": false,
-            "schema": {
-              "type": "boolean",
-              "default": false,
-              "title": "Include Changelog"
-            }
           }
         ],
         "responses": {
@@ -5993,16 +5983,6 @@
         "required": ["file"],
         "title": "Body_postV2Upload submission media"
       },
-      "ChangelogEntry": {
-        "properties": {
-          "version": { "type": "string", "title": "Version" },
-          "changes_summary": { "type": "string", "title": "Changes Summary" },
-          "date": { "type": "string", "format": "date-time", "title": "Date" }
-        },
-        "type": "object",
-        "required": ["version", "changes_summary", "date"],
-        "title": "ChangelogEntry"
-      },
       "ChatRequest": {
         "properties": {
           "query": { "type": "string", "title": "Query" },
@@ -7446,11 +7426,6 @@
             "title": "Auto Update Version",
             "description": "Auto-update the agent version"
           },
-          "graph_version": {
-            "anyOf": [{ "type": "integer" }, { "type": "null" }],
-            "title": "Graph Version",
-            "description": "Specific graph version to update to"
-          },
           "is_favorite": {
             "anyOf": [{ "type": "boolean" }, { "type": "null" }],
             "title": "Is Favorite",
@@ -8927,12 +8902,6 @@
             "type": "array",
             "title": "Versions"
           },
-          "agentGraphVersions": {
-            "items": { "type": "string" },
-            "type": "array",
-            "title": "Agentgraphversions"
-          },
-          "agentGraphId": { "type": "string", "title": "Agentgraphid" },
           "last_updated": {
             "type": "string",
             "format": "date-time",
@@ -8950,16 +8919,6 @@
             "type": "boolean",
             "title": "Has Approved Version",
             "default": false
-          },
-          "changelog": {
-            "anyOf": [
-              {
-                "items": { "$ref": "#/components/schemas/ChangelogEntry" },
-                "type": "array"
-              },
-              { "type": "null" }
-            ],
-            "title": "Changelog"
           }
         },
         "type": "object",
@@ -8978,8 +8937,6 @@
           "runs",
           "rating",
           "versions",
-          "agentGraphVersions",
-          "agentGraphId",
           "last_updated"
         ],
         "title": "StoreAgentDetails"

autogpt_platform/frontend/src/app/api/proxy/[...path]/route.ts

@@ -6,10 +6,6 @@ import {
 import { environment } from "@/services/environment";
 import { NextRequest, NextResponse } from "next/server";
 
-// Increase body size limit to 256MB to match backend file upload limit
-export const maxDuration = 300; // 5 minutes timeout for large uploads
-export const dynamic = "force-dynamic";
-
 function buildBackendUrl(path: string[], queryString: string): string {
   const backendPath = path.join("/");
   return `${environment.getAGPTServerBaseUrl()}/${backendPath}${queryString}`;

autogpt_platform/frontend/src/app/providers.tsx

@@ -1,33 +1,36 @@
 "use client";
 
-import { TooltipProvider } from "@/components/atoms/Tooltip/BaseTooltip";
-import { SentryUserTracker } from "@/components/monitor/SentryUserTracker";
+import { LaunchDarklyProvider } from "@/services/feature-flags/feature-flag-provider";
+import OnboardingProvider from "@/providers/onboarding/onboarding-provider";
 import { BackendAPIProvider } from "@/lib/autogpt-server-api/context";
 import { getQueryClient } from "@/lib/react-query/queryClient";
-import CredentialsProvider from "@/providers/agent-credentials/credentials-provider";
-import OnboardingProvider from "@/providers/onboarding/onboarding-provider";
-import { LaunchDarklyProvider } from "@/services/feature-flags/feature-flag-provider";
 import { QueryClientProvider } from "@tanstack/react-query";
-import { ThemeProvider, ThemeProviderProps } from "next-themes";
+import {
+  ThemeProvider as NextThemesProvider,
+  ThemeProviderProps,
+} from "next-themes";
 import { NuqsAdapter } from "nuqs/adapters/next/app";
+import { TooltipProvider } from "@/components/atoms/Tooltip/BaseTooltip";
+import CredentialsProvider from "@/providers/agent-credentials/credentials-provider";
+import { SentryUserTracker } from "@/components/monitor/SentryUserTracker";
 
 export function Providers({ children, ...props }: ThemeProviderProps) {
   const queryClient = getQueryClient();
   return (
     <QueryClientProvider client={queryClient}>
       <NuqsAdapter>
-        <BackendAPIProvider>
-          <SentryUserTracker />
-          <CredentialsProvider>
-            <LaunchDarklyProvider>
-              <OnboardingProvider>
-                <ThemeProvider forcedTheme="light" {...props}>
+        <NextThemesProvider {...props}>
+          <BackendAPIProvider>
+            <SentryUserTracker />
+            <CredentialsProvider>
+              <LaunchDarklyProvider>
+                <OnboardingProvider>
                   <TooltipProvider>{children}</TooltipProvider>
-                </ThemeProvider>
-              </OnboardingProvider>
-            </LaunchDarklyProvider>
-          </CredentialsProvider>
-        </BackendAPIProvider>
+                </OnboardingProvider>
+              </LaunchDarklyProvider>
+            </CredentialsProvider>
+          </BackendAPIProvider>
+        </NextThemesProvider>
       </NuqsAdapter>
     </QueryClientProvider>
   );

autogpt_platform/frontend/src/components/atoms/OverflowText/OverflowText.stories.tsx

@@ -1,157 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import { OverflowText } from "./OverflowText";
-
-const meta: Meta<typeof OverflowText> = {
-  title: "Atoms/OverflowText",
-  component: OverflowText,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-    docs: {
-      description: {
-        component:
-          "Text component that automatically truncates overflowing content with ellipsis and shows a tooltip on hover when truncated. Supports both string and ReactNode values.",
-      },
-    },
-  },
-  argTypes: {
-    value: {
-      control: "text",
-      description: "The text content to display (string or ReactNode)",
-    },
-    className: {
-      control: "text",
-      description: "Additional CSS classes to customize styling",
-    },
-  },
-  args: {
-    value: "This is a sample text that may overflow",
-    className: "",
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  render: function DefaultOverflowText(args) {
-    return (
-      <div className="w-64">
-        <OverflowText {...args} />
-      </div>
-    );
-  },
-};
-
-export const ShortText: Story = {
-  args: {
-    value: "Short text",
-  },
-  render: function ShortTextStory(args) {
-    return (
-      <div className="w-64">
-        <OverflowText {...args} />
-      </div>
-    );
-  },
-};
-
-export const LongText: Story = {
-  args: {
-    value:
-      "This is a very long text that will definitely overflow and show a tooltip when you hover over it",
-  },
-  render: function LongTextStory(args) {
-    return (
-      <div className="w-64">
-        <OverflowText {...args} />
-      </div>
-    );
-  },
-};
-
-export const CustomStyling: Story = {
-  args: {
-    value: "Text with custom styling",
-    className: "text-lg font-semibold text-indigo-600",
-  },
-  render: function CustomStylingStory(args) {
-    return (
-      <div className="w-64">
-        <OverflowText {...args} />
-      </div>
-    );
-  },
-};
-
-export const WithReactNode: Story = {
-  args: {
-    value: (
-      <span>
-        Text with <strong>bold</strong> and <em>italic</em> content
-      </span>
-    ),
-  },
-  render: function WithReactNodeStory(args) {
-    return (
-      <div className="w-64">
-        <OverflowText {...args} />
-      </div>
-    );
-  },
-};
-
-export const DifferentWidths: Story = {
-  render: function DifferentWidthsStory() {
-    const longText =
-      "This text will truncate differently depending on the container width";
-    return (
-      <div className="flex flex-col gap-8">
-        <div className="flex flex-col gap-2">
-          <span className="text-xs text-zinc-500">Width: 200px</span>
-          <div className="w-[200px]">
-            <OverflowText value={longText} variant="body" />
-          </div>
-        </div>
-        <div className="flex flex-col gap-2">
-          <span className="text-xs text-zinc-500">Width: 300px</span>
-          <div className="w-[300px]">
-            <OverflowText value={longText} variant="body" />
-          </div>
-        </div>
-        <div className="flex flex-col gap-2">
-          <span className="text-xs text-zinc-500">Width: 400px</span>
-          <div className="w-[400px]">
-            <OverflowText value={longText} variant="body" />
-          </div>
-        </div>
-      </div>
-    );
-  },
-};
-
-export const FilePathExample: Story = {
-  args: {
-    value: "/very/long/path/to/a/file/that/might/overflow/in/the/ui.tsx",
-  },
-  render: function FilePathExampleStory(args) {
-    return (
-      <div className="w-64">
-        <OverflowText {...args} className="font-mono text-sm" />
-      </div>
-    );
-  },
-};
-
-export const URLExample: Story = {
-  args: {
-    value: "https://example.com/very/long/url/path/that/might/overflow",
-  },
-  render: function URLExampleStory(args) {
-    return (
-      <div className="w-64">
-        <OverflowText {...args} className="text-blue-600" />
-      </div>
-    );
-  },
-};

autogpt_platform/frontend/src/components/atoms/OverflowText/OverflowText.tsx

@@ -1,100 +0,0 @@
-import { Text, type TextProps } from "@/components/atoms/Text/Text";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/atoms/Tooltip/BaseTooltip";
-import { cn } from "@/lib/utils";
-import type { ReactNode } from "react";
-import { useEffect, useRef, useState } from "react";
-
-interface Props extends Omit<TextProps, "children"> {
-  value: string | ReactNode;
-}
-
-export function OverflowText(props: Props) {
-  const elementRef = useRef<HTMLSpanElement | null>(null);
-  const [isTruncated, setIsTruncated] = useState(false);
-
-  function updateTruncation() {
-    const element = elementRef.current;
-
-    if (!element) {
-      return;
-    }
-
-    const hasOverflow = element.scrollWidth > element.clientWidth;
-
-    setIsTruncated(hasOverflow);
-  }
-
-  function setupResizeListener() {
-    function handleResize() {
-      updateTruncation();
-    }
-
-    window.addEventListener("resize", handleResize);
-
-    return function cleanupResizeListener() {
-      window.removeEventListener("resize", handleResize);
-    };
-  }
-
-  function setupObserver() {
-    const element = elementRef.current;
-
-    if (!element || typeof ResizeObserver === "undefined") {
-      return undefined;
-    }
-
-    function handleResizeObserver() {
-      updateTruncation();
-    }
-
-    const observer = new ResizeObserver(handleResizeObserver);
-
-    observer.observe(element);
-
-    return function disconnectObserver() {
-      observer.disconnect();
-    };
-  }
-
-  useEffect(() => {
-    if (typeof props.value === "string") updateTruncation();
-  }, [props.value]);
-
-  useEffect(setupResizeListener, []);
-  useEffect(setupObserver, []);
-
-  const { value, className, variant = "body", ...restProps } = props;
-
-  const content = (
-    <span
-      ref={elementRef}
-      className={cn(
-        "block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
-      )}
-    >
-      <Text variant={variant} className={className} {...restProps}>
-        {value}
-      </Text>
-    </span>
-  );
-
-  if (isTruncated) {
-    return (
-      <TooltipProvider>
-        <Tooltip>
-          <TooltipTrigger asChild>{content}</TooltipTrigger>
-          <TooltipContent>
-            {typeof value === "string" ? <p>{value}</p> : value}
-          </TooltipContent>
-        </Tooltip>
-      </TooltipProvider>
-    );
-  }
-
-  return content;
-}

autogpt_platform/frontend/src/components/contextual/GoogleDrivePicker/GoogleDrivePickerInput.tsx

@@ -5,7 +5,7 @@ import { Cross2Icon } from "@radix-ui/react-icons";
 import React, { useCallback } from "react";
 import { GoogleDrivePicker } from "./GoogleDrivePicker";
 
-export interface Props {
+export interface GoogleDrivePickerInputProps {
   config: GoogleDrivePickerConfig;
   value: any;
   onChange: (value: any) => void;
@@ -21,7 +21,7 @@ export function GoogleDrivePickerInput({
   error,
   className,
   showRemoveButton = true,
-}: Props) {
+}: GoogleDrivePickerInputProps) {
   const [pickerError, setPickerError] = React.useState<string | null>(null);
   const isMultiSelect = config.multiselect || false;
   const hasAutoCredentials = !!config.auto_credentials;

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/PublishAgentModal.tsx

@@ -18,8 +18,6 @@ export function PublishAgentModal({
   trigger,
   targetState,
   onStateChange,
-  preSelectedAgentId,
-  preSelectedAgentVersion,
 }: Props) {
   const {
     // State
@@ -36,12 +34,7 @@ export function PublishAgentModal({
     handleGoToBuilder,
     handleSuccessFromInfo,
     handleBack,
-  } = usePublishAgentModal({
-    targetState,
-    onStateChange,
-    preSelectedAgentId,
-    preSelectedAgentVersion,
-  });
+  } = usePublishAgentModal({ targetState, onStateChange });
 
   const { user, isUserLoading } = useSupabase();
 
@@ -72,7 +65,6 @@ export function PublishAgentModal({
             selectedAgentId={selectedAgentId}
             selectedAgentVersion={selectedAgentVersion}
             initialData={initialData}
-            isMarketplaceUpdate={!!currentState.submissionData}
           />
         );
       case "review":

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/components/AgentInfoStep/AgentInfoStep.tsx

@@ -19,7 +19,6 @@ export function AgentInfoStep({
   selectedAgentId,
   selectedAgentVersion,
   initialData,
-  isMarketplaceUpdate,
 }: Props) {
   const {
     form,
@@ -35,7 +34,6 @@ export function AgentInfoStep({
     selectedAgentId,
     selectedAgentVersion,
     initialData,
-    isMarketplaceUpdate,
   });
 
   const [cronScheduleDialogOpen, setCronScheduleDialogOpen] =
@@ -67,41 +65,6 @@ export function AgentInfoStep({
 
       <Form {...form}>
         <form onSubmit={handleSubmit} className="flex-grow overflow-y-auto p-6">
-          {/* Changes summary field - only shown for updates */}
-          {isMarketplaceUpdate && (
-            <FormField
-              control={form.control}
-              name="changesSummary"
-              render={({ field }) => (
-                <div className="mb-6">
-                  <Input
-                    id={field.name}
-                    label="What changed?"
-                    type="textarea"
-                    placeholder="Describe what's new or improved in this version..."
-                    error={form.formState.errors.changesSummary?.message}
-                    required
-                    {...field}
-                  />
-                  <Text variant="small" className="mt-1 text-gray-600">
-                    This is required to help users understand what&apos;s
-                    different in this update.
-                  </Text>
-                </div>
-              )}
-            />
-          )}
-
-          {/* Optional section label for updates */}
-          {isMarketplaceUpdate && (
-            <div className="mb-4">
-              <Text variant="body" className="font-medium text-gray-700">
-                Optional: Update any of the following details (or leave them
-                as-is)
-              </Text>
-            </div>
-          )}
-
           <FormField
             control={form.control}
             name="title"

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/components/AgentInfoStep/components/useThumbnailImages.ts

@@ -25,17 +25,6 @@ export function useThumbnailImages({
   const thumbnailsContainerRef = useRef<HTMLDivElement | null>(null);
   const { toast } = useToast();
 
-  // Memoize the stringified version to detect actual changes
-  const initialImagesKey = JSON.stringify(initialImages);
-
-  // Update images when initialImages prop changes (by value, not reference)
-  useEffect(() => {
-    if (initialImages.length > 0) {
-      setImages(initialImages);
-      setSelectedImage(initialSelectedImage || initialImages[0]);
-    }
-  }, [initialImagesKey, initialSelectedImage]); // Use stringified key instead of array reference
-
   // Notify parent when images change
   useEffect(() => {
     onImagesChange(images);

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/components/AgentInfoStep/helpers.ts

@@ -1,113 +1,45 @@
 import z from "zod";
 import { validateYouTubeUrl } from "@/lib/utils";
 
-// Create conditional schema that changes based on whether it's a marketplace update
-export const publishAgentSchemaFactory = (
-  isMarketplaceUpdate: boolean = false,
-) => {
-  const baseSchema = {
-    changesSummary: isMarketplaceUpdate
-      ? z
-          .string()
-          .min(1, "Changes summary is required for updates")
-          .max(500, "Changes summary must be less than 500 characters")
-      : z.string().optional(),
-    title: isMarketplaceUpdate
-      ? z
-          .string()
-          .optional()
-          .refine(
-            (val) => !val || val.length <= 100,
-            "Title must be less than 100 characters",
-          )
-      : z
-          .string()
-          .min(1, "Title is required")
-          .max(100, "Title must be less than 100 characters"),
-    subheader: isMarketplaceUpdate
-      ? z
-          .string()
-          .optional()
-          .refine(
-            (val) => !val || val.length <= 200,
-            "Subheader must be less than 200 characters",
-          )
-      : z
-          .string()
-          .min(1, "Subheader is required")
-          .max(200, "Subheader must be less than 200 characters"),
-    slug: isMarketplaceUpdate
-      ? z
-          .string()
-          .optional()
-          .refine(
-            (val) => !val || (val.length <= 50 && /^[a-z0-9-]+$/.test(val)),
-            "Slug can only contain lowercase letters, numbers, and hyphens",
-          )
-      : z
-          .string()
-          .min(1, "Slug is required")
-          .max(50, "Slug must be less than 50 characters")
-          .regex(
-            /^[a-z0-9-]+$/,
-            "Slug can only contain lowercase letters, numbers, and hyphens",
-          ),
-    youtubeLink: isMarketplaceUpdate
-      ? z
-          .string()
-          .optional()
-          .refine(
-            (val) => !val || validateYouTubeUrl(val),
-            "Please enter a valid YouTube URL",
-          )
-      : z
-          .string()
-          .refine(validateYouTubeUrl, "Please enter a valid YouTube URL"),
-    category: isMarketplaceUpdate
-      ? z.string().optional()
-      : z.string().min(1, "Category is required"),
-    description: isMarketplaceUpdate
-      ? z
-          .string()
-          .optional()
-          .refine(
-            (val) => !val || val.length <= 1000,
-            "Description must be less than 1000 characters",
-          )
-      : z
-          .string()
-          .min(1, "Description is required")
-          .max(1000, "Description must be less than 1000 characters"),
-    recommendedScheduleCron: z.string().optional(),
-    instructions: z
-      .string()
-      .optional()
-      .refine(
-        (val) => !val || val.length <= 2000,
-        "Instructions must be less than 2000 characters",
-      ),
-    agentOutputDemo: isMarketplaceUpdate
-      ? z
-          .string()
-          .optional()
-          .refine(
-            (val) => !val || validateYouTubeUrl(val),
-            "Please enter a valid YouTube URL",
-          )
-      : z
-          .string()
-          .refine(validateYouTubeUrl, "Please enter a valid YouTube URL"),
-  };
+export const publishAgentSchema = z.object({
+  title: z
+    .string()
+    .min(1, "Title is required")
+    .max(100, "Title must be less than 100 characters"),
+  subheader: z
+    .string()
+    .min(1, "Subheader is required")
+    .max(200, "Subheader must be less than 200 characters"),
+  slug: z
+    .string()
+    .min(1, "Slug is required")
+    .max(50, "Slug must be less than 50 characters")
+    .regex(
+      /^[a-z0-9-]+$/,
+      "Slug can only contain lowercase letters, numbers, and hyphens",
+    ),
+  youtubeLink: z
+    .string()
+    .refine(validateYouTubeUrl, "Please enter a valid YouTube URL"),
+  category: z.string().min(1, "Category is required"),
+  description: z
+    .string()
+    .min(1, "Description is required")
+    .max(1000, "Description must be less than 1000 characters"),
+  recommendedScheduleCron: z.string().optional(),
+  instructions: z
+    .string()
+    .optional()
+    .refine(
+      (val) => !val || val.length <= 2000,
+      "Instructions must be less than 2000 characters",
+    ),
+  agentOutputDemo: z
+    .string()
+    .refine(validateYouTubeUrl, "Please enter a valid YouTube URL"),
+});
 
-  return z.object(baseSchema);
-};
-
-// Default schema for backwards compatibility
-export const publishAgentSchema = publishAgentSchemaFactory(false);
-
-export type PublishAgentFormData = z.infer<
-  ReturnType<typeof publishAgentSchemaFactory>
->;
+export type PublishAgentFormData = z.infer<typeof publishAgentSchema>;
 
 export interface PublishAgentInfoInitialData {
   agent_id: string;
@@ -122,5 +54,4 @@ export interface PublishAgentInfoInitialData {
   recommendedScheduleCron?: string;
   instructions?: string;
   agentOutputDemo?: string;
-  changesSummary?: string;
 }

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/components/AgentInfoStep/useAgentInfoStep.ts

@@ -9,7 +9,7 @@ import * as Sentry from "@sentry/nextjs";
 import {
   PublishAgentFormData,
   PublishAgentInfoInitialData,
-  publishAgentSchemaFactory,
+  publishAgentSchema,
 } from "./helpers";
 
 export interface Props {
@@ -18,7 +18,6 @@ export interface Props {
   selectedAgentId: string | null;
   selectedAgentVersion: number | null;
   initialData?: PublishAgentInfoInitialData;
-  isMarketplaceUpdate?: boolean;
 }
 
 export function useAgentInfoStep({
@@ -27,7 +26,6 @@ export function useAgentInfoStep({
   selectedAgentId,
   selectedAgentVersion,
   initialData,
-  isMarketplaceUpdate = false,
 }: Props) {
   const [agentId, setAgentId] = useState<string | null>(null);
   const [images, setImages] = useState<string[]>([]);
@@ -38,9 +36,8 @@ export function useAgentInfoStep({
   const api = useBackendAPI();
 
   const form = useForm<PublishAgentFormData>({
-    resolver: zodResolver(publishAgentSchemaFactory(isMarketplaceUpdate)),
+    resolver: zodResolver(publishAgentSchema),
     defaultValues: {
-      changesSummary: "",
       title: "",
       subheader: "",
       slug: "",
@@ -64,7 +61,6 @@ export function useAgentInfoStep({
 
       // Update form with initial data
       form.reset({
-        changesSummary: initialData.changesSummary || "",
         title: initialData.title,
         subheader: initialData.subheader,
         slug: initialData.slug.toLocaleLowerCase().trim(),
@@ -108,10 +104,9 @@ export function useAgentInfoStep({
         agent_output_demo_url: data.agentOutputDemo || "",
         agent_id: selectedAgentId || "",
         agent_version: selectedAgentVersion || 0,
-        slug: (data.slug || "").replace(/\s+/g, "-"),
+        slug: data.slug.replace(/\s+/g, "-"),
         categories: filteredCategories,
         recommended_schedule_cron: data.recommendedScheduleCron || null,
-        changes_summary: data.changesSummary || null,
       } as any);
 
       await queryClient.invalidateQueries({

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/components/AgentReviewStep.tsx

@@ -52,7 +52,7 @@ export function AgentReviewStep({
             </Text>
             <Text
               variant="large"
-              className="line-clamp-1 text-ellipsis text-center text-neutral-500"
+              className="line-clamp-1 text-ellipsis text-center !text-neutral-500"
             >
               {subheader}
             </Text>
@@ -80,7 +80,7 @@ export function AgentReviewStep({
           {description ? (
             <Text
               variant="large"
-              className="line-clamp-1 text-ellipsis pt-2 text-center text-neutral-500"
+              className="line-clamp-1 text-ellipsis pt-2 text-center !text-neutral-500"
             >
               {description}
             </Text>

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/components/AgentSelectStep/AgentSelectStep.tsx

@@ -9,7 +9,6 @@ import { Skeleton } from "@/components/__legacy__/ui/skeleton";
 import { useAgentSelectStep } from "./useAgentSelectStep";
 import { scrollbarStyles } from "@/components/styles/scrollbars";
 import { cn } from "@/lib/utils";
-import type { StoreSubmission } from "@/app/api/__generated__/models/storeSubmission";
 
 interface Props {
   onSelect: (agentId: string, agentVersion: number) => void;
@@ -23,7 +22,6 @@ interface Props {
       imageSrc: string;
       recommendedScheduleCron: string | null;
     },
-    publishedSubmissionData?: StoreSubmission | null,
   ) => void;
   onOpenBuilder: () => void;
 }
@@ -44,8 +42,6 @@ export function AgentSelectStep({
     // Handlers
     handleAgentClick,
     handleNext,
-    // Utils
-    getPublishedVersion,
     // Computed
     isNextDisabled,
   } = useAgentSelectStep({ onSelect, onNext });
@@ -135,17 +131,26 @@ export function AgentSelectStep({
               <div className="p-2">
                 <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
                   {agents.map((agent) => (
-                    <button
+                    <div
                       key={agent.id}
                       data-testid="agent-card"
-                      onClick={() =>
-                        handleAgentClick(agent.name, agent.id, agent.version)
-                      }
-                      className={`w-full select-none overflow-hidden rounded-2xl border border-neutral-200 text-left shadow-sm transition-all ${
+                      className={`cursor-pointer select-none overflow-hidden rounded-2xl border border-neutral-200 shadow-sm transition-all ${
                         selectedAgentId === agent.id
                           ? "border-transparent shadow-none ring-4 ring-violet-600"
                           : "hover:shadow-md"
                       }`}
+                      onClick={() =>
+                        handleAgentClick(agent.name, agent.id, agent.version)
+                      }
+                      onKeyDown={(e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                          e.preventDefault();
+                          handleAgentClick(agent.name, agent.id, agent.version);
+                        }
+                      }}
+                      tabIndex={0}
+                      role="button"
+                      aria-pressed={selectedAgentId === agent.id}
                     >
                       <div className="relative h-32 bg-zinc-400 sm:h-40">
                         <Image
@@ -157,44 +162,12 @@ export function AgentSelectStep({
                         />
                       </div>
                       <div className="flex flex-col gap-2 p-3">
-                        <Text variant="large-medium" className="line-clamp-2">
-                          {agent.name}
+                        <Text variant="large-medium">{agent.name}</Text>
+                        <Text variant="small" className="!text-neutral-500">
+                          Edited {agent.lastEdited}
                         </Text>
-                        <div className="flex items-center justify-between gap-2">
-                          <div className="flex-1">
-                            <Text variant="small" className="text-neutral-500">
-                              Edited {agent.lastEdited}
-                            </Text>
-                            {agent.isMarketplaceUpdate &&
-                              (() => {
-                                const publishedVersion = getPublishedVersion(
-                                  agent.id,
-                                );
-                                return (
-                                  publishedVersion && (
-                                    <Text
-                                      variant="small"
-                                      className="block text-neutral-500"
-                                    >
-                                      v{publishedVersion} → v{agent.version}
-                                    </Text>
-                                  )
-                                );
-                              })()}
-                          </div>
-                          {agent.isMarketplaceUpdate && (
-                            <span className="shrink-0 rounded-full bg-blue-100 px-2 py-1 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-200">
-                              Update
-                            </span>
-                          )}
-                          {!agent.isMarketplaceUpdate && (
-                            <span className="shrink-0 rounded-full bg-green-100 px-2 py-1 text-xs font-medium text-green-800 dark:bg-green-900 dark:text-green-200">
-                              New
-                            </span>
-                          )}
-                        </div>
                       </div>
-                    </button>
+                    </div>
                   ))}
                 </div>
               </div>

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/components/AgentSelectStep/useAgentSelectStep.ts

@@ -1,11 +1,5 @@
 import * as React from "react";
-import {
-  useGetV2GetMyAgents,
-  useGetV2ListMySubmissions,
-} from "@/app/api/__generated__/endpoints/store/store";
-import { okData } from "@/app/api/helpers";
-import type { MyAgent } from "@/app/api/__generated__/models/myAgent";
-import type { StoreSubmission } from "@/app/api/__generated__/models/storeSubmission";
+import { useGetV2GetMyAgents } from "@/app/api/__generated__/endpoints/store/store";
 
 export interface Agent {
   name: string;
@@ -15,7 +9,6 @@ export interface Agent {
   imageSrc: string;
   description: string;
   recommendedScheduleCron: string | null;
-  isMarketplaceUpdate: boolean; // true if this is an update to existing published agent
 }
 
 interface UseAgentSelectStepProps {
@@ -29,7 +22,6 @@ interface UseAgentSelectStepProps {
       imageSrc: string;
       recommendedScheduleCron: string | null;
     },
-    publishedSubmissionData?: StoreSubmission | null, // For pre-filling updates
   ) => void;
 }
 
@@ -44,88 +36,27 @@ export function useAgentSelectStep({
     number | null
   >(null);
 
-  const {
-    data: myAgents,
-    isLoading: agentsLoading,
-    error: agentsError,
-  } = useGetV2GetMyAgents();
-  const {
-    data: mySubmissions,
-    isLoading: submissionsLoading,
-    error: submissionsError,
-  } = useGetV2ListMySubmissions();
+  const { data: myAgents, isLoading, error } = useGetV2GetMyAgents();
 
-  const isLoading = agentsLoading || submissionsLoading;
-  const error = agentsError || submissionsError;
-
-  const agents: Agent[] = React.useMemo(() => {
-    // Properly handle API responses with okData helper
-    const agentsData = (okData(myAgents) as any)?.agents || [];
-    const submissionsData = (okData(mySubmissions) as any)?.submissions || [];
-
-    if (agentsData.length === 0) {
-      return [];
-    }
-
-    return agentsData
-      .map((agent: MyAgent): Agent | null => {
-        // Find the highest published agent_version for this agent from approved submissions
-        const publishedVersion = submissionsData
-          .filter(
-            (s: StoreSubmission) =>
-              s.status === "APPROVED" && s.agent_id === agent.agent_id,
-          )
-          .reduce(
-            (max: number | undefined, s: StoreSubmission) =>
-              max === undefined || s.agent_version > max
-                ? s.agent_version
-                : max,
-            undefined,
-          );
-        const isMarketplaceUpdate =
-          publishedVersion !== undefined &&
-          agent.agent_version > publishedVersion;
-        const isNewAgent = publishedVersion === undefined;
-
-        // Only include agents that are either new or have newer versions than published
-        if (!isNewAgent && !isMarketplaceUpdate) {
-          return null;
-        }
-
-        return {
-          name: agent.agent_name,
-          id: agent.agent_id,
-          version: agent.agent_version,
-          lastEdited: agent.last_edited.toLocaleDateString(),
-          imageSrc: agent.agent_image || "https://picsum.photos/300/200",
-          description: agent.description || "",
-          recommendedScheduleCron: agent.recommended_schedule_cron ?? null,
-          isMarketplaceUpdate,
-        };
-      })
-      .filter((agent: Agent | null): agent is Agent => agent !== null)
-      .sort(
-        (a: Agent, b: Agent) =>
-          new Date(b.lastEdited).getTime() - new Date(a.lastEdited).getTime(),
-      );
-  }, [myAgents, mySubmissions]);
-
-  // Function to get published submission data for pre-filling updates
-  const getPublishedSubmissionData = (agentId: string) => {
-    const submissionsData = (okData(mySubmissions) as any)?.submissions || [];
-
-    const approvedSubmissions = submissionsData
-      .filter(
-        (submission: StoreSubmission) =>
-          submission.agent_id === agentId && submission.status === "APPROVED",
-      )
-      .sort(
-        (a: StoreSubmission, b: StoreSubmission) =>
-          b.agent_version - a.agent_version,
-      );
-
-    return approvedSubmissions[0] || null;
-  };
+  const agents: Agent[] =
+    (myAgents?.status === 200 &&
+      myAgents.data.agents
+        .map(
+          (agent): Agent => ({
+            name: agent.agent_name,
+            id: agent.agent_id,
+            version: agent.agent_version,
+            lastEdited: agent.last_edited.toLocaleDateString(),
+            imageSrc: agent.agent_image || "https://picsum.photos/300/200",
+            description: agent.description || "",
+            recommendedScheduleCron: agent.recommended_schedule_cron ?? null,
+          }),
+        )
+        .sort(
+          (a: Agent, b: Agent) =>
+            new Date(b.lastEdited).getTime() - new Date(a.lastEdited).getTime(),
+        )) ||
+    [];
 
   const handleAgentClick = (
     _: string,
@@ -143,42 +74,16 @@ export function useAgentSelectStep({
         (agent) => agent.id === selectedAgentId,
       );
       if (selectedAgent) {
-        // Get published submission data for pre-filling if this is an update
-        const publishedSubmissionData = selectedAgent.isMarketplaceUpdate
-          ? getPublishedSubmissionData(selectedAgentId)
-          : undefined;
-
-        onNext(
-          selectedAgentId,
-          selectedAgentVersion,
-          {
-            name: selectedAgent.name,
-            description: selectedAgent.description,
-            imageSrc: selectedAgent.imageSrc,
-            recommendedScheduleCron: selectedAgent.recommendedScheduleCron,
-          },
-          publishedSubmissionData,
-        );
+        onNext(selectedAgentId, selectedAgentVersion, {
+          name: selectedAgent.name,
+          description: selectedAgent.description,
+          imageSrc: selectedAgent.imageSrc,
+          recommendedScheduleCron: selectedAgent.recommendedScheduleCron,
+        });
       }
     }
   };
 
-  // Helper to get published version for an agent
-  const getPublishedVersion = (agentId: string): number | undefined => {
-    const submissionsData = (okData(mySubmissions) as any)?.submissions || [];
-
-    return submissionsData
-      .filter(
-        (s: StoreSubmission) =>
-          s.status === "APPROVED" && s.agent_id === agentId,
-      )
-      .reduce(
-        (max: number | undefined, s: StoreSubmission) =>
-          max === undefined || s.agent_version > max ? s.agent_version : max,
-        undefined,
-      );
-  };
-
   return {
     // Data
     agents,
@@ -189,9 +94,6 @@ export function useAgentSelectStep({
     // Handlers
     handleAgentClick,
     handleNext,
-    // Utils
-    getPublishedSubmissionData,
-    getPublishedVersion,
     // Computed
     isNextDisabled: !selectedAgentId || !selectedAgentVersion,
   };

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/helpers.ts

@@ -8,8 +8,4 @@ export const emptyModalState = {
   category: "",
   description: "",
   recommendedScheduleCron: "",
-  instructions: "",
-  agentOutputDemo: "",
-  changesSummary: "",
-  additionalImages: [],
 };

autogpt_platform/frontend/src/components/contextual/PublishAgentModal/usePublishAgentModal.ts

@@ -3,12 +3,6 @@ import { useCallback, useEffect, useState } from "react";
 import { PublishAgentInfoInitialData } from "./components/AgentInfoStep/helpers";
 import { useRouter } from "next/navigation";
 import { emptyModalState } from "./helpers";
-import {
-  useGetV2GetMyAgents,
-  useGetV2ListMySubmissions,
-} from "@/app/api/__generated__/endpoints/store/store";
-import { okData } from "@/app/api/helpers";
-import type { MyAgent } from "@/app/api/__generated__/models/myAgent";
 
 const defaultTargetState: PublishState = {
   isOpen: false,
@@ -28,16 +22,9 @@ export interface Props {
   trigger?: React.ReactNode;
   targetState?: PublishState;
   onStateChange?: (state: PublishState) => void;
-  preSelectedAgentId?: string;
-  preSelectedAgentVersion?: number;
 }
 
-export function usePublishAgentModal({
-  targetState,
-  onStateChange,
-  preSelectedAgentId,
-  preSelectedAgentVersion,
-}: Props) {
+export function usePublishAgentModal({ targetState, onStateChange }: Props) {
   const [currentState, setCurrentState] = useState<PublishState>(
     targetState || defaultTargetState,
   );
@@ -55,20 +42,14 @@ export function usePublishAgentModal({
 
   const [_, setSelectedAgent] = useState<string | null>(null);
 
-  const [selectedAgentId, setSelectedAgentId] = useState<string | null>(
-    preSelectedAgentId || null,
-  );
+  const [selectedAgentId, setSelectedAgentId] = useState<string | null>(null);
 
   const [selectedAgentVersion, setSelectedAgentVersion] = useState<
     number | null
-  >(preSelectedAgentVersion || null);
+  >(null);
 
   const router = useRouter();
 
-  // Fetch agent data for pre-populating form when agent is pre-selected
-  const { data: myAgents } = useGetV2GetMyAgents();
-  const { data: mySubmissions } = useGetV2ListMySubmissions();
-
   // Sync currentState with targetState when it changes from outside
   useEffect(() => {
     if (targetState) {
@@ -79,90 +60,13 @@ export function usePublishAgentModal({
   // Reset internal state when modal opens
   useEffect(() => {
     if (!targetState) return;
-    if (targetState.isOpen) {
+    if (targetState.isOpen && targetState.step === "select") {
       setSelectedAgent(null);
-      setSelectedAgentId(preSelectedAgentId || null);
-      setSelectedAgentVersion(preSelectedAgentVersion || null);
+      setSelectedAgentId(null);
+      setSelectedAgentVersion(null);
       setInitialData(emptyModalState);
     }
-  }, [targetState, preSelectedAgentId, preSelectedAgentVersion]);
-
-  // Pre-populate form data when modal opens with info step and pre-selected agent
-  useEffect(() => {
-    if (
-      !targetState?.isOpen ||
-      targetState.step !== "info" ||
-      !preSelectedAgentId ||
-      !preSelectedAgentVersion
-    )
-      return;
-    const agentsData = okData(myAgents) as any;
-    const submissionsData = okData(mySubmissions) as any;
-
-    if (!agentsData || !submissionsData) return;
-
-    // Find the agent data
-    const agent = agentsData.agents?.find(
-      (a: MyAgent) => a.agent_id === preSelectedAgentId,
-    );
-    if (!agent) return;
-
-    // Find published submission data for this agent (for updates)
-    const publishedSubmissionData = submissionsData.submissions
-      ?.filter(
-        (s: StoreSubmission) =>
-          s.status === "APPROVED" && s.agent_id === preSelectedAgentId,
-      )
-      .sort(
-        (a: StoreSubmission, b: StoreSubmission) =>
-          b.agent_version - a.agent_version,
-      )[0];
-
-    // Populate initial data (same logic as handleNextFromSelect)
-    const initialFormData: PublishAgentInfoInitialData = publishedSubmissionData
-      ? {
-          agent_id: preSelectedAgentId,
-          title: publishedSubmissionData.name,
-          subheader: publishedSubmissionData.sub_heading || "",
-          description: publishedSubmissionData.description,
-          instructions: publishedSubmissionData.instructions || "",
-          youtubeLink: publishedSubmissionData.video_url || "",
-          agentOutputDemo: publishedSubmissionData.agent_output_demo_url || "",
-          additionalImages: [
-            ...new Set(publishedSubmissionData.image_urls || []),
-          ].filter(Boolean) as string[],
-          category: publishedSubmissionData.categories?.[0] || "",
-          thumbnailSrc: agent.agent_image || "https://picsum.photos/300/200",
-          slug: publishedSubmissionData.slug,
-          recommendedScheduleCron: agent.recommended_schedule_cron || "",
-          changesSummary: "", // Empty for user to fill in what changed
-        }
-      : {
-          ...emptyModalState,
-          agent_id: preSelectedAgentId,
-          title: agent.agent_name,
-          description: agent.description || "",
-          thumbnailSrc: agent.agent_image || "https://picsum.photos/300/200",
-          slug: agent.agent_name.replace(/ /g, "-"),
-          recommendedScheduleCron: agent.recommended_schedule_cron || "",
-        };
-
-    setInitialData(initialFormData);
-
-    // Update the state with the submission data if this is an update
-    if (publishedSubmissionData) {
-      setCurrentState((prevState) => ({
-        ...prevState,
-        submissionData: publishedSubmissionData,
-      }));
-    }
-  }, [
-    targetState,
-    preSelectedAgentId,
-    preSelectedAgentVersion,
-    myAgents,
-    mySubmissions,
-  ]);
+  }, [targetState]);
 
   function handleClose() {
     // Reset all internal state
@@ -193,43 +97,20 @@ export function usePublishAgentModal({
       imageSrc: string;
       recommendedScheduleCron: string | null;
     },
-    publishedSubmissionData?: StoreSubmission | null,
   ) {
-    // Pre-populate with published data if this is an update, otherwise use agent data
-    const initialFormData: PublishAgentInfoInitialData = publishedSubmissionData
-      ? {
-          agent_id: agentId,
-          title: publishedSubmissionData.name,
-          subheader: publishedSubmissionData.sub_heading || "",
-          description: publishedSubmissionData.description,
-          instructions: publishedSubmissionData.instructions || "",
-          youtubeLink: publishedSubmissionData.video_url || "",
-          agentOutputDemo: publishedSubmissionData.agent_output_demo_url || "",
-          additionalImages: [
-            ...new Set(publishedSubmissionData.image_urls || []),
-          ].filter(Boolean) as string[],
-          category: publishedSubmissionData.categories?.[0] || "", // Take first category
-          thumbnailSrc: agentData.imageSrc, // Use current agent image
-          slug: publishedSubmissionData.slug,
-          recommendedScheduleCron: agentData.recommendedScheduleCron || "",
-          changesSummary: "", // Empty for user to fill in what changed
-        }
-      : {
-          ...emptyModalState,
-          agent_id: agentId,
-          title: agentData.name,
-          description: agentData.description,
-          thumbnailSrc: agentData.imageSrc,
-          slug: agentData.name.replace(/ /g, "-"),
-          recommendedScheduleCron: agentData.recommendedScheduleCron || "",
-        };
-
-    setInitialData(initialFormData);
+    setInitialData({
+      ...emptyModalState,
+      agent_id: agentId,
+      title: agentData.name,
+      description: agentData.description,
+      thumbnailSrc: agentData.imageSrc,
+      slug: agentData.name.replace(/ /g, "-"),
+      recommendedScheduleCron: agentData.recommendedScheduleCron || "",
+    });
 
     updateState({
       ...currentState,
       step: "info",
-      submissionData: publishedSubmissionData || null,
     });
 
     setSelectedAgentId(agentId);

autogpt_platform/frontend/src/components/contextual/marketplaceHelpers.ts

@@ -1,58 +0,0 @@
-/**
- * Marketplace-specific helper functions that can be reused across different marketplace screens
- */
-
-/**
- * Calculate the latest marketplace version from agent graph versions
- */
-export function getLatestMarketplaceVersion(
-  agentGraphVersions?: string[],
-): number | undefined {
-  if (!agentGraphVersions?.length) return undefined;
-
-  return Math.max(...agentGraphVersions.map((v: string) => parseInt(v, 10)));
-}
-
-/**
- * Check if the current user is the creator of the agent
- */
-export function isUserCreator(
-  creator: string,
-  currentUser: { email?: string } | null,
-): boolean {
-  if (!currentUser?.email) return false;
-
-  const userHandle = currentUser.email.split("@")[0]?.toLowerCase() || "";
-  return creator.toLowerCase().includes(userHandle);
-}
-
-/**
- * Calculate update status for an agent
- */
-export function calculateUpdateStatus({
-  latestMarketplaceVersion,
-  currentVersion,
-  isUserCreator,
-  isAgentAddedToLibrary,
-}: {
-  latestMarketplaceVersion?: number;
-  currentVersion: number;
-  isUserCreator: boolean;
-  isAgentAddedToLibrary: boolean;
-}) {
-  if (!latestMarketplaceVersion) {
-    return { hasUpdate: false, hasUnpublishedChanges: false };
-  }
-
-  const hasUnpublishedChanges =
-    isUserCreator &&
-    isAgentAddedToLibrary &&
-    currentVersion > latestMarketplaceVersion;
-
-  const hasUpdate =
-    isAgentAddedToLibrary &&
-    !isUserCreator &&
-    latestMarketplaceVersion > currentVersion;
-
-  return { hasUpdate, hasUnpublishedChanges };
-}

autogpt_platform/frontend/src/components/layout/Navbar/components/MobileNavbar/components/MobileNavbarMenuItem.tsx

@@ -19,7 +19,7 @@ export function MobileNavbarMenuItem({
   onClick,
 }: Props) {
   const content = (
-    <div className="inline-flex w-full items-center justify-start gap-4 py-2 hover:rounded hover:bg-[#e0e0e0]">
+    <div className="inline-flex w-full items-center justify-start gap-4 hover:rounded hover:bg-[#e0e0e0]">
       {getAccountMenuOptionIcon(icon)}
       <div className="relative">
         <div

autogpt_platform/frontend/src/components/molecules/Breadcrumbs/Breadcrumbs.tsx

@@ -5,7 +5,6 @@ import * as React from "react";
 interface BreadcrumbItem {
   name: string;
   link: string;
-  testId?: string;
 }
 
 interface Props {
@@ -20,7 +19,6 @@ export function Breadcrumbs({ items }: Props) {
           <Link
             href={item.link}
             className="text-[0.75rem] font-[400] text-zinc-600 transition-colors hover:text-zinc-900 hover:no-underline"
-            data-testid={item.testId}
           >
             {item.name}
           </Link>

autogpt_platform/frontend/src/components/molecules/Dialog/components/styles.ts

@@ -3,7 +3,8 @@ const commonStyles = {
   title: "font-poppins text-md md:text-lg leading-none",
   overlay:
     "fixed inset-0 z-50 bg-stone-500/20 dark:bg-black/50 backdrop-blur-md animate-fade-in",
-  content: "bg-white p-6 fixed rounded-2xlarge flex flex-col z-50 w-full",
+  content:
+    "overflow-y-hidden bg-white p-6 fixed rounded-2xlarge flex flex-col z-50 w-full",
 };
 
 // Modal specific styles

autogpt_platform/frontend/src/components/molecules/InformationTooltip/InformationTooltip.tsx

@@ -9,20 +9,16 @@ import ReactMarkdown from "react-markdown";
 
 type Props = {
   description?: string;
-  iconSize?: number;
 };
 
-export function InformationTooltip({ description, iconSize = 24 }: Props) {
+export function InformationTooltip({ description }: Props) {
   if (!description) return null;
 
   return (
     <TooltipProvider delayDuration={400}>
       <Tooltip>
         <TooltipTrigger asChild>
-          <Info
-            className="rounded-full p-1 hover:bg-slate-50"
-            size={iconSize}
-          />
+          <Info className="rounded-full p-1 hover:bg-slate-50" size={24} />
         </TooltipTrigger>
         <TooltipContent>
           <ReactMarkdown

autogpt_platform/frontend/src/components/molecules/ScrollableTabs/ScrollableTabs.stories.tsx

@@ -1,437 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import {
-  ScrollableTabs,
-  ScrollableTabsContent,
-  ScrollableTabsList,
-  ScrollableTabsTrigger,
-} from "./ScrollableTabs";
-
-const meta = {
-  title: "Molecules/ScrollableTabs",
-  component: ScrollableTabs,
-  parameters: {
-    layout: "fullscreen",
-  },
-  tags: ["autodocs"],
-  argTypes: {},
-} satisfies Meta<typeof ScrollableTabs>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-function ScrollableTabsDemo() {
-  return (
-    <div className="flex flex-col gap-8 p-8">
-      <h2 className="text-2xl font-bold">ScrollableTabs Examples</h2>
-
-      <div className="space-y-6">
-        <div>
-          <h3 className="mb-4 text-lg font-semibold">
-            Short Content (Tabs Hidden)
-          </h3>
-          <div className="h-[300px] overflow-y-auto border border-zinc-200">
-            <ScrollableTabs defaultValue="tab1" className="h-full">
-              <ScrollableTabsList>
-                <ScrollableTabsTrigger value="tab1">
-                  Account
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="tab2">
-                  Password
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="tab3">
-                  Settings
-                </ScrollableTabsTrigger>
-              </ScrollableTabsList>
-              <ScrollableTabsContent value="tab1">
-                <div className="p-4 text-sm">
-                  Make changes to your account here. Click save when you&apos;re
-                  done.
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="tab2">
-                <div className="p-4 text-sm">
-                  Change your password here. After saving, you&apos;ll be logged
-                  out.
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="tab3">
-                <div className="p-4 text-sm">
-                  Update your preferences and settings here.
-                </div>
-              </ScrollableTabsContent>
-            </ScrollableTabs>
-          </div>
-        </div>
-
-        <div>
-          <h3 className="mb-4 text-lg font-semibold">
-            Long Content (Tabs Visible)
-          </h3>
-          <div className="h-[400px] overflow-y-auto border border-zinc-200">
-            <ScrollableTabs defaultValue="tab1" className="h-full">
-              <ScrollableTabsList>
-                <ScrollableTabsTrigger value="tab1">
-                  Account
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="tab2">
-                  Password
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="tab3">
-                  Settings
-                </ScrollableTabsTrigger>
-              </ScrollableTabsList>
-              <ScrollableTabsContent value="tab1">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">
-                    Account Settings
-                  </h4>
-                  <p className="mb-4">
-                    Make changes to your account here. Click save when
-                    you&apos;re done.
-                  </p>
-                  <p className="mb-4">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
-                    do eiusmod tempor incididunt ut labore et dolore magna
-                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
-                    ullamco laboris.
-                  </p>
-                  <p className="mb-4">
-                    Duis aute irure dolor in reprehenderit in voluptate velit
-                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-                    occaecat cupidatat non proident.
-                  </p>
-                  <p>
-                    Sed ut perspiciatis unde omnis iste natus error sit
-                    voluptatem accusantium doloremque laudantium, totam rem
-                    aperiam.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="tab2">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">
-                    Password Settings
-                  </h4>
-                  <p className="mb-4">
-                    Change your password here. After saving, you&apos;ll be
-                    logged out.
-                  </p>
-                  <p className="mb-4">
-                    At vero eos et accusamus et iusto odio dignissimos ducimus
-                    qui blanditiis praesentium voluptatum deleniti atque
-                    corrupti quos dolores et quas molestias excepturi sint
-                    occaecati cupiditate.
-                  </p>
-                  <p className="mb-4">
-                    Et harum quidem rerum facilis est et expedita distinctio.
-                    Nam libero tempore, cum soluta nobis est eligendi optio
-                    cumque nihil impedit quo minus.
-                  </p>
-                  <p>
-                    Temporibus autem quibusdam et aut officiis debitis aut rerum
-                    necessitatibus saepe eveniet ut et voluptates repudiandae
-                    sint.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="tab3">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">
-                    General Settings
-                  </h4>
-                  <p className="mb-4">
-                    Update your preferences and settings here.
-                  </p>
-                  <p className="mb-4">
-                    Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
-                    odit aut fugit, sed quia consequuntur magni dolores eos qui
-                    ratione voluptatem sequi nesciunt.
-                  </p>
-                  <p className="mb-4">
-                    Neque porro quisquam est, qui dolorem ipsum quia dolor sit
-                    amet, consectetur, adipisci velit, sed quia non numquam eius
-                    modi tempora incidunt ut labore et dolore magnam aliquam
-                    quaerat voluptatem.
-                  </p>
-                  <p>
-                    Ut enim ad minima veniam, quis nostrum exercitationem ullam
-                    corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
-                    consequatur.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-            </ScrollableTabs>
-          </div>
-        </div>
-
-        <div>
-          <h3 className="mb-4 text-lg font-semibold">Many Tabs</h3>
-          <div className="h-[500px] overflow-y-auto border border-zinc-200">
-            <ScrollableTabs defaultValue="overview" className="h-full">
-              <ScrollableTabsList>
-                <ScrollableTabsTrigger value="overview">
-                  Overview
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="analytics">
-                  Analytics
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="reports">
-                  Reports
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="notifications">
-                  Notifications
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="integrations">
-                  Integrations
-                </ScrollableTabsTrigger>
-                <ScrollableTabsTrigger value="billing">
-                  Billing
-                </ScrollableTabsTrigger>
-              </ScrollableTabsList>
-              <ScrollableTabsContent value="overview">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">
-                    Dashboard Overview
-                  </h4>
-                  <p className="mb-4">
-                    Dashboard overview with key metrics and recent activity.
-                  </p>
-                  <p className="mb-4">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
-                    do eiusmod tempor incididunt ut labore et dolore magna
-                    aliqua.
-                  </p>
-                  <p>
-                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
-                    laboris nisi ut aliquip ex ea commodo consequat.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="analytics">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">Analytics</h4>
-                  <p className="mb-4">
-                    Detailed analytics and performance metrics.
-                  </p>
-                  <p className="mb-4">
-                    Duis aute irure dolor in reprehenderit in voluptate velit
-                    esse cillum dolore eu fugiat nulla pariatur.
-                  </p>
-                  <p>
-                    Excepteur sint occaecat cupidatat non proident, sunt in
-                    culpa qui officia deserunt mollit anim id est laborum.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="reports">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">Reports</h4>
-                  <p className="mb-4">
-                    Generate and view reports for your account.
-                  </p>
-                  <p className="mb-4">
-                    Sed ut perspiciatis unde omnis iste natus error sit
-                    voluptatem accusantium doloremque laudantium.
-                  </p>
-                  <p>
-                    Totam rem aperiam, eaque ipsa quae ab illo inventore
-                    veritatis et quasi architecto beatae vitae dicta sunt
-                    explicabo.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="notifications">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">Notifications</h4>
-                  <p className="mb-4">Manage your notification preferences.</p>
-                  <p className="mb-4">
-                    Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
-                    odit aut fugit.
-                  </p>
-                  <p>
-                    Sed quia consequuntur magni dolores eos qui ratione
-                    voluptatem sequi nesciunt.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="integrations">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">Integrations</h4>
-                  <p className="mb-4">
-                    Connect and manage third-party integrations.
-                  </p>
-                  <p className="mb-4">
-                    Neque porro quisquam est, qui dolorem ipsum quia dolor sit
-                    amet.
-                  </p>
-                  <p>
-                    Consectetur, adipisci velit, sed quia non numquam eius modi
-                    tempora incidunt.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-              <ScrollableTabsContent value="billing">
-                <div className="p-8 text-sm">
-                  <h4 className="mb-4 text-lg font-semibold">Billing</h4>
-                  <p className="mb-4">
-                    View and manage your billing information.
-                  </p>
-                  <p className="mb-4">
-                    Ut enim ad minima veniam, quis nostrum exercitationem ullam
-                    corporis suscipit laboriosam.
-                  </p>
-                  <p>
-                    Nisi ut aliquid ex ea commodi consequatur? Quis autem vel
-                    eum iure reprehenderit qui in ea voluptate velit esse.
-                  </p>
-                </div>
-              </ScrollableTabsContent>
-            </ScrollableTabs>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export const Default = {
-  render: () => <ScrollableTabsDemo />,
-} satisfies Story;
-
-export const ShortContent = {
-  render: () => (
-    <div className="p-8">
-      <div className="h-[200px] overflow-y-auto border border-zinc-200">
-        <ScrollableTabs defaultValue="account" className="h-full">
-          <ScrollableTabsList>
-            <ScrollableTabsTrigger value="account">
-              Account
-            </ScrollableTabsTrigger>
-            <ScrollableTabsTrigger value="password">
-              Password
-            </ScrollableTabsTrigger>
-          </ScrollableTabsList>
-          <ScrollableTabsContent value="account">
-            <div className="p-4 text-sm">
-              Make changes to your account here. Click save when you&apos;re
-              done.
-            </div>
-          </ScrollableTabsContent>
-          <ScrollableTabsContent value="password">
-            <div className="p-4 text-sm">
-              Change your password here. After saving, you&apos;ll be logged
-              out.
-            </div>
-          </ScrollableTabsContent>
-        </ScrollableTabs>
-      </div>
-    </div>
-  ),
-} satisfies Story;
-
-export const LongContent = {
-  render: () => (
-    <div className="p-8">
-      <div className="h-[600px] overflow-y-auto border border-zinc-200">
-        <ScrollableTabs defaultValue="tab1" className="h-full">
-          <ScrollableTabsList>
-            <ScrollableTabsTrigger value="tab1">Account</ScrollableTabsTrigger>
-            <ScrollableTabsTrigger value="tab2">Password</ScrollableTabsTrigger>
-            <ScrollableTabsTrigger value="tab3">Settings</ScrollableTabsTrigger>
-          </ScrollableTabsList>
-          <ScrollableTabsContent value="tab1">
-            <div className="p-8 text-sm">
-              <h4 className="mb-4 text-lg font-semibold">Account Settings</h4>
-              <p className="mb-4">
-                Make changes to your account here. Click save when you&apos;re
-                done.
-              </p>
-              <p className="mb-4">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
-                eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
-                enim ad minim veniam, quis nostrud exercitation ullamco laboris
-                nisi ut aliquip ex ea commodo consequat.
-              </p>
-              <p className="mb-4">
-                Duis aute irure dolor in reprehenderit in voluptate velit esse
-                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-                cupidatat non proident, sunt in culpa qui officia deserunt
-                mollit anim id est laborum.
-              </p>
-              <p className="mb-4">
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem
-                accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
-                quae ab illo inventore veritatis et quasi architecto beatae
-                vitae dicta sunt explicabo.
-              </p>
-              <p>
-                Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit
-                aut fugit, sed quia consequuntur magni dolores eos qui ratione
-                voluptatem sequi nesciunt.
-              </p>
-            </div>
-          </ScrollableTabsContent>
-          <ScrollableTabsContent value="tab2">
-            <div className="p-8 text-sm">
-              <h4 className="mb-4 text-lg font-semibold">Password Settings</h4>
-              <p className="mb-4">
-                Change your password here. After saving, you&apos;ll be logged
-                out.
-              </p>
-              <p className="mb-4">
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui
-                blanditiis praesentium voluptatum deleniti atque corrupti quos
-                dolores et quas molestias excepturi sint occaecati cupiditate
-                non provident.
-              </p>
-              <p className="mb-4">
-                Similique sunt in culpa qui officia deserunt mollitia animi, id
-                est laborum et dolorum fuga. Et harum quidem rerum facilis est
-                et expedita distinctio.
-              </p>
-              <p className="mb-4">
-                Nam libero tempore, cum soluta nobis est eligendi optio cumque
-                nihil impedit quo minus id quod maxime placeat facere possimus,
-                omnis voluptas assumenda est, omnis dolor repellendus.
-              </p>
-              <p>
-                Temporibus autem quibusdam et aut officiis debitis aut rerum
-                necessitatibus saepe eveniet ut et voluptates repudiandae sint
-                et molestiae non recusandae.
-              </p>
-            </div>
-          </ScrollableTabsContent>
-          <ScrollableTabsContent value="tab3">
-            <div className="p-8 text-sm">
-              <h4 className="mb-4 text-lg font-semibold">General Settings</h4>
-              <p className="mb-4">Update your preferences and settings here.</p>
-              <p className="mb-4">
-                Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
-                consectetur, adipisci velit, sed quia non numquam eius modi
-                tempora incidunt ut labore et dolore magnam aliquam quaerat
-                voluptatem.
-              </p>
-              <p className="mb-4">
-                Ut enim ad minima veniam, quis nostrum exercitationem ullam
-                corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
-                consequatur? Quis autem vel eum iure reprehenderit qui in ea
-                voluptate velit esse quam nihil molestiae consequatur.
-              </p>
-              <p className="mb-4">
-                Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? At
-                vero eos et accusamus et iusto odio dignissimos ducimus qui
-                blanditiis praesentium voluptatum deleniti atque corrupti quos
-                dolores.
-              </p>
-              <p>
-                Et quas molestias excepturi sint occaecati cupiditate non
-                provident, similique sunt in culpa qui officia deserunt mollitia
-                animi, id est laborum et dolorum fuga.
-              </p>
-            </div>
-          </ScrollableTabsContent>
-        </ScrollableTabs>
-      </div>
-    </div>
-  ),
-} satisfies Story;

autogpt_platform/frontend/src/components/molecules/ScrollableTabs/ScrollableTabs.tsx

@@ -1,59 +0,0 @@
-"use client";
-
-import { cn } from "@/lib/utils";
-import { Children } from "react";
-import { ScrollableTabsContent } from "./components/ScrollableTabsContent";
-import { ScrollableTabsList } from "./components/ScrollableTabsList";
-import { ScrollableTabsTrigger } from "./components/ScrollableTabsTrigger";
-import { ScrollableTabsContext } from "./context";
-import { findContentElements, findListElement } from "./helpers";
-import { useScrollableTabsInternal } from "./useScrollableTabs";
-
-interface Props {
-  children?: React.ReactNode;
-  className?: string;
-  defaultValue?: string;
-}
-
-export function ScrollableTabs({ children, className, defaultValue }: Props) {
-  const {
-    activeValue,
-    setActiveValue,
-    registerContent,
-    scrollToSection,
-    scrollContainer,
-    contentContainerRef,
-  } = useScrollableTabsInternal({ defaultValue });
-
-  const childrenArray = Children.toArray(children);
-  const listElement = findListElement(childrenArray);
-  const contentElements = findContentElements(childrenArray);
-
-  return (
-    <ScrollableTabsContext.Provider
-      value={{
-        activeValue,
-        setActiveValue,
-        registerContent,
-        scrollToSection,
-        scrollContainer,
-      }}
-    >
-      <div className={cn("relative flex flex-col", className)}>
-        {listElement}
-        <div
-          ref={(node) => {
-            if (contentContainerRef) {
-              contentContainerRef.current = node;
-            }
-          }}
-          className="max-h-[64rem] overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-zinc-300 dark:scrollbar-thumb-zinc-700"
-        >
-          <div className="min-h-full pb-[200px]">{contentElements}</div>
-        </div>
-      </div>
-    </ScrollableTabsContext.Provider>
-  );
-}
-
-export { ScrollableTabsContent, ScrollableTabsList, ScrollableTabsTrigger };

autogpt_platform/frontend/src/components/molecules/ScrollableTabs/components/ScrollableTabsContent.tsx

@@ -1,48 +0,0 @@
-"use client";
-
-import { cn } from "@/lib/utils";
-import * as React from "react";
-import { useScrollableTabs } from "../context";
-
-interface Props extends React.HTMLAttributes<HTMLDivElement> {
-  value: string;
-}
-
-export const ScrollableTabsContent = React.forwardRef<HTMLDivElement, Props>(
-  function ScrollableTabsContent(
-    { className, value, children, ...props },
-    ref,
-  ) {
-    const { registerContent } = useScrollableTabs();
-    const contentRef = React.useRef<HTMLDivElement>(null);
-
-    React.useEffect(() => {
-      if (contentRef.current) {
-        registerContent(value, contentRef.current);
-      }
-      return () => {
-        registerContent(value, null);
-      };
-    }, [value, registerContent]);
-
-    return (
-      <div
-        ref={(node) => {
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore
-          contentRef.current = node;
-        }}
-        data-scrollable-tab-content
-        data-value={value}
-        className={cn("focus-visible:outline-none", className)}
-        {...props}
-      >
-        {children}
-      </div>
-    );
-  },
-);
-
-ScrollableTabsContent.displayName = "ScrollableTabsContent";

autogpt_platform/frontend/src/components/molecules/ScrollableTabs/components/ScrollableTabsList.tsx

@@ -1,52 +0,0 @@
-"use client";
-
-import { cn } from "@/lib/utils";
-import * as React from "react";
-import { useScrollableTabs } from "../context";
-
-export const ScrollableTabsList = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(function ScrollableTabsList({ className, children, ...props }, ref) {
-  const { activeValue } = useScrollableTabs();
-  const [activeTabElement, setActiveTabElement] =
-    React.useState<HTMLElement | null>(null);
-
-  React.useEffect(() => {
-    const activeButton = Array.from(
-      document.querySelectorAll<HTMLElement>(
-        '[data-scrollable-tab-trigger][data-value="' + activeValue + '"]',
-      ),
-    )[0];
-
-    if (activeButton) {
-      setActiveTabElement(activeButton);
-    }
-  }, [activeValue]);
-
-  return (
-    <div className="relative" ref={ref}>
-      <div
-        className={cn(
-          "inline-flex w-full items-center justify-start border-b border-zinc-100",
-          className,
-        )}
-        {...props}
-      >
-        {children}
-      </div>
-      {activeTabElement && (
-        <div
-          className="transition-left transition-right absolute bottom-0 h-0.5 bg-purple-600 duration-200 ease-in-out"
-          style={{
-            left: activeTabElement.offsetLeft,
-            width: activeTabElement.offsetWidth,
-            willChange: "left, width",
-          }}
-        />
-      )}
-    </div>
-  );
-});
-
-ScrollableTabsList.displayName = "ScrollableTabsList";

autogpt_platform/frontend/src/components/molecules/ScrollableTabs/components/ScrollableTabsTrigger.tsx

@@ -1,53 +0,0 @@
-"use client";
-
-import { cn } from "@/lib/utils";
-import * as React from "react";
-import { useScrollableTabs } from "../context";
-
-interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  value: string;
-}
-
-export const ScrollableTabsTrigger = React.forwardRef<HTMLButtonElement, Props>(
-  function ScrollableTabsTrigger(
-    { className, value, children, ...props },
-    ref,
-  ) {
-    const { activeValue, scrollToSection } = useScrollableTabs();
-    const elementRef = React.useRef<HTMLButtonElement>(null);
-    const isActive = activeValue === value;
-
-    function handleClick(e: React.MouseEvent<HTMLButtonElement>) {
-      e.preventDefault();
-      e.stopPropagation();
-      scrollToSection(value);
-      props.onClick?.(e);
-    }
-
-    return (
-      <button
-        type="button"
-        ref={(node) => {
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore
-          elementRef.current = node;
-        }}
-        data-scrollable-tab-trigger
-        data-value={value}
-        onClick={handleClick}
-        className={cn(
-          "relative inline-flex items-center justify-center whitespace-nowrap px-3 py-3 font-sans text-[0.875rem] font-medium leading-[1.5rem] text-zinc-700 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-          isActive && "text-purple-600",
-          className,
-        )}
-        {...props}
-      >
-        {children}
-      </button>
-    );
-  },
-);
-
-ScrollableTabsTrigger.displayName = "ScrollableTabsTrigger";

autogpt_platform/frontend/src/components/molecules/ScrollableTabs/context.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { createContext, useContext } from "react";
-
-interface ScrollableTabsContextValue {
-  activeValue: string | null;
-  setActiveValue: React.Dispatch<React.SetStateAction<string | null>>;
-  registerContent: (value: string, element: HTMLElement | null) => void;
-  scrollToSection: (value: string) => void;
-  scrollContainer: HTMLElement | null;
-}
-
-export const ScrollableTabsContext = createContext<
-  ScrollableTabsContextValue | undefined
->(undefined);
-
-export function useScrollableTabs() {
-  const context = useContext(ScrollableTabsContext);
-  if (!context) {
-    throw new Error("useScrollableTabs must be used within a ScrollableTabs");
-  }
-  return context;
-}

autogpt_platform/frontend/src/components/molecules/ScrollableTabs/helpers.ts

@@ -1,48 +0,0 @@
-import * as React from "react";
-
-const HEADER_OFFSET = 100;
-
-export function calculateScrollPosition(
-  elementRect: DOMRect,
-  containerRect: DOMRect,
-  currentScrollTop: number,
-): number {
-  const elementTopRelativeToContainer =
-    elementRect.top - containerRect.top + currentScrollTop - HEADER_OFFSET;
-
-  return Math.max(0, elementTopRelativeToContainer);
-}
-
-function hasDisplayName(
-  type: unknown,
-  displayName: string,
-): type is { displayName: string } {
-  return (
-    typeof type === "object" &&
-    type !== null &&
-    "displayName" in type &&
-    (type as { displayName: unknown }).displayName === displayName
-  );
-}
-
-export function findListElement(
-  children: React.ReactNode[],
-): React.ReactElement | undefined {
-  return children.find(
-    (child) =>
-      React.isValidElement(child) &&
-      hasDisplayName(child.type, "ScrollableTabsList"),
-  ) as React.ReactElement | undefined;
-}
-
-export function findContentElements(
-  children: React.ReactNode[],
-): React.ReactNode[] {
-  return children.filter(
-    (child) =>
-      !(
-        React.isValidElement(child) &&
-        hasDisplayName(child.type, "ScrollableTabsList")
-      ),
-  );
-}

autogpt_platform/frontend/src/components/molecules/ScrollableTabs/useScrollableTabs.ts

@@ -1,60 +0,0 @@
-import { useCallback, useRef, useState } from "react";
-import { calculateScrollPosition } from "./helpers";
-
-interface Args {
-  defaultValue?: string;
-}
-
-export function useScrollableTabsInternal({ defaultValue }: Args) {
-  const [activeValue, setActiveValue] = useState<string | null>(
-    defaultValue || null,
-  );
-  const contentRefs = useRef<Map<string, HTMLElement>>(new Map());
-  const contentContainerRef = useRef<HTMLDivElement | null>(null);
-
-  function registerContent(value: string, element: HTMLElement | null) {
-    if (element) {
-      contentRefs.current.set(value, element);
-    } else {
-      contentRefs.current.delete(value);
-    }
-  }
-
-  function scrollToSection(value: string) {
-    const element = contentRefs.current.get(value);
-    const scrollContainer = contentContainerRef.current;
-    if (!element || !scrollContainer) return;
-
-    setActiveValue(value);
-
-    const containerRect = scrollContainer.getBoundingClientRect();
-    const elementRect = element.getBoundingClientRect();
-    const currentScrollTop = scrollContainer.scrollTop;
-    const scrollTop = calculateScrollPosition(
-      elementRect,
-      containerRect,
-      currentScrollTop,
-    );
-
-    const maxScrollTop =
-      scrollContainer.scrollHeight - scrollContainer.clientHeight;
-    const clampedScrollTop = Math.min(Math.max(0, scrollTop), maxScrollTop);
-
-    scrollContainer.scrollTo({
-      top: clampedScrollTop,
-      behavior: "smooth",
-    });
-  }
-
-  const memoizedRegisterContent = useCallback(registerContent, []);
-  const memoizedScrollToSection = useCallback(scrollToSection, []);
-
-  return {
-    activeValue,
-    setActiveValue,
-    registerContent: memoizedRegisterContent,
-    scrollToSection: memoizedScrollToSection,
-    scrollContainer: contentContainerRef.current,
-    contentContainerRef,
-  };
-}

autogpt_platform/frontend/src/components/renderers/input-renderer/fields/AnyOfField/AnyOfField.tsx

@@ -23,7 +23,6 @@ import {
   TooltipTrigger,
 } from "@/components/atoms/Tooltip/BaseTooltip";
 import { cn } from "@/lib/utils";
-import { BlockUIType } from "@/app/(platform)/build/components/types";
 
 type TypeOption = {
   type: string;
@@ -48,14 +47,7 @@ export const AnyOfField = ({
   onBlur,
   onFocus,
 }: FieldProps) => {
-  const handleId =
-    formContext.uiType === BlockUIType.AGENT
-      ? (idSchema.$id ?? "")
-          .split("_")
-          .filter((p) => p !== "root" && p !== "properties" && p.length > 0)
-          .join("_") || ""
-      : generateHandleId(idSchema.$id ?? "");
-
+  const handleId = generateHandleId(idSchema.$id ?? "");
   const updatedFormContexrt = { ...formContext, fromAnyOf: true };
 
   const { nodeId, showHandles = true } = updatedFormContexrt;

autogpt_platform/frontend/src/components/renderers/input-renderer/templates/FieldTemplate.tsx

@@ -58,15 +58,7 @@ const FieldTemplate: React.FC<FieldTemplateProps> = ({
 
   let handleId = null;
   if (!isArrayItem) {
-    if (uiType === BlockUIType.AGENT) {
-      const parts = fieldId.split("_");
-      const filtered = parts.filter(
-        (p) => p !== "root" && p !== "properties" && p.length > 0,
-      );
-      handleId = filtered.join("_") || "";
-    } else {
-      handleId = generateHandleId(fieldId);
-    }
+    handleId = generateHandleId(fieldId);
   } else {
     handleId = arrayFieldHandleId;
   }

autogpt_platform/frontend/src/lib/autogpt-server-api/client.ts

@@ -910,37 +910,7 @@ export default class BackendAPI {
             reject(new Error("Invalid JSON response"));
           }
         } else {
-          // Handle file size errors with user-friendly message
-          if (xhr.status === 413) {
-            reject(new Error("File is too large — max size is 256MB"));
-            return;
-          }
-
-          // Try to parse error response for better messages
-          let errorMessage = `Upload failed (${xhr.status})`;
-          try {
-            const errorData = JSON.parse(xhr.responseText);
-            if (errorData.detail) {
-              if (
-                typeof errorData.detail === "string" &&
-                errorData.detail.includes("exceeds the maximum")
-              ) {
-                const match = errorData.detail.match(
-                  /maximum allowed size of (\d+)MB/,
-                );
-                const maxSize = match ? match[1] : "256";
-                errorMessage = `File is too large — max size is ${maxSize}MB`;
-              } else if (typeof errorData.detail === "string") {
-                errorMessage = errorData.detail;
-              }
-            } else if (errorData.error) {
-              errorMessage = errorData.error;
-            }
-          } catch {
-            // Keep default message if parsing fails
-          }
-
-          reject(new Error(errorMessage));
+          reject(new Error(`HTTP ${xhr.status}: ${xhr.statusText}`));
         }
       });
 

autogpt_platform/frontend/src/lib/autogpt-server-api/helpers.ts

@@ -184,11 +184,6 @@ export function serializeRequestBody(
 }
 
 export async function parseApiError(response: Response): Promise<string> {
-  // Handle 413 Payload Too Large with user-friendly message
-  if (response.status === 413) {
-    return "File is too large — max size is 256MB";
-  }
-
   try {
     const errorData = await response.clone().json();
 
@@ -210,16 +205,6 @@ export async function parseApiError(response: Response): Promise<string> {
       return response.statusText; // Fallback to status text if no message
     }
 
-    // Check for file size error from backend
-    if (
-      typeof errorData.detail === "string" &&
-      errorData.detail.includes("exceeds the maximum")
-    ) {
-      const match = errorData.detail.match(/maximum allowed size of (\d+)MB/);
-      const maxSize = match ? match[1] : "256";
-      return `File is too large — max size is ${maxSize}MB`;
-    }
-
     return errorData.detail || errorData.error || response.statusText;
   } catch {
     return response.statusText;

autogpt_platform/frontend/src/services/feature-flags/use-get-flag.ts

@@ -48,7 +48,7 @@ const mockFlags = {
   [Flag.AGENT_FAVORITING]: false,
   [Flag.MARKETPLACE_SEARCH_TERMS]: DEFAULT_SEARCH_TERMS,
   [Flag.ENABLE_PLATFORM_PAYMENT]: false,
-  [Flag.CHAT]: false,
+  [Flag.CHAT]: true,
 };
 
 export function useGetFlag<T extends Flag>(flag: T): FlagValues[T] | null {

autogpt_platform/frontend/tailwind.config.ts

@@ -1,10 +1,10 @@
-import scrollbar from "tailwind-scrollbar";
 import type { Config } from "tailwindcss";
 import tailwindcssAnimate from "tailwindcss-animate";
+import scrollbar from "tailwind-scrollbar";
 import { colors } from "./src/components/styles/colors";
 
 const config = {
-  darkMode: ["class", ".dark-mode"], // ignore dark: prefix classes for now until we fully support dark mode
+  darkMode: ["class"],
   content: ["./src/**/*.{ts,tsx}"],
   prefix: "",
   theme: {