Agent chip for templates

Author: ajhai

llmstack/apps/apis.py

@@ -258,8 +258,9 @@ def getTemplates(self, request, slug=None):
                     # When listing, do not show pages and app
                     app_template_dict = app_template.dict()
                     app_template_dict.pop('pages')
-                    app_template_dict.pop('app')
-                    json_data.append(app_template_dict)
+                    app = app_template_dict.pop('app')
+                    json_data.append(
+                        {**app_template_dict, **{"app": {"type_slug": app["type_slug"]}}})
 
         return DRFResponse(json_data)
 
@@ -515,10 +516,11 @@ async def run_app_internal_async(self, uid, session_id, request_uuid, request, p
     def run_app_internal(self, uid, session_id, request_uuid, request, platform=None, preview=False):
         app = get_object_or_404(App, uuid=uuid.UUID(uid))
         app_owner = get_object_or_404(Profile, user=app.owner)
-        
+
         if (flag_enabled('HAS_EXCEEDED_MONTHLY_PROCESSOR_RUN_QUOTA', request=request, user=app.owner)):
-            raise Exception('You have exceeded your monthly processor run quota. Please upgrade your plan to continue using the platform.')
-         
+            raise Exception(
+                'You have exceeded your monthly processor run quota. Please upgrade your plan to continue using the platform.')
+
         app_data_obj = AppData.objects.filter(
             app_uuid=app.uuid, is_draft=preview).order_by('-created_at').first()
 
@@ -552,16 +554,15 @@ def run_discord(self, request, uid):
     @action(detail=True, methods=['post'])
     def run_slack(self, request, uid):
         return self.run(request, uid, platform='slack')
-    
+
     @action(detail=True, methods=['post'])
     def run_twiliosms(self, request, uid):
         result = self.run(request, uid, platform='twilio-sms')
         return DRFResponse(status=204, headers={'Content-Type': 'text/xml'})
-    
+
     @action(detail=True, methods=['post'])
     def run_twiliovoice(self, request, uid):
         raise NotImplementedError()
-        
 
     def testsets(self, request, uid):
         app = get_object_or_404(App, uuid=uuid.UUID(uid))

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { Card, CardContent, Stack, Typography } from "@mui/material";
+import { Card, CardContent, Chip, Stack, Typography } from "@mui/material";
 import { useNavigate, useParams } from "react-router-dom";
 import { axios } from "../../data/axios";
 import { AppFromTemplateDialog } from "./AppFromTemplateDialog";
@@ -122,6 +122,20 @@ export function AppTemplatesList() {
                   >
                     {template.name}
                   </Typography>
+                  {template.app?.type_slug === "agent" && (
+                    <Chip
+                      label="Agent"
+                      size="small"
+                      style={{
+                        margin: "auto",
+                        padding: "5px 0",
+                        borderRadius: "3px",
+                        backgroundColor: "#ffdca4",
+                        fontSize: "12px",
+                        color: "#555",
+                      }}
+                    />
+                  )}
                   <Typography variant="caption" color="text.secondary">
                     {template.description || template.app?.type.description}
                   </Typography>