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>

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/_fileio.py

@@ -1,59 +0,0 @@
-from enum import Enum
-from typing import TYPE_CHECKING, Generic, TypeVar, get_args
-
-from pydantic import BaseModel
-from pydantic.config import ConfigDict, JsonDict
-from pydantic_core import ValidationError
-
-if TYPE_CHECKING:
-    from backend.data.block import BlockSchema
-
-
-class MIMEType(Enum):
-    # Feel free to add missing MIME types as needed.
-    # Just make sure not to make duplicates, and stick to the existing naming pattern.
-    TEXT = "text/plain"
-
-
-MT = TypeVar("MT", bound=MIMEType)
-
-
-class FileMetaIO(BaseModel, Generic[MT]):
-    id: str
-    name: str = ""
-    content_type: MT
-
-    @classmethod
-    def allowed_content_types(cls) -> tuple[MIMEType, ...]:
-        return get_args(cls.model_fields["content_type"].annotation)
-
-    @classmethod
-    def validate_file_field_schema(cls, model: type["BlockSchema"]):
-        """Validates the schema of a file I/O field"""
-        field_name = next(
-            name for name, type in model.get_credentials_fields().items() if type is cls
-        )
-        field_schema = model.jsonschema()["properties"][field_name]
-        try:
-            _FileIOFieldSchemaExtra[MT].model_validate(field_schema)
-        except ValidationError as e:
-            if "Field required [type=missing" not in str(e):
-                raise
-
-            raise TypeError(
-                "Field 'credentials' JSON schema lacks required extra items: "
-                f"{field_schema}"
-            ) from e
-
-    @staticmethod
-    def _add_json_schema_extra(schema: JsonDict, cls: "FileMetaIO"):
-        schema["content_types"] = [ct.value for ct in cls.allowed_content_types()]
-        # TODO: add file extensions?
-
-    model_config = ConfigDict(
-        json_schema_extra=_add_json_schema_extra,  # type: ignore
-    )
-
-
-class _FileIOFieldSchemaExtra(BaseModel, Generic[MT]):
-    content_types: list[MT]

autogpt_platform/backend/backend/data/block.py

@@ -38,7 +38,6 @@ from backend.util.exceptions import (
 )
 from backend.util.settings import Config
 
-from ._fileio import FileMetaIO
 from .model import (
     ContributorDetails,
     Credentials,
@@ -253,11 +252,6 @@ class BlockSchema(BaseModel):
                     "has invalid name: must be 'credentials' or *_credentials"
                 )
 
-            elif FileMetaIO is get_origin(
-                field_type := cls.model_fields[field_name].annotation
-            ):
-                cast(type[FileMetaIO], field_type).validate_file_field_schema(cls)
-
     @classmethod
     def get_credentials_fields(cls) -> dict[str, type[CredentialsMetaInput]]:
         return {

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/files.py

@@ -1,128 +0,0 @@
-import logging
-from datetime import datetime
-from typing import Sequence
-
-import fastapi
-import prisma.models
-from google.cloud import storage
-from pydantic import Field
-
-from backend.data.db import BaseDbModel
-from backend.util.exceptions import MissingConfigError, NotFoundError
-from backend.util.settings import Settings
-
-logger = logging.getLogger(__name__)
-settings = Settings()
-
-MAX_FILE_SIZE = 50 * 1024 * 1024  # 50MB
-
-
-# ---------------- MODEL ---------------- #
-
-
-class File(BaseDbModel):
-    user_id: str
-
-    name: str
-    size: int = Field(..., description="file size in bytes")
-    content_type: str = Field(..., description="MIME content type of the file")
-    created_at: datetime
-
-    @classmethod
-    def from_db(cls, _file: prisma.models.File) -> "File":
-        return cls(
-            id=_file.id,
-            user_id=_file.userID,
-            name=_file.name,
-            size=_file.size,
-            content_type=_file.contentType,
-            created_at=_file.createdAt,
-        )
-
-
-# ---------------- CRUD functions ---------------- #
-
-
-async def list_files(user_id: str) -> Sequence[File]:
-    return [
-        File.from_db(f)
-        for f in await prisma.models.File.prisma().find_many(where={"userID": user_id})
-    ]
-
-
-async def get_file(file_id: str, user_id: str) -> File:
-    file = await prisma.models.File.prisma().find_first(
-        where={"id": file_id, "userID": user_id}
-    )
-    if not file:
-        raise NotFoundError(f"File #{file_id} does not exist")
-    return File.from_db(file)
-
-
-async def get_file_content(file_id: str, user_id: str) -> tuple[File, storage.Blob]:
-    file = await get_file(file_id=file_id, user_id=user_id)
-
-    blob = _user_file_bucket().get_blob(file.id)
-    if not (blob and blob.exists()):
-        logger.error(f"File #{file_id} of user #{user_id} not found in bucket")
-        raise NotFoundError(f"File #{file_id} not found in storage")
-    return file, blob
-
-
-async def create_file(
-    user_id: str, content: bytes, content_type: str, name: str = ""
-) -> File:
-    file = await prisma.models.File.prisma().create(
-        data={
-            "userID": user_id,
-            "name": name,
-            "size": len(content),
-            "contentType": content_type,
-        }
-    )
-    _user_file_bucket().blob(file.id).upload_from_string(
-        content, content_type=content_type
-    )
-    return File.from_db(file)
-
-
-async def create_file_from_upload(
-    user_id: str, uploaded_file: fastapi.UploadFile
-) -> File:
-    # Validate file type
-    content_type = uploaded_file.content_type
-    if content_type is None:
-        raise ValueError(
-            "File has no type"
-        )  # FIXME: graceful fallback to type detection
-
-    # Validate file size
-    if uploaded_file.size is None:
-        raise ValueError("File has no size")
-    if uploaded_file.size > MAX_FILE_SIZE:
-        raise ValueError("File is too large: maximum size is 50MiB")
-
-    file = await prisma.models.File.prisma().create(
-        data={
-            "userID": user_id,
-            "name": uploaded_file.filename or "",
-            "size": uploaded_file.size,
-            "contentType": content_type,
-        }
-    )
-    _user_file_bucket().blob(file.id).upload_from_file(
-        uploaded_file, content_type=content_type
-    )
-    return File.from_db(file)
-
-
-# ---------------- UTILITIES ---------------- #
-
-
-def _user_file_bucket() -> storage.Bucket:
-    if not settings.secrets.user_file_gcs_bucket_name:
-        raise MissingConfigError("Missing storage bucket configuration")
-
-    # TODO: use S3 API instead to allow use of other cloud storage providers
-    storage_client = storage.Client()
-    return storage_client.bucket(settings.secrets.user_file_gcs_bucket_name)

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/server/routers/files.py

@@ -1,44 +0,0 @@
-from typing import Annotated, Sequence
-
-import fastapi
-
-import backend.data.files as files_db
-from backend.server.utils import get_user_id
-
-files_api = fastapi.APIRouter()
-
-
-@files_api.get(path="/", tags=["files"])
-async def list_files(
-    user_id: Annotated[str, fastapi.Depends(get_user_id)],
-) -> Sequence[files_db.File]:
-    return await files_db.list_files(user_id=user_id)
-
-
-@files_api.post(path="/", tags=["files"])
-async def upload_file(
-    user_id: Annotated[str, fastapi.Depends(get_user_id)],
-    file: fastapi.UploadFile,
-) -> files_db.File:
-    return await files_db.create_file_from_upload(user_id=user_id, uploaded_file=file)
-
-
-@files_api.get(path="/{file_id}", tags=["files"])
-async def get_file_meta(
-    user_id: Annotated[str, fastapi.Depends(get_user_id)],
-    file_id: Annotated[str, fastapi.Path()],
-) -> files_db.File:
-    return await files_db.get_file(user_id=user_id, file_id=file_id)
-
-
-@files_api.get(path="/{file_id}/download", tags=["files"])
-async def download_file(
-    user_id: Annotated[str, fastapi.Depends(get_user_id)],
-    file_id: Annotated[str, fastapi.Path()],
-):
-    file, blob = await files_db.get_file_content(user_id=user_id, file_id=file_id)
-    return fastapi.responses.StreamingResponse(
-        content=blob.open(),
-        media_type=file.content_type,
-        headers={"Content-Disposition": f'attachment; filename="{file.name}"'},
-    )

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/util/exceptions.py

@@ -41,7 +41,7 @@ class MissingConfigError(Exception):
 
 
 class NotFoundError(ValueError):
-    """The requested resource was not found in the system"""
+    """The requested record was not found, resulting in an error condition"""
 
 
 class GraphNotFoundError(ValueError):

autogpt_platform/backend/backend/util/settings.py

@@ -549,11 +549,6 @@ class Secrets(UpdateTrackingModel["Secrets"], BaseSettings):
         description="The secret key to use for the unsubscribe user by token",
     )
 
-    user_file_gcs_bucket_name: str = Field(
-        default="",
-        description="The name of the Google Cloud Storage bucket for users' files",
-    )
-
     # OAuth server credentials for integrations
     # --8<-- [start:OAuthServerCredentialsExample]
     github_client_id: str = Field(default="", description="GitHub OAuth client ID")

autogpt_platform/backend/pyproject.toml

@@ -87,7 +87,6 @@ stagehand = "^0.5.1"
 aiohappyeyeballs = "^2.6.1"
 black = "^24.10.0"
 faker = "^38.2.0"
-google-api-python-client-stubs = "^1.28.0"
 httpx = "^0.28.1"
 isort = "^5.13.2"
 poethepoet = "^0.37.0"

autogpt_platform/backend/schema.prisma

@@ -50,7 +50,6 @@ model User {
 
   AgentPresets  AgentPreset[]
   LibraryAgents LibraryAgent[]
-  Files         File[]
 
   Profile               Profile[]
   UserOnboarding        UserOnboarding?
@@ -459,9 +458,6 @@ model AgentNodeExecutionInputOutput {
   data Json?
   time DateTime @default(now())
 
-  fileID String?
-  File   File?   @relation("AgentNodeExecutionIOFile", fields: [fileID], references: [id])
-
   // Prisma requires explicit back-references.
   referencedByInputExecId  String?
   ReferencedByInputExec    AgentNodeExecution? @relation("AgentNodeExecutionInput", fields: [referencedByInputExecId], references: [id], onDelete: Cascade)
@@ -523,22 +519,6 @@ model PendingHumanReview {
   @@index([graphExecId, status])
 }
 
-model File {
-  id     String @id @default(uuid())
-  userID String
-
-  OwnedByUser User @relation(fields: [userID], references: [id])
-
-  name        String
-  size        Int // file size in bytes
-  contentType String
-  createdAt   DateTime @default(now())
-
-  UsedInAgentNodeExecutionIO AgentNodeExecutionInputOutput[] @relation("AgentNodeExecutionIOFile")
-
-  @@index([id, userID])
-}
-
 // Webhook that is registered with a provider and propagates to one or more nodes
 model IntegrationWebhook {
   id        String    @id @default(uuid())

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/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)/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 flex-[0_0_40%] overflow-hidden font-mono tracking-tight"
+          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 ?? ""}
@@ -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/RunAgentInputs/useRunAgentInputs.ts

@@ -6,7 +6,7 @@ export function useRunAgentInputs() {
   const [uploadProgress, setUploadProgress] = useState(0);
 
   async function handleUploadFile(file: File) {
-    const result = await api.uploadSignedFile(file, "gcs", 24, (progress) =>
+    const result = await api.uploadFile(file, "gcs", 24, (progress) =>
       setUploadProgress(progress),
     );
     return result;

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,6 +28,9 @@ 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;
@@ -61,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
@@ -101,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,6 +17,9 @@ 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;
@@ -41,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
@@ -97,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,
@@ -137,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,
@@ -130,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/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/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/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

@@ -18,7 +18,6 @@ import type {
   CreateAPIKeyResponse,
   CreatorDetails,
   CreatorsResponse,
-  FileMeta,
   Credentials,
   CredentialsDeleteNeedConfirmationResponse,
   CredentialsDeleteResponse,
@@ -409,26 +408,6 @@ export default class BackendAPI {
     });
   }
 
-  ////////////////////////////////////////
-  ///////////////// FILES ////////////////
-  ////////////////////////////////////////
-
-  listFiles(): Promise<FileMeta[]> {
-    return this._get("/files");
-  }
-
-  getFileMeta(fileID: string): Promise<FileMeta> {
-    return this._get(`/files/${fileID}`);
-  }
-
-  downloadFile(fileID: string): Promise<unknown> {
-    return this._get(`/files/${fileID}/download`);
-  }
-
-  uploadFile(file: File): Promise<FileMeta> {
-    return this._uploadFile("/files", file);
-  }
-
   /**
    * @returns `true` if a ping event was received, `false` if provider doesn't support pinging but the webhook exists.
    * @throws  `Error` if the webhook does not exist.
@@ -522,7 +501,7 @@ export default class BackendAPI {
     return this._uploadFile("/store/submissions/media", file);
   }
 
-  uploadSignedFile(
+  uploadFile(
     file: File,
     provider: string = "gcs",
     expiration_hours: number = 24,
@@ -830,7 +809,7 @@ export default class BackendAPI {
     return session?.access_token || "no-token-found";
   }
 
-  private async _uploadFile(path: string, file: File): Promise<any> {
+  private async _uploadFile(path: string, file: File): Promise<string> {
     const formData = new FormData();
     formData.append("file", file);
 
@@ -865,7 +844,7 @@ export default class BackendAPI {
   private async _makeClientFileUpload(
     path: string,
     formData: FormData,
-  ): Promise<any> {
+  ): Promise<string> {
     // Dynamic import is required even for client-only functions because helpers.ts
     // has server-only imports (like getServerSupabase) at the top level. Static imports
     // would bundle server-only code into the client bundle, causing runtime errors.
@@ -889,7 +868,7 @@ export default class BackendAPI {
   private async _makeServerFileUpload(
     path: string,
     formData: FormData,
-  ): Promise<any> {
+  ): Promise<string> {
     const { makeAuthenticatedFileUpload, buildServerUrl } = await import(
       "./helpers"
     );

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

@@ -659,23 +659,6 @@ export type HostScopedCredentials = BaseCredentials & {
   headers: Record<string, string>;
 };
 
-/* Mirror of backend/data/files.py:File */
-export type FileMeta = {
-  id: string;
-  user_id: string;
-  name: string;
-  size: number;
-  content_type: string;
-  created_at: Date;
-};
-
-/* Mirror of backend/backend/data/_fileio.py:FileMetaIO */
-export type FileMetaIO = {
-  id: string;
-  name: string;
-  content_type: string;
-};
-
 // Mirror of backend/backend/data/notifications.py:NotificationType
 export type NotificationType =
   | "AGENT_RUN"

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: {