Fix agent input

Author: ajhai

llmstack/client/src/components/apps/AppConfigEditor.jsx

@@ -24,6 +24,7 @@ export function AppConfigEditor({
   setInputFields,
   config,
   setConfig,
+  isAgent,
 }) {
   return (
     <AppStepCard
@@ -58,7 +59,7 @@ export function AppConfigEditor({
       setActiveStep={setActiveStep}
     >
       <CardContent style={{ maxHeight: 400, overflow: "auto" }}>
-        <Accordion defaultExpanded={true}>
+        <Accordion defaultExpanded={!isAgent}>
           <AccordionSummary
             expandIcon={<ExpandMoreIcon />}
             aria-controls="input-content"
@@ -69,9 +70,21 @@ export function AppConfigEditor({
           </AccordionSummary>
           <AccordionDetails>
             <AppInputSchemaEditor
-              fields={inputFields}
+              fields={
+                isAgent
+                  ? [
+                      {
+                        name: "task",
+                        title: "Task",
+                        description: "What do you want the agent to perform?",
+                        type: "string",
+                        required: true,
+                      },
+                    ]
+                  : inputFields
+              }
               setFields={setInputFields}
-              readOnly={appType?.slug === "slack"}
+              readOnly={isAgent}
             />
           </AccordionDetails>
         </Accordion>

llmstack/client/src/components/apps/AppEditor.jsx

@@ -94,6 +94,7 @@ export function AppEditor(props) {
               processors={processors}
               setProcessors={setProcessors}
               outputSchemas={outputSchemas}
+              isAgent={app.app_type_slug === "agent"}
             />
           </Stack>
           {processors.map((processor, index) => (

llmstack/client/src/pages/AppEdit.jsx

@@ -250,7 +250,16 @@ export default function AppEditPage(props) {
         config: app?.data?.config,
         app_type: app?.type?.id,
         type_slug: app?.type?.slug,
-        input_fields: appInputFields,
+        input_fields:
+          app?.type?.slug === "agent"
+            ? {
+                name: "task",
+                title: "Task",
+                description: "What do you want the agent to perform?",
+                type: "string",
+                required: true,
+              }
+            : appInputFields,
         output_template:
           app?.type?.slug === "agent" ? "{{agent}}" : appOutputTemplate,
         web_config: app?.web_config || {},