From 09304beb0d268d6bb35023336a0946fb4c203504 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Tue, 26 Nov 2024 14:11:42 +0100
Subject: [PATCH 01/34] fix(frontend): changed sidebar menu title to app
 management

---
 agenta-web/src/components/Sidebar/config.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/agenta-web/src/components/Sidebar/config.tsx b/agenta-web/src/components/Sidebar/config.tsx
index b741321b96..f6b4ac3dd3 100644
--- a/agenta-web/src/components/Sidebar/config.tsx
+++ b/agenta-web/src/components/Sidebar/config.tsx
@@ -54,8 +54,8 @@ export const useSidebarConfig = () => {
 
     const sidebarConfig: SidebarConfig[] = [
         {
-            key: "application-link",
-            title: "Applications",
+            key: "app-management-link",
+            title: "App Management",
             tooltip: "Create new applications or switch between your existing projects.",
             link: "/apps",
             icon: <AppstoreOutlined />,

From 95002027d164a96b8e45957c98985af342ad1292 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Wed, 27 Nov 2024 01:54:30 +0100
Subject: [PATCH 02/34] feat(frontend): implemented new app management view

---
 agenta-web/src/components/Layout/Layout.tsx   |  13 +-
 .../app-management/components/AppCard.tsx     | 166 +++++
 .../app-management/components/AppTable.tsx    | 122 ++++
 .../components/AppTemplateCard.tsx            | 128 ++++
 .../components/pages/app-management/index.tsx | 631 ++++++++++++++++++
 .../modals/AddAppFromTemplateModal.tsx        | 173 +++++
 .../modals/CreateAppStatusModal.tsx           | 233 +++++++
 .../modals/CustomAppCreationLoader.tsx        | 245 +++++++
 .../app-management/modals/DeleteAppModal.tsx  |  23 +
 .../app-management/modals/EditAppModal.tsx    |  95 +++
 .../app-management/modals/MaxAppModal.tsx     |  87 +++
 .../modals/WriteOwnAppModal.tsx               | 150 +++++
 agenta-web/src/media/rag-demo-app.png         | Bin 0 -> 8300 bytes
 agenta-web/src/pages/apps/index.tsx           |   4 +-
 14 files changed, 2066 insertions(+), 4 deletions(-)
 create mode 100644 agenta-web/src/components/pages/app-management/components/AppCard.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/components/AppTable.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/components/AppTemplateCard.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/index.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/modals/AddAppFromTemplateModal.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/modals/CreateAppStatusModal.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/modals/CustomAppCreationLoader.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/modals/DeleteAppModal.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/modals/EditAppModal.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/modals/MaxAppModal.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/modals/WriteOwnAppModal.tsx
 create mode 100644 agenta-web/src/media/rag-demo-app.png

diff --git a/agenta-web/src/components/Layout/Layout.tsx b/agenta-web/src/components/Layout/Layout.tsx
index 29691ee915..3ab63d20e8 100644
--- a/agenta-web/src/components/Layout/Layout.tsx
+++ b/agenta-web/src/components/Layout/Layout.tsx
@@ -1,5 +1,5 @@
 import React, {useEffect, useMemo} from "react"
-import {Breadcrumb, Layout, Modal, Space, Typography, theme} from "antd"
+import {Breadcrumb, ConfigProvider, Layout, Modal, Space, Typography, theme} from "antd"
 import Sidebar from "../Sidebar/Sidebar"
 import {GithubFilled, LinkedinFilled, TwitterOutlined} from "@ant-design/icons"
 import Link from "next/link"
@@ -198,7 +198,16 @@ const App: React.FC<LayoutProps> = ({children}) => {
                                     </div>
                                     <Content className={classes.content}>
                                         <ErrorBoundary FallbackComponent={ErrorFallback}>
-                                            {children}
+                                            <ConfigProvider
+                                                theme={{
+                                                    algorithm:
+                                                        appTheme === "dark"
+                                                            ? theme.darkAlgorithm
+                                                            : theme.defaultAlgorithm,
+                                                }}
+                                            >
+                                                {children}
+                                            </ConfigProvider>
                                             {contextHolder}
                                         </ErrorBoundary>
                                     </Content>
diff --git a/agenta-web/src/components/pages/app-management/components/AppCard.tsx b/agenta-web/src/components/pages/app-management/components/AppCard.tsx
new file mode 100644
index 0000000000..0ede9dd495
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/AppCard.tsx
@@ -0,0 +1,166 @@
+import {Card, Dropdown, Button, Typography, Tag} from "antd"
+import {MoreOutlined} from "@ant-design/icons"
+import {deleteApp} from "@/services/app-selector/api"
+import {useState} from "react"
+import {createUseStyles} from "react-jss"
+import {JSSTheme, ListAppsItem} from "@/lib/Types"
+import {useAppsData} from "@/contexts/app.context"
+import {Note, PencilLine, Trash} from "@phosphor-icons/react"
+import {useRouter} from "next/router"
+import {formatDay} from "@/lib/helpers/dateTimeHelper"
+import DeleteAppModal from "../modals/DeleteAppModal"
+import EditAppModal from "../modals/EditAppModal"
+
+const {Text} = Typography
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    card: {
+        display: "flex",
+        flexDirection: "column",
+        transition: "all 0.025s ease-in",
+        cursor: "pointer",
+        boxShadow: theme.boxShadowTertiary,
+        "& > .ant-card-head": {
+            minHeight: 0,
+            padding: `${theme.paddingXS}px ${theme.paddingSM}px`,
+            "& .ant-card-head-title": {
+                fontSize: theme.fontSizeLG,
+                fontWeight: theme.fontWeightMedium,
+            },
+        },
+        "& > .ant-card-body": {
+            padding: theme.paddingSM,
+        },
+        "&:hover": {
+            boxShadow: theme.boxShadow,
+        },
+    },
+    app_card_link: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px",
+        "& > div": {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            textDecoration: "none",
+            color: theme.colorText,
+        },
+        "& .ant-typography": {
+            fontSize: `${theme.fontSize}px !important`,
+        },
+    },
+}))
+
+const AppCard: React.FC<{
+    app: ListAppsItem
+}> = ({app}) => {
+    const [visibleDelete, setVisibleDelete] = useState(false)
+    const [confirmLoading, setConfirmLoading] = useState(false)
+    const {mutate} = useAppsData()
+    const router = useRouter()
+    const [isEditAppModalOpen, setIsEditAppModalOpen] = useState(false)
+
+    const handleDeleteOk = async () => {
+        setConfirmLoading(true)
+        try {
+            await deleteApp(app.app_id)
+            mutate()
+        } catch (error) {
+            console.error(error)
+        } finally {
+            // remove variant tabs position index from LS
+            localStorage.removeItem(`tabIndex_${app.app_id}`)
+            setVisibleDelete(false)
+            setConfirmLoading(false)
+        }
+    }
+    const handleDeleteCancel = () => {
+        setVisibleDelete(false)
+    }
+
+    const classes = useStyles()
+
+    return (
+        <>
+            <Card
+                className={classes.card}
+                title={app.app_name}
+                onClick={() => router.push(`/apps/${app.app_id}/overview`)}
+                extra={
+                    <Dropdown
+                        trigger={["click"]}
+                        overlayStyle={{width: 180}}
+                        menu={{
+                            items: [
+                                {
+                                    key: "open_app",
+                                    label: "Open",
+                                    icon: <Note size={16} />,
+                                    onClick: (e: any) => {
+                                        e.domEvent.stopPropagation()
+                                        router.push(`/apps/${app.app_id}/overview`)
+                                    },
+                                },
+                                {type: "divider"},
+                                {
+                                    key: "rename_app",
+                                    label: "Rename",
+                                    icon: <PencilLine size={16} />,
+                                    onClick: (e: any) => {
+                                        e.domEvent.stopPropagation()
+                                        setIsEditAppModalOpen(true)
+                                    },
+                                },
+                                {
+                                    key: "delete_app",
+                                    label: "Delete",
+                                    icon: <Trash size={16} />,
+                                    danger: true,
+                                    onClick: (e: any) => {
+                                        e.domEvent.stopPropagation()
+                                        setVisibleDelete(true)
+                                    },
+                                },
+                            ],
+                        }}
+                    >
+                        <Button
+                            type="text"
+                            onClick={(e) => e.stopPropagation()}
+                            icon={<MoreOutlined />}
+                            size="small"
+                        />
+                    </Dropdown>
+                }
+            >
+                <div data-cy="app-card-link" className={classes.app_card_link}>
+                    <div>
+                        <Text>Type</Text>
+                        <Tag className="mr-0">{app.app_type}</Tag>
+                    </div>
+                    <div>
+                        <Text>Last modified:</Text>
+                        <Text>{formatDay(app.updated_at)}</Text>
+                    </div>
+                </div>
+            </Card>
+
+            <DeleteAppModal
+                open={visibleDelete}
+                onOk={handleDeleteOk}
+                onCancel={handleDeleteCancel}
+                appName={app.app_name}
+                confirmLoading={confirmLoading}
+            />
+
+            <EditAppModal
+                open={isEditAppModalOpen}
+                onCancel={() => setIsEditAppModalOpen(false)}
+                appDetails={app}
+            />
+        </>
+    )
+}
+
+export default AppCard
diff --git a/agenta-web/src/components/pages/app-management/components/AppTable.tsx b/agenta-web/src/components/pages/app-management/components/AppTable.tsx
new file mode 100644
index 0000000000..a9caf2627b
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/AppTable.tsx
@@ -0,0 +1,122 @@
+import {ListAppsItem} from "@/lib/Types"
+import {MoreOutlined} from "@ant-design/icons"
+import {GearSix, Note, PencilLine, Trash} from "@phosphor-icons/react"
+import {Button, Dropdown, Table, Tag} from "antd"
+import {ColumnsType} from "antd/es/table"
+import {useRouter} from "next/router"
+import React, {useState} from "react"
+import {useAppsData} from "@/contexts/app.context"
+import {formatDay} from "@/lib/helpers/dateTimeHelper"
+
+type AppTableProps = {
+    filteredApps: ListAppsItem[]
+    isLoading: boolean
+} & React.ComponentProps<typeof Table>
+
+const AppTable = ({filteredApps, isLoading, ...props}: AppTableProps) => {
+    const router = useRouter()
+    const [selectedApp, setSelectedApp] = useState<ListAppsItem | null>(null)
+    const {mutate} = useAppsData()
+
+    const columns: ColumnsType<ListAppsItem> = [
+        {
+            title: "Name",
+            dataIndex: "name",
+            key: "name",
+            render: (_, record) => {
+                return <div>{record.app_name}</div>
+            },
+        },
+        {
+            title: "Date Modified",
+            dataIndex: "updated_at",
+            key: "updated_at",
+            render: (_, record) => {
+                return <div>{formatDay(record.updated_at)}</div>
+            },
+        },
+        {
+            title: "Type",
+            dataIndex: "app_type",
+            key: "app_type",
+            render: (_, record) => {
+                return <Tag>{record.app_type}</Tag>
+            },
+        },
+        {
+            title: <GearSix size={16} />,
+            key: "key",
+            width: 56,
+            fixed: "right",
+            align: "center",
+            render: (_, record) => {
+                return (
+                    <Dropdown
+                        trigger={["click"]}
+                        overlayStyle={{width: 180}}
+                        menu={{
+                            items: [
+                                {
+                                    key: "open_app",
+                                    label: "Open",
+                                    icon: <Note size={16} />,
+                                    onClick: (e: any) => {
+                                        e.domEvent.stopPropagation()
+                                        router.push(`/apps/${record.app_id}/overview`)
+                                    },
+                                },
+                                {type: "divider"},
+                                {
+                                    key: "rename_app",
+                                    label: "Rename",
+                                    icon: <PencilLine size={16} />,
+                                    onClick: (e: any) => {
+                                        e.domEvent.stopPropagation()
+                                    },
+                                },
+                                {
+                                    key: "delete_app",
+                                    label: "Delete",
+                                    icon: <Trash size={16} />,
+                                    danger: true,
+                                    onClick: (e: any) => {
+                                        e.domEvent.stopPropagation()
+                                    },
+                                },
+                            ],
+                        }}
+                    >
+                        <Button
+                            type="text"
+                            onClick={(e) => e.stopPropagation()}
+                            icon={<MoreOutlined />}
+                            size="small"
+                        />
+                    </Dropdown>
+                )
+            },
+        },
+    ]
+
+    return (
+        <>
+            <Table
+                rowKey={"app_id"}
+                className="ph-no-capture"
+                loading={isLoading}
+                columns={columns}
+                dataSource={filteredApps}
+                scroll={{x: true}}
+                pagination={false}
+                bordered
+                onRow={(record) => ({
+                    style: {cursor: "pointer"},
+                    "data-cy": "apps-list",
+                    onClick: () => {},
+                })}
+            />
+        </>
+    )
+}
+
+export default AppTable
diff --git a/agenta-web/src/components/pages/app-management/components/AppTemplateCard.tsx b/agenta-web/src/components/pages/app-management/components/AppTemplateCard.tsx
new file mode 100644
index 0000000000..eab31fb542
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/AppTemplateCard.tsx
@@ -0,0 +1,128 @@
+import React from "react"
+import {createUseStyles} from "react-jss"
+import {JSSTheme} from "@/lib/Types"
+import {Button, Card, Typography} from "antd"
+import {ArrowRight} from "@phosphor-icons/react"
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    card: {
+        width: 392,
+        height: 268,
+        display: "flex",
+        cursor: "pointer",
+        flexDirection: "column",
+        justifyContent: "space-between",
+        transition: "all 0.025s ease-in",
+        boxShadow: theme.boxShadowTertiary,
+        "& > .ant-card-head": {
+            minHeight: 0,
+            padding: theme.paddingSM,
+            "& .ant-card-head-title": {
+                fontSize: theme.fontSizeLG,
+                fontWeight: theme.fontWeightMedium,
+            },
+        },
+        "& > .ant-card-body": {
+            padding: theme.paddingSM,
+            flex: 1,
+        },
+        "& > .ant-card-actions": {
+            padding: "0 12px",
+        },
+        "&:hover": {
+            boxShadow: theme.boxShadow,
+        },
+    },
+    button: {
+        width: "100%",
+        display: "flex",
+        alignItems: "center",
+        "& > .ant-btn-icon": {
+            marginTop: 4,
+        },
+    },
+}))
+
+interface Props {
+    onWriteOwnApp: () => void
+    onCreateFromTemplate: () => void
+}
+
+const AppTemplateCard: React.FC<Props> = ({onWriteOwnApp, onCreateFromTemplate}) => {
+    const classes = useStyles()
+
+    const templatePoints = [
+        "Experiment and compare prompts and models",
+        "Evaluate outputs in the web UI",
+        "Deploy and version prompts",
+        "Track all LLM calls",
+    ]
+    const complexLLM = [
+        "Experiment with RAG, or agent architectures in the web UI",
+        "Create custom playgrounds to debug and trace calls",
+        "Easily integrate your LLM app code into the platform",
+        "Evaluate workflows end-to-end in the web UI",
+    ]
+    return (
+        <section className="flex flex-wrap items-center justify-center gap-4">
+            <Card
+                title="Create a prompt"
+                className={classes.card}
+                onClick={onCreateFromTemplate}
+                data-cy="create-from-template"
+                actions={[
+                    <Button
+                        type="primary"
+                        key="template"
+                        className={classes.button}
+                        iconPosition="end"
+                        icon={<ArrowRight size={18} />}
+                        size="large"
+                    >
+                        Create a new prompt
+                    </Button>,
+                ]}
+            >
+                <div className="gap-2">
+                    <Typography.Text>Quickly create a prompt and:</Typography.Text>
+                    <ul className="-ml-5">
+                        {templatePoints.map((item) => (
+                            <li key={item}>{item}</li>
+                        ))}
+                    </ul>
+                </div>
+            </Card>
+
+            <Card
+                title="Build custom workflows"
+                className={classes.card}
+                onClick={onWriteOwnApp}
+                actions={[
+                    <Button
+                        type="primary"
+                        key="ownApp"
+                        className={classes.button}
+                        iconPosition="end"
+                        icon={<ArrowRight size={18} />}
+                        size="large"
+                    >
+                        Create your own app
+                    </Button>,
+                ]}
+            >
+                <div className="gap-2">
+                    <Typography.Text>
+                        Create your own complex application using any framework.
+                    </Typography.Text>
+                    <ul className="-ml-5">
+                        {complexLLM.map((item) => (
+                            <li key={item}>{item}</li>
+                        ))}
+                    </ul>
+                </div>
+            </Card>
+        </section>
+    )
+}
+
+export default AppTemplateCard
diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
new file mode 100644
index 0000000000..5e717c622b
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -0,0 +1,631 @@
+import {useState, useEffect, useMemo} from "react"
+import {PlusOutlined} from "@ant-design/icons"
+import {
+    Modal,
+    Button,
+    notification,
+    Typography,
+    Input,
+    Card,
+    Space,
+    Flex,
+    Radio,
+    Pagination,
+} from "antd"
+import AppCard from "./components/AppCard"
+import {Template, GenericObject, StyleProps, JSSTheme} from "@/lib/Types"
+
+import {isAppNameInputValid, isDemo, redirectIfNoLLMKeys} from "@/lib/helpers/utils"
+import {createAndStartTemplate, fetchAllTemplates, deleteApp} from "@/services/app-selector/api"
+import {waitForAppToStart} from "@/services/api"
+import AddAppFromTemplatedModal from "./modals/AddAppFromTemplateModal"
+import MaxAppModal from "./modals/MaxAppModal"
+import WriteOwnAppModal from "./modals/WriteOwnAppModal"
+import {createUseStyles} from "react-jss"
+import {useAppsData} from "@/contexts/app.context"
+import {useProfileData} from "@/contexts/profile.context"
+import CreateAppStatusModal from "./modals/CreateAppStatusModal"
+import {usePostHogAg} from "@/hooks/usePostHogAg"
+import {LlmProvider, getAllProviderLlmKeys} from "@/lib/helpers/llmProviders"
+import {dynamicContext} from "@/lib/helpers/dynamic"
+import AppTemplateCard from "./components/AppTemplateCard"
+import dayjs from "dayjs"
+import {
+    ArrowRight,
+    BookOpen,
+    Cards,
+    Code,
+    HandWaving,
+    Info,
+    Rocket,
+    Table,
+    TreeView,
+} from "@phosphor-icons/react"
+import {useAppTheme} from "@/components/Layout/ThemeContextProvider"
+import {useLocalStorage} from "usehooks-ts"
+import AppTable from "./components/AppTable"
+import NoResultsFound from "@/components/NoResultsFound/NoResultsFound"
+import Image from "next/image"
+import RagDemoImage from "@/media/rag-demo-app.png"
+import Link from "next/link"
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    container: ({themeMode}: StyleProps) => ({
+        width: "100%",
+        color: themeMode === "dark" ? "#fff" : "#000",
+        "& h1.ant-typography": {
+            fontSize: theme.fontSizeHeading2,
+            fontWeight: theme.fontWeightMedium,
+            lineHeight: theme.lineHeightHeading2,
+        },
+        "& h2.ant-typography": {
+            fontSize: theme.fontSizeHeading3,
+            fontWeight: theme.fontWeightMedium,
+            lineHeight: theme.lineHeightHeading3,
+        },
+        "& span.ant-typography": {
+            fontSize: theme.fontSizeLG,
+            lineHeight: theme.lineHeightLG,
+            color: "inherit",
+        },
+    }),
+    cardsList: {
+        width: "100%",
+        display: "grid",
+        border: `1px solid ${theme.colorBorderSecondary}`,
+        borderRadius: theme.borderRadius,
+        padding: theme.padding,
+        gap: 16,
+        "@media (max-width: 1199px)": {
+            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+        },
+        "@media (min-width: 1200px) and (max-width: 1699px)": {
+            gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+        },
+        "@media (min-width: 1700px) and (max-width: 2000px)": {
+            gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
+        },
+        "@media (min-width: 2001px)": {
+            gridTemplateColumns: "repeat(5, minmax(0, 1fr))",
+        },
+    },
+    modal: {
+        transition: "width 0.3s ease",
+        "& .ant-modal-content": {
+            overflow: "hidden",
+            borderRadius: 16,
+            "& > .ant-modal-close": {
+                top: 16,
+            },
+        },
+    },
+    appTemplate: {
+        gap: 16,
+        display: "flex",
+        flexDirection: "column",
+    },
+    headerText: {
+        lineHeight: theme.lineHeightLG,
+        fontSize: theme.fontSizeHeading4,
+        fontWeight: theme.fontWeightStrong,
+    },
+    getStartedCard: {
+        width: 226,
+        cursor: "pointer",
+        transition: "all 0.025s ease-in",
+        "& .ant-card-head": {
+            padding: 12,
+            borderBottom: "none",
+            minHeight: "auto",
+            marginBottom: "auto",
+            color: "inherit",
+            "& .ant-card-head-title": {
+                display: "flex",
+            },
+        },
+        "& .ant-card-body": {
+            padding: 12,
+            "& span.ant-typography": {
+                textOverflow: "ellipsis",
+                fontSize: theme.fontSizeLG,
+                fontWeight: theme.fontWeightMedium,
+                lineHeight: theme.lineHeightLG,
+                color: "inherit",
+            },
+        },
+        "&:hover": {
+            boxShadow: theme.boxShadowTertiary,
+        },
+        "&:first-of-type": {
+            backgroundColor: theme.colorPrimary,
+            color: `${theme.colorWhite} !important`,
+            "&:hover": {
+                backgroundColor: theme.colorPrimaryHover,
+            },
+        },
+    },
+    rag_demo_card: {
+        width: 400,
+        "& .ant-card-body": {
+            padding: theme.paddingSM,
+            "& span.ant-typography": {
+                textOverflow: "ellipsis",
+                fontSize: theme.fontSizeLG,
+                fontWeight: theme.fontWeightMedium,
+                lineHeight: theme.lineHeightLG,
+                color: "inherit",
+            },
+            "& div.ant-typography": {
+                fontSize: theme.fontSizeLG,
+                lineHeight: theme.lineHeightLG,
+                color: theme.colorTextSecondary,
+            },
+        },
+    },
+    helperCard: {
+        maxWidth: 400,
+        flex: 1,
+        gap: 12,
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        transition: "all 0.025s ease-in",
+        border: `1px solid ${theme.colorBorderSecondary}`,
+        borderRadius: theme.borderRadius,
+        padding: theme.paddingSM,
+        "& span.ant-typography": {
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            fontSize: theme.fontSizeLG,
+            fontWeight: theme.fontWeightMedium,
+            lineHeight: theme.lineHeightLG,
+            flex: 1,
+        },
+        "&:hover": {
+            boxShadow: theme.boxShadowTertiary,
+        },
+    },
+}))
+
+const timeout = isDemo() ? 60000 : 30000
+
+const {Title, Text, Paragraph} = Typography
+
+const AppManagement: React.FC = () => {
+    const posthog = usePostHogAg()
+    const {appTheme} = useAppTheme()
+    const classes = useStyles({themeMode: appTheme} as StyleProps)
+    const [isCreateAppModalOpen, setIsCreateAppModalOpen] = useState(false)
+    const [isMaxAppModalOpen, setIsMaxAppModalOpen] = useState(false)
+    const [templates, setTemplates] = useState<Template[]>([])
+    const {user} = useProfileData()
+    const [noTemplateMessage, setNoTemplateMessage] = useState("")
+    const [templateId, setTemplateId] = useState<string | undefined>(undefined)
+    const [statusModalOpen, setStatusModalOpen] = useState(false)
+    const [fetchingTemplate, setFetchingTemplate] = useState(false)
+    const [newApp, setNewApp] = useState("")
+    const [current, setCurrent] = useState(0)
+    const [searchTerm, setSearchTerm] = useState("")
+    const {apps, error, isLoading, mutate} = useAppsData()
+    const [statusData, setStatusData] = useState<{status: string; details?: any; appId?: string}>({
+        status: "",
+        details: undefined,
+        appId: undefined,
+    })
+    const [appMsgDisplay, setAppMsgDisplay] = useLocalStorage<"card" | "list">(
+        "app_management_display",
+        "list",
+    )
+    const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
+    const {selectedOrg} = useOrgData()
+
+    const hasAvailableApps = Array.isArray(apps) && apps.length > 0
+
+    useEffect(() => {
+        dynamicContext("org.context", {useOrgData}).then((context) => {
+            setUseOrgData(() => context.useOrgData)
+        })
+    }, [])
+
+    const showCreateAppFromTemplateModal = () => {
+        setTemplateId(undefined)
+        setNewApp("")
+        setIsCreateAppModalOpen(true)
+        setCurrent(hasAvailableApps ? 1 : 0)
+    }
+
+    const showWriteAppModal = () => {
+        setIsCreateAppModalOpen(true)
+        setCurrent(hasAvailableApps ? 2 : 1)
+    }
+
+    useEffect(() => {
+        if (!isLoading) mutate()
+        const fetchTemplates = async () => {
+            const data = await fetchAllTemplates()
+            if (typeof data == "object") {
+                setTemplates(data)
+            } else {
+                setNoTemplateMessage(data)
+            }
+        }
+
+        fetchTemplates()
+    }, [])
+
+    const handleTemplateCardClick = async (template_id: string) => {
+        setIsCreateAppModalOpen(false)
+        // warn the user and redirect if openAI key is not present
+        // TODO: must be changed for multiples LLM keys
+        if (redirectIfNoLLMKeys()) return
+
+        setFetchingTemplate(true)
+        setStatusModalOpen(true)
+
+        // attempt to create and start the template, notify user of the progress
+        const apiKeys = getAllProviderLlmKeys()
+        await createAndStartTemplate({
+            appName: newApp,
+            templateId: template_id,
+            providerKey: isDemo() && apiKeys?.length === 0 ? [] : (apiKeys as LlmProvider[]),
+            timeout,
+            onStatusChange: async (status, details, appId) => {
+                setStatusData((prev) => ({status, details, appId: appId || prev.appId}))
+                if (["error", "bad_request", "timeout", "success"].includes(status))
+                    setFetchingTemplate(false)
+                if (status === "success") {
+                    mutate()
+                    posthog.capture("app_deployment", {
+                        properties: {
+                            app_id: appId,
+                            environment: "UI",
+                            deployed_by: user?.id,
+                        },
+                    })
+                }
+            },
+        })
+    }
+
+    const onErrorRetry = async () => {
+        if (statusData.appId) {
+            setStatusData((prev) => ({...prev, status: "cleanup", details: undefined}))
+            await deleteApp(statusData.appId).catch(console.error)
+            mutate()
+        }
+        handleTemplateCardClick(templateId as string)
+    }
+
+    const onTimeoutRetry = async () => {
+        if (!statusData.appId) return
+        setStatusData((prev) => ({...prev, status: "starting_app", details: undefined}))
+        try {
+            await waitForAppToStart({appId: statusData.appId, timeout})
+        } catch (error: any) {
+            if (error.message === "timeout") {
+                setStatusData((prev) => ({...prev, status: "timeout", details: undefined}))
+            } else {
+                setStatusData((prev) => ({...prev, status: "error", details: error}))
+            }
+        }
+        setStatusData((prev) => ({...prev, status: "success", details: undefined}))
+        mutate()
+    }
+
+    const appNameExist = useMemo(
+        () =>
+            apps.some((app: GenericObject) => app.app_name.toLowerCase() === newApp.toLowerCase()),
+        [apps, newApp],
+    )
+
+    const handleCreateApp = () => {
+        if (appNameExist) {
+            notification.warning({
+                message: "Template Selection",
+                description: "App name already exists. Please choose a different name.",
+                duration: 3,
+            })
+        } else if (fetchingTemplate && newApp.length > 0 && isAppNameInputValid(newApp)) {
+            notification.info({
+                message: "Template Selection",
+                description: "The template image is currently being fetched. Please wait...",
+                duration: 3,
+            })
+        } else if (!fetchingTemplate && newApp.length > 0 && isAppNameInputValid(newApp)) {
+            handleTemplateCardClick(templateId as string)
+        } else {
+            notification.warning({
+                message: "Template Selection",
+                description: "Please provide a valid app name to choose a template.",
+                duration: 3,
+            })
+        }
+    }
+
+    const filteredApps = useMemo(() => {
+        let filtered = apps.sort(
+            (a, b) => dayjs(b.updated_at).valueOf() - dayjs(a.updated_at).valueOf(),
+        )
+
+        if (searchTerm) {
+            filtered = apps.filter((app) =>
+                app.app_name.toLowerCase().includes(searchTerm.toLowerCase()),
+            )
+        }
+        return filtered
+    }, [apps, searchTerm])
+
+    const steps = [
+        {
+            content: (
+                <AddAppFromTemplatedModal
+                    newApp={newApp}
+                    templates={templates}
+                    noTemplateMessage={noTemplateMessage}
+                    templateId={templateId}
+                    appNameExist={appNameExist}
+                    setNewApp={setNewApp}
+                    onCardClick={(template) => {
+                        setTemplateId(template.id)
+                    }}
+                    handleCreateApp={handleCreateApp}
+                />
+            ),
+        },
+        {
+            content: <WriteOwnAppModal />,
+        },
+    ]
+
+    if (hasAvailableApps) {
+        steps.unshift({
+            content: (
+                <section className={classes.appTemplate}>
+                    <Typography.Text className={classes.headerText}>Add new app</Typography.Text>
+
+                    <AppTemplateCard
+                        onWriteOwnApp={showWriteAppModal}
+                        onCreateFromTemplate={showCreateAppFromTemplateModal}
+                    />
+                </section>
+            ),
+        })
+    }
+
+    return (
+        <>
+            <div className={classes.container}>
+                <Title>App Management</Title>
+
+                <div className="my-6 flex flex-col gap-4">
+                    <Title level={2}>Get Started</Title>
+
+                    <div className="flex gap-4">
+                        <Card
+                            title={<Rocket size={24} />}
+                            className={classes.getStartedCard}
+                            onClick={() => {
+                                if (
+                                    isDemo() &&
+                                    selectedOrg?.is_paying == false &&
+                                    apps.length > 2
+                                ) {
+                                    setIsMaxAppModalOpen(true)
+                                } else {
+                                    showCreateAppFromTemplateModal()
+                                }
+                            }}
+                        >
+                            <div className="flex items-center justify-between">
+                                <Text>Create New Prompt</Text>
+
+                                <Info size={16} />
+                            </div>
+                        </Card>
+
+                        <Card title={<TreeView size={24} />} className={classes.getStartedCard}>
+                            <div className="flex items-center justify-between">
+                                <Text>Set Up Tracing</Text>
+
+                                <Info size={16} />
+                            </div>
+                        </Card>
+
+                        <Card
+                            title={<Code size={24} />}
+                            className={classes.getStartedCard}
+                            onClick={showWriteAppModal}
+                        >
+                            <div className="flex items-center justify-between">
+                                <Text>Create Custom Workflow</Text>
+
+                                <Info size={16} />
+                            </div>
+                        </Card>
+                    </div>
+                </div>
+
+                <div className="my-10 flex flex-col gap-2">
+                    <Flex justify="space-between" align="center">
+                        <Space>
+                            <Title level={2}>Application</Title>
+                            <Button
+                                type="primary"
+                                data-cy="create-new-app-button"
+                                icon={<PlusOutlined />}
+                                onClick={() => {
+                                    if (
+                                        isDemo() &&
+                                        selectedOrg?.is_paying == false &&
+                                        apps.length > 2
+                                    ) {
+                                        setIsMaxAppModalOpen(true)
+                                    } else {
+                                        showCreateAppFromTemplateModal()
+                                    }
+                                }}
+                            >
+                                Create new app
+                            </Button>
+                        </Space>
+                        <Space>
+                            <Input.Search
+                                placeholder="Search"
+                                className="w-[400px]"
+                                allowClear
+                                onChange={(e) => setSearchTerm(e.target.value)}
+                            />
+
+                            <Radio.Group
+                                defaultValue={appMsgDisplay}
+                                onChange={(e) => setAppMsgDisplay(e.target.value)}
+                            >
+                                <Radio.Button value="list">
+                                    <Table size={16} className="h-full" />
+                                </Radio.Button>
+                                <Radio.Button value="card">
+                                    <Cards size={16} className="h-full" />
+                                </Radio.Button>
+                            </Radio.Group>
+                        </Space>
+                    </Flex>
+
+                    <div>
+                        {appMsgDisplay === "list" ? (
+                            <AppTable filteredApps={filteredApps} isLoading={isLoading} />
+                        ) : filteredApps.length ? (
+                            <div className={classes.cardsList}>
+                                {filteredApps.map((app, index: number) => (
+                                    <div key={index}>
+                                        <AppCard app={app} />
+                                    </div>
+                                ))}
+                            </div>
+                        ) : (
+                            <NoResultsFound />
+                        )}
+                    </div>
+
+                    <Pagination
+                        total={85}
+                        showTotal={(total) => `Total ${total} items`}
+                        defaultPageSize={10}
+                        defaultCurrent={1}
+                        align="end"
+                    />
+                </div>
+
+                <div className="my-10 flex flex-col gap-4">
+                    <Space direction="vertical" size={8}>
+                        <Title level={2}>Explore demo applications</Title>
+                        <Text>
+                            See Agenta in action by exploring fully build prompts, evaluations,
+                            observability and traces. Learn how to set your application by watching
+                            tutorials.
+                        </Text>
+                    </Space>
+
+                    <div>
+                        <Card
+                            className={classes.rag_demo_card}
+                            cover={
+                                <Image
+                                    src={RagDemoImage}
+                                    alt="rag_demo_application_image"
+                                    priority
+                                />
+                            }
+                        >
+                            <Space direction="vertical" size={24}>
+                                <Space direction="vertical">
+                                    <Text>RAG Q&A with Wikipedia</Text>
+                                    <Paragraph>
+                                        Use RAG to answer questions by fetching relevant information
+                                        from wikipedia
+                                    </Paragraph>
+                                </Space>
+                                <Flex gap={8}>
+                                    <Button className="flex-[0.3]">Read Tutorial</Button>
+                                    <Button className="flex-[0.7]">View Demo</Button>
+                                </Flex>
+                            </Space>
+                        </Card>
+                    </div>
+                </div>
+
+                <div className="mt-10 mb-20 flex flex-col gap-4">
+                    <Space direction="vertical" size={8}>
+                        <Title level={2}>Have a question?</Title>
+                        <Text>Checkout our docs or send us a message on slack.</Text>
+                    </Space>
+
+                    <div className="flex items-center w-full gap-4">
+                        <Link
+                            href="https://docs.agenta.ai/"
+                            target="_blank"
+                            className={classes.helperCard}
+                        >
+                            <Code size={24} />
+                            <Text>Learn how to create a prompt</Text>
+                            <ArrowRight size={18} />
+                        </Link>
+                        <Link
+                            className={classes.helperCard}
+                            href="https://docs.agenta.ai/"
+                            target="_blank"
+                        >
+                            <BookOpen size={24} />
+                            <Text>Check out docs</Text>
+                            <ArrowRight size={18} />
+                        </Link>
+
+                        <Link
+                            href="https://join.slack.com/t/agenta-hq/shared_invite/zt-1zsafop5i-Y7~ZySbhRZvKVPV5DO_7IA"
+                            target="_blank"
+                            className={classes.helperCard}
+                        >
+                            <HandWaving size={24} />
+                            <Text>Say hello at Slack</Text>
+                            <ArrowRight size={18} />
+                        </Link>
+                    </div>
+                </div>
+            </div>
+
+            <Modal
+                open={isCreateAppModalOpen}
+                afterClose={() => setCurrent(0)}
+                onCancel={() => {
+                    setIsCreateAppModalOpen(false)
+                }}
+                footer={null}
+                title={null}
+                className={classes.modal}
+                width={steps.length === 3 && current == 0 ? 855 : 480}
+                centered
+            >
+                {steps[current]?.content}
+            </Modal>
+
+            <MaxAppModal
+                open={isMaxAppModalOpen}
+                onCancel={() => {
+                    setIsMaxAppModalOpen(false)
+                }}
+            />
+
+            <CreateAppStatusModal
+                open={statusModalOpen}
+                loading={fetchingTemplate}
+                onErrorRetry={onErrorRetry}
+                onTimeoutRetry={onTimeoutRetry}
+                onCancel={() => setStatusModalOpen(false)}
+                statusData={statusData}
+                appName={newApp}
+            />
+        </>
+    )
+}
+
+export default AppManagement
diff --git a/agenta-web/src/components/pages/app-management/modals/AddAppFromTemplateModal.tsx b/agenta-web/src/components/pages/app-management/modals/AddAppFromTemplateModal.tsx
new file mode 100644
index 0000000000..e1e65fca0e
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/modals/AddAppFromTemplateModal.tsx
@@ -0,0 +1,173 @@
+import {Typography, Input, Card, Radio, Space, Button, Flex} from "antd"
+import {createUseStyles} from "react-jss"
+import {JSSTheme, Template} from "@/lib/Types"
+import {isAppNameInputValid} from "@/lib/helpers/utils"
+
+const {Text} = Typography
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    modal: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 24,
+    },
+    modalError: {
+        color: theme.colorError,
+        marginTop: 2,
+    },
+    headerText: {
+        "& .ant-typography": {
+            lineHeight: theme.lineHeightLG,
+            fontSize: theme.fontSizeHeading4,
+            fontWeight: theme.fontWeightStrong,
+        },
+    },
+    title: {
+        fontSize: theme.fontSizeLG,
+        fontWeight: theme.fontWeightMedium,
+        lineHeight: theme.lineHeightLG,
+    },
+    label: {
+        fontWeight: theme.fontWeightMedium,
+    },
+    card: {
+        width: 208,
+        height: 180,
+        cursor: "pointer",
+        transitionDuration: "0.3s",
+        "&:hover": {
+            boxShadow: theme.boxShadow,
+        },
+        "& > .ant-card-head": {
+            minHeight: 0,
+            padding: theme.paddingSM,
+
+            "& .ant-card-head-title": {
+                fontSize: theme.fontSize,
+                fontWeight: theme.fontWeightMedium,
+                lineHeight: theme.lineHeight,
+            },
+        },
+        "& > .ant-card-body": {
+            padding: theme.paddingSM,
+            "& > .ant-typography": {
+                color: theme.colorTextSecondary,
+            },
+        },
+    },
+    inputName: {
+        borderColor: `${theme.colorError} !important`,
+        "&  .ant-input-clear-icon": {
+            color: theme.colorError,
+        },
+    },
+}))
+
+type Props = {
+    newApp: string
+    setNewApp: React.Dispatch<React.SetStateAction<string>>
+    templates: Template[]
+    noTemplateMessage: string
+    onCardClick: (template: Template) => void
+    appNameExist: boolean
+    handleCreateApp: () => void
+    templateId: string | undefined
+}
+
+const AddAppFromTemplatedModal = ({
+    newApp,
+    setNewApp,
+    templates,
+    noTemplateMessage,
+    onCardClick,
+    appNameExist,
+    handleCreateApp,
+    templateId,
+}: Props) => {
+    const classes = useStyles()
+
+    const isError = appNameExist || (newApp.length > 0 && !isAppNameInputValid(newApp))
+
+    const handleEnterKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {
+        if (event.key === "Enter" && templateId) {
+            handleCreateApp()
+        }
+    }
+
+    return (
+        <section className={classes.modal}>
+            <Space className={classes.headerText}>
+                <Typography.Text>Start with a template</Typography.Text>
+            </Space>
+
+            <Text>Create a an application using our preset LLM configuration.</Text>
+
+            <div className="space-y-2">
+                <Text className={classes.label}>Provide the name of the application</Text>
+                <Input
+                    placeholder="Enter a name"
+                    data-cy="enter-app-name-input"
+                    value={newApp}
+                    onChange={(e) => setNewApp(e.target.value)}
+                    onKeyDown={handleEnterKeyPress}
+                    className={`${isError && classes.inputName}`}
+                    allowClear
+                />
+
+                {appNameExist && (
+                    <Typography.Text className={classes.modalError}>
+                        App name already exists
+                    </Typography.Text>
+                )}
+                {newApp.length > 0 && !isAppNameInputValid(newApp) && (
+                    <Typography.Text
+                        className={classes.modalError}
+                        data-cy="enter-app-name-modal-text-warning"
+                    >
+                        App name must contain only letters, numbers, underscore, or dash without any
+                        spaces.
+                    </Typography.Text>
+                )}
+            </div>
+
+            <div className="space-y-2">
+                <Text className={classes.label}>Choose your template</Text>
+                <Flex gap={16}>
+                    {noTemplateMessage ? (
+                        <Card title="No Templates Available" className={classes.card}>
+                            <Text>{noTemplateMessage}</Text>
+                        </Card>
+                    ) : (
+                        templates.map((temp) => (
+                            <Card
+                                key={temp.id}
+                                data-cy="app-template-card"
+                                title={temp.image.title}
+                                extra={<Radio checked={temp.id?.includes(templateId as string)} />}
+                                className={classes.card}
+                                onClick={() => {
+                                    onCardClick(temp)
+                                }}
+                            >
+                                <Text>{temp.image.description}</Text>
+                            </Card>
+                        ))
+                    )}
+                </Flex>
+            </div>
+
+            <div className="flex justify-end">
+                <Button
+                    type="primary"
+                    disabled={!newApp || isError || !templateId}
+                    data-cy="create-app-from-template-button"
+                    onClick={handleCreateApp}
+                >
+                    Create new app
+                </Button>
+            </div>
+        </section>
+    )
+}
+
+export default AddAppFromTemplatedModal
diff --git a/agenta-web/src/components/pages/app-management/modals/CreateAppStatusModal.tsx b/agenta-web/src/components/pages/app-management/modals/CreateAppStatusModal.tsx
new file mode 100644
index 0000000000..516ac87db0
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/modals/CreateAppStatusModal.tsx
@@ -0,0 +1,233 @@
+import {GenericObject, JSSTheme} from "@/lib/Types"
+import {getErrorMessage} from "@/lib/helpers/errorHandler"
+import {Modal, Typography, theme} from "antd"
+import {useRouter} from "next/router"
+import React, {useEffect, useState} from "react"
+import {createUseStyles} from "react-jss"
+import {Check, CircleNotch, ExclamationMark} from "@phosphor-icons/react"
+import CustomAppCreationLoader from "./CustomAppCreationLoader"
+
+const {Text} = Typography
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    statusRow: {
+        display: "flex",
+        alignItems: "center",
+        gap: 8,
+    },
+    modal: {
+        "& .ant-modal-content": {
+            padding: 0,
+            overflow: "hidden",
+            borderRadius: 16,
+            "& > .ant-modal-footer": {
+                padding: theme.paddingContentHorizontalLG,
+                paddingTop: 0,
+            },
+        },
+    },
+    topContainer: {
+        wdith: "100%",
+        height: 200,
+        backgroundColor: "#F5F7FA",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    bottomContainer: {
+        padding: theme.paddingContentHorizontalLG,
+        display: "grid",
+        gap: 10,
+    },
+    headerText: {
+        lineHeight: theme.lineHeightLG,
+        fontSize: theme.fontSizeHeading4,
+        fontWeight: theme.fontWeightStrong,
+    },
+    error: {
+        color: theme.colorError,
+    },
+    subText: {
+        color: theme.colorTextSecondary,
+    },
+}))
+
+interface Props {
+    loading: boolean
+    onErrorRetry?: () => void
+    onTimeoutRetry?: () => void
+    statusData: {status: string; details?: any; appId?: string}
+    appName: string
+}
+
+const CreateAppStatusModal: React.FC<Props & React.ComponentProps<typeof Modal>> = ({
+    loading,
+    onErrorRetry,
+    onTimeoutRetry,
+    statusData,
+    appName,
+    ...props
+}) => {
+    const router = useRouter()
+    const classes = useStyles()
+    const {
+        token: {colorError, cyan5: colorSuccess},
+    } = theme.useToken()
+    const [messages, setMessages] = useState<{
+        [status: string]: {
+            type: "error" | "success" | "loading"
+            message: string
+            errorMessage?: string
+        }
+    }>({})
+
+    const {appId, status, details} = statusData
+    const isError = ["bad_request", "error"].includes(status)
+    const isTimeout = status === "timeout"
+    const isSuccess = status === "success"
+    const closable = isError || isTimeout
+
+    const reset = () => {
+        setMessages({})
+    }
+
+    const onOk = (e: any) => {
+        reset()
+        if (isError) {
+            onErrorRetry?.()
+        } else if (isTimeout) {
+            onTimeoutRetry?.()
+        } else if (isSuccess) {
+            props.onCancel?.(e)
+            if (appId) router.push(`/apps/${appId}/playground`)
+        }
+    }
+
+    useEffect(() => {
+        setMessages((prev) => {
+            let obj: GenericObject
+            switch (status) {
+                case "creating_app":
+                    obj = {
+                        ...prev,
+                        [status]: {
+                            type: "loading",
+                            message: "Adding application",
+                        },
+                    }
+                    if (obj.fetching_image?.type === "loading") obj.fetching_image.type = "success"
+                    return obj
+                case "starting_app":
+                    obj = {
+                        ...prev,
+                        [status]: {
+                            type: "loading",
+                            message: "Starting service (takes ~20s)",
+                        },
+                    }
+                    if (obj.creating_app?.type === "loading") obj.creating_app.type = "success"
+                    return obj
+                case "success":
+                    obj = {
+                        ...prev,
+                        [status]: {
+                            type: "success",
+                            message: "Launching your application",
+                        },
+                    }
+                    if (obj.starting_app?.type === "loading") obj.starting_app.type = "success"
+                    if (appId) router.push(`/apps/${appId}/playground`)
+                    return obj
+                case "bad_request":
+                case "error":
+                    const lastStatus = Object.keys(prev).pop() ?? ""
+                    return {
+                        ...prev,
+                        [lastStatus]: {
+                            ...prev[lastStatus],
+                            type: "error",
+                            errorMessage: `Error: ${getErrorMessage(details)}`,
+                        },
+                    }
+                case "timeout":
+                    return {
+                        ...prev,
+                        starting_app: {
+                            ...prev.starting_app,
+                            type: "error",
+                            errorMessage: `Error: The app took too long to start. Press the "Retry" button if you want to try again.`,
+                        },
+                    }
+                case "cleanup":
+                    return {
+                        ...prev,
+                        [status]: {
+                            type: "loading",
+                            message: "Performing cleaning up before retrying",
+                        },
+                    }
+            }
+            return prev
+        })
+    }, [status])
+
+    return (
+        <Modal
+            data-cy="create-app-status-modal"
+            destroyOnClose
+            onOk={onOk}
+            okText={"Retry"}
+            footer={closable ? undefined : null}
+            closable={closable}
+            title={null}
+            {...props}
+            onCancel={closable ? props.onCancel : undefined}
+            className={classes.modal}
+            width={480}
+            centered
+        >
+            <section>
+                <div className={classes.topContainer}>
+                    <div>
+                        {closable ? (
+                            <div className="flex flex-col items-center">
+                                <ExclamationMark size={48} className={`${classes.error} mb-2`} />
+                                <Text className={classes.subText}>Oops, something went wrong.</Text>
+                                <Text className={`${classes.subText} mx-6 text-center`}>
+                                    {isError && getErrorMessage(details)}{" "}
+                                    {isTimeout &&
+                                        'The app took too long to start. Press the "Retry" button if you want to try again.'}
+                                </Text>
+                            </div>
+                        ) : (
+                            <CustomAppCreationLoader isFinish={isSuccess} />
+                        )}
+                    </div>
+                </div>
+
+                <div className={classes.bottomContainer}>
+                    <Text className={classes.headerText}>Creating your new app</Text>
+                    {Object.values(messages).map(({type, message}) => (
+                        <div className={classes.statusRow} key={message}>
+                            {type === "success" ? (
+                                <Check size={16} style={{color: colorSuccess}} />
+                            ) : type === "error" ? (
+                                <ExclamationMark size={16} style={{color: colorError}} />
+                            ) : (
+                                <CircleNotch size={16} className="animate-spin" />
+                            )}
+                            <Text style={{color: type === "error" ? colorError : ""}}>
+                                {message}{" "}
+                                {message == "Adding application" && (
+                                    <span className="font-medium">{appName}</span>
+                                )}
+                            </Text>
+                        </div>
+                    ))}
+                </div>
+            </section>
+        </Modal>
+    )
+}
+
+export default CreateAppStatusModal
diff --git a/agenta-web/src/components/pages/app-management/modals/CustomAppCreationLoader.tsx b/agenta-web/src/components/pages/app-management/modals/CustomAppCreationLoader.tsx
new file mode 100644
index 0000000000..fac1c43853
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/modals/CustomAppCreationLoader.tsx
@@ -0,0 +1,245 @@
+import React from "react"
+
+const CustomAppCreationLoader = ({isFinish}: {isFinish: boolean}) => {
+    return (
+        <div className="loading-circle">
+            <svg
+                width="160"
+                height="160"
+                viewBox="0 0 160 160"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className={`${isFinish && "*:!stroke-[#36cfc9] *:!shadow-[0px_0px_10px_0px_#B2F8FF]"}`}
+            >
+                <path
+                    d="M77 140C62.0921 139.336 47.9729 133.117 37.4232 122.568C26.8734 112.018 20.6577 97.902 20 83"
+                    stroke="#D6DEE6"
+                />
+
+                <path
+                    d="M20 77C20.6632 62.0925 26.882 47.9737 37.4317 37.4239C47.9815 26.8742 62.0975 20.6582 77 20"
+                    stroke="#36CFC9"
+                    strokeWidth="2"
+                />
+
+                <path
+                    d="M83 20C97.9073 20.663 112.026 26.8817 122.576 37.4314C133.126 47.9812 139.342 62.0974 140 77"
+                    stroke="#D6DEE6"
+                />
+                <path
+                    d="M140 83C139.337 97.9069 133.119 112.025 122.569 122.575C112.019 133.125 97.903 139.341 83 140"
+                    stroke="#D6DEE6"
+                />
+                <defs>
+                    <filter
+                        id="filter0_d_3369_25826"
+                        x="9.00098"
+                        y="9.00098"
+                        width="78.043"
+                        height="78.0435"
+                        filterUnits="userSpaceOnUse"
+                        colorInterpolationFilters="sRGB"
+                    >
+                        <feFlood floodOpacity="0" result="BackgroundImageFix" />
+                        <feColorMatrix
+                            in="SourceAlpha"
+                            type="matrix"
+                            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                            result="hardAlpha"
+                        />
+                        <feOffset />
+                        <feGaussianBlur stdDeviation="5" />
+                        <feComposite in2="hardAlpha" operator="out" />
+                        <feColorMatrix
+                            type="matrix"
+                            values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
+                        />
+                        <feBlend
+                            mode="normal"
+                            in2="BackgroundImageFix"
+                            result="effect1_dropShadow_3369_25826"
+                        />
+                        <feBlend
+                            mode="normal"
+                            in="SourceGraphic"
+                            in2="effect1_dropShadow_3369_25826"
+                            result="shape"
+                        />
+                    </filter>
+                </defs>
+                {isFinish && (
+                    <>
+                        <mask
+                            id="mask0_3369_25815"
+                            className="mask-type:alpha"
+                            maskUnits="userSpaceOnUse"
+                            x="51"
+                            y="59"
+                            width="59"
+                            height="42"
+                        >
+                            <path
+                                d="M51.9999 81.5004L69.5587 99.0595L108.618 60"
+                                stroke="white"
+                                strokeWidth="2"
+                            />
+                        </mask>
+                        <g mask="url(#mask0_3369_25815)">
+                            <rect
+                                x="40.9999"
+                                y="41"
+                                width="77.7436"
+                                height="77.7436"
+                                fill="#36CFC9"
+                            />
+                        </g>
+                        <defs>
+                            <filter
+                                id="filter0_d_3369_25815"
+                                x="9.00098"
+                                y="72.9561"
+                                width="78.0435"
+                                height="78.043"
+                                filterUnits="userSpaceOnUse"
+                                colorInterpolationFilters="sRGB"
+                            >
+                                <feFlood floodOpacity="0" result="BackgroundImageFix" />
+                                <feColorMatrix
+                                    in="SourceAlpha"
+                                    type="matrix"
+                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                                    result="hardAlpha"
+                                />
+                                <feOffset />
+                                <feGaussianBlur stdDeviation="5" />
+                                <feComposite in2="hardAlpha" operator="out" />
+                                <feColorMatrix
+                                    type="matrix"
+                                    values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
+                                />
+                                <feBlend
+                                    mode="normal"
+                                    in2="BackgroundImageFix"
+                                    result="effect1_dropShadow_3369_25815"
+                                />
+                                <feBlend
+                                    mode="normal"
+                                    in="SourceGraphic"
+                                    in2="effect1_dropShadow_3369_25815"
+                                    result="shape"
+                                />
+                            </filter>
+                            <filter
+                                id="filter1_d_3369_25815"
+                                x="9.00098"
+                                y="9.00098"
+                                width="78.0432"
+                                height="78.0435"
+                                filterUnits="userSpaceOnUse"
+                                colorInterpolationFilters="sRGB"
+                            >
+                                <feFlood floodOpacity="0" result="BackgroundImageFix" />
+                                <feColorMatrix
+                                    in="SourceAlpha"
+                                    type="matrix"
+                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                                    result="hardAlpha"
+                                />
+                                <feOffset />
+                                <feGaussianBlur stdDeviation="5" />
+                                <feComposite in2="hardAlpha" operator="out" />
+                                <feColorMatrix
+                                    type="matrix"
+                                    values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
+                                />
+                                <feBlend
+                                    mode="normal"
+                                    in2="BackgroundImageFix"
+                                    result="effect1_dropShadow_3369_25815"
+                                />
+                                <feBlend
+                                    mode="normal"
+                                    in="SourceGraphic"
+                                    in2="effect1_dropShadow_3369_25815"
+                                    result="shape"
+                                />
+                            </filter>
+                            <filter
+                                id="filter2_d_3369_25815"
+                                x="72.9561"
+                                y="9.00098"
+                                width="78.0435"
+                                height="78.043"
+                                filterUnits="userSpaceOnUse"
+                                colorInterpolationFilters="sRGB"
+                            >
+                                <feFlood floodOpacity="0" result="BackgroundImageFix" />
+                                <feColorMatrix
+                                    in="SourceAlpha"
+                                    type="matrix"
+                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                                    result="hardAlpha"
+                                />
+                                <feOffset />
+                                <feGaussianBlur stdDeviation="5" />
+                                <feComposite in2="hardAlpha" operator="out" />
+                                <feColorMatrix
+                                    type="matrix"
+                                    values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
+                                />
+                                <feBlend
+                                    mode="normal"
+                                    in2="BackgroundImageFix"
+                                    result="effect1_dropShadow_3369_25815"
+                                />
+                                <feBlend
+                                    mode="normal"
+                                    in="SourceGraphic"
+                                    in2="effect1_dropShadow_3369_25815"
+                                    result="shape"
+                                />
+                            </filter>
+                            <filter
+                                id="filter3_d_3369_25815"
+                                x="72.9561"
+                                y="72.9561"
+                                width="78.0435"
+                                height="78.043"
+                                filterUnits="userSpaceOnUse"
+                                colorInterpolationFilters="sRGB"
+                            >
+                                <feFlood floodOpacity="0" result="BackgroundImageFix" />
+                                <feColorMatrix
+                                    in="SourceAlpha"
+                                    type="matrix"
+                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                                    result="hardAlpha"
+                                />
+                                <feOffset />
+                                <feGaussianBlur stdDeviation="5" />
+                                <feComposite in2="hardAlpha" operator="out" />
+                                <feColorMatrix
+                                    type="matrix"
+                                    values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
+                                />
+                                <feBlend
+                                    mode="normal"
+                                    in2="BackgroundImageFix"
+                                    result="effect1_dropShadow_3369_25815"
+                                />
+                                <feBlend
+                                    mode="normal"
+                                    in="SourceGraphic"
+                                    in2="effect1_dropShadow_3369_25815"
+                                    result="shape"
+                                />
+                            </filter>
+                        </defs>
+                    </>
+                )}
+            </svg>
+        </div>
+    )
+}
+
+export default CustomAppCreationLoader
diff --git a/agenta-web/src/components/pages/app-management/modals/DeleteAppModal.tsx b/agenta-web/src/components/pages/app-management/modals/DeleteAppModal.tsx
new file mode 100644
index 0000000000..5c2095a9bc
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/modals/DeleteAppModal.tsx
@@ -0,0 +1,23 @@
+import React from "react"
+import {Modal} from "antd"
+
+type DeleteAppModalProps = {
+    appName: string
+    confirmLoading: boolean
+} & React.ComponentProps<typeof Modal>
+
+const DeleteAppModal = ({appName, confirmLoading, ...props}: DeleteAppModalProps) => {
+    return (
+        <Modal
+            title="Are you sure?"
+            confirmLoading={confirmLoading}
+            okText="Yes"
+            cancelText="No"
+            {...props}
+        >
+            <p>Are you sure you want to delete {appName}?</p>
+        </Modal>
+    )
+}
+
+export default DeleteAppModal
diff --git a/agenta-web/src/components/pages/app-management/modals/EditAppModal.tsx b/agenta-web/src/components/pages/app-management/modals/EditAppModal.tsx
new file mode 100644
index 0000000000..5358a232be
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/modals/EditAppModal.tsx
@@ -0,0 +1,95 @@
+import {useAppsData} from "@/contexts/app.context"
+import {isAppNameInputValid} from "@/lib/helpers/utils"
+import {GenericObject, JSSTheme, ListAppsItem} from "@/lib/Types"
+import {updateAppName} from "@/services/app-selector/api"
+import {CheckOutlined} from "@ant-design/icons"
+import {Input, Modal, Typography} from "antd"
+import React, {useMemo, useState} from "react"
+import {createUseStyles} from "react-jss"
+import {useUpdateEffect} from "usehooks-ts"
+
+type EditAppModalProps = {
+    appDetails: ListAppsItem
+} & React.ComponentProps<typeof Modal>
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    title: {
+        fontSize: theme.fontSizeLG,
+        lineHeight: theme.lineHeightLG,
+        fontWeight: theme.fontWeightStrong,
+    },
+    modalError: {
+        color: "red",
+        marginLeft: theme.marginXS,
+    },
+}))
+
+const EditAppModal = ({appDetails, ...props}: EditAppModalProps) => {
+    const classes = useStyles()
+    const {apps, mutate} = useAppsData()
+    const [appNameInput, setAppNameInput] = useState(appDetails.app_name)
+    const [editAppLoading, setEditAppLoading] = useState(false)
+
+    useUpdateEffect(() => {
+        setAppNameInput(appDetails.app_name)
+    }, [apps])
+
+    const appNameExist = useMemo(
+        () =>
+            apps.some(
+                (app: GenericObject) =>
+                    app.app_name.toLowerCase() === appNameInput.toLowerCase() &&
+                    app.app_name.toLowerCase() !== appDetails.app_name.toLowerCase(),
+            ),
+        [apps, appNameInput, appDetails.app_name],
+    )
+
+    const handleEditAppName = async () => {
+        try {
+            setEditAppLoading(true)
+            await updateAppName(appDetails.app_id, appNameInput)
+            await mutate()
+            props.onCancel?.({} as any)
+        } catch (error) {
+            console.error(error)
+        } finally {
+            setEditAppLoading(false)
+        }
+    }
+
+    return (
+        <Modal
+            centered
+            destroyOnClose
+            okButtonProps={{
+                icon: <CheckOutlined />,
+                disabled: appNameExist || appNameInput.length === 0,
+                loading: editAppLoading,
+            }}
+            onOk={handleEditAppName}
+            okText={"Confirm"}
+            title={<Typography.Text className={classes.title}>Rename App</Typography.Text>}
+            {...props}
+        >
+            <div className="mt-4 mb-6">
+                <Input
+                    value={appNameInput}
+                    onChange={(e) => setAppNameInput(e.target.value)}
+                    onKeyDown={(e) => {
+                        if (e.key === "Enter") {
+                            handleEditAppName()
+                        }
+                    }}
+                />
+                {appNameExist && <div className={classes.modalError}>App name already exists</div>}
+                {appNameInput.length > 0 && !isAppNameInputValid(appNameInput) && (
+                    <div className={classes.modalError} data-cy="enter-app-name-modal-text-warning">
+                        App name must contain only letters, numbers, underscore, or dash
+                    </div>
+                )}
+            </div>
+        </Modal>
+    )
+}
+
+export default EditAppModal
diff --git a/agenta-web/src/components/pages/app-management/modals/MaxAppModal.tsx b/agenta-web/src/components/pages/app-management/modals/MaxAppModal.tsx
new file mode 100644
index 0000000000..7cbe9c473c
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/modals/MaxAppModal.tsx
@@ -0,0 +1,87 @@
+import Image from "next/image"
+import {Button, Modal, Typography} from "antd"
+import React from "react"
+import {createUseStyles} from "react-jss"
+import {JSSTheme} from "@/lib/Types"
+import {Phone, SlackLogo} from "@phosphor-icons/react"
+import Link from "next/link"
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    modal: {
+        "& .ant-modal-content": {
+            borderRadius: 16,
+        },
+        "& .ant-modal-close": {
+            top: 17,
+        },
+    },
+    image: {
+        background: "linear-gradient(180deg, #1F2D43 0%, #3A547E 100%)",
+        borderRadius: theme.borderRadiusLG,
+        width: "100%",
+        height: 140,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+}))
+
+type Props = React.ComponentProps<typeof Modal> & {}
+
+const MaxAppModal: React.FC<Props> = ({...props}) => {
+    const classes = useStyles()
+
+    return (
+        <Modal
+            rootClassName={classes.modal}
+            centered
+            footer={null}
+            title="Unlock unlimited applications"
+            width={480}
+            {...props}
+        >
+            <section className="flex flex-col mt-4">
+                <div className={classes.image}>
+                    <Image
+                        src="/assets/dark-complete-transparent_white_logo.png"
+                        alt="aenta-ai"
+                        width={226}
+                        height={60}
+                    />
+                </div>
+                <div className="flex flex-col gap-4">
+                    <Typography.Title level={4}>
+                        Hey, it seems like you have reached your free limit.{" "}
+                    </Typography.Title>
+                    <Typography.Text>
+                        To create more applications, please schedule a call to get full access to
+                        the platform.
+                    </Typography.Text>
+                    <Typography.Text>
+                        Got any questions? Feel free to reach out to our support in Slack.
+                    </Typography.Text>
+                </div>
+
+                <div className="flex items-center justify-end gap-2 mt-5">
+                    <Button onClick={() => props.onCancel?.({} as any)}>Cancel</Button>
+                    <Link
+                        href="https://join.slack.com/t/agenta-hq/shared_invite/zt-1zsafop5i-Y7~ZySbhRZvKVPV5DO_7IA"
+                        target="_blank"
+                    >
+                        <Button icon={<SlackLogo size={14} className="mt-0.5" />}>
+                            Visit slack
+                        </Button>
+                    </Link>
+
+                    <Link href="https://cal.com/mahmoud-mabrouk-ogzgey/30min" target="_blank">
+                        <Button type="primary" icon={<Phone size={14} className="mt-0.5" />}>
+                            Schedule a call
+                        </Button>
+                    </Link>
+                </div>
+            </section>
+        </Modal>
+    )
+}
+
+export default MaxAppModal
diff --git a/agenta-web/src/components/pages/app-management/modals/WriteOwnAppModal.tsx b/agenta-web/src/components/pages/app-management/modals/WriteOwnAppModal.tsx
new file mode 100644
index 0000000000..a531e4113a
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/modals/WriteOwnAppModal.tsx
@@ -0,0 +1,150 @@
+import {Typography, Space, Button} from "antd"
+import {Check, Copy, Play} from "@phosphor-icons/react"
+import {createUseStyles} from "react-jss"
+import {JSSTheme} from "@/lib/Types"
+import {isDemo} from "@/lib/helpers/utils"
+import {useRouter} from "next/router"
+import {useState} from "react"
+
+const {Text} = Typography
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    modal: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 24,
+    },
+    headerText: {
+        "& .ant-typography": {
+            lineHeight: theme.lineHeightLG,
+            fontSize: theme.fontSizeHeading4,
+            fontWeight: theme.fontWeightStrong,
+        },
+    },
+    label: {
+        fontWeight: theme.fontWeightMedium,
+    },
+    command: {
+        width: "92%",
+        backgroundColor: "#f6f8fa",
+        borderRadius: theme.borderRadius,
+        border: "1px solid",
+        borderColor: theme.colorBorder,
+        color: theme.colorText,
+        cursor: "default",
+        padding: "3.5px 11px",
+    },
+    copyBtn: {
+        width: theme.controlHeight,
+        height: theme.controlHeight,
+        "& > .ant-btn-icon": {
+            marginTop: 2,
+            marginLeft: 1,
+        },
+    },
+}))
+
+type Props = {}
+
+const WriteOwnAppModal = ({}: Props) => {
+    const classes = useStyles()
+    const router = useRouter()
+    const [isCopied, setIsCopied] = useState<number | null>(null)
+
+    const onCopyCode = (code: string, index: number) => {
+        navigator.clipboard.writeText(code)
+        setIsCopied(index)
+
+        setTimeout(() => setIsCopied(null), 2000)
+    }
+    const listOfCommands = [
+        ...(isDemo()
+            ? [
+                  {
+                      title: "Add an API Key",
+                      code: "",
+                  },
+              ]
+            : []),
+        {
+            title: "Install Agenta AI",
+            code: "pip install -U agenta",
+        },
+        {
+            title: "Clone the example application",
+            code: "git clone https://github.com/Agenta-AI/simple_prompt && cd simple_prompt",
+        },
+        {
+            title: "Set up environement variable",
+            code: 'echo -e "OPENAI_API_KEY=sk-xxx" > .env',
+        },
+        {
+            title: "Setup Agenta (select start from blank)",
+            code: "agenta init",
+        },
+        {
+            title: "Serve an app variant",
+            code: "agenta variant serve --file_name app.py",
+        },
+    ]
+    return (
+        <section className={classes.modal}>
+            <div className="flex items-center justify-between">
+                <Space className={classes.headerText}>
+                    <Typography.Text>Write your own app</Typography.Text>
+                </Space>
+
+                <Typography.Link href="https://www.youtube.com/watch?v=nggaRwDZM-0" target="_blank">
+                    <Button icon={<Play size={14} className="mt-[2px]" />} className="mr-6">
+                        Tutorial
+                    </Button>
+                </Typography.Link>
+            </div>
+
+            <Text>
+                Create your own complex application using any framework. To learn more about how to
+                write your own LLM app here,{" "}
+                <a
+                    href="https://docs.agenta.ai/guides/tutorials/a-more-complicated-tutorial-draft"
+                    target="_blank"
+                    className="!underline !underline-offset-2"
+                >
+                    Click here
+                </a>
+            </Text>
+
+            {listOfCommands.map((item, ind) => (
+                <div className="grid gap-4" key={ind}>
+                    <div className="space-y-2">
+                        <Text className={classes.label}>
+                            Step {ind + 1}: {item.title}
+                        </Text>
+
+                        {item.title.includes("API Key") ? (
+                            <Button
+                                className="block"
+                                onClick={() => router.push("/settings?tab=apiKeys")}
+                            >
+                                Get an API key
+                            </Button>
+                        ) : (
+                            <div className="flex items-center justify-between gap-2">
+                                <div className={classes.command}>{item.code}</div>
+
+                                <Button
+                                    onClick={() => onCopyCode(item.code, ind)}
+                                    icon={
+                                        isCopied !== ind ? <Copy size={14} /> : <Check size={14} />
+                                    }
+                                    className={classes.copyBtn}
+                                />
+                            </div>
+                        )}
+                    </div>
+                </div>
+            ))}
+        </section>
+    )
+}
+
+export default WriteOwnAppModal
diff --git a/agenta-web/src/media/rag-demo-app.png b/agenta-web/src/media/rag-demo-app.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b7d6a1d2918151772d00ac369555f2fd601e90d
GIT binary patch
literal 8300
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
Q4!}}<r2(o^u=xBx0HC1NnE(I)

literal 0
HcmV?d00001

diff --git a/agenta-web/src/pages/apps/index.tsx b/agenta-web/src/pages/apps/index.tsx
index 5e6dbc136e..015044c28f 100644
--- a/agenta-web/src/pages/apps/index.tsx
+++ b/agenta-web/src/pages/apps/index.tsx
@@ -1,10 +1,10 @@
-import AppSelector from "@/components/AppSelector/AppSelector"
+import AppManagement from "@/components/pages/app-management"
 import ProtectedRoute from "@/components/ProtectedRoute/ProtectedRoute"
 
 export default function Apps() {
     return (
         <ProtectedRoute>
-            <AppSelector />
+            <AppManagement />
         </ProtectedRoute>
     )
 }

From c358fa94a748e0151979339d1c3008a48316dcb8 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Wed, 27 Nov 2024 02:49:40 +0100
Subject: [PATCH 03/34] fix(frontend): cleanup and improved functionality

---
 .../components/AppTemplateCard.tsx            | 128 -----
 .../ApplicationManagementSection.tsx          | 133 +++++
 .../components/DemoApplicationsSection.tsx    |  69 +++
 .../components/GetStartedSection.tsx          | 112 ++++
 .../components/HelpAndSupportSection.tsx      |  73 +++
 .../components/pages/app-management/index.tsx | 486 ++----------------
 .../modals/AddAppFromTemplateModal.tsx        | 189 ++++---
 .../modals/WriteOwnAppModal.tsx               | 133 +++--
 8 files changed, 635 insertions(+), 688 deletions(-)
 delete mode 100644 agenta-web/src/components/pages/app-management/components/AppTemplateCard.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
 create mode 100644 agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx

diff --git a/agenta-web/src/components/pages/app-management/components/AppTemplateCard.tsx b/agenta-web/src/components/pages/app-management/components/AppTemplateCard.tsx
deleted file mode 100644
index eab31fb542..0000000000
--- a/agenta-web/src/components/pages/app-management/components/AppTemplateCard.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import React from "react"
-import {createUseStyles} from "react-jss"
-import {JSSTheme} from "@/lib/Types"
-import {Button, Card, Typography} from "antd"
-import {ArrowRight} from "@phosphor-icons/react"
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    card: {
-        width: 392,
-        height: 268,
-        display: "flex",
-        cursor: "pointer",
-        flexDirection: "column",
-        justifyContent: "space-between",
-        transition: "all 0.025s ease-in",
-        boxShadow: theme.boxShadowTertiary,
-        "& > .ant-card-head": {
-            minHeight: 0,
-            padding: theme.paddingSM,
-            "& .ant-card-head-title": {
-                fontSize: theme.fontSizeLG,
-                fontWeight: theme.fontWeightMedium,
-            },
-        },
-        "& > .ant-card-body": {
-            padding: theme.paddingSM,
-            flex: 1,
-        },
-        "& > .ant-card-actions": {
-            padding: "0 12px",
-        },
-        "&:hover": {
-            boxShadow: theme.boxShadow,
-        },
-    },
-    button: {
-        width: "100%",
-        display: "flex",
-        alignItems: "center",
-        "& > .ant-btn-icon": {
-            marginTop: 4,
-        },
-    },
-}))
-
-interface Props {
-    onWriteOwnApp: () => void
-    onCreateFromTemplate: () => void
-}
-
-const AppTemplateCard: React.FC<Props> = ({onWriteOwnApp, onCreateFromTemplate}) => {
-    const classes = useStyles()
-
-    const templatePoints = [
-        "Experiment and compare prompts and models",
-        "Evaluate outputs in the web UI",
-        "Deploy and version prompts",
-        "Track all LLM calls",
-    ]
-    const complexLLM = [
-        "Experiment with RAG, or agent architectures in the web UI",
-        "Create custom playgrounds to debug and trace calls",
-        "Easily integrate your LLM app code into the platform",
-        "Evaluate workflows end-to-end in the web UI",
-    ]
-    return (
-        <section className="flex flex-wrap items-center justify-center gap-4">
-            <Card
-                title="Create a prompt"
-                className={classes.card}
-                onClick={onCreateFromTemplate}
-                data-cy="create-from-template"
-                actions={[
-                    <Button
-                        type="primary"
-                        key="template"
-                        className={classes.button}
-                        iconPosition="end"
-                        icon={<ArrowRight size={18} />}
-                        size="large"
-                    >
-                        Create a new prompt
-                    </Button>,
-                ]}
-            >
-                <div className="gap-2">
-                    <Typography.Text>Quickly create a prompt and:</Typography.Text>
-                    <ul className="-ml-5">
-                        {templatePoints.map((item) => (
-                            <li key={item}>{item}</li>
-                        ))}
-                    </ul>
-                </div>
-            </Card>
-
-            <Card
-                title="Build custom workflows"
-                className={classes.card}
-                onClick={onWriteOwnApp}
-                actions={[
-                    <Button
-                        type="primary"
-                        key="ownApp"
-                        className={classes.button}
-                        iconPosition="end"
-                        icon={<ArrowRight size={18} />}
-                        size="large"
-                    >
-                        Create your own app
-                    </Button>,
-                ]}
-            >
-                <div className="gap-2">
-                    <Typography.Text>
-                        Create your own complex application using any framework.
-                    </Typography.Text>
-                    <ul className="-ml-5">
-                        {complexLLM.map((item) => (
-                            <li key={item}>{item}</li>
-                        ))}
-                    </ul>
-                </div>
-            </Card>
-        </section>
-    )
-}
-
-export default AppTemplateCard
diff --git a/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx b/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
new file mode 100644
index 0000000000..40a6126ba6
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
@@ -0,0 +1,133 @@
+import NoResultsFound from "@/components/NoResultsFound/NoResultsFound"
+import {isDemo} from "@/lib/helpers/utils"
+import {JSSTheme, ListAppsItem} from "@/lib/Types"
+import {PlusOutlined} from "@ant-design/icons"
+import {Cards, Table} from "@phosphor-icons/react"
+import {Button, Flex, Input, Pagination, Radio, Space, Typography} from "antd"
+import React, {Dispatch, SetStateAction} from "react"
+import {useLocalStorage} from "usehooks-ts"
+import AppCard from "./AppCard"
+import AppTable from "./AppTable"
+import {createUseStyles} from "react-jss"
+
+interface ApplicationManagementSectionProps {
+    selectedOrg: any
+    apps: ListAppsItem[]
+    setIsMaxAppModalOpen: (value: SetStateAction<boolean>) => void
+    setIsAddAppFromTemplatedModal: (value: SetStateAction<boolean>) => void
+    filteredApps: ListAppsItem[]
+    setSearchTerm: Dispatch<SetStateAction<string>>
+    isLoading: boolean
+    error: any
+}
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    cardsList: {
+        width: "100%",
+        display: "grid",
+        border: `1px solid ${theme.colorBorderSecondary}`,
+        borderRadius: theme.borderRadius,
+        padding: theme.padding,
+        gap: 16,
+        "@media (max-width: 1199px)": {
+            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+        },
+        "@media (min-width: 1200px) and (max-width: 1699px)": {
+            gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+        },
+        "@media (min-width: 1700px) and (max-width: 2000px)": {
+            gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
+        },
+        "@media (min-width: 2001px)": {
+            gridTemplateColumns: "repeat(5, minmax(0, 1fr))",
+        },
+    },
+}))
+
+const {Title} = Typography
+
+const ApplicationManagementSection = ({
+    selectedOrg,
+    apps,
+    setIsMaxAppModalOpen,
+    setIsAddAppFromTemplatedModal,
+    filteredApps,
+    setSearchTerm,
+    isLoading,
+    error,
+}: ApplicationManagementSectionProps) => {
+    const classes = useStyles()
+    const [appMsgDisplay, setAppMsgDisplay] = useLocalStorage<"card" | "list">(
+        "app_management_display",
+        "list",
+    )
+    return (
+        <div className="my-10 flex flex-col gap-2">
+            <Flex justify="space-between" align="center">
+                <Space>
+                    <Title level={2}>Application</Title>
+                    <Button
+                        type="primary"
+                        data-cy="create-new-app-button"
+                        icon={<PlusOutlined />}
+                        onClick={() => {
+                            if (isDemo() && selectedOrg?.is_paying == false && apps.length > 2) {
+                                setIsMaxAppModalOpen(true)
+                            } else {
+                                setIsAddAppFromTemplatedModal(true)
+                            }
+                        }}
+                    >
+                        Create new app
+                    </Button>
+                </Space>
+                <Space>
+                    <Input.Search
+                        placeholder="Search"
+                        className="w-[400px]"
+                        allowClear
+                        onChange={(e) => setSearchTerm(e.target.value)}
+                    />
+
+                    <Radio.Group
+                        defaultValue={appMsgDisplay}
+                        onChange={(e) => setAppMsgDisplay(e.target.value)}
+                    >
+                        <Radio.Button value="list">
+                            <Table size={16} className="h-full" />
+                        </Radio.Button>
+                        <Radio.Button value="card">
+                            <Cards size={16} className="h-full" />
+                        </Radio.Button>
+                    </Radio.Group>
+                </Space>
+            </Flex>
+
+            <div>
+                {appMsgDisplay === "list" ? (
+                    <AppTable filteredApps={filteredApps} isLoading={isLoading} />
+                ) : filteredApps.length ? (
+                    <div className={classes.cardsList}>
+                        {filteredApps.map((app, index: number) => (
+                            <div key={index}>
+                                <AppCard app={app} />
+                            </div>
+                        ))}
+                    </div>
+                ) : (
+                    <NoResultsFound />
+                )}
+            </div>
+
+            <Pagination
+                total={85}
+                showTotal={(total) => `Total ${total} items`}
+                defaultPageSize={10}
+                defaultCurrent={1}
+                align="end"
+            />
+        </div>
+    )
+}
+
+export default ApplicationManagementSection
diff --git a/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx b/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
new file mode 100644
index 0000000000..351bc0727b
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
@@ -0,0 +1,69 @@
+import {JSSTheme} from "@/lib/Types"
+import {Button, Card, Flex, Space, Typography} from "antd"
+import React from "react"
+import Image from "next/image"
+import {createUseStyles} from "react-jss"
+import RagDemoImage from "@/media/rag-demo-app.png"
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    demoAppCard: {
+        width: 400,
+        "& .ant-card-body": {
+            padding: theme.paddingSM,
+            "& span.ant-typography": {
+                textOverflow: "ellipsis",
+                fontSize: theme.fontSizeLG,
+                fontWeight: theme.fontWeightMedium,
+                lineHeight: theme.lineHeightLG,
+                color: "inherit",
+            },
+            "& div.ant-typography": {
+                fontSize: theme.fontSizeLG,
+                lineHeight: theme.lineHeightLG,
+                color: theme.colorTextSecondary,
+            },
+        },
+    },
+}))
+
+const {Text, Title, Paragraph} = Typography
+
+const DemoApplicationsSection = () => {
+    const classes = useStyles()
+
+    return (
+        <div className="my-10 flex flex-col gap-4">
+            <Space direction="vertical" size={8}>
+                <Title level={2}>Explore demo applications</Title>
+                <Text>
+                    See Agenta in action by exploring fully build prompts, evaluations,
+                    observability and traces. Learn how to set your application by watching
+                    tutorials.
+                </Text>
+            </Space>
+
+            <div>
+                <Card
+                    className={classes.demoAppCard}
+                    cover={<Image src={RagDemoImage} alt="rag_demo_application_image" priority />}
+                >
+                    <Space direction="vertical" size={24}>
+                        <Space direction="vertical">
+                            <Text>RAG Q&A with Wikipedia</Text>
+                            <Paragraph>
+                                Use RAG to answer questions by fetching relevant information from
+                                wikipedia
+                            </Paragraph>
+                        </Space>
+                        <Flex gap={8}>
+                            <Button className="flex-[0.3]">Read Tutorial</Button>
+                            <Button className="flex-[0.7]">View Demo</Button>
+                        </Flex>
+                    </Space>
+                </Card>
+            </div>
+        </div>
+    )
+}
+
+export default DemoApplicationsSection
diff --git a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
new file mode 100644
index 0000000000..4de7020d7a
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -0,0 +1,112 @@
+import {isDemo} from "@/lib/helpers/utils"
+import {JSSTheme, ListAppsItem} from "@/lib/Types"
+import {Code, Info, Rocket, TreeView} from "@phosphor-icons/react"
+import {Card, Typography} from "antd"
+import React, {Dispatch, SetStateAction} from "react"
+import {createUseStyles} from "react-jss"
+
+interface GetStartedSectionProps {
+    selectedOrg: any
+    apps: ListAppsItem[]
+    setIsMaxAppModalOpen: (value: SetStateAction<boolean>) => void
+    setIsAddAppFromTemplatedModal: (value: SetStateAction<boolean>) => void
+    setIsWriteOwnAppModal: Dispatch<SetStateAction<boolean>>
+}
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    getStartedCard: {
+        width: 226,
+        cursor: "pointer",
+        transition: "all 0.025s ease-in",
+        "& .ant-card-head": {
+            padding: 12,
+            borderBottom: "none",
+            minHeight: "auto",
+            marginBottom: "auto",
+            color: "inherit",
+            "& .ant-card-head-title": {
+                display: "flex",
+            },
+        },
+        "& .ant-card-body": {
+            padding: 12,
+            "& span.ant-typography": {
+                textOverflow: "ellipsis",
+                fontSize: theme.fontSizeLG,
+                fontWeight: theme.fontWeightMedium,
+                lineHeight: theme.lineHeightLG,
+                color: "inherit",
+            },
+        },
+        "&:hover": {
+            boxShadow: theme.boxShadowTertiary,
+        },
+        "&:first-of-type": {
+            backgroundColor: theme.colorPrimary,
+            color: `${theme.colorWhite} !important`,
+            "&:hover": {
+                backgroundColor: theme.colorPrimaryHover,
+            },
+        },
+    },
+}))
+
+const {Title, Text} = Typography
+
+const GetStartedSection = ({
+    selectedOrg,
+    apps,
+    setIsAddAppFromTemplatedModal,
+    setIsMaxAppModalOpen,
+    setIsWriteOwnAppModal,
+}: GetStartedSectionProps) => {
+    const classes = useStyles()
+
+    return (
+        <div className="my-6 flex flex-col gap-4">
+            <Title level={2}>Get Started</Title>
+
+            <div className="flex gap-4">
+                <Card
+                    title={<Rocket size={24} />}
+                    className={classes.getStartedCard}
+                    onClick={() => {
+                        if (isDemo() && selectedOrg?.is_paying == false && apps.length > 2) {
+                            setIsMaxAppModalOpen(true)
+                        } else {
+                            setIsAddAppFromTemplatedModal(true)
+                        }
+                    }}
+                >
+                    <div className="flex items-center justify-between">
+                        <Text>Create New Prompt</Text>
+
+                        <Info size={16} />
+                    </div>
+                </Card>
+
+                <Card title={<TreeView size={24} />} className={classes.getStartedCard}>
+                    <div className="flex items-center justify-between">
+                        <Text>Set Up Tracing</Text>
+
+                        <Info size={16} />
+                    </div>
+                </Card>
+
+                <Card
+                    title={<Code size={24} />}
+                    className={classes.getStartedCard}
+                    onClick={() => setIsWriteOwnAppModal(true)}
+                >
+                    <div className="flex items-center justify-between">
+                        <Text>Create Custom Workflow</Text>
+
+                        <Info size={16} />
+                    </div>
+                </Card>
+            </div>
+        </div>
+    )
+}
+
+export default GetStartedSection
diff --git a/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx b/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx
new file mode 100644
index 0000000000..e1481ada46
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx
@@ -0,0 +1,73 @@
+import {JSSTheme} from "@/lib/Types"
+import {ArrowRight, BookOpen, Code, HandWaving} from "@phosphor-icons/react"
+import {Space, Typography} from "antd"
+import Link from "next/link"
+import React from "react"
+import {createUseStyles} from "react-jss"
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    helperCard: {
+        maxWidth: 400,
+        flex: 1,
+        gap: 12,
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        transition: "all 0.025s ease-in",
+        border: `1px solid ${theme.colorBorderSecondary}`,
+        borderRadius: theme.borderRadius,
+        padding: theme.paddingSM,
+        "& span.ant-typography": {
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            fontSize: theme.fontSizeLG,
+            fontWeight: theme.fontWeightMedium,
+            lineHeight: theme.lineHeightLG,
+            flex: 1,
+        },
+        "&:hover": {
+            boxShadow: theme.boxShadowTertiary,
+        },
+    },
+}))
+
+const {Text, Title} = Typography
+
+const HelpAndSupportSection = () => {
+    const classes = useStyles()
+
+    return (
+        <div className="mt-10 mb-20 flex flex-col gap-4">
+            <Space direction="vertical" size={8}>
+                <Title level={2}>Have a question?</Title>
+                <Text>Checkout our docs or send us a message on slack.</Text>
+            </Space>
+
+            <div className="flex items-center w-full gap-4">
+                <Link href="https://docs.agenta.ai/" target="_blank" className={classes.helperCard}>
+                    <Code size={24} />
+                    <Text>Learn how to create a prompt</Text>
+                    <ArrowRight size={18} />
+                </Link>
+                <Link className={classes.helperCard} href="https://docs.agenta.ai/" target="_blank">
+                    <BookOpen size={24} />
+                    <Text>Check out docs</Text>
+                    <ArrowRight size={18} />
+                </Link>
+
+                <Link
+                    href="https://join.slack.com/t/agenta-hq/shared_invite/zt-1zsafop5i-Y7~ZySbhRZvKVPV5DO_7IA"
+                    target="_blank"
+                    className={classes.helperCard}
+                >
+                    <HandWaving size={24} />
+                    <Text>Say hello at Slack</Text>
+                    <ArrowRight size={18} />
+                </Link>
+            </div>
+        </div>
+    )
+}
+
+export default HelpAndSupportSection
diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
index 5e717c622b..3735867e3a 100644
--- a/agenta-web/src/components/pages/app-management/index.tsx
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -1,21 +1,7 @@
 import {useState, useEffect, useMemo} from "react"
-import {PlusOutlined} from "@ant-design/icons"
-import {
-    Modal,
-    Button,
-    notification,
-    Typography,
-    Input,
-    Card,
-    Space,
-    Flex,
-    Radio,
-    Pagination,
-} from "antd"
-import AppCard from "./components/AppCard"
+import {Typography} from "antd"
 import {Template, GenericObject, StyleProps, JSSTheme} from "@/lib/Types"
-
-import {isAppNameInputValid, isDemo, redirectIfNoLLMKeys} from "@/lib/helpers/utils"
+import {isDemo, redirectIfNoLLMKeys} from "@/lib/helpers/utils"
 import {createAndStartTemplate, fetchAllTemplates, deleteApp} from "@/services/app-selector/api"
 import {waitForAppToStart} from "@/services/api"
 import AddAppFromTemplatedModal from "./modals/AddAppFromTemplateModal"
@@ -28,26 +14,12 @@ import CreateAppStatusModal from "./modals/CreateAppStatusModal"
 import {usePostHogAg} from "@/hooks/usePostHogAg"
 import {LlmProvider, getAllProviderLlmKeys} from "@/lib/helpers/llmProviders"
 import {dynamicContext} from "@/lib/helpers/dynamic"
-import AppTemplateCard from "./components/AppTemplateCard"
 import dayjs from "dayjs"
-import {
-    ArrowRight,
-    BookOpen,
-    Cards,
-    Code,
-    HandWaving,
-    Info,
-    Rocket,
-    Table,
-    TreeView,
-} from "@phosphor-icons/react"
 import {useAppTheme} from "@/components/Layout/ThemeContextProvider"
-import {useLocalStorage} from "usehooks-ts"
-import AppTable from "./components/AppTable"
-import NoResultsFound from "@/components/NoResultsFound/NoResultsFound"
-import Image from "next/image"
-import RagDemoImage from "@/media/rag-demo-app.png"
-import Link from "next/link"
+import HelpAndSupportSection from "./components/HelpAndSupportSection"
+import DemoApplicationsSection from "./components/DemoApplicationsSection"
+import GetStartedSection from "./components/GetStartedSection"
+import ApplicationManagementSection from "./components/ApplicationManagementSection"
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
     container: ({themeMode}: StyleProps) => ({
@@ -69,143 +41,26 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
             color: "inherit",
         },
     }),
-    cardsList: {
-        width: "100%",
-        display: "grid",
-        border: `1px solid ${theme.colorBorderSecondary}`,
-        borderRadius: theme.borderRadius,
-        padding: theme.padding,
-        gap: 16,
-        "@media (max-width: 1199px)": {
-            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
-        },
-        "@media (min-width: 1200px) and (max-width: 1699px)": {
-            gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
-        },
-        "@media (min-width: 1700px) and (max-width: 2000px)": {
-            gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
-        },
-        "@media (min-width: 2001px)": {
-            gridTemplateColumns: "repeat(5, minmax(0, 1fr))",
-        },
-    },
-    modal: {
-        transition: "width 0.3s ease",
-        "& .ant-modal-content": {
-            overflow: "hidden",
-            borderRadius: 16,
-            "& > .ant-modal-close": {
-                top: 16,
-            },
-        },
-    },
-    appTemplate: {
-        gap: 16,
-        display: "flex",
-        flexDirection: "column",
-    },
-    headerText: {
-        lineHeight: theme.lineHeightLG,
-        fontSize: theme.fontSizeHeading4,
-        fontWeight: theme.fontWeightStrong,
-    },
-    getStartedCard: {
-        width: 226,
-        cursor: "pointer",
-        transition: "all 0.025s ease-in",
-        "& .ant-card-head": {
-            padding: 12,
-            borderBottom: "none",
-            minHeight: "auto",
-            marginBottom: "auto",
-            color: "inherit",
-            "& .ant-card-head-title": {
-                display: "flex",
-            },
-        },
-        "& .ant-card-body": {
-            padding: 12,
-            "& span.ant-typography": {
-                textOverflow: "ellipsis",
-                fontSize: theme.fontSizeLG,
-                fontWeight: theme.fontWeightMedium,
-                lineHeight: theme.lineHeightLG,
-                color: "inherit",
-            },
-        },
-        "&:hover": {
-            boxShadow: theme.boxShadowTertiary,
-        },
-        "&:first-of-type": {
-            backgroundColor: theme.colorPrimary,
-            color: `${theme.colorWhite} !important`,
-            "&:hover": {
-                backgroundColor: theme.colorPrimaryHover,
-            },
-        },
-    },
-    rag_demo_card: {
-        width: 400,
-        "& .ant-card-body": {
-            padding: theme.paddingSM,
-            "& span.ant-typography": {
-                textOverflow: "ellipsis",
-                fontSize: theme.fontSizeLG,
-                fontWeight: theme.fontWeightMedium,
-                lineHeight: theme.lineHeightLG,
-                color: "inherit",
-            },
-            "& div.ant-typography": {
-                fontSize: theme.fontSizeLG,
-                lineHeight: theme.lineHeightLG,
-                color: theme.colorTextSecondary,
-            },
-        },
-    },
-    helperCard: {
-        maxWidth: 400,
-        flex: 1,
-        gap: 12,
-        cursor: "pointer",
-        display: "flex",
-        alignItems: "center",
-        transition: "all 0.025s ease-in",
-        border: `1px solid ${theme.colorBorderSecondary}`,
-        borderRadius: theme.borderRadius,
-        padding: theme.paddingSM,
-        "& span.ant-typography": {
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-            fontSize: theme.fontSizeLG,
-            fontWeight: theme.fontWeightMedium,
-            lineHeight: theme.lineHeightLG,
-            flex: 1,
-        },
-        "&:hover": {
-            boxShadow: theme.boxShadowTertiary,
-        },
-    },
 }))
 
 const timeout = isDemo() ? 60000 : 30000
 
-const {Title, Text, Paragraph} = Typography
+const {Title} = Typography
 
 const AppManagement: React.FC = () => {
     const posthog = usePostHogAg()
     const {appTheme} = useAppTheme()
     const classes = useStyles({themeMode: appTheme} as StyleProps)
-    const [isCreateAppModalOpen, setIsCreateAppModalOpen] = useState(false)
     const [isMaxAppModalOpen, setIsMaxAppModalOpen] = useState(false)
     const [templates, setTemplates] = useState<Template[]>([])
     const {user} = useProfileData()
     const [noTemplateMessage, setNoTemplateMessage] = useState("")
     const [templateId, setTemplateId] = useState<string | undefined>(undefined)
+    const [isAddAppFromTemplatedModal, setIsAddAppFromTemplatedModal] = useState(false)
+    const [isWriteOwnAppModal, setIsWriteOwnAppModal] = useState(false)
     const [statusModalOpen, setStatusModalOpen] = useState(false)
     const [fetchingTemplate, setFetchingTemplate] = useState(false)
     const [newApp, setNewApp] = useState("")
-    const [current, setCurrent] = useState(0)
     const [searchTerm, setSearchTerm] = useState("")
     const {apps, error, isLoading, mutate} = useAppsData()
     const [statusData, setStatusData] = useState<{status: string; details?: any; appId?: string}>({
@@ -213,33 +68,16 @@ const AppManagement: React.FC = () => {
         details: undefined,
         appId: undefined,
     })
-    const [appMsgDisplay, setAppMsgDisplay] = useLocalStorage<"card" | "list">(
-        "app_management_display",
-        "list",
-    )
+
     const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
     const {selectedOrg} = useOrgData()
 
-    const hasAvailableApps = Array.isArray(apps) && apps.length > 0
-
     useEffect(() => {
         dynamicContext("org.context", {useOrgData}).then((context) => {
             setUseOrgData(() => context.useOrgData)
         })
     }, [])
 
-    const showCreateAppFromTemplateModal = () => {
-        setTemplateId(undefined)
-        setNewApp("")
-        setIsCreateAppModalOpen(true)
-        setCurrent(hasAvailableApps ? 1 : 0)
-    }
-
-    const showWriteAppModal = () => {
-        setIsCreateAppModalOpen(true)
-        setCurrent(hasAvailableApps ? 2 : 1)
-    }
-
     useEffect(() => {
         if (!isLoading) mutate()
         const fetchTemplates = async () => {
@@ -255,7 +93,7 @@ const AppManagement: React.FC = () => {
     }, [])
 
     const handleTemplateCardClick = async (template_id: string) => {
-        setIsCreateAppModalOpen(false)
+        setIsAddAppFromTemplatedModal(false)
         // warn the user and redirect if openAI key is not present
         // TODO: must be changed for multiples LLM keys
         if (redirectIfNoLLMKeys()) return
@@ -319,30 +157,6 @@ const AppManagement: React.FC = () => {
         [apps, newApp],
     )
 
-    const handleCreateApp = () => {
-        if (appNameExist) {
-            notification.warning({
-                message: "Template Selection",
-                description: "App name already exists. Please choose a different name.",
-                duration: 3,
-            })
-        } else if (fetchingTemplate && newApp.length > 0 && isAppNameInputValid(newApp)) {
-            notification.info({
-                message: "Template Selection",
-                description: "The template image is currently being fetched. Please wait...",
-                duration: 3,
-            })
-        } else if (!fetchingTemplate && newApp.length > 0 && isAppNameInputValid(newApp)) {
-            handleTemplateCardClick(templateId as string)
-        } else {
-            notification.warning({
-                message: "Template Selection",
-                description: "Please provide a valid app name to choose a template.",
-                duration: 3,
-            })
-        }
-    }
-
     const filteredApps = useMemo(() => {
         let filtered = apps.sort(
             (a, b) => dayjs(b.updated_at).valueOf() - dayjs(a.updated_at).valueOf(),
@@ -356,257 +170,55 @@ const AppManagement: React.FC = () => {
         return filtered
     }, [apps, searchTerm])
 
-    const steps = [
-        {
-            content: (
-                <AddAppFromTemplatedModal
-                    newApp={newApp}
-                    templates={templates}
-                    noTemplateMessage={noTemplateMessage}
-                    templateId={templateId}
-                    appNameExist={appNameExist}
-                    setNewApp={setNewApp}
-                    onCardClick={(template) => {
-                        setTemplateId(template.id)
-                    }}
-                    handleCreateApp={handleCreateApp}
-                />
-            ),
-        },
-        {
-            content: <WriteOwnAppModal />,
-        },
-    ]
-
-    if (hasAvailableApps) {
-        steps.unshift({
-            content: (
-                <section className={classes.appTemplate}>
-                    <Typography.Text className={classes.headerText}>Add new app</Typography.Text>
-
-                    <AppTemplateCard
-                        onWriteOwnApp={showWriteAppModal}
-                        onCreateFromTemplate={showCreateAppFromTemplateModal}
-                    />
-                </section>
-            ),
-        })
-    }
-
     return (
         <>
             <div className={classes.container}>
                 <Title>App Management</Title>
 
-                <div className="my-6 flex flex-col gap-4">
-                    <Title level={2}>Get Started</Title>
-
-                    <div className="flex gap-4">
-                        <Card
-                            title={<Rocket size={24} />}
-                            className={classes.getStartedCard}
-                            onClick={() => {
-                                if (
-                                    isDemo() &&
-                                    selectedOrg?.is_paying == false &&
-                                    apps.length > 2
-                                ) {
-                                    setIsMaxAppModalOpen(true)
-                                } else {
-                                    showCreateAppFromTemplateModal()
-                                }
-                            }}
-                        >
-                            <div className="flex items-center justify-between">
-                                <Text>Create New Prompt</Text>
-
-                                <Info size={16} />
-                            </div>
-                        </Card>
-
-                        <Card title={<TreeView size={24} />} className={classes.getStartedCard}>
-                            <div className="flex items-center justify-between">
-                                <Text>Set Up Tracing</Text>
-
-                                <Info size={16} />
-                            </div>
-                        </Card>
-
-                        <Card
-                            title={<Code size={24} />}
-                            className={classes.getStartedCard}
-                            onClick={showWriteAppModal}
-                        >
-                            <div className="flex items-center justify-between">
-                                <Text>Create Custom Workflow</Text>
-
-                                <Info size={16} />
-                            </div>
-                        </Card>
-                    </div>
-                </div>
-
-                <div className="my-10 flex flex-col gap-2">
-                    <Flex justify="space-between" align="center">
-                        <Space>
-                            <Title level={2}>Application</Title>
-                            <Button
-                                type="primary"
-                                data-cy="create-new-app-button"
-                                icon={<PlusOutlined />}
-                                onClick={() => {
-                                    if (
-                                        isDemo() &&
-                                        selectedOrg?.is_paying == false &&
-                                        apps.length > 2
-                                    ) {
-                                        setIsMaxAppModalOpen(true)
-                                    } else {
-                                        showCreateAppFromTemplateModal()
-                                    }
-                                }}
-                            >
-                                Create new app
-                            </Button>
-                        </Space>
-                        <Space>
-                            <Input.Search
-                                placeholder="Search"
-                                className="w-[400px]"
-                                allowClear
-                                onChange={(e) => setSearchTerm(e.target.value)}
-                            />
-
-                            <Radio.Group
-                                defaultValue={appMsgDisplay}
-                                onChange={(e) => setAppMsgDisplay(e.target.value)}
-                            >
-                                <Radio.Button value="list">
-                                    <Table size={16} className="h-full" />
-                                </Radio.Button>
-                                <Radio.Button value="card">
-                                    <Cards size={16} className="h-full" />
-                                </Radio.Button>
-                            </Radio.Group>
-                        </Space>
-                    </Flex>
-
-                    <div>
-                        {appMsgDisplay === "list" ? (
-                            <AppTable filteredApps={filteredApps} isLoading={isLoading} />
-                        ) : filteredApps.length ? (
-                            <div className={classes.cardsList}>
-                                {filteredApps.map((app, index: number) => (
-                                    <div key={index}>
-                                        <AppCard app={app} />
-                                    </div>
-                                ))}
-                            </div>
-                        ) : (
-                            <NoResultsFound />
-                        )}
-                    </div>
-
-                    <Pagination
-                        total={85}
-                        showTotal={(total) => `Total ${total} items`}
-                        defaultPageSize={10}
-                        defaultCurrent={1}
-                        align="end"
-                    />
-                </div>
-
-                <div className="my-10 flex flex-col gap-4">
-                    <Space direction="vertical" size={8}>
-                        <Title level={2}>Explore demo applications</Title>
-                        <Text>
-                            See Agenta in action by exploring fully build prompts, evaluations,
-                            observability and traces. Learn how to set your application by watching
-                            tutorials.
-                        </Text>
-                    </Space>
-
-                    <div>
-                        <Card
-                            className={classes.rag_demo_card}
-                            cover={
-                                <Image
-                                    src={RagDemoImage}
-                                    alt="rag_demo_application_image"
-                                    priority
-                                />
-                            }
-                        >
-                            <Space direction="vertical" size={24}>
-                                <Space direction="vertical">
-                                    <Text>RAG Q&A with Wikipedia</Text>
-                                    <Paragraph>
-                                        Use RAG to answer questions by fetching relevant information
-                                        from wikipedia
-                                    </Paragraph>
-                                </Space>
-                                <Flex gap={8}>
-                                    <Button className="flex-[0.3]">Read Tutorial</Button>
-                                    <Button className="flex-[0.7]">View Demo</Button>
-                                </Flex>
-                            </Space>
-                        </Card>
-                    </div>
-                </div>
+                <GetStartedSection
+                    selectedOrg={selectedOrg}
+                    apps={apps}
+                    setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal}
+                    setIsMaxAppModalOpen={setIsMaxAppModalOpen}
+                    setIsWriteOwnAppModal={setIsWriteOwnAppModal}
+                />
 
-                <div className="mt-10 mb-20 flex flex-col gap-4">
-                    <Space direction="vertical" size={8}>
-                        <Title level={2}>Have a question?</Title>
-                        <Text>Checkout our docs or send us a message on slack.</Text>
-                    </Space>
+                <ApplicationManagementSection
+                    selectedOrg={selectedOrg}
+                    apps={apps}
+                    setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal}
+                    setIsMaxAppModalOpen={setIsMaxAppModalOpen}
+                    filteredApps={filteredApps}
+                    setSearchTerm={setSearchTerm}
+                    isLoading={isLoading}
+                    error={error}
+                />
 
-                    <div className="flex items-center w-full gap-4">
-                        <Link
-                            href="https://docs.agenta.ai/"
-                            target="_blank"
-                            className={classes.helperCard}
-                        >
-                            <Code size={24} />
-                            <Text>Learn how to create a prompt</Text>
-                            <ArrowRight size={18} />
-                        </Link>
-                        <Link
-                            className={classes.helperCard}
-                            href="https://docs.agenta.ai/"
-                            target="_blank"
-                        >
-                            <BookOpen size={24} />
-                            <Text>Check out docs</Text>
-                            <ArrowRight size={18} />
-                        </Link>
+                <DemoApplicationsSection />
 
-                        <Link
-                            href="https://join.slack.com/t/agenta-hq/shared_invite/zt-1zsafop5i-Y7~ZySbhRZvKVPV5DO_7IA"
-                            target="_blank"
-                            className={classes.helperCard}
-                        >
-                            <HandWaving size={24} />
-                            <Text>Say hello at Slack</Text>
-                            <ArrowRight size={18} />
-                        </Link>
-                    </div>
-                </div>
+                <HelpAndSupportSection />
             </div>
 
-            <Modal
-                open={isCreateAppModalOpen}
-                afterClose={() => setCurrent(0)}
-                onCancel={() => {
-                    setIsCreateAppModalOpen(false)
+            <WriteOwnAppModal
+                open={isWriteOwnAppModal}
+                onCancel={() => setIsWriteOwnAppModal(false)}
+            />
+
+            <AddAppFromTemplatedModal
+                open={isAddAppFromTemplatedModal}
+                onCancel={() => setIsAddAppFromTemplatedModal(false)}
+                newApp={newApp}
+                templates={templates}
+                noTemplateMessage={noTemplateMessage}
+                templateId={templateId}
+                appNameExist={appNameExist}
+                setNewApp={setNewApp}
+                onCardClick={(template) => {
+                    setTemplateId(template.id)
                 }}
-                footer={null}
-                title={null}
-                className={classes.modal}
-                width={steps.length === 3 && current == 0 ? 855 : 480}
-                centered
-            >
-                {steps[current]?.content}
-            </Modal>
+                handleTemplateCardClick={handleTemplateCardClick}
+                fetchingTemplate={fetchingTemplate}
+            />
 
             <MaxAppModal
                 open={isMaxAppModalOpen}
diff --git a/agenta-web/src/components/pages/app-management/modals/AddAppFromTemplateModal.tsx b/agenta-web/src/components/pages/app-management/modals/AddAppFromTemplateModal.tsx
index e1e65fca0e..ee1fe4655c 100644
--- a/agenta-web/src/components/pages/app-management/modals/AddAppFromTemplateModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/AddAppFromTemplateModal.tsx
@@ -1,4 +1,4 @@
-import {Typography, Input, Card, Radio, Space, Button, Flex} from "antd"
+import {Typography, Input, Card, Radio, Space, Button, Flex, Modal, notification} from "antd"
 import {createUseStyles} from "react-jss"
 import {JSSTheme, Template} from "@/lib/Types"
 import {isAppNameInputValid} from "@/lib/helpers/utils"
@@ -6,6 +6,16 @@ import {isAppNameInputValid} from "@/lib/helpers/utils"
 const {Text} = Typography
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
+    modalContainer: {
+        transition: "width 0.3s ease",
+        "& .ant-modal-content": {
+            overflow: "hidden",
+            borderRadius: 16,
+            "& > .ant-modal-close": {
+                top: 16,
+            },
+        },
+    },
     modal: {
         display: "flex",
         flexDirection: "column",
@@ -70,9 +80,10 @@ type Props = {
     noTemplateMessage: string
     onCardClick: (template: Template) => void
     appNameExist: boolean
-    handleCreateApp: () => void
     templateId: string | undefined
-}
+    handleTemplateCardClick: (template_id: string) => Promise<void>
+    fetchingTemplate: boolean
+} & React.ComponentProps<typeof Modal>
 
 const AddAppFromTemplatedModal = ({
     newApp,
@@ -81,8 +92,10 @@ const AddAppFromTemplatedModal = ({
     noTemplateMessage,
     onCardClick,
     appNameExist,
-    handleCreateApp,
     templateId,
+    handleTemplateCardClick,
+    fetchingTemplate,
+    ...props
 }: Props) => {
     const classes = useStyles()
 
@@ -94,79 +107,115 @@ const AddAppFromTemplatedModal = ({
         }
     }
 
+    const handleCreateApp = () => {
+        if (appNameExist) {
+            notification.warning({
+                message: "Template Selection",
+                description: "App name already exists. Please choose a different name.",
+                duration: 3,
+            })
+        } else if (fetchingTemplate && newApp.length > 0 && isAppNameInputValid(newApp)) {
+            notification.info({
+                message: "Template Selection",
+                description: "The template image is currently being fetched. Please wait...",
+                duration: 3,
+            })
+        } else if (!fetchingTemplate && newApp.length > 0 && isAppNameInputValid(newApp)) {
+            handleTemplateCardClick(templateId as string)
+        } else {
+            notification.warning({
+                message: "Template Selection",
+                description: "Please provide a valid app name to choose a template.",
+                duration: 3,
+            })
+        }
+    }
+
     return (
-        <section className={classes.modal}>
-            <Space className={classes.headerText}>
-                <Typography.Text>Start with a template</Typography.Text>
-            </Space>
+        <Modal
+            destroyOnClose
+            footer={null}
+            title={null}
+            className={classes.modalContainer}
+            width={480}
+            centered
+            {...props}
+        >
+            <section className={classes.modal}>
+                <Space className={classes.headerText}>
+                    <Typography.Text>Start with a template</Typography.Text>
+                </Space>
 
-            <Text>Create a an application using our preset LLM configuration.</Text>
+                <Text>Create a an application using our preset LLM configuration.</Text>
 
-            <div className="space-y-2">
-                <Text className={classes.label}>Provide the name of the application</Text>
-                <Input
-                    placeholder="Enter a name"
-                    data-cy="enter-app-name-input"
-                    value={newApp}
-                    onChange={(e) => setNewApp(e.target.value)}
-                    onKeyDown={handleEnterKeyPress}
-                    className={`${isError && classes.inputName}`}
-                    allowClear
-                />
+                <div className="space-y-2">
+                    <Text className={classes.label}>Provide the name of the application</Text>
+                    <Input
+                        placeholder="Enter a name"
+                        data-cy="enter-app-name-input"
+                        value={newApp}
+                        onChange={(e) => setNewApp(e.target.value)}
+                        onKeyDown={handleEnterKeyPress}
+                        className={`${isError && classes.inputName}`}
+                        allowClear
+                    />
 
-                {appNameExist && (
-                    <Typography.Text className={classes.modalError}>
-                        App name already exists
-                    </Typography.Text>
-                )}
-                {newApp.length > 0 && !isAppNameInputValid(newApp) && (
-                    <Typography.Text
-                        className={classes.modalError}
-                        data-cy="enter-app-name-modal-text-warning"
-                    >
-                        App name must contain only letters, numbers, underscore, or dash without any
-                        spaces.
-                    </Typography.Text>
-                )}
-            </div>
+                    {appNameExist && (
+                        <Typography.Text className={classes.modalError}>
+                            App name already exists
+                        </Typography.Text>
+                    )}
+                    {newApp.length > 0 && !isAppNameInputValid(newApp) && (
+                        <Typography.Text
+                            className={classes.modalError}
+                            data-cy="enter-app-name-modal-text-warning"
+                        >
+                            App name must contain only letters, numbers, underscore, or dash without
+                            any spaces.
+                        </Typography.Text>
+                    )}
+                </div>
 
-            <div className="space-y-2">
-                <Text className={classes.label}>Choose your template</Text>
-                <Flex gap={16}>
-                    {noTemplateMessage ? (
-                        <Card title="No Templates Available" className={classes.card}>
-                            <Text>{noTemplateMessage}</Text>
-                        </Card>
-                    ) : (
-                        templates.map((temp) => (
-                            <Card
-                                key={temp.id}
-                                data-cy="app-template-card"
-                                title={temp.image.title}
-                                extra={<Radio checked={temp.id?.includes(templateId as string)} />}
-                                className={classes.card}
-                                onClick={() => {
-                                    onCardClick(temp)
-                                }}
-                            >
-                                <Text>{temp.image.description}</Text>
+                <div className="space-y-2">
+                    <Text className={classes.label}>Choose your template</Text>
+                    <Flex gap={16}>
+                        {noTemplateMessage ? (
+                            <Card title="No Templates Available" className={classes.card}>
+                                <Text>{noTemplateMessage}</Text>
                             </Card>
-                        ))
-                    )}
-                </Flex>
-            </div>
+                        ) : (
+                            templates.map((temp) => (
+                                <Card
+                                    key={temp.id}
+                                    data-cy="app-template-card"
+                                    title={temp.image.title}
+                                    extra={
+                                        <Radio checked={temp.id?.includes(templateId as string)} />
+                                    }
+                                    className={classes.card}
+                                    onClick={() => {
+                                        onCardClick(temp)
+                                    }}
+                                >
+                                    <Text>{temp.image.description}</Text>
+                                </Card>
+                            ))
+                        )}
+                    </Flex>
+                </div>
 
-            <div className="flex justify-end">
-                <Button
-                    type="primary"
-                    disabled={!newApp || isError || !templateId}
-                    data-cy="create-app-from-template-button"
-                    onClick={handleCreateApp}
-                >
-                    Create new app
-                </Button>
-            </div>
-        </section>
+                <div className="flex justify-end">
+                    <Button
+                        type="primary"
+                        disabled={!newApp || isError || !templateId}
+                        data-cy="create-app-from-template-button"
+                        onClick={handleCreateApp}
+                    >
+                        Create new app
+                    </Button>
+                </div>
+            </section>
+        </Modal>
     )
 }
 
diff --git a/agenta-web/src/components/pages/app-management/modals/WriteOwnAppModal.tsx b/agenta-web/src/components/pages/app-management/modals/WriteOwnAppModal.tsx
index a531e4113a..d82db3d069 100644
--- a/agenta-web/src/components/pages/app-management/modals/WriteOwnAppModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/WriteOwnAppModal.tsx
@@ -1,4 +1,4 @@
-import {Typography, Space, Button} from "antd"
+import {Typography, Space, Button, Modal} from "antd"
 import {Check, Copy, Play} from "@phosphor-icons/react"
 import {createUseStyles} from "react-jss"
 import {JSSTheme} from "@/lib/Types"
@@ -9,6 +9,16 @@ import {useState} from "react"
 const {Text} = Typography
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
+    modalContainer: {
+        transition: "width 0.3s ease",
+        "& .ant-modal-content": {
+            overflow: "hidden",
+            borderRadius: 16,
+            "& > .ant-modal-close": {
+                top: 16,
+            },
+        },
+    },
     modal: {
         display: "flex",
         flexDirection: "column",
@@ -44,9 +54,9 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
     },
 }))
 
-type Props = {}
+type Props = {} & React.ComponentProps<typeof Modal>
 
-const WriteOwnAppModal = ({}: Props) => {
+const WriteOwnAppModal = ({...props}: Props) => {
     const classes = useStyles()
     const router = useRouter()
     const [isCopied, setIsCopied] = useState<number | null>(null)
@@ -88,62 +98,79 @@ const WriteOwnAppModal = ({}: Props) => {
         },
     ]
     return (
-        <section className={classes.modal}>
-            <div className="flex items-center justify-between">
-                <Space className={classes.headerText}>
-                    <Typography.Text>Write your own app</Typography.Text>
-                </Space>
-
-                <Typography.Link href="https://www.youtube.com/watch?v=nggaRwDZM-0" target="_blank">
-                    <Button icon={<Play size={14} className="mt-[2px]" />} className="mr-6">
-                        Tutorial
-                    </Button>
-                </Typography.Link>
-            </div>
+        <Modal
+            footer={null}
+            title={null}
+            className={classes.modalContainer}
+            width={480}
+            centered
+            destroyOnClose
+            {...props}
+        >
+            <section className={classes.modal}>
+                <div className="flex items-center justify-between">
+                    <Space className={classes.headerText}>
+                        <Typography.Text>Write your own app</Typography.Text>
+                    </Space>
 
-            <Text>
-                Create your own complex application using any framework. To learn more about how to
-                write your own LLM app here,{" "}
-                <a
-                    href="https://docs.agenta.ai/guides/tutorials/a-more-complicated-tutorial-draft"
-                    target="_blank"
-                    className="!underline !underline-offset-2"
-                >
-                    Click here
-                </a>
-            </Text>
+                    <Typography.Link
+                        href="https://www.youtube.com/watch?v=nggaRwDZM-0"
+                        target="_blank"
+                    >
+                        <Button icon={<Play size={14} className="mt-[2px]" />} className="mr-6">
+                            Tutorial
+                        </Button>
+                    </Typography.Link>
+                </div>
 
-            {listOfCommands.map((item, ind) => (
-                <div className="grid gap-4" key={ind}>
-                    <div className="space-y-2">
-                        <Text className={classes.label}>
-                            Step {ind + 1}: {item.title}
-                        </Text>
+                <Text>
+                    Create your own complex application using any framework. To learn more about how
+                    to write your own LLM app here,{" "}
+                    <a
+                        href="https://docs.agenta.ai/guides/tutorials/a-more-complicated-tutorial-draft"
+                        target="_blank"
+                        className="!underline !underline-offset-2"
+                    >
+                        Click here
+                    </a>
+                </Text>
 
-                        {item.title.includes("API Key") ? (
-                            <Button
-                                className="block"
-                                onClick={() => router.push("/settings?tab=apiKeys")}
-                            >
-                                Get an API key
-                            </Button>
-                        ) : (
-                            <div className="flex items-center justify-between gap-2">
-                                <div className={classes.command}>{item.code}</div>
+                {listOfCommands.map((item, ind) => (
+                    <div className="grid gap-4" key={ind}>
+                        <div className="space-y-2">
+                            <Text className={classes.label}>
+                                Step {ind + 1}: {item.title}
+                            </Text>
 
+                            {item.title.includes("API Key") ? (
                                 <Button
-                                    onClick={() => onCopyCode(item.code, ind)}
-                                    icon={
-                                        isCopied !== ind ? <Copy size={14} /> : <Check size={14} />
-                                    }
-                                    className={classes.copyBtn}
-                                />
-                            </div>
-                        )}
+                                    className="block"
+                                    onClick={() => router.push("/settings?tab=apiKeys")}
+                                >
+                                    Get an API key
+                                </Button>
+                            ) : (
+                                <div className="flex items-center justify-between gap-2">
+                                    <div className={classes.command}>{item.code}</div>
+
+                                    <Button
+                                        onClick={() => onCopyCode(item.code, ind)}
+                                        icon={
+                                            isCopied !== ind ? (
+                                                <Copy size={14} />
+                                            ) : (
+                                                <Check size={14} />
+                                            )
+                                        }
+                                        className={classes.copyBtn}
+                                    />
+                                </div>
+                            )}
+                        </div>
                     </div>
-                </div>
-            ))}
-        </section>
+                ))}
+            </section>
+        </Modal>
     )
 }
 

From 3bb32c23a630ffaf19469a7197820bea5d388a26 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Wed, 27 Nov 2024 02:56:10 +0100
Subject: [PATCH 04/34] fix(frontend): removed outdated AppSelector files

---
 .../src/components/AppSelector/AppCard.tsx    | 163 -------
 .../components/AppSelector/AppSelector.tsx    | 398 ------------------
 .../AppSelector/AppTemplateCard.tsx           | 128 ------
 .../AppSelector/TipsAndFeatures.tsx           | 138 ------
 .../src/components/AppSelector/Welcome.tsx    |  36 --
 .../modals/AddAppFromTemplateModal.tsx        | 186 --------
 .../modals/CreateAppStatusModal.tsx           | 233 ----------
 .../modals/CustomAppCreationLoader.tsx        | 245 -----------
 .../AppSelector/modals/DeleteAppModal.tsx     |  23 -
 .../AppSelector/modals/EditAppModal.tsx       |  95 -----
 .../AppSelector/modals/MaxAppModal.tsx        |  87 ----
 .../AppSelector/modals/WriteOwnAppModal.tsx   | 161 -------
 .../pages/apps/[app_id]/overview/index.tsx    |   4 +-
 13 files changed, 2 insertions(+), 1895 deletions(-)
 delete mode 100644 agenta-web/src/components/AppSelector/AppCard.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/AppSelector.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/AppTemplateCard.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/TipsAndFeatures.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/Welcome.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/modals/AddAppFromTemplateModal.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/modals/CreateAppStatusModal.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/modals/CustomAppCreationLoader.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/modals/DeleteAppModal.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/modals/EditAppModal.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/modals/MaxAppModal.tsx
 delete mode 100644 agenta-web/src/components/AppSelector/modals/WriteOwnAppModal.tsx

diff --git a/agenta-web/src/components/AppSelector/AppCard.tsx b/agenta-web/src/components/AppSelector/AppCard.tsx
deleted file mode 100644
index 7b7e99c89b..0000000000
--- a/agenta-web/src/components/AppSelector/AppCard.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import {Card, Dropdown, Button, Typography, Tag} from "antd"
-import {MoreOutlined} from "@ant-design/icons"
-import {deleteApp} from "@/services/app-selector/api"
-import {useState} from "react"
-import {createUseStyles} from "react-jss"
-import {JSSTheme, ListAppsItem} from "@/lib/Types"
-import {useAppsData} from "@/contexts/app.context"
-import {Note, PencilLine, Trash} from "@phosphor-icons/react"
-import {useRouter} from "next/router"
-import {formatDay} from "@/lib/helpers/dateTimeHelper"
-import DeleteAppModal from "./modals/DeleteAppModal"
-import EditAppModal from "./modals/EditAppModal"
-
-const {Text} = Typography
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    card: {
-        display: "flex",
-        flexDirection: "column",
-        transition: "all 0.025s ease-in",
-        cursor: "pointer",
-        boxShadow: theme.boxShadowTertiary,
-        "& > .ant-card-head": {
-            minHeight: 0,
-            padding: `${theme.paddingXS}px ${theme.paddingSM}px`,
-            "& .ant-card-head-title": {
-                fontSize: theme.fontSizeLG,
-                fontWeight: theme.fontWeightMedium,
-            },
-        },
-        "& > .ant-card-body": {
-            padding: theme.paddingSM,
-        },
-        "&:hover": {
-            boxShadow: theme.boxShadow,
-        },
-    },
-    app_card_link: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "8px",
-        "& > div": {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            textDecoration: "none",
-            color: theme.colorText,
-        },
-    },
-}))
-
-const AppCard: React.FC<{
-    app: ListAppsItem
-}> = ({app}) => {
-    const [visibleDelete, setVisibleDelete] = useState(false)
-    const [confirmLoading, setConfirmLoading] = useState(false)
-    const {mutate} = useAppsData()
-    const router = useRouter()
-    const [isEditAppModalOpen, setIsEditAppModalOpen] = useState(false)
-
-    const handleDeleteOk = async () => {
-        setConfirmLoading(true)
-        try {
-            await deleteApp(app.app_id)
-            mutate()
-        } catch (error) {
-            console.error(error)
-        } finally {
-            // remove variant tabs position index from LS
-            localStorage.removeItem(`tabIndex_${app.app_id}`)
-            setVisibleDelete(false)
-            setConfirmLoading(false)
-        }
-    }
-    const handleDeleteCancel = () => {
-        setVisibleDelete(false)
-    }
-
-    const classes = useStyles()
-
-    return (
-        <>
-            <Card
-                className={classes.card}
-                title={app.app_name}
-                onClick={() => router.push(`/apps/${app.app_id}/overview`)}
-                extra={
-                    <Dropdown
-                        trigger={["click"]}
-                        overlayStyle={{width: 180}}
-                        menu={{
-                            items: [
-                                {
-                                    key: "open_app",
-                                    label: "Open",
-                                    icon: <Note size={16} />,
-                                    onClick: (e: any) => {
-                                        e.domEvent.stopPropagation()
-                                        router.push(`/apps/${app.app_id}/overview`)
-                                    },
-                                },
-                                {type: "divider"},
-                                {
-                                    key: "rename_app",
-                                    label: "Rename",
-                                    icon: <PencilLine size={16} />,
-                                    onClick: (e: any) => {
-                                        e.domEvent.stopPropagation()
-                                        setIsEditAppModalOpen(true)
-                                    },
-                                },
-                                {
-                                    key: "delete_app",
-                                    label: "Delete",
-                                    icon: <Trash size={16} />,
-                                    danger: true,
-                                    onClick: (e: any) => {
-                                        e.domEvent.stopPropagation()
-                                        setVisibleDelete(true)
-                                    },
-                                },
-                            ],
-                        }}
-                    >
-                        <Button
-                            type="text"
-                            onClick={(e) => e.stopPropagation()}
-                            icon={<MoreOutlined />}
-                            size="small"
-                        />
-                    </Dropdown>
-                }
-            >
-                <div data-cy="app-card-link" className={classes.app_card_link}>
-                    <div>
-                        <Text>Type</Text>
-                        <Tag className="mr-0">{app.app_type}</Tag>
-                    </div>
-                    <div>
-                        <Text>Last modified:</Text>
-                        <Text>{formatDay(app.updated_at)}</Text>
-                    </div>
-                </div>
-            </Card>
-
-            <DeleteAppModal
-                open={visibleDelete}
-                onOk={handleDeleteOk}
-                onCancel={handleDeleteCancel}
-                appName={app.app_name}
-                confirmLoading={confirmLoading}
-            />
-
-            <EditAppModal
-                open={isEditAppModalOpen}
-                onCancel={() => setIsEditAppModalOpen(false)}
-                appDetails={app}
-            />
-        </>
-    )
-}
-
-export default AppCard
diff --git a/agenta-web/src/components/AppSelector/AppSelector.tsx b/agenta-web/src/components/AppSelector/AppSelector.tsx
deleted file mode 100644
index 6282d8d8b2..0000000000
--- a/agenta-web/src/components/AppSelector/AppSelector.tsx
+++ /dev/null
@@ -1,398 +0,0 @@
-import {useState, useEffect, useMemo} from "react"
-import {PlusOutlined} from "@ant-design/icons"
-import {Modal, ConfigProvider, theme, Button, notification, Typography, Input, Divider} from "antd"
-import AppCard from "./AppCard"
-import {Template, GenericObject, StyleProps, JSSTheme} from "@/lib/Types"
-import {useAppTheme} from "../Layout/ThemeContextProvider"
-import TipsAndFeatures from "./TipsAndFeatures"
-import Welcome from "./Welcome"
-import {isAppNameInputValid, isDemo, redirectIfNoLLMKeys} from "@/lib/helpers/utils"
-import {createAndStartTemplate, fetchAllTemplates, deleteApp} from "@/services/app-selector/api"
-import {waitForAppToStart} from "@/services/api"
-import AddAppFromTemplatedModal from "./modals/AddAppFromTemplateModal"
-import MaxAppModal from "./modals/MaxAppModal"
-import WriteOwnAppModal from "./modals/WriteOwnAppModal"
-import {createUseStyles} from "react-jss"
-import {useAppsData} from "@/contexts/app.context"
-import {useProfileData} from "@/contexts/profile.context"
-import CreateAppStatusModal from "./modals/CreateAppStatusModal"
-import {usePostHogAg} from "@/hooks/usePostHogAg"
-import {LlmProvider, getAllProviderLlmKeys} from "@/lib/helpers/llmProviders"
-import ResultComponent from "../ResultComponent/ResultComponent"
-import {dynamicContext} from "@/lib/helpers/dynamic"
-import AppTemplateCard from "./AppTemplateCard"
-import dayjs from "dayjs"
-import NoResultsFound from "../NoResultsFound/NoResultsFound"
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    container: ({themeMode}: StyleProps) => ({
-        marginTop: "24px",
-        width: "100%",
-        color: themeMode === "dark" ? "#fff" : "#000",
-    }),
-    cardsList: {
-        width: "100%",
-        display: "grid",
-        gap: 16,
-        "@media (max-width: 1199px)": {
-            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
-        },
-        "@media (min-width: 1200px) and (max-width: 1699px)": {
-            gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
-        },
-        "@media (min-width: 1700px) and (max-width: 2000px)": {
-            gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
-        },
-        "@media (min-width: 2001px)": {
-            gridTemplateColumns: "repeat(5, minmax(0, 1fr))",
-        },
-    },
-    title: {
-        fontSize: 16,
-        fontWeight: theme.fontWeightMedium,
-        lineHeight: "24px",
-    },
-    modal: {
-        transition: "width 0.3s ease",
-        "& .ant-modal-content": {
-            overflow: "hidden",
-            borderRadius: 16,
-            "& > .ant-modal-close": {
-                top: 16,
-            },
-        },
-    },
-    appTemplate: {
-        gap: 16,
-        display: "flex",
-        flexDirection: "column",
-    },
-    headerText: {
-        lineHeight: theme.lineHeightLG,
-        fontSize: theme.fontSizeHeading4,
-        fontWeight: theme.fontWeightStrong,
-    },
-}))
-
-const timeout = isDemo() ? 60000 : 30000
-
-const AppSelector: React.FC = () => {
-    const posthog = usePostHogAg()
-    const {appTheme} = useAppTheme()
-    const classes = useStyles({themeMode: appTheme} as StyleProps)
-    const [isCreateAppModalOpen, setIsCreateAppModalOpen] = useState(false)
-    const [isMaxAppModalOpen, setIsMaxAppModalOpen] = useState(false)
-    const [templates, setTemplates] = useState<Template[]>([])
-    const {user} = useProfileData()
-    const [noTemplateMessage, setNoTemplateMessage] = useState("")
-    const [templateId, setTemplateId] = useState<string | undefined>(undefined)
-    const [statusModalOpen, setStatusModalOpen] = useState(false)
-    const [fetchingTemplate, setFetchingTemplate] = useState(false)
-    const [newApp, setNewApp] = useState("")
-    const [current, setCurrent] = useState(0)
-    const [searchTerm, setSearchTerm] = useState("")
-    const {apps, error, isLoading, mutate} = useAppsData()
-    const [statusData, setStatusData] = useState<{status: string; details?: any; appId?: string}>({
-        status: "",
-        details: undefined,
-        appId: undefined,
-    })
-    const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
-    const {selectedOrg} = useOrgData()
-
-    const hasAvailableApps = Array.isArray(apps) && apps.length > 0
-
-    useEffect(() => {
-        dynamicContext("org.context", {useOrgData}).then((context) => {
-            setUseOrgData(() => context.useOrgData)
-        })
-    }, [])
-
-    const showCreateAppModal = async () => {
-        setIsCreateAppModalOpen(true)
-    }
-
-    const showMaxAppError = () => {
-        setIsMaxAppModalOpen(true)
-    }
-
-    const showCreateAppFromTemplateModal = () => {
-        setTemplateId(undefined)
-        setNewApp("")
-        setIsCreateAppModalOpen(true)
-        setCurrent(hasAvailableApps ? 1 : 0)
-    }
-
-    const showWriteAppModal = () => {
-        setIsCreateAppModalOpen(true)
-        setCurrent(hasAvailableApps ? 2 : 1)
-    }
-
-    useEffect(() => {
-        if (!isLoading) mutate()
-        const fetchTemplates = async () => {
-            const data = await fetchAllTemplates()
-            if (typeof data == "object") {
-                setTemplates(data)
-            } else {
-                setNoTemplateMessage(data)
-            }
-        }
-
-        fetchTemplates()
-    }, [])
-
-    const handleTemplateCardClick = async (template_id: string) => {
-        setIsCreateAppModalOpen(false)
-        // warn the user and redirect if openAI key is not present
-        // TODO: must be changed for multiples LLM keys
-        if (redirectIfNoLLMKeys()) return
-
-        setFetchingTemplate(true)
-        setStatusModalOpen(true)
-
-        // attempt to create and start the template, notify user of the progress
-        const apiKeys = getAllProviderLlmKeys()
-        await createAndStartTemplate({
-            appName: newApp,
-            templateId: template_id,
-            providerKey: isDemo() && apiKeys?.length === 0 ? [] : (apiKeys as LlmProvider[]),
-            timeout,
-            onStatusChange: async (status, details, appId) => {
-                setStatusData((prev) => ({status, details, appId: appId || prev.appId}))
-                if (["error", "bad_request", "timeout", "success"].includes(status))
-                    setFetchingTemplate(false)
-                if (status === "success") {
-                    mutate()
-                    posthog.capture("app_deployment", {
-                        properties: {
-                            app_id: appId,
-                            environment: "UI",
-                            deployed_by: user?.id,
-                        },
-                    })
-                }
-            },
-        })
-    }
-
-    const onErrorRetry = async () => {
-        if (statusData.appId) {
-            setStatusData((prev) => ({...prev, status: "cleanup", details: undefined}))
-            await deleteApp(statusData.appId).catch(console.error)
-            mutate()
-        }
-        handleTemplateCardClick(templateId as string)
-    }
-
-    const onTimeoutRetry = async () => {
-        if (!statusData.appId) return
-        setStatusData((prev) => ({...prev, status: "starting_app", details: undefined}))
-        try {
-            await waitForAppToStart({appId: statusData.appId, timeout})
-        } catch (error: any) {
-            if (error.message === "timeout") {
-                setStatusData((prev) => ({...prev, status: "timeout", details: undefined}))
-            } else {
-                setStatusData((prev) => ({...prev, status: "error", details: error}))
-            }
-        }
-        setStatusData((prev) => ({...prev, status: "success", details: undefined}))
-        mutate()
-    }
-
-    const appNameExist = useMemo(
-        () =>
-            apps.some((app: GenericObject) => app.app_name.toLowerCase() === newApp.toLowerCase()),
-        [apps, newApp],
-    )
-
-    const handleCreateApp = () => {
-        if (appNameExist) {
-            notification.warning({
-                message: "Template Selection",
-                description: "App name already exists. Please choose a different name.",
-                duration: 3,
-            })
-        } else if (fetchingTemplate && newApp.length > 0 && isAppNameInputValid(newApp)) {
-            notification.info({
-                message: "Template Selection",
-                description: "The template image is currently being fetched. Please wait...",
-                duration: 3,
-            })
-        } else if (!fetchingTemplate && newApp.length > 0 && isAppNameInputValid(newApp)) {
-            handleTemplateCardClick(templateId as string)
-        } else {
-            notification.warning({
-                message: "Template Selection",
-                description: "Please provide a valid app name to choose a template.",
-                duration: 3,
-            })
-        }
-    }
-
-    const filteredApps = useMemo(() => {
-        let filtered = apps.sort(
-            (a, b) => dayjs(b.updated_at).valueOf() - dayjs(a.updated_at).valueOf(),
-        )
-
-        if (searchTerm) {
-            filtered = apps.filter((app) =>
-                app.app_name.toLowerCase().includes(searchTerm.toLowerCase()),
-            )
-        }
-        return filtered
-    }, [apps, searchTerm])
-
-    const steps = [
-        {
-            content: (
-                <AddAppFromTemplatedModal
-                    hasAvailableApps={hasAvailableApps}
-                    newApp={newApp}
-                    templates={templates}
-                    noTemplateMessage={noTemplateMessage}
-                    templateId={templateId}
-                    appNameExist={appNameExist}
-                    setCurrent={setCurrent}
-                    setNewApp={setNewApp}
-                    onCardClick={(template) => {
-                        setTemplateId(template.id)
-                    }}
-                    handleCreateApp={handleCreateApp}
-                />
-            ),
-        },
-        {
-            content: (
-                <WriteOwnAppModal setCurrent={setCurrent} hasAvailableApps={hasAvailableApps} />
-            ),
-        },
-    ]
-
-    if (hasAvailableApps) {
-        steps.unshift({
-            content: (
-                <section className={classes.appTemplate}>
-                    <Typography.Text className={classes.headerText}>Add new app</Typography.Text>
-
-                    <AppTemplateCard
-                        onWriteOwnApp={showWriteAppModal}
-                        onCreateFromTemplate={showCreateAppFromTemplateModal}
-                    />
-                </section>
-            ),
-        })
-    }
-
-    return (
-        <ConfigProvider
-            theme={{
-                algorithm: appTheme === "dark" ? theme.darkAlgorithm : theme.defaultAlgorithm,
-            }}
-        >
-            <div className={classes.container}>
-                {!isLoading && !error && (
-                    <div className="flex items-center justify-between mb-5">
-                        <h1 className={classes.title}>App Management</h1>
-                        {Array.isArray(apps) && apps.length ? (
-                            <Button
-                                type="primary"
-                                data-cy="create-new-app-button"
-                                icon={<PlusOutlined />}
-                                onClick={() => {
-                                    if (
-                                        isDemo() &&
-                                        selectedOrg?.is_paying == false &&
-                                        apps.length > 2
-                                    ) {
-                                        showMaxAppError()
-                                    } else {
-                                        showCreateAppModal()
-                                    }
-                                }}
-                            >
-                                Create new app
-                            </Button>
-                        ) : null}
-                    </div>
-                )}
-
-                {isLoading || (!apps && !error) ? (
-                    <div>
-                        <ResultComponent status={"info"} title="Loading..." spinner={true} />
-                    </div>
-                ) : error ? (
-                    <div>
-                        <ResultComponent status={"error"} title="Failed to load" />
-                    </div>
-                ) : Array.isArray(apps) && apps.length ? (
-                    <div className="flex flex-col gap-2">
-                        <div className="-mx-6">
-                            <Input.Search
-                                placeholder="Search"
-                                className="w-[400px] mx-6"
-                                allowClear
-                                onChange={(e) => setSearchTerm(e.target.value)}
-                            />
-                            <Divider />
-                        </div>
-
-                        {Array.isArray(apps) && filteredApps.length ? (
-                            <div className={classes.cardsList}>
-                                {filteredApps.map((app, index: number) => (
-                                    <div key={index}>
-                                        <AppCard app={app} />
-                                    </div>
-                                ))}
-                            </div>
-                        ) : (
-                            <NoResultsFound />
-                        )}
-
-                        <TipsAndFeatures />
-                    </div>
-                ) : (
-                    <Welcome
-                        onWriteOwnApp={showWriteAppModal}
-                        onCreateFromTemplate={showCreateAppFromTemplateModal}
-                    />
-                )}
-            </div>
-
-            <Modal
-                open={isCreateAppModalOpen}
-                afterClose={() => setCurrent(0)}
-                onCancel={() => {
-                    setIsCreateAppModalOpen(false)
-                }}
-                footer={null}
-                title={null}
-                className={classes.modal}
-                width={steps.length === 3 && current == 0 ? 855 : 480}
-                centered
-            >
-                {steps[current]?.content}
-            </Modal>
-
-            <MaxAppModal
-                open={isMaxAppModalOpen}
-                onCancel={() => {
-                    setIsMaxAppModalOpen(false)
-                }}
-            />
-
-            <CreateAppStatusModal
-                open={statusModalOpen}
-                loading={fetchingTemplate}
-                onErrorRetry={onErrorRetry}
-                onTimeoutRetry={onTimeoutRetry}
-                onCancel={() => setStatusModalOpen(false)}
-                statusData={statusData}
-                appName={newApp}
-            />
-        </ConfigProvider>
-    )
-}
-
-export default AppSelector
diff --git a/agenta-web/src/components/AppSelector/AppTemplateCard.tsx b/agenta-web/src/components/AppSelector/AppTemplateCard.tsx
deleted file mode 100644
index eab31fb542..0000000000
--- a/agenta-web/src/components/AppSelector/AppTemplateCard.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import React from "react"
-import {createUseStyles} from "react-jss"
-import {JSSTheme} from "@/lib/Types"
-import {Button, Card, Typography} from "antd"
-import {ArrowRight} from "@phosphor-icons/react"
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    card: {
-        width: 392,
-        height: 268,
-        display: "flex",
-        cursor: "pointer",
-        flexDirection: "column",
-        justifyContent: "space-between",
-        transition: "all 0.025s ease-in",
-        boxShadow: theme.boxShadowTertiary,
-        "& > .ant-card-head": {
-            minHeight: 0,
-            padding: theme.paddingSM,
-            "& .ant-card-head-title": {
-                fontSize: theme.fontSizeLG,
-                fontWeight: theme.fontWeightMedium,
-            },
-        },
-        "& > .ant-card-body": {
-            padding: theme.paddingSM,
-            flex: 1,
-        },
-        "& > .ant-card-actions": {
-            padding: "0 12px",
-        },
-        "&:hover": {
-            boxShadow: theme.boxShadow,
-        },
-    },
-    button: {
-        width: "100%",
-        display: "flex",
-        alignItems: "center",
-        "& > .ant-btn-icon": {
-            marginTop: 4,
-        },
-    },
-}))
-
-interface Props {
-    onWriteOwnApp: () => void
-    onCreateFromTemplate: () => void
-}
-
-const AppTemplateCard: React.FC<Props> = ({onWriteOwnApp, onCreateFromTemplate}) => {
-    const classes = useStyles()
-
-    const templatePoints = [
-        "Experiment and compare prompts and models",
-        "Evaluate outputs in the web UI",
-        "Deploy and version prompts",
-        "Track all LLM calls",
-    ]
-    const complexLLM = [
-        "Experiment with RAG, or agent architectures in the web UI",
-        "Create custom playgrounds to debug and trace calls",
-        "Easily integrate your LLM app code into the platform",
-        "Evaluate workflows end-to-end in the web UI",
-    ]
-    return (
-        <section className="flex flex-wrap items-center justify-center gap-4">
-            <Card
-                title="Create a prompt"
-                className={classes.card}
-                onClick={onCreateFromTemplate}
-                data-cy="create-from-template"
-                actions={[
-                    <Button
-                        type="primary"
-                        key="template"
-                        className={classes.button}
-                        iconPosition="end"
-                        icon={<ArrowRight size={18} />}
-                        size="large"
-                    >
-                        Create a new prompt
-                    </Button>,
-                ]}
-            >
-                <div className="gap-2">
-                    <Typography.Text>Quickly create a prompt and:</Typography.Text>
-                    <ul className="-ml-5">
-                        {templatePoints.map((item) => (
-                            <li key={item}>{item}</li>
-                        ))}
-                    </ul>
-                </div>
-            </Card>
-
-            <Card
-                title="Build custom workflows"
-                className={classes.card}
-                onClick={onWriteOwnApp}
-                actions={[
-                    <Button
-                        type="primary"
-                        key="ownApp"
-                        className={classes.button}
-                        iconPosition="end"
-                        icon={<ArrowRight size={18} />}
-                        size="large"
-                    >
-                        Create your own app
-                    </Button>,
-                ]}
-            >
-                <div className="gap-2">
-                    <Typography.Text>
-                        Create your own complex application using any framework.
-                    </Typography.Text>
-                    <ul className="-ml-5">
-                        {complexLLM.map((item) => (
-                            <li key={item}>{item}</li>
-                        ))}
-                    </ul>
-                </div>
-            </Card>
-        </section>
-    )
-}
-
-export default AppTemplateCard
diff --git a/agenta-web/src/components/AppSelector/TipsAndFeatures.tsx b/agenta-web/src/components/AppSelector/TipsAndFeatures.tsx
deleted file mode 100644
index 2f927182ca..0000000000
--- a/agenta-web/src/components/AppSelector/TipsAndFeatures.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import React, {useEffect, useState} from "react"
-import {BulbFilled} from "@ant-design/icons"
-import {Space} from "antd"
-import {useAppTheme} from "../Layout/ThemeContextProvider"
-import {MDXProvider} from "@mdx-js/react"
-import {StyleProps} from "@/lib/Types"
-import Image from "next/image"
-
-import {createUseStyles} from "react-jss"
-
-const useStyles = createUseStyles({
-    container: ({themeMode}: StyleProps) => ({
-        backgroundColor: themeMode === "dark" ? "#000" : "rgba(0,0,0,0.03)",
-        borderRadius: 10,
-        padding: 20,
-        width: "100%",
-        margin: "30px auto",
-    }),
-    header: {
-        "& svg": {
-            fontSize: 24,
-            color: "rgb(255, 217, 0)",
-        },
-        "& h1": {
-            margin: "8px 0",
-        },
-    },
-    dotsContainer: {
-        textAlign: "center",
-        marginBottom: "20px",
-    },
-    dots: {
-        display: "inline-block",
-        width: 10,
-        height: 10,
-        borderRadius: "50%",
-        margin: "0 5px",
-        cursor: "pointer",
-    },
-    mdxContainer: {
-        borderRadius: 10,
-        margin: "10px auto",
-        width: "100%",
-        lineHeight: 1.6,
-    },
-    img: {
-        width: "100%",
-        height: "auto",
-    },
-})
-
-const slides: any[] = []
-
-const TipsAndFeatures = () => {
-    const {appTheme} = useAppTheme()
-    const [activeIndex, setActiveIndex] = useState(0)
-    const classes = useStyles({themeMode: appTheme} as StyleProps)
-
-    const handleDotClick = (index: number) => {
-        setActiveIndex(index)
-    }
-
-    const getImagePath = (img: any) => {
-        const theme = appTheme === "dark" ? "dark" : "light"
-
-        const imgSrc = `/assets/tips-images/${img}-${theme}.png`
-
-        return imgSrc
-    }
-
-    useEffect(() => {
-        const interval = setInterval(() => {
-            setActiveIndex((prevIndex) => (prevIndex + 1) % slides.length)
-        }, 3000)
-
-        return () => {
-            clearInterval(interval)
-        }
-    }, [])
-
-    return (
-        <>
-            {slides.length ? (
-                <div className={classes.container}>
-                    <Space className={classes.header}>
-                        <BulbFilled />
-                        <h1>Highlights</h1>
-                    </Space>
-
-                    <div className={classes.dotsContainer}>
-                        {slides.map((_, index) => (
-                            <span
-                                key={index}
-                                style={{
-                                    background: index === activeIndex ? "#0e9c1a" : "#999",
-                                }}
-                                className={classes.dots}
-                                onClick={() => handleDotClick(index)}
-                            />
-                        ))}
-                    </div>
-
-                    <div className={classes.mdxContainer}>
-                        <MDXProvider
-                            components={{
-                                img: (props) => (
-                                    <Image
-                                        {...props}
-                                        src={getImagePath(props.src)}
-                                        alt="tips-and-tricks"
-                                        className={classes.img}
-                                        sizes="100vw"
-                                        width={500}
-                                        height={300}
-                                    />
-                                ),
-                            }}
-                        >
-                            {slides.map((Slide, index) => (
-                                <div
-                                    key={index}
-                                    style={{display: index === activeIndex ? "block" : "none"}}
-                                    className="mdxSlider"
-                                >
-                                    <Slide />
-                                </div>
-                            ))}
-                        </MDXProvider>
-                    </div>
-                </div>
-            ) : (
-                ""
-            )}
-        </>
-    )
-}
-
-export default TipsAndFeatures
diff --git a/agenta-web/src/components/AppSelector/Welcome.tsx b/agenta-web/src/components/AppSelector/Welcome.tsx
deleted file mode 100644
index aaf12f0c26..0000000000
--- a/agenta-web/src/components/AppSelector/Welcome.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from "react"
-import Image from "next/image"
-import {Typography} from "antd"
-import AppTemplateCard from "./AppTemplateCard"
-
-interface Props {
-    onWriteOwnApp: () => void
-    onCreateFromTemplate: () => void
-}
-
-const Welcome: React.FC<Props> = ({onWriteOwnApp, onCreateFromTemplate}) => {
-    return (
-        <section className="h-[75vh] flex flex-col justify-center gap-10">
-            <div className="text-center">
-                <Image
-                    src="/assets/light-complete-transparent-CROPPED.png"
-                    alt="agenta-ai"
-                    width={114}
-                    height={40}
-                    className="block mx-auto"
-                />
-                <Typography.Title level={3}>
-                    Start building and testing your LLM <br /> applications with Agenta AI.{" "}
-                </Typography.Title>
-            </div>
-
-            <div className="flex items-center justify-center gap-4">
-                <AppTemplateCard
-                    onWriteOwnApp={onWriteOwnApp}
-                    onCreateFromTemplate={onCreateFromTemplate}
-                />
-            </div>
-        </section>
-    )
-}
-export default Welcome
diff --git a/agenta-web/src/components/AppSelector/modals/AddAppFromTemplateModal.tsx b/agenta-web/src/components/AppSelector/modals/AddAppFromTemplateModal.tsx
deleted file mode 100644
index 6125448b11..0000000000
--- a/agenta-web/src/components/AppSelector/modals/AddAppFromTemplateModal.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-import {Typography, Input, Card, Radio, Space, Button, Flex} from "antd"
-import {ArrowLeft} from "@phosphor-icons/react"
-import {createUseStyles} from "react-jss"
-import {JSSTheme, Template} from "@/lib/Types"
-import {isAppNameInputValid} from "@/lib/helpers/utils"
-
-const {Text} = Typography
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    modal: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 24,
-    },
-    modalError: {
-        color: theme.colorError,
-        marginTop: 2,
-    },
-    headerText: {
-        "& .ant-typography": {
-            lineHeight: theme.lineHeightLG,
-            fontSize: theme.fontSizeHeading4,
-            fontWeight: theme.fontWeightStrong,
-        },
-    },
-    title: {
-        fontSize: theme.fontSizeLG,
-        fontWeight: theme.fontWeightMedium,
-        lineHeight: theme.lineHeightLG,
-    },
-    label: {
-        fontWeight: theme.fontWeightMedium,
-    },
-    card: {
-        width: 208,
-        height: 180,
-        cursor: "pointer",
-        transitionDuration: "0.3s",
-        "&:hover": {
-            boxShadow: theme.boxShadow,
-        },
-        "& > .ant-card-head": {
-            minHeight: 0,
-            padding: theme.paddingSM,
-
-            "& .ant-card-head-title": {
-                fontSize: theme.fontSize,
-                fontWeight: theme.fontWeightMedium,
-                lineHeight: theme.lineHeight,
-            },
-        },
-        "& > .ant-card-body": {
-            padding: theme.paddingSM,
-            "& > .ant-typography": {
-                color: theme.colorTextSecondary,
-            },
-        },
-    },
-    inputName: {
-        borderColor: `${theme.colorError} !important`,
-        "&  .ant-input-clear-icon": {
-            color: theme.colorError,
-        },
-    },
-}))
-
-type Props = {
-    setCurrent: React.Dispatch<React.SetStateAction<number>>
-    hasAvailableApps: boolean
-    newApp: string
-    setNewApp: React.Dispatch<React.SetStateAction<string>>
-    templates: Template[]
-    noTemplateMessage: string
-    onCardClick: (template: Template) => void
-    appNameExist: boolean
-    handleCreateApp: () => void
-    templateId: string | undefined
-}
-
-const AddAppFromTemplatedModal = ({
-    setCurrent,
-    hasAvailableApps,
-    newApp,
-    setNewApp,
-    templates,
-    noTemplateMessage,
-    onCardClick,
-    appNameExist,
-    handleCreateApp,
-    templateId,
-}: Props) => {
-    const classes = useStyles()
-
-    const isError = appNameExist || (newApp.length > 0 && !isAppNameInputValid(newApp))
-
-    const handleEnterKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {
-        if (event.key === "Enter" && templateId) {
-            handleCreateApp()
-        }
-    }
-
-    return (
-        <section className={classes.modal}>
-            <Space className={classes.headerText}>
-                {hasAvailableApps && (
-                    <Button
-                        icon={<ArrowLeft size={14} className="mt-0.5" />}
-                        className="flex items-center justify-center"
-                        onClick={() => setCurrent(0)}
-                    />
-                )}
-
-                <Typography.Text>Start with a template</Typography.Text>
-            </Space>
-
-            <Text>Create a an application using our preset LLM configuration.</Text>
-
-            <div className="space-y-2">
-                <Text className={classes.label}>Provide the name of the application</Text>
-                <Input
-                    placeholder="Enter a name"
-                    data-cy="enter-app-name-input"
-                    value={newApp}
-                    onChange={(e) => setNewApp(e.target.value)}
-                    onKeyDown={handleEnterKeyPress}
-                    className={`${isError && classes.inputName}`}
-                    allowClear
-                />
-
-                {appNameExist && (
-                    <Typography.Text className={classes.modalError}>
-                        App name already exists
-                    </Typography.Text>
-                )}
-                {newApp.length > 0 && !isAppNameInputValid(newApp) && (
-                    <Typography.Text
-                        className={classes.modalError}
-                        data-cy="enter-app-name-modal-text-warning"
-                    >
-                        App name must contain only letters, numbers, underscore, or dash without any
-                        spaces.
-                    </Typography.Text>
-                )}
-            </div>
-
-            <div className="space-y-2">
-                <Text className={classes.label}>Choose your template</Text>
-                <Flex gap={16}>
-                    {noTemplateMessage ? (
-                        <Card title="No Templates Available" className={classes.card}>
-                            <Text>{noTemplateMessage}</Text>
-                        </Card>
-                    ) : (
-                        templates.map((temp) => (
-                            <Card
-                                key={temp.id}
-                                data-cy="app-template-card"
-                                title={temp.image.title}
-                                extra={<Radio checked={temp.id?.includes(templateId as string)} />}
-                                className={classes.card}
-                                onClick={() => {
-                                    onCardClick(temp)
-                                }}
-                            >
-                                <Text>{temp.image.description}</Text>
-                            </Card>
-                        ))
-                    )}
-                </Flex>
-            </div>
-
-            <div className="flex justify-end">
-                <Button
-                    type="primary"
-                    disabled={!newApp || isError || !templateId}
-                    data-cy="create-app-from-template-button"
-                    onClick={handleCreateApp}
-                >
-                    Create new app
-                </Button>
-            </div>
-        </section>
-    )
-}
-
-export default AddAppFromTemplatedModal
diff --git a/agenta-web/src/components/AppSelector/modals/CreateAppStatusModal.tsx b/agenta-web/src/components/AppSelector/modals/CreateAppStatusModal.tsx
deleted file mode 100644
index 516ac87db0..0000000000
--- a/agenta-web/src/components/AppSelector/modals/CreateAppStatusModal.tsx
+++ /dev/null
@@ -1,233 +0,0 @@
-import {GenericObject, JSSTheme} from "@/lib/Types"
-import {getErrorMessage} from "@/lib/helpers/errorHandler"
-import {Modal, Typography, theme} from "antd"
-import {useRouter} from "next/router"
-import React, {useEffect, useState} from "react"
-import {createUseStyles} from "react-jss"
-import {Check, CircleNotch, ExclamationMark} from "@phosphor-icons/react"
-import CustomAppCreationLoader from "./CustomAppCreationLoader"
-
-const {Text} = Typography
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    statusRow: {
-        display: "flex",
-        alignItems: "center",
-        gap: 8,
-    },
-    modal: {
-        "& .ant-modal-content": {
-            padding: 0,
-            overflow: "hidden",
-            borderRadius: 16,
-            "& > .ant-modal-footer": {
-                padding: theme.paddingContentHorizontalLG,
-                paddingTop: 0,
-            },
-        },
-    },
-    topContainer: {
-        wdith: "100%",
-        height: 200,
-        backgroundColor: "#F5F7FA",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    bottomContainer: {
-        padding: theme.paddingContentHorizontalLG,
-        display: "grid",
-        gap: 10,
-    },
-    headerText: {
-        lineHeight: theme.lineHeightLG,
-        fontSize: theme.fontSizeHeading4,
-        fontWeight: theme.fontWeightStrong,
-    },
-    error: {
-        color: theme.colorError,
-    },
-    subText: {
-        color: theme.colorTextSecondary,
-    },
-}))
-
-interface Props {
-    loading: boolean
-    onErrorRetry?: () => void
-    onTimeoutRetry?: () => void
-    statusData: {status: string; details?: any; appId?: string}
-    appName: string
-}
-
-const CreateAppStatusModal: React.FC<Props & React.ComponentProps<typeof Modal>> = ({
-    loading,
-    onErrorRetry,
-    onTimeoutRetry,
-    statusData,
-    appName,
-    ...props
-}) => {
-    const router = useRouter()
-    const classes = useStyles()
-    const {
-        token: {colorError, cyan5: colorSuccess},
-    } = theme.useToken()
-    const [messages, setMessages] = useState<{
-        [status: string]: {
-            type: "error" | "success" | "loading"
-            message: string
-            errorMessage?: string
-        }
-    }>({})
-
-    const {appId, status, details} = statusData
-    const isError = ["bad_request", "error"].includes(status)
-    const isTimeout = status === "timeout"
-    const isSuccess = status === "success"
-    const closable = isError || isTimeout
-
-    const reset = () => {
-        setMessages({})
-    }
-
-    const onOk = (e: any) => {
-        reset()
-        if (isError) {
-            onErrorRetry?.()
-        } else if (isTimeout) {
-            onTimeoutRetry?.()
-        } else if (isSuccess) {
-            props.onCancel?.(e)
-            if (appId) router.push(`/apps/${appId}/playground`)
-        }
-    }
-
-    useEffect(() => {
-        setMessages((prev) => {
-            let obj: GenericObject
-            switch (status) {
-                case "creating_app":
-                    obj = {
-                        ...prev,
-                        [status]: {
-                            type: "loading",
-                            message: "Adding application",
-                        },
-                    }
-                    if (obj.fetching_image?.type === "loading") obj.fetching_image.type = "success"
-                    return obj
-                case "starting_app":
-                    obj = {
-                        ...prev,
-                        [status]: {
-                            type: "loading",
-                            message: "Starting service (takes ~20s)",
-                        },
-                    }
-                    if (obj.creating_app?.type === "loading") obj.creating_app.type = "success"
-                    return obj
-                case "success":
-                    obj = {
-                        ...prev,
-                        [status]: {
-                            type: "success",
-                            message: "Launching your application",
-                        },
-                    }
-                    if (obj.starting_app?.type === "loading") obj.starting_app.type = "success"
-                    if (appId) router.push(`/apps/${appId}/playground`)
-                    return obj
-                case "bad_request":
-                case "error":
-                    const lastStatus = Object.keys(prev).pop() ?? ""
-                    return {
-                        ...prev,
-                        [lastStatus]: {
-                            ...prev[lastStatus],
-                            type: "error",
-                            errorMessage: `Error: ${getErrorMessage(details)}`,
-                        },
-                    }
-                case "timeout":
-                    return {
-                        ...prev,
-                        starting_app: {
-                            ...prev.starting_app,
-                            type: "error",
-                            errorMessage: `Error: The app took too long to start. Press the "Retry" button if you want to try again.`,
-                        },
-                    }
-                case "cleanup":
-                    return {
-                        ...prev,
-                        [status]: {
-                            type: "loading",
-                            message: "Performing cleaning up before retrying",
-                        },
-                    }
-            }
-            return prev
-        })
-    }, [status])
-
-    return (
-        <Modal
-            data-cy="create-app-status-modal"
-            destroyOnClose
-            onOk={onOk}
-            okText={"Retry"}
-            footer={closable ? undefined : null}
-            closable={closable}
-            title={null}
-            {...props}
-            onCancel={closable ? props.onCancel : undefined}
-            className={classes.modal}
-            width={480}
-            centered
-        >
-            <section>
-                <div className={classes.topContainer}>
-                    <div>
-                        {closable ? (
-                            <div className="flex flex-col items-center">
-                                <ExclamationMark size={48} className={`${classes.error} mb-2`} />
-                                <Text className={classes.subText}>Oops, something went wrong.</Text>
-                                <Text className={`${classes.subText} mx-6 text-center`}>
-                                    {isError && getErrorMessage(details)}{" "}
-                                    {isTimeout &&
-                                        'The app took too long to start. Press the "Retry" button if you want to try again.'}
-                                </Text>
-                            </div>
-                        ) : (
-                            <CustomAppCreationLoader isFinish={isSuccess} />
-                        )}
-                    </div>
-                </div>
-
-                <div className={classes.bottomContainer}>
-                    <Text className={classes.headerText}>Creating your new app</Text>
-                    {Object.values(messages).map(({type, message}) => (
-                        <div className={classes.statusRow} key={message}>
-                            {type === "success" ? (
-                                <Check size={16} style={{color: colorSuccess}} />
-                            ) : type === "error" ? (
-                                <ExclamationMark size={16} style={{color: colorError}} />
-                            ) : (
-                                <CircleNotch size={16} className="animate-spin" />
-                            )}
-                            <Text style={{color: type === "error" ? colorError : ""}}>
-                                {message}{" "}
-                                {message == "Adding application" && (
-                                    <span className="font-medium">{appName}</span>
-                                )}
-                            </Text>
-                        </div>
-                    ))}
-                </div>
-            </section>
-        </Modal>
-    )
-}
-
-export default CreateAppStatusModal
diff --git a/agenta-web/src/components/AppSelector/modals/CustomAppCreationLoader.tsx b/agenta-web/src/components/AppSelector/modals/CustomAppCreationLoader.tsx
deleted file mode 100644
index fac1c43853..0000000000
--- a/agenta-web/src/components/AppSelector/modals/CustomAppCreationLoader.tsx
+++ /dev/null
@@ -1,245 +0,0 @@
-import React from "react"
-
-const CustomAppCreationLoader = ({isFinish}: {isFinish: boolean}) => {
-    return (
-        <div className="loading-circle">
-            <svg
-                width="160"
-                height="160"
-                viewBox="0 0 160 160"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-                className={`${isFinish && "*:!stroke-[#36cfc9] *:!shadow-[0px_0px_10px_0px_#B2F8FF]"}`}
-            >
-                <path
-                    d="M77 140C62.0921 139.336 47.9729 133.117 37.4232 122.568C26.8734 112.018 20.6577 97.902 20 83"
-                    stroke="#D6DEE6"
-                />
-
-                <path
-                    d="M20 77C20.6632 62.0925 26.882 47.9737 37.4317 37.4239C47.9815 26.8742 62.0975 20.6582 77 20"
-                    stroke="#36CFC9"
-                    strokeWidth="2"
-                />
-
-                <path
-                    d="M83 20C97.9073 20.663 112.026 26.8817 122.576 37.4314C133.126 47.9812 139.342 62.0974 140 77"
-                    stroke="#D6DEE6"
-                />
-                <path
-                    d="M140 83C139.337 97.9069 133.119 112.025 122.569 122.575C112.019 133.125 97.903 139.341 83 140"
-                    stroke="#D6DEE6"
-                />
-                <defs>
-                    <filter
-                        id="filter0_d_3369_25826"
-                        x="9.00098"
-                        y="9.00098"
-                        width="78.043"
-                        height="78.0435"
-                        filterUnits="userSpaceOnUse"
-                        colorInterpolationFilters="sRGB"
-                    >
-                        <feFlood floodOpacity="0" result="BackgroundImageFix" />
-                        <feColorMatrix
-                            in="SourceAlpha"
-                            type="matrix"
-                            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                            result="hardAlpha"
-                        />
-                        <feOffset />
-                        <feGaussianBlur stdDeviation="5" />
-                        <feComposite in2="hardAlpha" operator="out" />
-                        <feColorMatrix
-                            type="matrix"
-                            values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
-                        />
-                        <feBlend
-                            mode="normal"
-                            in2="BackgroundImageFix"
-                            result="effect1_dropShadow_3369_25826"
-                        />
-                        <feBlend
-                            mode="normal"
-                            in="SourceGraphic"
-                            in2="effect1_dropShadow_3369_25826"
-                            result="shape"
-                        />
-                    </filter>
-                </defs>
-                {isFinish && (
-                    <>
-                        <mask
-                            id="mask0_3369_25815"
-                            className="mask-type:alpha"
-                            maskUnits="userSpaceOnUse"
-                            x="51"
-                            y="59"
-                            width="59"
-                            height="42"
-                        >
-                            <path
-                                d="M51.9999 81.5004L69.5587 99.0595L108.618 60"
-                                stroke="white"
-                                strokeWidth="2"
-                            />
-                        </mask>
-                        <g mask="url(#mask0_3369_25815)">
-                            <rect
-                                x="40.9999"
-                                y="41"
-                                width="77.7436"
-                                height="77.7436"
-                                fill="#36CFC9"
-                            />
-                        </g>
-                        <defs>
-                            <filter
-                                id="filter0_d_3369_25815"
-                                x="9.00098"
-                                y="72.9561"
-                                width="78.0435"
-                                height="78.043"
-                                filterUnits="userSpaceOnUse"
-                                colorInterpolationFilters="sRGB"
-                            >
-                                <feFlood floodOpacity="0" result="BackgroundImageFix" />
-                                <feColorMatrix
-                                    in="SourceAlpha"
-                                    type="matrix"
-                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                                    result="hardAlpha"
-                                />
-                                <feOffset />
-                                <feGaussianBlur stdDeviation="5" />
-                                <feComposite in2="hardAlpha" operator="out" />
-                                <feColorMatrix
-                                    type="matrix"
-                                    values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
-                                />
-                                <feBlend
-                                    mode="normal"
-                                    in2="BackgroundImageFix"
-                                    result="effect1_dropShadow_3369_25815"
-                                />
-                                <feBlend
-                                    mode="normal"
-                                    in="SourceGraphic"
-                                    in2="effect1_dropShadow_3369_25815"
-                                    result="shape"
-                                />
-                            </filter>
-                            <filter
-                                id="filter1_d_3369_25815"
-                                x="9.00098"
-                                y="9.00098"
-                                width="78.0432"
-                                height="78.0435"
-                                filterUnits="userSpaceOnUse"
-                                colorInterpolationFilters="sRGB"
-                            >
-                                <feFlood floodOpacity="0" result="BackgroundImageFix" />
-                                <feColorMatrix
-                                    in="SourceAlpha"
-                                    type="matrix"
-                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                                    result="hardAlpha"
-                                />
-                                <feOffset />
-                                <feGaussianBlur stdDeviation="5" />
-                                <feComposite in2="hardAlpha" operator="out" />
-                                <feColorMatrix
-                                    type="matrix"
-                                    values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
-                                />
-                                <feBlend
-                                    mode="normal"
-                                    in2="BackgroundImageFix"
-                                    result="effect1_dropShadow_3369_25815"
-                                />
-                                <feBlend
-                                    mode="normal"
-                                    in="SourceGraphic"
-                                    in2="effect1_dropShadow_3369_25815"
-                                    result="shape"
-                                />
-                            </filter>
-                            <filter
-                                id="filter2_d_3369_25815"
-                                x="72.9561"
-                                y="9.00098"
-                                width="78.0435"
-                                height="78.043"
-                                filterUnits="userSpaceOnUse"
-                                colorInterpolationFilters="sRGB"
-                            >
-                                <feFlood floodOpacity="0" result="BackgroundImageFix" />
-                                <feColorMatrix
-                                    in="SourceAlpha"
-                                    type="matrix"
-                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                                    result="hardAlpha"
-                                />
-                                <feOffset />
-                                <feGaussianBlur stdDeviation="5" />
-                                <feComposite in2="hardAlpha" operator="out" />
-                                <feColorMatrix
-                                    type="matrix"
-                                    values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
-                                />
-                                <feBlend
-                                    mode="normal"
-                                    in2="BackgroundImageFix"
-                                    result="effect1_dropShadow_3369_25815"
-                                />
-                                <feBlend
-                                    mode="normal"
-                                    in="SourceGraphic"
-                                    in2="effect1_dropShadow_3369_25815"
-                                    result="shape"
-                                />
-                            </filter>
-                            <filter
-                                id="filter3_d_3369_25815"
-                                x="72.9561"
-                                y="72.9561"
-                                width="78.0435"
-                                height="78.043"
-                                filterUnits="userSpaceOnUse"
-                                colorInterpolationFilters="sRGB"
-                            >
-                                <feFlood floodOpacity="0" result="BackgroundImageFix" />
-                                <feColorMatrix
-                                    in="SourceAlpha"
-                                    type="matrix"
-                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                                    result="hardAlpha"
-                                />
-                                <feOffset />
-                                <feGaussianBlur stdDeviation="5" />
-                                <feComposite in2="hardAlpha" operator="out" />
-                                <feColorMatrix
-                                    type="matrix"
-                                    values="0 0 0 0 0.698039 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"
-                                />
-                                <feBlend
-                                    mode="normal"
-                                    in2="BackgroundImageFix"
-                                    result="effect1_dropShadow_3369_25815"
-                                />
-                                <feBlend
-                                    mode="normal"
-                                    in="SourceGraphic"
-                                    in2="effect1_dropShadow_3369_25815"
-                                    result="shape"
-                                />
-                            </filter>
-                        </defs>
-                    </>
-                )}
-            </svg>
-        </div>
-    )
-}
-
-export default CustomAppCreationLoader
diff --git a/agenta-web/src/components/AppSelector/modals/DeleteAppModal.tsx b/agenta-web/src/components/AppSelector/modals/DeleteAppModal.tsx
deleted file mode 100644
index 5c2095a9bc..0000000000
--- a/agenta-web/src/components/AppSelector/modals/DeleteAppModal.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from "react"
-import {Modal} from "antd"
-
-type DeleteAppModalProps = {
-    appName: string
-    confirmLoading: boolean
-} & React.ComponentProps<typeof Modal>
-
-const DeleteAppModal = ({appName, confirmLoading, ...props}: DeleteAppModalProps) => {
-    return (
-        <Modal
-            title="Are you sure?"
-            confirmLoading={confirmLoading}
-            okText="Yes"
-            cancelText="No"
-            {...props}
-        >
-            <p>Are you sure you want to delete {appName}?</p>
-        </Modal>
-    )
-}
-
-export default DeleteAppModal
diff --git a/agenta-web/src/components/AppSelector/modals/EditAppModal.tsx b/agenta-web/src/components/AppSelector/modals/EditAppModal.tsx
deleted file mode 100644
index 5358a232be..0000000000
--- a/agenta-web/src/components/AppSelector/modals/EditAppModal.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import {useAppsData} from "@/contexts/app.context"
-import {isAppNameInputValid} from "@/lib/helpers/utils"
-import {GenericObject, JSSTheme, ListAppsItem} from "@/lib/Types"
-import {updateAppName} from "@/services/app-selector/api"
-import {CheckOutlined} from "@ant-design/icons"
-import {Input, Modal, Typography} from "antd"
-import React, {useMemo, useState} from "react"
-import {createUseStyles} from "react-jss"
-import {useUpdateEffect} from "usehooks-ts"
-
-type EditAppModalProps = {
-    appDetails: ListAppsItem
-} & React.ComponentProps<typeof Modal>
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    title: {
-        fontSize: theme.fontSizeLG,
-        lineHeight: theme.lineHeightLG,
-        fontWeight: theme.fontWeightStrong,
-    },
-    modalError: {
-        color: "red",
-        marginLeft: theme.marginXS,
-    },
-}))
-
-const EditAppModal = ({appDetails, ...props}: EditAppModalProps) => {
-    const classes = useStyles()
-    const {apps, mutate} = useAppsData()
-    const [appNameInput, setAppNameInput] = useState(appDetails.app_name)
-    const [editAppLoading, setEditAppLoading] = useState(false)
-
-    useUpdateEffect(() => {
-        setAppNameInput(appDetails.app_name)
-    }, [apps])
-
-    const appNameExist = useMemo(
-        () =>
-            apps.some(
-                (app: GenericObject) =>
-                    app.app_name.toLowerCase() === appNameInput.toLowerCase() &&
-                    app.app_name.toLowerCase() !== appDetails.app_name.toLowerCase(),
-            ),
-        [apps, appNameInput, appDetails.app_name],
-    )
-
-    const handleEditAppName = async () => {
-        try {
-            setEditAppLoading(true)
-            await updateAppName(appDetails.app_id, appNameInput)
-            await mutate()
-            props.onCancel?.({} as any)
-        } catch (error) {
-            console.error(error)
-        } finally {
-            setEditAppLoading(false)
-        }
-    }
-
-    return (
-        <Modal
-            centered
-            destroyOnClose
-            okButtonProps={{
-                icon: <CheckOutlined />,
-                disabled: appNameExist || appNameInput.length === 0,
-                loading: editAppLoading,
-            }}
-            onOk={handleEditAppName}
-            okText={"Confirm"}
-            title={<Typography.Text className={classes.title}>Rename App</Typography.Text>}
-            {...props}
-        >
-            <div className="mt-4 mb-6">
-                <Input
-                    value={appNameInput}
-                    onChange={(e) => setAppNameInput(e.target.value)}
-                    onKeyDown={(e) => {
-                        if (e.key === "Enter") {
-                            handleEditAppName()
-                        }
-                    }}
-                />
-                {appNameExist && <div className={classes.modalError}>App name already exists</div>}
-                {appNameInput.length > 0 && !isAppNameInputValid(appNameInput) && (
-                    <div className={classes.modalError} data-cy="enter-app-name-modal-text-warning">
-                        App name must contain only letters, numbers, underscore, or dash
-                    </div>
-                )}
-            </div>
-        </Modal>
-    )
-}
-
-export default EditAppModal
diff --git a/agenta-web/src/components/AppSelector/modals/MaxAppModal.tsx b/agenta-web/src/components/AppSelector/modals/MaxAppModal.tsx
deleted file mode 100644
index 789cd049ae..0000000000
--- a/agenta-web/src/components/AppSelector/modals/MaxAppModal.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import Image from "next/image"
-import {Button, Modal, Typography} from "antd"
-import React from "react"
-import {createUseStyles} from "react-jss"
-import {JSSTheme} from "@/lib/Types"
-import {Phone, SlackLogo} from "@phosphor-icons/react"
-import Link from "next/link"
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    modal: {
-        "& .ant-modal-content": {
-            borderRadius: 16,
-        },
-        "& .ant-modal-close": {
-            top: 17,
-        },
-    },
-    image: {
-        background: "linear-gradient(180deg, #1F2D43 0%, #3A547E 100%)",
-        borderRadius: theme.borderRadiusLG,
-        width: "100%",
-        height: 140,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-}))
-
-type Props = React.ComponentProps<typeof Modal> & {}
-
-const MaxAppModal: React.FC<Props> = ({...props}) => {
-    const classes = useStyles()
-
-    return (
-        <Modal
-            rootClassName={classes.modal}
-            centered
-            footer={null}
-            title="Unlock unlimited applications"
-            width={480}
-            {...props}
-        >
-            <section className="flex flex-col mt-4">
-                <div className={classes.image}>
-                    <Image
-                        src="/assets/dark-complete-transparent_white_logo.png"
-                        alt="aenta-ai"
-                        width={226}
-                        height={60}
-                    />
-                </div>
-                <div className="flex flex-col gap-4">
-                    <Typography.Title level={4}>
-                        Hey, it seems like you have reached your free limit.{" "}
-                    </Typography.Title>
-                    <Typography.Text>
-                        To create more applications, please schedule a call to get full access to
-                        the platform.
-                    </Typography.Text>
-                    <Typography.Text>
-                        Got any questions? Feel free to reach out to our support in Slack.
-                    </Typography.Text>
-                </div>
-
-                <div className="flex items-center justify-end gap-2 mt-5">
-                    <Button onClick={() => props.onCancel?.({} as any)}>Cancel</Button>
-                    <Link
-                        href="https://join.slack.com/t/agenta-hq/shared_invite/zt-1zsafop5i-Y7~ZySbhRZvKVPV5DO_7IA"
-                        target="_black"
-                    >
-                        <Button icon={<SlackLogo size={14} className="mt-0.5" />}>
-                            Visit slack
-                        </Button>
-                    </Link>
-
-                    <Link href="https://cal.com/mahmoud-mabrouk-ogzgey/30min" target="_black">
-                        <Button type="primary" icon={<Phone size={14} className="mt-0.5" />}>
-                            Schedule a call
-                        </Button>
-                    </Link>
-                </div>
-            </section>
-        </Modal>
-    )
-}
-
-export default MaxAppModal
diff --git a/agenta-web/src/components/AppSelector/modals/WriteOwnAppModal.tsx b/agenta-web/src/components/AppSelector/modals/WriteOwnAppModal.tsx
deleted file mode 100644
index 48fca7bcf4..0000000000
--- a/agenta-web/src/components/AppSelector/modals/WriteOwnAppModal.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import {Typography, Space, Button} from "antd"
-import {ArrowLeft, Check, Copy, Play} from "@phosphor-icons/react"
-import {createUseStyles} from "react-jss"
-import {JSSTheme} from "@/lib/Types"
-import {isDemo} from "@/lib/helpers/utils"
-import {useRouter} from "next/router"
-import {useState} from "react"
-
-const {Text} = Typography
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    modal: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 24,
-    },
-    headerText: {
-        "& .ant-typography": {
-            lineHeight: theme.lineHeightLG,
-            fontSize: theme.fontSizeHeading4,
-            fontWeight: theme.fontWeightStrong,
-        },
-    },
-    label: {
-        fontWeight: theme.fontWeightMedium,
-    },
-    command: {
-        width: "92%",
-        backgroundColor: "#f6f8fa",
-        borderRadius: theme.borderRadius,
-        border: "1px solid",
-        borderColor: theme.colorBorder,
-        color: theme.colorText,
-        cursor: "default",
-        padding: "3.5px 11px",
-    },
-    copyBtn: {
-        width: theme.controlHeight,
-        height: theme.controlHeight,
-        "& > .ant-btn-icon": {
-            marginTop: 2,
-            marginLeft: 1,
-        },
-    },
-}))
-
-type Props = {
-    setCurrent: React.Dispatch<React.SetStateAction<number>>
-    hasAvailableApps: boolean
-}
-
-const WriteOwnAppModal = ({setCurrent, hasAvailableApps}: Props) => {
-    const classes = useStyles()
-    const router = useRouter()
-    const [isCopied, setIsCopied] = useState<number | null>(null)
-
-    const onCopyCode = (code: string, index: number) => {
-        navigator.clipboard.writeText(code)
-        setIsCopied(index)
-
-        setTimeout(() => setIsCopied(null), 2000)
-    }
-    const listOfCommands = [
-        ...(isDemo()
-            ? [
-                  {
-                      title: "Add an API Key",
-                      code: "",
-                  },
-              ]
-            : []),
-        {
-            title: "Install Agenta AI",
-            code: "pip install -U agenta",
-        },
-        {
-            title: "Clone the example application",
-            code: "git clone https://github.com/Agenta-AI/simple_prompt && cd simple_prompt",
-        },
-        {
-            title: "Set up environement variable",
-            code: 'echo -e "OPENAI_API_KEY=sk-xxx" > .env',
-        },
-        {
-            title: "Setup Agenta (select start from blank)",
-            code: "agenta init",
-        },
-        {
-            title: "Serve an app variant",
-            code: "agenta variant serve --file_name app.py",
-        },
-    ]
-    return (
-        <section className={classes.modal}>
-            <div className="flex items-center justify-between">
-                <Space className={classes.headerText}>
-                    {hasAvailableApps && (
-                        <Button
-                            icon={<ArrowLeft size={14} className="mt-0.5" />}
-                            className="flex items-center justify-center"
-                            onClick={() => setCurrent(0)}
-                        />
-                    )}
-
-                    <Typography.Text>Write your own app</Typography.Text>
-                </Space>
-
-                <Typography.Link href="https://www.youtube.com/watch?v=nggaRwDZM-0" target="_blank">
-                    <Button icon={<Play size={14} className="mt-[2px]" />} className="mr-6">
-                        Tutorial
-                    </Button>
-                </Typography.Link>
-            </div>
-
-            <Text>
-                Create your own complex application using any framework. To learn more about how to
-                write your own LLM app here,{" "}
-                <a
-                    href="https://docs.agenta.ai/guides/tutorials/a-more-complicated-tutorial-draft"
-                    target="_blank"
-                    className="!underline !underline-offset-2"
-                >
-                    Click here
-                </a>
-            </Text>
-
-            {listOfCommands.map((item, ind) => (
-                <div className="grid gap-4" key={ind}>
-                    <div className="space-y-2">
-                        <Text className={classes.label}>
-                            Step {ind + 1}: {item.title}
-                        </Text>
-
-                        {item.title.includes("API Key") ? (
-                            <Button
-                                className="block"
-                                onClick={() => router.push("/settings?tab=apiKeys")}
-                            >
-                                Get an API key
-                            </Button>
-                        ) : (
-                            <div className="flex items-center justify-between gap-2">
-                                <div className={classes.command}>{item.code}</div>
-
-                                <Button
-                                    onClick={() => onCopyCode(item.code, ind)}
-                                    icon={
-                                        isCopied !== ind ? <Copy size={14} /> : <Check size={14} />
-                                    }
-                                    className={classes.copyBtn}
-                                />
-                            </div>
-                        )}
-                    </div>
-                </div>
-            ))}
-        </section>
-    )
-}
-
-export default WriteOwnAppModal
diff --git a/agenta-web/src/pages/apps/[app_id]/overview/index.tsx b/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
index 71cfc9b42c..a9711c4062 100644
--- a/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
+++ b/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
@@ -1,5 +1,3 @@
-import DeleteAppModal from "@/components/AppSelector/modals/DeleteAppModal"
-import EditAppModal from "@/components/AppSelector/modals/EditAppModal"
 import AbTestingEvaluation from "@/components/HumanEvaluations/AbTestingEvaluation"
 import AutomaticEvalOverview from "@/components/pages/overview/automaticEvaluation/AutomaticEvalOverview"
 import DeploymentOverview from "@/components/pages/overview/deployments/DeploymentOverview"
@@ -18,6 +16,8 @@ import {Button, Dropdown, Space, Typography} from "antd"
 import {useRouter} from "next/router"
 import {useCallback, useEffect, useState} from "react"
 import {createUseStyles} from "react-jss"
+import DeleteAppModal from "@/components/pages/app-management/modals/DeleteAppModal"
+import EditAppModal from "@/components/pages/app-management/modals/EditAppModal"
 
 const ObservabilityOverview: any = dynamicComponent(
     "pages/overview/observability/ObservabilityOverview",

From 083159e6279c2276fe9f425bd6a677787fe2bfc8 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Wed, 27 Nov 2024 13:57:39 +0100
Subject: [PATCH 05/34] feat(frontend): added SetupTracing modal

---
 .../components/GetStartedSection.tsx          |   8 +-
 .../components/pages/app-management/index.tsx |   8 +
 .../modals/SetupTracingModal.tsx              | 225 ++++++++++++++++++
 3 files changed, 240 insertions(+), 1 deletion(-)
 create mode 100644 agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx

diff --git a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
index 4de7020d7a..554257e162 100644
--- a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -11,6 +11,7 @@ interface GetStartedSectionProps {
     setIsMaxAppModalOpen: (value: SetStateAction<boolean>) => void
     setIsAddAppFromTemplatedModal: (value: SetStateAction<boolean>) => void
     setIsWriteOwnAppModal: Dispatch<SetStateAction<boolean>>
+    setIsSetupTracingModal: Dispatch<SetStateAction<boolean>>
 }
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
@@ -59,6 +60,7 @@ const GetStartedSection = ({
     setIsAddAppFromTemplatedModal,
     setIsMaxAppModalOpen,
     setIsWriteOwnAppModal,
+    setIsSetupTracingModal,
 }: GetStartedSectionProps) => {
     const classes = useStyles()
 
@@ -85,7 +87,11 @@ const GetStartedSection = ({
                     </div>
                 </Card>
 
-                <Card title={<TreeView size={24} />} className={classes.getStartedCard}>
+                <Card
+                    title={<TreeView size={24} />}
+                    className={classes.getStartedCard}
+                    onClick={() => setIsSetupTracingModal(true)}
+                >
                     <div className="flex items-center justify-between">
                         <Text>Set Up Tracing</Text>
 
diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
index 3735867e3a..721f5e4578 100644
--- a/agenta-web/src/components/pages/app-management/index.tsx
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -20,6 +20,7 @@ import HelpAndSupportSection from "./components/HelpAndSupportSection"
 import DemoApplicationsSection from "./components/DemoApplicationsSection"
 import GetStartedSection from "./components/GetStartedSection"
 import ApplicationManagementSection from "./components/ApplicationManagementSection"
+import SetupTracingModal from "./modals/SetupTracingModal"
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
     container: ({themeMode}: StyleProps) => ({
@@ -58,6 +59,7 @@ const AppManagement: React.FC = () => {
     const [templateId, setTemplateId] = useState<string | undefined>(undefined)
     const [isAddAppFromTemplatedModal, setIsAddAppFromTemplatedModal] = useState(false)
     const [isWriteOwnAppModal, setIsWriteOwnAppModal] = useState(false)
+    const [isSetupTracingModal, setIsSetupTracingModal] = useState(false)
     const [statusModalOpen, setStatusModalOpen] = useState(false)
     const [fetchingTemplate, setFetchingTemplate] = useState(false)
     const [newApp, setNewApp] = useState("")
@@ -181,6 +183,7 @@ const AppManagement: React.FC = () => {
                     setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal}
                     setIsMaxAppModalOpen={setIsMaxAppModalOpen}
                     setIsWriteOwnAppModal={setIsWriteOwnAppModal}
+                    setIsSetupTracingModal={setIsSetupTracingModal}
                 />
 
                 <ApplicationManagementSection
@@ -204,6 +207,11 @@ const AppManagement: React.FC = () => {
                 onCancel={() => setIsWriteOwnAppModal(false)}
             />
 
+            <SetupTracingModal
+                open={isSetupTracingModal}
+                onCancel={() => setIsSetupTracingModal(false)}
+            />
+
             <AddAppFromTemplatedModal
                 open={isAddAppFromTemplatedModal}
                 onCancel={() => setIsAddAppFromTemplatedModal(false)}
diff --git a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
new file mode 100644
index 0000000000..9b4f47cc95
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
@@ -0,0 +1,225 @@
+import CopyButton from "@/components/CopyButton/CopyButton"
+import {JSSTheme} from "@/lib/Types"
+import {CloseOutlined, PythonOutlined} from "@ant-design/icons"
+import {CodeBlock, FileTs, Play} from "@phosphor-icons/react"
+import {Button, Flex, Modal, Radio, Space, Tabs, TabsProps, Typography} from "antd"
+import React from "react"
+import {createUseStyles} from "react-jss"
+import {IBM_Plex_Mono} from "next/font/google"
+
+const ibm_plex_mono = IBM_Plex_Mono({weight: "400", subsets: ["latin"]})
+
+type SetupTracingModalProps = {} & React.ComponentProps<typeof Modal>
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    modalContainer: {
+        transition: "width 0.3s ease",
+        "& > div": {
+            height: "100%",
+        },
+        "& h1.ant-typography": {
+            fontSize: theme.fontSizeHeading3,
+            lineHeight: theme.lineHeightHeading3,
+            fontWeight: theme.fontWeightMedium,
+        },
+        "& span.ant-typography": {
+            fontSize: theme.fontSizeLG,
+            lineHeight: theme.lineHeightLG,
+        },
+        "& .ant-modal-content": {
+            overflow: "hidden",
+            borderRadius: 16,
+            padding: 0,
+            height: "100%",
+            "& .ant-modal-body": {
+                height: "100%",
+            },
+        },
+    },
+    modalHeader: {
+        padding: `${theme.padding}px ${theme.paddingLG}px`,
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        borderBottom: `1px solid ${theme.colorBorderSecondary}`,
+        "& .ant-typography": {
+            flex: 1,
+            fontSize: theme.fontSizeHeading5,
+            lineHeight: theme.lineHeightHeading5,
+            fontWeight: theme.fontWeightMedium,
+        },
+    },
+    modalBody: {
+        padding: theme.paddingLG,
+        display: "flex",
+        height: "100%",
+        flexDirection: "column",
+        gap: 24,
+        "& .ant-tabs-tab-btn": {
+            display: "flex",
+            alignItems: "center",
+            "& .ant-tabs-tab-icon": {
+                display: "flex",
+            },
+        },
+    },
+    command: {
+        padding: theme.paddingXS,
+        backgroundColor: theme.colorBgContainerDisabled,
+        borderRadius: theme.borderRadius,
+    },
+
+    tabs: {
+        height: "100%",
+        "& .ant-tabs-content-holder": {
+            height: "100%",
+            overflowY: "auto",
+        },
+    },
+}))
+
+const {Text, Title} = Typography
+
+const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
+    const classes = useStyles()
+
+    const items: TabsProps["items"] = [
+        {
+            key: "openai",
+            label: "Open AI",
+            icon: <PythonOutlined />,
+            children: (
+                <div className="flex flex-col gap-6">
+                    <Space>
+                        <Text>1.</Text>
+                        <Button type="primary">Generate API Key</Button>
+                    </Space>
+
+                    <div className="flex flex-col gap-2">
+                        <Flex align="center" justify="space-between">
+                            <Space>
+                                <Text>2.</Text>
+                                <Text>Install dependencies</Text>
+                            </Space>
+
+                            <Space>
+                                <Radio.Group
+                                    defaultValue={"python"}
+                                    // defaultValue={appMsgDisplay}
+                                    // onChange={(e) => setAppMsgDisplay(e.target.value)}
+                                >
+                                    <Radio.Button value="python">Python</Radio.Button>
+                                    <Radio.Button value="typescript">TypeScript</Radio.Button>
+                                </Radio.Group>
+
+                                <CopyButton buttonText={""} icon text="Hello" />
+                            </Space>
+                        </Flex>
+
+                        <div className={`${classes.command} ${ibm_plex_mono.className}`}>
+                            <pre className="m-0">{`pip install -U langchain langchain-openai`}</pre>
+                        </div>
+                    </div>
+
+                    <div className="flex flex-col gap-2">
+                        <Flex align="center" justify="space-between">
+                            <Space>
+                                <Text>3.</Text>
+                                <Text>Configure environment to langsmith</Text>
+                            </Space>
+
+                            <Space>
+                                <CopyButton buttonText={""} icon text="Hello" />
+                            </Space>
+                        </Flex>
+                        <div className={`${classes.command} ${ibm_plex_mono.className}`}>
+                            <pre className="m-0">
+                                {`LANGCHAIN_TRACING_V2=true\nLANGCHAIN_ENDPOINT="https://api.smith.langchain.com"\nLANGCHAIN_API_KEY="<your-api-key>"\nLANGCHAIN_PROJECT="pr-terrible-junk-60"`}
+                            </pre>
+                        </div>
+                    </div>
+
+                    <div className="flex flex-col gap-2">
+                        <Flex align="center" justify="space-between">
+                            <Space>
+                                <Text>4.</Text>
+                                <Text>
+                                    Run LLM, Chat model, or chain. Its trace will be sent to this
+                                    project
+                                </Text>
+                            </Space>
+
+                            <Space>
+                                <CopyButton buttonText={""} icon text="Hello" />
+                            </Space>
+                        </Flex>
+                        <div className={`${classes.command} ${ibm_plex_mono.className}`}>
+                            <pre className="m-0">
+                                {`from langchain_openai import ChatOpenAI\nllm = ChatOpenAI()\n\nllm.invoke("Hello, world!")`}
+                            </pre>
+                        </div>
+                    </div>
+                </div>
+            ),
+        },
+        {
+            key: "liteLLM",
+            label: "LiteLLM",
+            icon: <FileTs />,
+            children: <div>Overview</div>,
+        },
+        {
+            key: "langChain",
+            label: "LangChain",
+            icon: <CodeBlock />,
+            children: <div>Overview</div>,
+        },
+        {
+            key: "instructor",
+            label: "Instructor",
+            icon: <CodeBlock />,
+            children: <div>Overview</div>,
+        },
+    ]
+
+    return (
+        <Modal
+            destroyOnClose
+            footer={null}
+            title={null}
+            className={classes.modalContainer}
+            width={720}
+            height={832}
+            centered
+            closeIcon={null}
+            {...props}
+        >
+            <div className="h-full">
+                <div className={classes.modalHeader}>
+                    <Button
+                        onClick={() => props.onCancel?.({} as any)}
+                        type="text"
+                        icon={<CloseOutlined />}
+                    />
+                    <Text>Set up tracing</Text>
+                    <Button>
+                        <Play />
+                        Tutorial
+                    </Button>
+                </div>
+                <div className={classes.modalBody}>
+                    <Space direction="vertical">
+                        <Title>Tracing</Title>
+                        <Text>
+                            Debug effectively, bootstrap test sets, monitor and compare app versions
+                        </Text>
+                    </Space>
+
+                    <Tabs defaultActiveKey="openai" items={items} className={classes.tabs} />
+                </div>
+            </div>
+        </Modal>
+    )
+}
+
+export default SetupTracingModal

From 5d55812d6246a3aaa1d9865ced08e69c1d39862b Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Wed, 27 Nov 2024 13:59:57 +0100
Subject: [PATCH 06/34] style(frontend): added ibm plex mono fontFamily to
 command code

---
 .../pages/app-management/modals/SetupTracingModal.tsx    | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
index 9b4f47cc95..e79c289719 100644
--- a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
@@ -67,6 +67,9 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         padding: theme.paddingXS,
         backgroundColor: theme.colorBgContainerDisabled,
         borderRadius: theme.borderRadius,
+        "& pre": {
+            fontFamily: ibm_plex_mono.style.fontFamily,
+        },
     },
 
     tabs: {
@@ -116,7 +119,7 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
                             </Space>
                         </Flex>
 
-                        <div className={`${classes.command} ${ibm_plex_mono.className}`}>
+                        <div className={`${classes.command}`}>
                             <pre className="m-0">{`pip install -U langchain langchain-openai`}</pre>
                         </div>
                     </div>
@@ -132,7 +135,7 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
                                 <CopyButton buttonText={""} icon text="Hello" />
                             </Space>
                         </Flex>
-                        <div className={`${classes.command} ${ibm_plex_mono.className}`}>
+                        <div className={`${classes.command}`}>
                             <pre className="m-0">
                                 {`LANGCHAIN_TRACING_V2=true\nLANGCHAIN_ENDPOINT="https://api.smith.langchain.com"\nLANGCHAIN_API_KEY="<your-api-key>"\nLANGCHAIN_PROJECT="pr-terrible-junk-60"`}
                             </pre>
@@ -153,7 +156,7 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
                                 <CopyButton buttonText={""} icon text="Hello" />
                             </Space>
                         </Flex>
-                        <div className={`${classes.command} ${ibm_plex_mono.className}`}>
+                        <div className={`${classes.command}`}>
                             <pre className="m-0">
                                 {`from langchain_openai import ChatOpenAI\nllm = ChatOpenAI()\n\nllm.invoke("Hello, world!")`}
                             </pre>

From 070423cfdadd2ce5b0fd411bc4522b5e57f10b42 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Wed, 27 Nov 2024 14:19:43 +0100
Subject: [PATCH 07/34] fix(frontend): dynamically imported Observability
 dashboard section

---
 agenta-web/src/components/pages/app-management/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
index 721f5e4578..a7741a71fa 100644
--- a/agenta-web/src/components/pages/app-management/index.tsx
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -13,7 +13,7 @@ import {useProfileData} from "@/contexts/profile.context"
 import CreateAppStatusModal from "./modals/CreateAppStatusModal"
 import {usePostHogAg} from "@/hooks/usePostHogAg"
 import {LlmProvider, getAllProviderLlmKeys} from "@/lib/helpers/llmProviders"
-import {dynamicContext} from "@/lib/helpers/dynamic"
+import {dynamicComponent, dynamicContext} from "@/lib/helpers/dynamic"
 import dayjs from "dayjs"
 import {useAppTheme} from "@/components/Layout/ThemeContextProvider"
 import HelpAndSupportSection from "./components/HelpAndSupportSection"
@@ -22,6 +22,10 @@ import GetStartedSection from "./components/GetStartedSection"
 import ApplicationManagementSection from "./components/ApplicationManagementSection"
 import SetupTracingModal from "./modals/SetupTracingModal"
 
+const ObservabilityDashboardSection: any = dynamicComponent(
+    "pages/app-management/components/ObservabilityDashboardSection",
+)
+
 const useStyles = createUseStyles((theme: JSSTheme) => ({
     container: ({themeMode}: StyleProps) => ({
         width: "100%",
@@ -186,6 +190,8 @@ const AppManagement: React.FC = () => {
                     setIsSetupTracingModal={setIsSetupTracingModal}
                 />
 
+                <ObservabilityDashboardSection />
+
                 <ApplicationManagementSection
                     selectedOrg={selectedOrg}
                     apps={apps}

From 82012a95405b39b9aefb2ea4d5bcbb4c933e4aaa Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Wed, 27 Nov 2024 16:00:39 +0100
Subject: [PATCH 08/34] fix(frontend): improved rag demo app image resolution

---
 .../components/DemoApplicationsSection.tsx      |   2 +-
 agenta-web/src/media/rag-demo-app.jpg           | Bin 0 -> 89077 bytes
 agenta-web/src/media/rag-demo-app.png           | Bin 8300 -> 0 bytes
 3 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 agenta-web/src/media/rag-demo-app.jpg
 delete mode 100644 agenta-web/src/media/rag-demo-app.png

diff --git a/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx b/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
index 351bc0727b..da3824b576 100644
--- a/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
@@ -3,7 +3,7 @@ import {Button, Card, Flex, Space, Typography} from "antd"
 import React from "react"
 import Image from "next/image"
 import {createUseStyles} from "react-jss"
-import RagDemoImage from "@/media/rag-demo-app.png"
+import RagDemoImage from "@/media/rag-demo-app.jpg"
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
     demoAppCard: {
diff --git a/agenta-web/src/media/rag-demo-app.jpg b/agenta-web/src/media/rag-demo-app.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b987a16f7b1cbec325e5a9eaa0adcd17753bc69f
GIT binary patch
literal 89077
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
V_P;}q|8{}@QX~G(atmw>{vSbH_`?7I

literal 0
HcmV?d00001

diff --git a/agenta-web/src/media/rag-demo-app.png b/agenta-web/src/media/rag-demo-app.png
deleted file mode 100644
index 0b7d6a1d2918151772d00ac369555f2fd601e90d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8300
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
Q4!}}<r2(o^u=xBx0HC1NnE(I)


From d08a77c697d6b0965bbeff1e92a1265b74be8239 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Wed, 27 Nov 2024 16:09:01 +0100
Subject: [PATCH 09/34] fix(frontend): fixed rag demo image height

---
 .../components/DemoApplicationsSection.tsx               | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx b/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
index da3824b576..39323669dc 100644
--- a/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
@@ -45,7 +45,14 @@ const DemoApplicationsSection = () => {
             <div>
                 <Card
                     className={classes.demoAppCard}
-                    cover={<Image src={RagDemoImage} alt="rag_demo_application_image" priority />}
+                    cover={
+                        <Image
+                            src={RagDemoImage}
+                            alt="rag_demo_application_image"
+                            height={200}
+                            priority
+                        />
+                    }
                 >
                     <Space direction="vertical" size={24}>
                         <Space direction="vertical">

From 30a01f107ef80a9e5567674950e4be54e3a17533 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 02:37:47 +0100
Subject: [PATCH 10/34] feat(frontend): added custom hook to handle pagination

---
 agenta-web/src/hooks/usePagination.ts | 40 +++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 agenta-web/src/hooks/usePagination.ts

diff --git a/agenta-web/src/hooks/usePagination.ts b/agenta-web/src/hooks/usePagination.ts
new file mode 100644
index 0000000000..0605a6bcea
--- /dev/null
+++ b/agenta-web/src/hooks/usePagination.ts
@@ -0,0 +1,40 @@
+import {useState} from "react"
+
+interface UsePaginationProps<T> {
+    items: T[]
+    initialPageSize?: number
+}
+
+interface UsePaginationReturn<T> {
+    paginatedItems: T[]
+    currentPage: number
+    pageSize: number
+    totalItems: number
+    onPageChange: (page: number, size?: number) => void
+}
+
+function usePagination<T>({
+    items,
+    initialPageSize = 10,
+}: UsePaginationProps<T>): UsePaginationReturn<T> {
+    const [currentPage, setCurrentPage] = useState(1)
+    const [pageSize, setPageSize] = useState(initialPageSize)
+
+    const startIndex = (currentPage - 1) * pageSize
+    const paginatedItems = items.slice(startIndex, startIndex + pageSize)
+
+    const onPageChange = (page: number, size?: number) => {
+        setCurrentPage(page)
+        if (size !== undefined) setPageSize(size)
+    }
+
+    return {
+        paginatedItems,
+        currentPage,
+        pageSize,
+        totalItems: items.length,
+        onPageChange,
+    }
+}
+
+export default usePagination

From bba76556913633bfdb3e3431c8f714b3b007513b Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 02:38:05 +0100
Subject: [PATCH 11/34] feat(frontend): added empty app view component

---
 .../components/EmptyAppView.tsx               | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 agenta-web/src/components/pages/app-management/components/EmptyAppView.tsx

diff --git a/agenta-web/src/components/pages/app-management/components/EmptyAppView.tsx b/agenta-web/src/components/pages/app-management/components/EmptyAppView.tsx
new file mode 100644
index 0000000000..108e8c46bb
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/EmptyAppView.tsx
@@ -0,0 +1,57 @@
+import React, {SetStateAction} from "react"
+import Image from "next/image"
+import {createUseStyles} from "react-jss"
+import {JSSTheme} from "@/lib/Types"
+import {Button, Typography} from "antd"
+import {PlusOutlined} from "@ant-design/icons"
+
+interface EmptyAppViewProps {
+    setIsAddAppFromTemplatedModal: (value: SetStateAction<boolean>) => void
+}
+
+const useStyles = createUseStyles((theme: JSSTheme) => ({
+    container: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: theme.padding,
+        borderRadius: theme.borderRadius,
+        border: `1px solid ${theme.colorBorderSecondary}`,
+        "& > div": {
+            padding: "40px 0",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: 16,
+            "& span.ant-typography": {
+                fontSize: theme.fontSizeHeading4,
+                lineHeight: theme.lineHeightHeading4,
+                fontWeight: theme.fontWeightMedium,
+            },
+        },
+    },
+}))
+
+const EmptyAppView = ({setIsAddAppFromTemplatedModal}: EmptyAppViewProps) => {
+    const classes = useStyles()
+    return (
+        <div className={classes.container}>
+            <div>
+                <Image src="/assets/not-found.png" alt="not-found" width={240} height={210} />
+                <Typography.Text>Click here to create to your first prompt</Typography.Text>
+                <Button
+                    data-cy="create-new-app-button"
+                    icon={<PlusOutlined />}
+                    onClick={() => {
+                        setIsAddAppFromTemplatedModal(true)
+                    }}
+                >
+                    Create new app
+                </Button>
+            </div>
+        </div>
+    )
+}
+
+export default EmptyAppView

From a8f444c45fa1f8810c2d320d379747a2b748de30 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 02:38:31 +0100
Subject: [PATCH 12/34] fix(frontend): fixed NoResultsFound component styles

---
 agenta-web/src/components/NoResultsFound/NoResultsFound.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/agenta-web/src/components/NoResultsFound/NoResultsFound.tsx b/agenta-web/src/components/NoResultsFound/NoResultsFound.tsx
index 9b173ef301..f91656fd89 100644
--- a/agenta-web/src/components/NoResultsFound/NoResultsFound.tsx
+++ b/agenta-web/src/components/NoResultsFound/NoResultsFound.tsx
@@ -13,10 +13,11 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         justifyContent: "center",
         padding: "80px 0px",
         gap: 16,
-        "& > span": {
+        "& > span.ant-typography": {
             lineHeight: theme.lineHeightHeading4,
             fontSize: theme.fontSizeHeading4,
             fontWeight: theme.fontWeightMedium,
+            color: theme.colorText,
         },
     },
 }))

From e809f6b7feec97bf13155e68989c4da4b1b00793 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 02:39:20 +0100
Subject: [PATCH 13/34] feat(frontend): implemented actions (edit and delete)

---
 .../app-management/components/AppCard.tsx     | 50 +++----------------
 .../app-management/components/AppTable.tsx    | 27 ++++++----
 .../app-management/modals/DeleteAppModal.tsx  | 31 ++++++++++--
 .../app-management/modals/EditAppModal.tsx    |  2 +-
 4 files changed, 52 insertions(+), 58 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/components/AppCard.tsx b/agenta-web/src/components/pages/app-management/components/AppCard.tsx
index 0ede9dd495..da4ac943cf 100644
--- a/agenta-web/src/components/pages/app-management/components/AppCard.tsx
+++ b/agenta-web/src/components/pages/app-management/components/AppCard.tsx
@@ -1,15 +1,10 @@
 import {Card, Dropdown, Button, Typography, Tag} from "antd"
 import {MoreOutlined} from "@ant-design/icons"
-import {deleteApp} from "@/services/app-selector/api"
-import {useState} from "react"
 import {createUseStyles} from "react-jss"
 import {JSSTheme, ListAppsItem} from "@/lib/Types"
-import {useAppsData} from "@/contexts/app.context"
 import {Note, PencilLine, Trash} from "@phosphor-icons/react"
 import {useRouter} from "next/router"
 import {formatDay} from "@/lib/helpers/dateTimeHelper"
-import DeleteAppModal from "../modals/DeleteAppModal"
-import EditAppModal from "../modals/EditAppModal"
 
 const {Text} = Typography
 
@@ -54,30 +49,11 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
 
 const AppCard: React.FC<{
     app: ListAppsItem
-}> = ({app}) => {
-    const [visibleDelete, setVisibleDelete] = useState(false)
-    const [confirmLoading, setConfirmLoading] = useState(false)
-    const {mutate} = useAppsData()
+    setSelectedApp: React.Dispatch<React.SetStateAction<ListAppsItem | null>>
+    setIsDeleteAppModalOpen: (value: React.SetStateAction<boolean>) => void
+    setIsEditAppModalOpen: (value: React.SetStateAction<boolean>) => void
+}> = ({app, setSelectedApp, setIsDeleteAppModalOpen, setIsEditAppModalOpen}) => {
     const router = useRouter()
-    const [isEditAppModalOpen, setIsEditAppModalOpen] = useState(false)
-
-    const handleDeleteOk = async () => {
-        setConfirmLoading(true)
-        try {
-            await deleteApp(app.app_id)
-            mutate()
-        } catch (error) {
-            console.error(error)
-        } finally {
-            // remove variant tabs position index from LS
-            localStorage.removeItem(`tabIndex_${app.app_id}`)
-            setVisibleDelete(false)
-            setConfirmLoading(false)
-        }
-    }
-    const handleDeleteCancel = () => {
-        setVisibleDelete(false)
-    }
 
     const classes = useStyles()
 
@@ -109,6 +85,7 @@ const AppCard: React.FC<{
                                     icon: <PencilLine size={16} />,
                                     onClick: (e: any) => {
                                         e.domEvent.stopPropagation()
+                                        setSelectedApp(app)
                                         setIsEditAppModalOpen(true)
                                     },
                                 },
@@ -119,7 +96,8 @@ const AppCard: React.FC<{
                                     danger: true,
                                     onClick: (e: any) => {
                                         e.domEvent.stopPropagation()
-                                        setVisibleDelete(true)
+                                        setSelectedApp(app)
+                                        setIsDeleteAppModalOpen(true)
                                     },
                                 },
                             ],
@@ -145,20 +123,6 @@ const AppCard: React.FC<{
                     </div>
                 </div>
             </Card>
-
-            <DeleteAppModal
-                open={visibleDelete}
-                onOk={handleDeleteOk}
-                onCancel={handleDeleteCancel}
-                appName={app.app_name}
-                confirmLoading={confirmLoading}
-            />
-
-            <EditAppModal
-                open={isEditAppModalOpen}
-                onCancel={() => setIsEditAppModalOpen(false)}
-                appDetails={app}
-            />
         </>
     )
 }
diff --git a/agenta-web/src/components/pages/app-management/components/AppTable.tsx b/agenta-web/src/components/pages/app-management/components/AppTable.tsx
index a9caf2627b..163a29e95e 100644
--- a/agenta-web/src/components/pages/app-management/components/AppTable.tsx
+++ b/agenta-web/src/components/pages/app-management/components/AppTable.tsx
@@ -4,19 +4,24 @@ import {GearSix, Note, PencilLine, Trash} from "@phosphor-icons/react"
 import {Button, Dropdown, Table, Tag} from "antd"
 import {ColumnsType} from "antd/es/table"
 import {useRouter} from "next/router"
-import React, {useState} from "react"
-import {useAppsData} from "@/contexts/app.context"
+import React from "react"
 import {formatDay} from "@/lib/helpers/dateTimeHelper"
+import NoResultsFound from "@/components/NoResultsFound/NoResultsFound"
 
 type AppTableProps = {
     filteredApps: ListAppsItem[]
-    isLoading: boolean
-} & React.ComponentProps<typeof Table>
+    setSelectedApp: React.Dispatch<React.SetStateAction<ListAppsItem | null>>
+    setIsDeleteAppModalOpen: (value: React.SetStateAction<boolean>) => void
+    setIsEditAppModalOpen: (value: React.SetStateAction<boolean>) => void
+}
 
-const AppTable = ({filteredApps, isLoading, ...props}: AppTableProps) => {
+const AppTable = ({
+    filteredApps,
+    setIsDeleteAppModalOpen,
+    setIsEditAppModalOpen,
+    setSelectedApp,
+}: AppTableProps) => {
     const router = useRouter()
-    const [selectedApp, setSelectedApp] = useState<ListAppsItem | null>(null)
-    const {mutate} = useAppsData()
 
     const columns: ColumnsType<ListAppsItem> = [
         {
@@ -72,6 +77,8 @@ const AppTable = ({filteredApps, isLoading, ...props}: AppTableProps) => {
                                     icon: <PencilLine size={16} />,
                                     onClick: (e: any) => {
                                         e.domEvent.stopPropagation()
+                                        setSelectedApp(record)
+                                        setIsEditAppModalOpen(true)
                                     },
                                 },
                                 {
@@ -81,6 +88,8 @@ const AppTable = ({filteredApps, isLoading, ...props}: AppTableProps) => {
                                     danger: true,
                                     onClick: (e: any) => {
                                         e.domEvent.stopPropagation()
+                                        setSelectedApp(record)
+                                        setIsDeleteAppModalOpen(true)
                                     },
                                 },
                             ],
@@ -103,7 +112,6 @@ const AppTable = ({filteredApps, isLoading, ...props}: AppTableProps) => {
             <Table
                 rowKey={"app_id"}
                 className="ph-no-capture"
-                loading={isLoading}
                 columns={columns}
                 dataSource={filteredApps}
                 scroll={{x: true}}
@@ -112,8 +120,9 @@ const AppTable = ({filteredApps, isLoading, ...props}: AppTableProps) => {
                 onRow={(record) => ({
                     style: {cursor: "pointer"},
                     "data-cy": "apps-list",
-                    onClick: () => {},
+                    onClick: () => router.push(`/apps/${record.app_id}/overview`),
                 })}
+                locale={{emptyText: <NoResultsFound />}}
             />
         </>
     )
diff --git a/agenta-web/src/components/pages/app-management/modals/DeleteAppModal.tsx b/agenta-web/src/components/pages/app-management/modals/DeleteAppModal.tsx
index 5c2095a9bc..51e8dfbdff 100644
--- a/agenta-web/src/components/pages/app-management/modals/DeleteAppModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/DeleteAppModal.tsx
@@ -1,21 +1,42 @@
-import React from "react"
+import React, {useState} from "react"
 import {Modal} from "antd"
+import {useAppsData} from "@/contexts/app.context"
+import {deleteApp} from "@/services/app-selector/api"
+import {ListAppsItem} from "@/lib/Types"
 
 type DeleteAppModalProps = {
-    appName: string
-    confirmLoading: boolean
+    appDetails: ListAppsItem
 } & React.ComponentProps<typeof Modal>
 
-const DeleteAppModal = ({appName, confirmLoading, ...props}: DeleteAppModalProps) => {
+const DeleteAppModal = ({appDetails, ...props}: DeleteAppModalProps) => {
+    const [confirmLoading, setConfirmLoading] = useState(false)
+    const {mutate} = useAppsData()
+
+    const handleDeleteOk = async () => {
+        setConfirmLoading(true)
+        try {
+            await deleteApp(appDetails.app_id)
+            mutate()
+        } catch (error) {
+            console.error(error)
+        } finally {
+            // remove variant tabs position index from LS
+            localStorage.removeItem(`tabIndex_${appDetails.app_id}`)
+            props.onCancel?.({} as any)
+            setConfirmLoading(false)
+        }
+    }
+
     return (
         <Modal
             title="Are you sure?"
             confirmLoading={confirmLoading}
             okText="Yes"
             cancelText="No"
+            onOk={handleDeleteOk}
             {...props}
         >
-            <p>Are you sure you want to delete {appName}?</p>
+            <p>Are you sure you want to delete {appDetails.app_name}?</p>
         </Modal>
     )
 }
diff --git a/agenta-web/src/components/pages/app-management/modals/EditAppModal.tsx b/agenta-web/src/components/pages/app-management/modals/EditAppModal.tsx
index 5358a232be..c04b10211d 100644
--- a/agenta-web/src/components/pages/app-management/modals/EditAppModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/EditAppModal.tsx
@@ -32,7 +32,7 @@ const EditAppModal = ({appDetails, ...props}: EditAppModalProps) => {
 
     useUpdateEffect(() => {
         setAppNameInput(appDetails.app_name)
-    }, [apps])
+    }, [apps, appDetails])
 
     const appNameExist = useMemo(
         () =>

From 201ad6184340ff4ce45d897f3f4ab249aba80ddc Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 02:39:43 +0100
Subject: [PATCH 14/34] feat(frontend): added Tooltip to cards

---
 .../components/GetStartedSection.tsx               | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
index 554257e162..b251c64f24 100644
--- a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -1,7 +1,7 @@
 import {isDemo} from "@/lib/helpers/utils"
 import {JSSTheme, ListAppsItem} from "@/lib/Types"
 import {Code, Info, Rocket, TreeView} from "@phosphor-icons/react"
-import {Card, Typography} from "antd"
+import {Card, Tooltip, Typography} from "antd"
 import React, {Dispatch, SetStateAction} from "react"
 import {createUseStyles} from "react-jss"
 
@@ -83,7 +83,9 @@ const GetStartedSection = ({
                     <div className="flex items-center justify-between">
                         <Text>Create New Prompt</Text>
 
-                        <Info size={16} />
+                        <Tooltip title="Create New Prompt.">
+                            <Info size={16} />
+                        </Tooltip>
                     </div>
                 </Card>
 
@@ -95,7 +97,9 @@ const GetStartedSection = ({
                     <div className="flex items-center justify-between">
                         <Text>Set Up Tracing</Text>
 
-                        <Info size={16} />
+                        <Tooltip title="Set Up Tracing.">
+                            <Info size={16} />
+                        </Tooltip>
                     </div>
                 </Card>
 
@@ -107,7 +111,9 @@ const GetStartedSection = ({
                     <div className="flex items-center justify-between">
                         <Text>Create Custom Workflow</Text>
 
-                        <Info size={16} />
+                        <Tooltip title="Create Custom Workflow.">
+                            <Info size={16} />
+                        </Tooltip>
                     </div>
                 </Card>
             </div>

From c99e904ecb2f1d229ea48b71bfe8a85391eb1d5a Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 02:40:06 +0100
Subject: [PATCH 15/34] fix(frontend): updated view for loading and error
 states

---
 .../components/pages/app-management/index.tsx | 51 +++++++++++--------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
index a7741a71fa..8ffb2b29b8 100644
--- a/agenta-web/src/components/pages/app-management/index.tsx
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -21,6 +21,7 @@ import DemoApplicationsSection from "./components/DemoApplicationsSection"
 import GetStartedSection from "./components/GetStartedSection"
 import ApplicationManagementSection from "./components/ApplicationManagementSection"
 import SetupTracingModal from "./modals/SetupTracingModal"
+import ResultComponent from "@/components/ResultComponent/ResultComponent"
 
 const ObservabilityDashboardSection: any = dynamicComponent(
     "pages/app-management/components/ObservabilityDashboardSection",
@@ -179,33 +180,39 @@ const AppManagement: React.FC = () => {
     return (
         <>
             <div className={classes.container}>
-                <Title>App Management</Title>
+                {isLoading || (!apps && !error) ? (
+                    <ResultComponent status={"info"} title="Loading..." spinner={true} />
+                ) : error ? (
+                    <ResultComponent status={"error"} title="Failed to load" />
+                ) : (
+                    <>
+                        <Title>App Management</Title>
 
-                <GetStartedSection
-                    selectedOrg={selectedOrg}
-                    apps={apps}
-                    setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal}
-                    setIsMaxAppModalOpen={setIsMaxAppModalOpen}
-                    setIsWriteOwnAppModal={setIsWriteOwnAppModal}
-                    setIsSetupTracingModal={setIsSetupTracingModal}
-                />
+                        <GetStartedSection
+                            selectedOrg={selectedOrg}
+                            apps={apps}
+                            setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal}
+                            setIsMaxAppModalOpen={setIsMaxAppModalOpen}
+                            setIsWriteOwnAppModal={setIsWriteOwnAppModal}
+                            setIsSetupTracingModal={setIsSetupTracingModal}
+                        />
 
-                <ObservabilityDashboardSection />
+                        <ObservabilityDashboardSection />
 
-                <ApplicationManagementSection
-                    selectedOrg={selectedOrg}
-                    apps={apps}
-                    setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal}
-                    setIsMaxAppModalOpen={setIsMaxAppModalOpen}
-                    filteredApps={filteredApps}
-                    setSearchTerm={setSearchTerm}
-                    isLoading={isLoading}
-                    error={error}
-                />
+                        <ApplicationManagementSection
+                            selectedOrg={selectedOrg}
+                            apps={apps}
+                            setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal}
+                            setIsMaxAppModalOpen={setIsMaxAppModalOpen}
+                            filteredApps={filteredApps}
+                            setSearchTerm={setSearchTerm}
+                        />
 
-                <DemoApplicationsSection />
+                        <DemoApplicationsSection />
 
-                <HelpAndSupportSection />
+                        <HelpAndSupportSection />
+                    </>
+                )}
             </div>
 
             <WriteOwnAppModal

From 5437b512bb74d50e377d65d047a3227e846ec93b Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 02:40:43 +0100
Subject: [PATCH 16/34] feat(frontend): improved view functionality

---
 .../ApplicationManagementSection.tsx          | 187 +++++++++++-------
 1 file changed, 119 insertions(+), 68 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx b/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
index 40a6126ba6..bc1bb8c4fc 100644
--- a/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
@@ -1,14 +1,18 @@
-import NoResultsFound from "@/components/NoResultsFound/NoResultsFound"
 import {isDemo} from "@/lib/helpers/utils"
 import {JSSTheme, ListAppsItem} from "@/lib/Types"
 import {PlusOutlined} from "@ant-design/icons"
 import {Cards, Table} from "@phosphor-icons/react"
 import {Button, Flex, Input, Pagination, Radio, Space, Typography} from "antd"
-import React, {Dispatch, SetStateAction} from "react"
+import React, {Dispatch, SetStateAction, useState} from "react"
 import {useLocalStorage} from "usehooks-ts"
 import AppCard from "./AppCard"
 import AppTable from "./AppTable"
 import {createUseStyles} from "react-jss"
+import usePagination from "@/hooks/usePagination"
+import EmptyAppView from "./EmptyAppView"
+import NoResultsFound from "@/components/NoResultsFound/NoResultsFound"
+import DeleteAppModal from "../modals/DeleteAppModal"
+import EditAppModal from "../modals/EditAppModal"
 
 interface ApplicationManagementSectionProps {
     selectedOrg: any
@@ -17,8 +21,6 @@ interface ApplicationManagementSectionProps {
     setIsAddAppFromTemplatedModal: (value: SetStateAction<boolean>) => void
     filteredApps: ListAppsItem[]
     setSearchTerm: Dispatch<SetStateAction<string>>
-    isLoading: boolean
-    error: any
 }
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
@@ -29,13 +31,13 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         borderRadius: theme.borderRadius,
         padding: theme.padding,
         gap: 16,
-        "@media (max-width: 1199px)": {
+        "@media (max-width: 1099px)": {
             gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
         },
-        "@media (min-width: 1200px) and (max-width: 1699px)": {
+        "@media (min-width: 1100px) and (max-width: 1700px)": {
             gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
         },
-        "@media (min-width: 1700px) and (max-width: 2000px)": {
+        "@media (min-width: 1701px) and (max-width: 2000px)": {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
         },
         "@media (min-width: 2001px)": {
@@ -53,80 +55,129 @@ const ApplicationManagementSection = ({
     setIsAddAppFromTemplatedModal,
     filteredApps,
     setSearchTerm,
-    isLoading,
-    error,
 }: ApplicationManagementSectionProps) => {
     const classes = useStyles()
     const [appMsgDisplay, setAppMsgDisplay] = useLocalStorage<"card" | "list">(
         "app_management_display",
         "list",
     )
+    const [selectedApp, setSelectedApp] = useState<ListAppsItem | null>(null)
+    const [isDeleteAppModalOpen, setIsDeleteAppModalOpen] = useState(false)
+    const [isEditAppModalOpen, setIsEditAppModalOpen] = useState(false)
+
+    const {
+        paginatedItems: paginatedApps,
+        currentPage,
+        pageSize,
+        totalItems,
+        onPageChange,
+    } = usePagination({items: filteredApps})
+
     return (
-        <div className="my-10 flex flex-col gap-2">
-            <Flex justify="space-between" align="center">
-                <Space>
-                    <Title level={2}>Application</Title>
-                    <Button
-                        type="primary"
-                        data-cy="create-new-app-button"
-                        icon={<PlusOutlined />}
-                        onClick={() => {
-                            if (isDemo() && selectedOrg?.is_paying == false && apps.length > 2) {
-                                setIsMaxAppModalOpen(true)
-                            } else {
-                                setIsAddAppFromTemplatedModal(true)
-                            }
-                        }}
-                    >
-                        Create new app
-                    </Button>
-                </Space>
-                <Space>
-                    <Input.Search
-                        placeholder="Search"
-                        className="w-[400px]"
-                        allowClear
-                        onChange={(e) => setSearchTerm(e.target.value)}
-                    />
+        <>
+            <div className="my-10 flex flex-col gap-2">
+                <Flex justify="space-between" align="center">
+                    <Space>
+                        <Title level={2}>Application</Title>
+                        <Button
+                            type="primary"
+                            data-cy="create-new-app-button"
+                            icon={<PlusOutlined />}
+                            onClick={() => {
+                                if (
+                                    isDemo() &&
+                                    selectedOrg?.is_paying == false &&
+                                    apps.length > 2
+                                ) {
+                                    setIsMaxAppModalOpen(true)
+                                } else {
+                                    setIsAddAppFromTemplatedModal(true)
+                                }
+                            }}
+                        >
+                            Create new app
+                        </Button>
+                    </Space>
+                    <Space>
+                        <Input.Search
+                            placeholder="Search"
+                            className="w-[400px]"
+                            allowClear
+                            onChange={(e) => setSearchTerm(e.target.value)}
+                        />
 
-                    <Radio.Group
-                        defaultValue={appMsgDisplay}
-                        onChange={(e) => setAppMsgDisplay(e.target.value)}
-                    >
-                        <Radio.Button value="list">
-                            <Table size={16} className="h-full" />
-                        </Radio.Button>
-                        <Radio.Button value="card">
-                            <Cards size={16} className="h-full" />
-                        </Radio.Button>
-                    </Radio.Group>
-                </Space>
-            </Flex>
+                        <Radio.Group
+                            defaultValue={appMsgDisplay}
+                            onChange={(e) => setAppMsgDisplay(e.target.value)}
+                        >
+                            <Radio.Button value="list">
+                                <Table size={16} className="h-full" />
+                            </Radio.Button>
+                            <Radio.Button value="card">
+                                <Cards size={16} className="h-full" />
+                            </Radio.Button>
+                        </Radio.Group>
+                    </Space>
+                </Flex>
 
-            <div>
-                {appMsgDisplay === "list" ? (
-                    <AppTable filteredApps={filteredApps} isLoading={isLoading} />
-                ) : filteredApps.length ? (
-                    <div className={classes.cardsList}>
-                        {filteredApps.map((app, index: number) => (
-                            <div key={index}>
-                                <AppCard app={app} />
-                            </div>
-                        ))}
-                    </div>
+                {apps.length ? (
+                    <>
+                        <div>
+                            {appMsgDisplay === "list" ? (
+                                <AppTable
+                                    filteredApps={paginatedApps}
+                                    setIsDeleteAppModalOpen={setIsDeleteAppModalOpen}
+                                    setIsEditAppModalOpen={setIsEditAppModalOpen}
+                                    setSelectedApp={setSelectedApp}
+                                />
+                            ) : paginatedApps.length ? (
+                                <div className={classes.cardsList}>
+                                    {paginatedApps.map((app, index: number) => (
+                                        <div key={index}>
+                                            <AppCard
+                                                app={app}
+                                                setIsDeleteAppModalOpen={setIsDeleteAppModalOpen}
+                                                setIsEditAppModalOpen={setIsEditAppModalOpen}
+                                                setSelectedApp={setSelectedApp}
+                                            />
+                                        </div>
+                                    ))}
+                                </div>
+                            ) : (
+                                <NoResultsFound />
+                            )}
+                        </div>
+
+                        <Pagination
+                            total={totalItems}
+                            showTotal={(total) => `Total ${total} items`}
+                            pageSize={pageSize}
+                            current={currentPage}
+                            onChange={onPageChange}
+                            align="end"
+                        />
+                    </>
                 ) : (
-                    <NoResultsFound />
+                    <EmptyAppView setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal} />
                 )}
             </div>
 
-            <Pagination
-                total={85}
-                showTotal={(total) => `Total ${total} items`}
-                defaultPageSize={10}
-                defaultCurrent={1}
-                align="end"
-            />
-        </div>
+            {selectedApp && (
+                <>
+                    <DeleteAppModal
+                        open={isDeleteAppModalOpen}
+                        onCancel={() => setIsDeleteAppModalOpen(false)}
+                        appDetails={selectedApp}
+                    />
+
+                    <EditAppModal
+                        open={isEditAppModalOpen}
+                        onCancel={() => setIsEditAppModalOpen(false)}
+                        appDetails={selectedApp}
+                    />
+                </>
+            )}
+        </>
     )
 }
 

From d20ab0bebe18183633d62beac15f767b500cc219 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 02:43:42 +0100
Subject: [PATCH 17/34] bug fix(frontend)

---
 agenta-web/src/pages/apps/[app_id]/overview/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/agenta-web/src/pages/apps/[app_id]/overview/index.tsx b/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
index a9711c4062..e297886191 100644
--- a/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
+++ b/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
@@ -173,7 +173,7 @@ export default function Overview() {
                     onOk={handleDeleteOk}
                     onCancel={() => setIsDeleteAppModalOpen(false)}
                     confirmLoading={isDelAppLoading}
-                    appName={currentApp?.app_name}
+                    appDetails={currentApp}
                 />
             )}
 

From ec2954c133cde84ce77f958719a4e072fb0d65a2 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 29 Nov 2024 03:52:16 +0100
Subject: [PATCH 18/34] refactor(frontend): rendered code instructions using
 dynamic mapping

---
 .../modals/SetupTracingModal.tsx              | 133 +++++++++---------
 1 file changed, 65 insertions(+), 68 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
index e79c289719..49f0ed524f 100644
--- a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
@@ -6,6 +6,7 @@ import {Button, Flex, Modal, Radio, Space, Tabs, TabsProps, Typography} from "an
 import React from "react"
 import {createUseStyles} from "react-jss"
 import {IBM_Plex_Mono} from "next/font/google"
+import {isDemo} from "@/lib/helpers/utils"
 
 const ibm_plex_mono = IBM_Plex_Mono({weight: "400", subsets: ["latin"]})
 
@@ -86,6 +87,32 @@ const {Text, Title} = Typography
 const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
     const classes = useStyles()
 
+    const listOfCommands = [
+        ...(isDemo()
+            ? [
+                  {
+                      title: "Generate API Key",
+                      button: {
+                          onClick: () => {},
+                      },
+                  },
+              ]
+            : []),
+        {
+            title: "Install dependencies",
+            code: `pip install -U langchain langchain-openai`,
+            radio: true,
+        },
+        {
+            title: "Configure environment to langsmith",
+            code: `LANGCHAIN_TRACING_V2=true\nLANGCHAIN_ENDPOINT="https://api.smith.langchain.com"\nLANGCHAIN_API_KEY="<your-api-key>"\nLANGCHAIN_PROJECT="pr-terrible-junk-60"`,
+        },
+        {
+            title: "Run LLM, Chat model, or chain. Its trace will be sent to this project",
+            code: `from langchain_openai import ChatOpenAI\nllm = ChatOpenAI()\n\nllm.invoke("Hello, world!")`,
+        },
+    ]
+
     const items: TabsProps["items"] = [
         {
             key: "openai",
@@ -93,75 +120,45 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
             icon: <PythonOutlined />,
             children: (
                 <div className="flex flex-col gap-6">
-                    <Space>
-                        <Text>1.</Text>
-                        <Button type="primary">Generate API Key</Button>
-                    </Space>
-
-                    <div className="flex flex-col gap-2">
-                        <Flex align="center" justify="space-between">
-                            <Space>
-                                <Text>2.</Text>
-                                <Text>Install dependencies</Text>
-                            </Space>
-
-                            <Space>
-                                <Radio.Group
-                                    defaultValue={"python"}
-                                    // defaultValue={appMsgDisplay}
-                                    // onChange={(e) => setAppMsgDisplay(e.target.value)}
-                                >
-                                    <Radio.Button value="python">Python</Radio.Button>
-                                    <Radio.Button value="typescript">TypeScript</Radio.Button>
-                                </Radio.Group>
-
-                                <CopyButton buttonText={""} icon text="Hello" />
-                            </Space>
-                        </Flex>
-
-                        <div className={`${classes.command}`}>
-                            <pre className="m-0">{`pip install -U langchain langchain-openai`}</pre>
-                        </div>
-                    </div>
-
-                    <div className="flex flex-col gap-2">
-                        <Flex align="center" justify="space-between">
-                            <Space>
-                                <Text>3.</Text>
-                                <Text>Configure environment to langsmith</Text>
-                            </Space>
-
-                            <Space>
-                                <CopyButton buttonText={""} icon text="Hello" />
-                            </Space>
-                        </Flex>
-                        <div className={`${classes.command}`}>
-                            <pre className="m-0">
-                                {`LANGCHAIN_TRACING_V2=true\nLANGCHAIN_ENDPOINT="https://api.smith.langchain.com"\nLANGCHAIN_API_KEY="<your-api-key>"\nLANGCHAIN_PROJECT="pr-terrible-junk-60"`}
-                            </pre>
-                        </div>
-                    </div>
-
-                    <div className="flex flex-col gap-2">
-                        <Flex align="center" justify="space-between">
-                            <Space>
-                                <Text>4.</Text>
-                                <Text>
-                                    Run LLM, Chat model, or chain. Its trace will be sent to this
-                                    project
-                                </Text>
-                            </Space>
-
-                            <Space>
-                                <CopyButton buttonText={""} icon text="Hello" />
+                    {listOfCommands.map((command, index) =>
+                        command.button ? (
+                            <Space key={index}>
+                                <Text>{index + 1}.</Text>
+                                <Button type="primary" onClick={command.button.onClick}>
+                                    Generate API Key
+                                </Button>
                             </Space>
-                        </Flex>
-                        <div className={`${classes.command}`}>
-                            <pre className="m-0">
-                                {`from langchain_openai import ChatOpenAI\nllm = ChatOpenAI()\n\nllm.invoke("Hello, world!")`}
-                            </pre>
-                        </div>
-                    </div>
+                        ) : (
+                            <div className="flex flex-col gap-2" key={index}>
+                                <Flex align="center" justify="space-between">
+                                    <Space>
+                                        <Text>{index + 1}.</Text>
+                                        <Text>Install dependencies</Text>
+                                    </Space>
+
+                                    <Space>
+                                        {command.radio && (
+                                            <Radio.Group
+                                                defaultValue={"python"}
+                                                // defaultValue={appMsgDisplay}
+                                                // onChange={(e) => setAppMsgDisplay(e.target.value)}
+                                            >
+                                                <Radio.Button value="python">Python</Radio.Button>
+                                                <Radio.Button value="typescript">
+                                                    TypeScript
+                                                </Radio.Button>
+                                            </Radio.Group>
+                                        )}
+                                        <CopyButton buttonText={""} icon text={command.code} />
+                                    </Space>
+                                </Flex>
+
+                                <div className={`${classes.command}`}>
+                                    <pre className="m-0">{command.code}</pre>
+                                </div>
+                            </div>
+                        ),
+                    )}
                 </div>
             ),
         },

From ccd131b59d52fc789f6d335a9d78723fc0e9857f Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Sun, 1 Dec 2024 15:38:21 +0100
Subject: [PATCH 19/34] fix(frontend): setup generate api key logic

---
 .../app-management/components/ApiKeyInput.tsx |  67 +++++++++++
 .../modals/SetupTracingModal.tsx              | 113 +++++++++---------
 2 files changed, 126 insertions(+), 54 deletions(-)
 create mode 100644 agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx

diff --git a/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx b/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
new file mode 100644
index 0000000000..7cf64be5c1
--- /dev/null
+++ b/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
@@ -0,0 +1,67 @@
+import React, {useEffect, useState} from "react"
+import {Space, Input, Button, Typography, message} from "antd"
+import {isDemo} from "@/lib/helpers/utils"
+import {dynamicContext, dynamicService} from "@/lib/helpers/dynamic"
+
+const apiKeysService: any = dynamicService("apiKeys/api")
+
+const {Text} = Typography
+
+interface ApiKeyInputProps {
+    apiKeyValue: string
+    onApiKeyChange: React.Dispatch<React.SetStateAction<string>>
+}
+
+const ApiKeyInput: React.FC<ApiKeyInputProps> = ({apiKeyValue, onApiKeyChange}) => {
+    const [isLoadingApiKey, setIsLoadingApiKey] = useState(false)
+    const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
+    const {selectedOrg} = useOrgData()
+
+    useEffect(() => {
+        dynamicContext("org.context", {useOrgData}).then((context) => {
+            setUseOrgData(() => context.useOrgData)
+        })
+    }, [])
+
+    const workspaceId: string = selectedOrg?.default_workspace.id || ""
+
+    const handleGenerateApiKey = async () => {
+        try {
+            setIsLoadingApiKey(true)
+            await apiKeysService.then(async (module: any) => {
+                if (!module) return
+                if (workspaceId && isDemo()) {
+                    const {data} = await module.createApiKey(workspaceId)
+                    onApiKeyChange(data)
+                    message.success("Successfully generated API Key")
+                }
+            })
+        } catch (error) {
+            console.error(error)
+            message.error("Unable to generate API Key")
+        } finally {
+            setIsLoadingApiKey(false)
+        }
+    }
+
+    return (
+        <Space direction="vertical">
+            <Text>Use any of your api keys or generate a new one</Text>
+            <Space>
+                <Input
+                    className="w-[300px]"
+                    placeholder="Paste your api key here"
+                    value={apiKeyValue}
+                    onChange={(e) => onApiKeyChange(e.target.value)}
+                />
+                {isDemo() && (
+                    <Button type="primary" loading={isLoadingApiKey} onClick={handleGenerateApiKey}>
+                        Generate API Key
+                    </Button>
+                )}
+            </Space>
+        </Space>
+    )
+}
+
+export default ApiKeyInput
diff --git a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
index 49f0ed524f..057a65f5d7 100644
--- a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
@@ -2,11 +2,13 @@ import CopyButton from "@/components/CopyButton/CopyButton"
 import {JSSTheme} from "@/lib/Types"
 import {CloseOutlined, PythonOutlined} from "@ant-design/icons"
 import {CodeBlock, FileTs, Play} from "@phosphor-icons/react"
-import {Button, Flex, Modal, Radio, Space, Tabs, TabsProps, Typography} from "antd"
-import React from "react"
+import {Button, Flex, Input, Modal, message, Radio, Space, Tabs, TabsProps, Typography} from "antd"
+import React, {useEffect, useState} from "react"
 import {createUseStyles} from "react-jss"
 import {IBM_Plex_Mono} from "next/font/google"
 import {isDemo} from "@/lib/helpers/utils"
+import {dynamicContext, dynamicService} from "@/lib/helpers/dynamic"
+import ApiKeyInput from "../components/ApiKeyInput"
 
 const ibm_plex_mono = IBM_Plex_Mono({weight: "400", subsets: ["latin"]})
 
@@ -68,6 +70,7 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         padding: theme.paddingXS,
         backgroundColor: theme.colorBgContainerDisabled,
         borderRadius: theme.borderRadius,
+        overflow: "auto",
         "& pre": {
             fontFamily: ibm_plex_mono.style.fontFamily,
         },
@@ -86,18 +89,9 @@ const {Text, Title} = Typography
 
 const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
     const classes = useStyles()
+    const [apiKeyValue, setApiKeyValue] = useState("")
 
     const listOfCommands = [
-        ...(isDemo()
-            ? [
-                  {
-                      title: "Generate API Key",
-                      button: {
-                          onClick: () => {},
-                      },
-                  },
-              ]
-            : []),
         {
             title: "Install dependencies",
             code: `pip install -U langchain langchain-openai`,
@@ -105,7 +99,7 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
         },
         {
             title: "Configure environment to langsmith",
-            code: `LANGCHAIN_TRACING_V2=true\nLANGCHAIN_ENDPOINT="https://api.smith.langchain.com"\nLANGCHAIN_API_KEY="<your-api-key>"\nLANGCHAIN_PROJECT="pr-terrible-junk-60"`,
+            code: `LANGCHAIN_TRACING_V2=true\nLANGCHAIN_ENDPOINT="https://api.smith.langchain.com"\nLANGCHAIN_API_KEY="${apiKeyValue || "<your-api-key>"}"\nLANGCHAIN_PROJECT="pr-terrible-junk-60"`,
         },
         {
             title: "Run LLM, Chat model, or chain. Its trace will be sent to this project",
@@ -120,45 +114,38 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
             icon: <PythonOutlined />,
             children: (
                 <div className="flex flex-col gap-6">
-                    {listOfCommands.map((command, index) =>
-                        command.button ? (
-                            <Space key={index}>
-                                <Text>{index + 1}.</Text>
-                                <Button type="primary" onClick={command.button.onClick}>
-                                    Generate API Key
-                                </Button>
-                            </Space>
-                        ) : (
-                            <div className="flex flex-col gap-2" key={index}>
-                                <Flex align="center" justify="space-between">
-                                    <Space>
-                                        <Text>{index + 1}.</Text>
-                                        <Text>Install dependencies</Text>
-                                    </Space>
-
-                                    <Space>
-                                        {command.radio && (
-                                            <Radio.Group
-                                                defaultValue={"python"}
-                                                // defaultValue={appMsgDisplay}
-                                                // onChange={(e) => setAppMsgDisplay(e.target.value)}
-                                            >
-                                                <Radio.Button value="python">Python</Radio.Button>
-                                                <Radio.Button value="typescript">
-                                                    TypeScript
-                                                </Radio.Button>
-                                            </Radio.Group>
-                                        )}
-                                        <CopyButton buttonText={""} icon text={command.code} />
-                                    </Space>
-                                </Flex>
-
-                                <div className={`${classes.command}`}>
-                                    <pre className="m-0">{command.code}</pre>
-                                </div>
+                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+
+                    {listOfCommands.map((command, index) => (
+                        <div className="flex flex-col gap-2" key={index}>
+                            <Flex align="center" justify="space-between">
+                                <Space>
+                                    <Text>{index + 1}.</Text>
+                                    <Text>Install dependencies</Text>
+                                </Space>
+
+                                <Space>
+                                    {command.radio && (
+                                        <Radio.Group
+                                            defaultValue={"python"}
+                                            // defaultValue={appMsgDisplay}
+                                            // onChange={(e) => setAppMsgDisplay(e.target.value)}
+                                        >
+                                            <Radio.Button value="python">Python</Radio.Button>
+                                            <Radio.Button value="typescript">
+                                                TypeScript
+                                            </Radio.Button>
+                                        </Radio.Group>
+                                    )}
+                                    <CopyButton buttonText={""} icon text={command.code} />
+                                </Space>
+                            </Flex>
+
+                            <div className={`${classes.command}`}>
+                                <pre className="m-0">{command.code}</pre>
                             </div>
-                        ),
-                    )}
+                        </div>
+                    ))}
                 </div>
             ),
         },
@@ -166,19 +153,37 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
             key: "liteLLM",
             label: "LiteLLM",
             icon: <FileTs />,
-            children: <div>Overview</div>,
+            children: (
+                <div className="flex flex-col gap-6">
+                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+
+                    <div>LiteLLM</div>
+                </div>
+            ),
         },
         {
             key: "langChain",
             label: "LangChain",
             icon: <CodeBlock />,
-            children: <div>Overview</div>,
+            children: (
+                <div className="flex flex-col gap-6">
+                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+
+                    <div>LangChain</div>
+                </div>
+            ),
         },
         {
             key: "instructor",
             label: "Instructor",
             icon: <CodeBlock />,
-            children: <div>Overview</div>,
+            children: (
+                <div className="flex flex-col gap-6">
+                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+
+                    <div>Instructor</div>
+                </div>
+            ),
         },
     ]
 

From 8f702bde052dcde993213c4b973c0c5d0c77a406 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Sun, 1 Dec 2024 18:56:46 +0100
Subject: [PATCH 20/34] minor fix(frontend)

---
 .../components/pages/app-management/components/ApiKeyInput.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx b/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
index 7cf64be5c1..cc6a52580c 100644
--- a/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
+++ b/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
@@ -46,7 +46,7 @@ const ApiKeyInput: React.FC<ApiKeyInputProps> = ({apiKeyValue, onApiKeyChange})
 
     return (
         <Space direction="vertical">
-            <Text>Use any of your api keys or generate a new one</Text>
+            <Text>Use any of your api keys {isDemo() ? "or generate a new one" : ""}</Text>
             <Space>
                 <Input
                     className="w-[300px]"

From b3660b4d294fca00aa27d235188d8f185deb2769 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Tue, 3 Dec 2024 00:22:24 +0100
Subject: [PATCH 21/34] test(frontend): fixed failing tests

---
 agenta-web/cypress/support/commands/evaluations.ts  | 13 +------------
 .../app-management/components/GetStartedSection.tsx |  1 +
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/agenta-web/cypress/support/commands/evaluations.ts b/agenta-web/cypress/support/commands/evaluations.ts
index a1294709eb..ab3ea2e881 100644
--- a/agenta-web/cypress/support/commands/evaluations.ts
+++ b/agenta-web/cypress/support/commands/evaluations.ts
@@ -15,18 +15,7 @@ Cypress.Commands.add("createVariant", () => {
     cy.addingOpenaiKey()
     cy.visit("/apps")
 
-    // Check if there are app variants present
-    cy.request({
-        url: `${Cypress.env().baseApiURL}/apps`,
-        method: "GET",
-    }).then((resp) => {
-        if (resp.body.length) {
-            cy.get('[data-cy="create-new-app-button"]').click()
-            cy.get('[data-cy="create-from-template"]').click()
-        } else {
-            cy.get('[data-cy="create-from-template"]').click()
-        }
-    })
+    cy.get('[data-cy="create-from-template"]').click()
 
     const appName = randString(5)
     cy.task("log", `App name: ${appName}`)
diff --git a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
index b251c64f24..701ddf3342 100644
--- a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -79,6 +79,7 @@ const GetStartedSection = ({
                             setIsAddAppFromTemplatedModal(true)
                         }
                     }}
+                    data-cy="create-from-template"
                 >
                     <div className="flex items-center justify-between">
                         <Text>Create New Prompt</Text>

From dee50771dd2615d722dc8dcc9fb201c0aad8a33d Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Thu, 5 Dec 2024 15:13:10 +0100
Subject: [PATCH 22/34] fix(frontend): moved demo app section to cloud

---
 .../components/DemoApplicationsSection.tsx    | 76 -------------------
 .../components/pages/app-management/index.tsx |  4 +-
 2 files changed, 3 insertions(+), 77 deletions(-)
 delete mode 100644 agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx

diff --git a/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx b/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
deleted file mode 100644
index 39323669dc..0000000000
--- a/agenta-web/src/components/pages/app-management/components/DemoApplicationsSection.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import {JSSTheme} from "@/lib/Types"
-import {Button, Card, Flex, Space, Typography} from "antd"
-import React from "react"
-import Image from "next/image"
-import {createUseStyles} from "react-jss"
-import RagDemoImage from "@/media/rag-demo-app.jpg"
-
-const useStyles = createUseStyles((theme: JSSTheme) => ({
-    demoAppCard: {
-        width: 400,
-        "& .ant-card-body": {
-            padding: theme.paddingSM,
-            "& span.ant-typography": {
-                textOverflow: "ellipsis",
-                fontSize: theme.fontSizeLG,
-                fontWeight: theme.fontWeightMedium,
-                lineHeight: theme.lineHeightLG,
-                color: "inherit",
-            },
-            "& div.ant-typography": {
-                fontSize: theme.fontSizeLG,
-                lineHeight: theme.lineHeightLG,
-                color: theme.colorTextSecondary,
-            },
-        },
-    },
-}))
-
-const {Text, Title, Paragraph} = Typography
-
-const DemoApplicationsSection = () => {
-    const classes = useStyles()
-
-    return (
-        <div className="my-10 flex flex-col gap-4">
-            <Space direction="vertical" size={8}>
-                <Title level={2}>Explore demo applications</Title>
-                <Text>
-                    See Agenta in action by exploring fully build prompts, evaluations,
-                    observability and traces. Learn how to set your application by watching
-                    tutorials.
-                </Text>
-            </Space>
-
-            <div>
-                <Card
-                    className={classes.demoAppCard}
-                    cover={
-                        <Image
-                            src={RagDemoImage}
-                            alt="rag_demo_application_image"
-                            height={200}
-                            priority
-                        />
-                    }
-                >
-                    <Space direction="vertical" size={24}>
-                        <Space direction="vertical">
-                            <Text>RAG Q&A with Wikipedia</Text>
-                            <Paragraph>
-                                Use RAG to answer questions by fetching relevant information from
-                                wikipedia
-                            </Paragraph>
-                        </Space>
-                        <Flex gap={8}>
-                            <Button className="flex-[0.3]">Read Tutorial</Button>
-                            <Button className="flex-[0.7]">View Demo</Button>
-                        </Flex>
-                    </Space>
-                </Card>
-            </div>
-        </div>
-    )
-}
-
-export default DemoApplicationsSection
diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
index 8ffb2b29b8..b03f6a6333 100644
--- a/agenta-web/src/components/pages/app-management/index.tsx
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -17,7 +17,6 @@ import {dynamicComponent, dynamicContext} from "@/lib/helpers/dynamic"
 import dayjs from "dayjs"
 import {useAppTheme} from "@/components/Layout/ThemeContextProvider"
 import HelpAndSupportSection from "./components/HelpAndSupportSection"
-import DemoApplicationsSection from "./components/DemoApplicationsSection"
 import GetStartedSection from "./components/GetStartedSection"
 import ApplicationManagementSection from "./components/ApplicationManagementSection"
 import SetupTracingModal from "./modals/SetupTracingModal"
@@ -26,6 +25,9 @@ import ResultComponent from "@/components/ResultComponent/ResultComponent"
 const ObservabilityDashboardSection: any = dynamicComponent(
     "pages/app-management/components/ObservabilityDashboardSection",
 )
+const DemoApplicationsSection: any = dynamicComponent(
+    "pages/app-management/components/DemoApplicationsSection",
+)
 
 const useStyles = createUseStyles((theme: JSSTheme) => ({
     container: ({themeMode}: StyleProps) => ({

From 2cde7e119144b50c6df5fad6ae7c2272ea505dd8 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Thu, 5 Dec 2024 15:13:41 +0100
Subject: [PATCH 23/34] fix(frontend): updated code blocks in setup trace modal

---
 .../app-management/components/ApiKeyInput.tsx |  11 +-
 .../modals/SetupTracingModal.tsx              | 220 +++++++++++++-----
 2 files changed, 173 insertions(+), 58 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx b/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
index cc6a52580c..955e425178 100644
--- a/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
+++ b/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
@@ -46,7 +46,7 @@ const ApiKeyInput: React.FC<ApiKeyInputProps> = ({apiKeyValue, onApiKeyChange})
 
     return (
         <Space direction="vertical">
-            <Text>Use any of your api keys {isDemo() ? "or generate a new one" : ""}</Text>
+            <Text>Use any of your api keys or generate a new one</Text>
             <Space>
                 <Input
                     className="w-[300px]"
@@ -54,11 +54,10 @@ const ApiKeyInput: React.FC<ApiKeyInputProps> = ({apiKeyValue, onApiKeyChange})
                     value={apiKeyValue}
                     onChange={(e) => onApiKeyChange(e.target.value)}
                 />
-                {isDemo() && (
-                    <Button type="primary" loading={isLoadingApiKey} onClick={handleGenerateApiKey}>
-                        Generate API Key
-                    </Button>
-                )}
+
+                <Button type="primary" loading={isLoadingApiKey} onClick={handleGenerateApiKey}>
+                    Generate API Key
+                </Button>
             </Space>
         </Space>
     )
diff --git a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
index 057a65f5d7..fa88a5eb75 100644
--- a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
@@ -2,12 +2,11 @@ import CopyButton from "@/components/CopyButton/CopyButton"
 import {JSSTheme} from "@/lib/Types"
 import {CloseOutlined, PythonOutlined} from "@ant-design/icons"
 import {CodeBlock, FileTs, Play} from "@phosphor-icons/react"
-import {Button, Flex, Input, Modal, message, Radio, Space, Tabs, TabsProps, Typography} from "antd"
-import React, {useEffect, useState} from "react"
+import {Button, Flex, Modal, Space, Tabs, TabsProps, Typography} from "antd"
+import React, {useState} from "react"
 import {createUseStyles} from "react-jss"
 import {IBM_Plex_Mono} from "next/font/google"
 import {isDemo} from "@/lib/helpers/utils"
-import {dynamicContext, dynamicService} from "@/lib/helpers/dynamic"
 import ApiKeyInput from "../components/ApiKeyInput"
 
 const ibm_plex_mono = IBM_Plex_Mono({weight: "400", subsets: ["latin"]})
@@ -30,10 +29,10 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
             lineHeight: theme.lineHeightLG,
         },
         "& .ant-modal-content": {
-            overflow: "hidden",
+            height: "100%",
+            overflowY: "hidden",
             borderRadius: 16,
             padding: 0,
-            height: "100%",
             "& .ant-modal-body": {
                 height: "100%",
             },
@@ -53,10 +52,11 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         },
     },
     modalBody: {
-        padding: theme.paddingLG,
+        padding: `${theme.paddingSM}px ${theme.paddingLG}px`,
         display: "flex",
         height: "100%",
         flexDirection: "column",
+        overflowY: "auto",
         gap: 24,
         "& .ant-tabs-tab-btn": {
             display: "flex",
@@ -87,23 +87,152 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
 
 const {Text, Title} = Typography
 
+const TracingCodeComponent = ({
+    command,
+    index,
+}: {
+    command: {
+        title: string
+        code: string
+    }
+    index: number
+}) => {
+    const classes = useStyles()
+
+    return (
+        <div className="flex flex-col gap-2">
+            <Flex align="center" justify="space-between">
+                <Space>
+                    <Text>{index + 1}.</Text>
+                    <Text>{command.title}</Text>
+                </Space>
+
+                <Space>
+                    <CopyButton buttonText={""} icon text={command.code} />
+                </Space>
+            </Flex>
+
+            <div className={`${classes.command}`}>
+                <pre className="m-0">{command.code}</pre>
+            </div>
+        </div>
+    )
+}
+
 const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
     const classes = useStyles()
     const [apiKeyValue, setApiKeyValue] = useState("")
 
-    const listOfCommands = [
+    const openaiCodeBlock = [
+        {
+            title: "Install the required packages:",
+            code: `pip install -U agenta openai opentelemetry-instrumentation-openai`,
+        },
         {
-            title: "Install dependencies",
-            code: `pip install -U langchain langchain-openai`,
-            radio: true,
+            title: "Initialize Agenta and Instrument OpenAI",
+            code: `import os
+import agenta as ag
+import openai
+from opentelemetry.instrumentation.openai import OpenAIInstrumentor
+
+os.environ["AGENTA_HOST"] = "${process.env.NEXT_PUBLIC_AGENTA_API_URL}"
+${isDemo() ? `os.environ["AGENTA_API_KEY"] = ${apiKeyValue || "{API_KEY}"}` : ""}
+
+ag.init()
+OpenAIInstrumentor().instrument()
+
+response = openai.ChatCompletion.create(
+    model="gpt-3.5-turbo",
+    messages=[{"role": "user", "content": "Write a short story about AI."
+)
+
+print(response.choices[0].message.content)`,
         },
+    ]
+
+    const langChainCodeBlock = [
         {
-            title: "Configure environment to langsmith",
-            code: `LANGCHAIN_TRACING_V2=true\nLANGCHAIN_ENDPOINT="https://api.smith.langchain.com"\nLANGCHAIN_API_KEY="${apiKeyValue || "<your-api-key>"}"\nLANGCHAIN_PROJECT="pr-terrible-junk-60"`,
+            title: "Install the required packages:",
+            code: `pip install -U agenta openai opentelemetry-instrumentation-langchain langchain langchain_community`,
         },
         {
-            title: "Run LLM, Chat model, or chain. Its trace will be sent to this project",
-            code: `from langchain_openai import ChatOpenAI\nllm = ChatOpenAI()\n\nllm.invoke("Hello, world!")`,
+            title: "Initialize Agenta and Instrument LangChain",
+            code: `import os
+import agenta as ag
+from langchain_community.chat_models import ChatOpenAI
+from langchain.schema import HumanMessage
+from opentelemetry.instrumentation.langchain import LangchainInstrumentor
+
+os.environ["AGENTA_HOST"] = "${process.env.NEXT_PUBLIC_AGENTA_API_URL}"
+${isDemo() ? `os.environ["AGENTA_API_KEY"] = ${apiKeyValue || "{API_KEY}"}` : ""}
+
+ag.init()
+LangchainInstrumentor().instrument()
+
+chat = ChatOpenAI(model="gpt-3.5-turbo")
+
+response = chat([HumanMessage(content="Write a short story about AI.")])
+
+print(response.content)`,
+        },
+    ]
+
+    const litellmCodeBlock = [
+        {
+            title: "Install the required packages:",
+            code: `pip install -U agenta litellm`,
+        },
+        {
+            title: "Initialize Agenta and Instrument LiteLLM",
+            code: `import os
+import agenta as ag
+import litellm
+import asyncio
+
+os.environ["AGENTA_HOST"] = "${process.env.NEXT_PUBLIC_AGENTA_API_URL}"
+${isDemo() ? `os.environ["AGENTA_API_KEY"] = ${apiKeyValue || "{API_KEY}"}` : ""}
+
+ag.init()
+litellm.callbacks = [ag.callbacks.litellm_handler()]
+
+asyncio.run(
+    litellm.acompletion(
+        model="gpt-3.5-turbo",
+        messages=[{"role": "user", "content": "Write a short story about AI."}],
+    )
+)
+
+print(response["choices"][0]["message"]["content"])`,
+        },
+    ]
+
+    const instructorCodeBlock = [
+        {
+            title: "Install the required packages:",
+            code: `pip install -U agenta openai opentelemetry-instrumentation-openai instructor`,
+        },
+        {
+            title: "Initialize Agenta and Instrument LiteLLM",
+            code: `import os
+import agenta as ag
+import openai
+import instructor
+from opentelemetry.instrumentation.openai import OpenAIInstrumentor
+
+os.environ["AGENTA_HOST"] = "${process.env.NEXT_PUBLIC_AGENTA_API_URL}"
+${isDemo() ? `os.environ["AGENTA_API_KEY"] = "${apiKeyValue || "{API_KEY}"}"` : ""}
+
+ag.init()
+OpenAIInstrumentor().instrument()
+
+client = instructor.from_openai(openai.OpenAI())
+
+response = client.chat.completions.create(
+    model="gpt-3.5-turbo",
+    messages=[{"role": "user", "content": "Write a short story about AI."}],
+)
+
+print(response["choices"][0]["message"]["content"])`,
         },
     ]
 
@@ -114,37 +243,12 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
             icon: <PythonOutlined />,
             children: (
                 <div className="flex flex-col gap-6">
-                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
-
-                    {listOfCommands.map((command, index) => (
-                        <div className="flex flex-col gap-2" key={index}>
-                            <Flex align="center" justify="space-between">
-                                <Space>
-                                    <Text>{index + 1}.</Text>
-                                    <Text>Install dependencies</Text>
-                                </Space>
-
-                                <Space>
-                                    {command.radio && (
-                                        <Radio.Group
-                                            defaultValue={"python"}
-                                            // defaultValue={appMsgDisplay}
-                                            // onChange={(e) => setAppMsgDisplay(e.target.value)}
-                                        >
-                                            <Radio.Button value="python">Python</Radio.Button>
-                                            <Radio.Button value="typescript">
-                                                TypeScript
-                                            </Radio.Button>
-                                        </Radio.Group>
-                                    )}
-                                    <CopyButton buttonText={""} icon text={command.code} />
-                                </Space>
-                            </Flex>
-
-                            <div className={`${classes.command}`}>
-                                <pre className="m-0">{command.code}</pre>
-                            </div>
-                        </div>
+                    {isDemo() && (
+                        <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+                    )}
+
+                    {openaiCodeBlock.map((command, index) => (
+                        <TracingCodeComponent key={index} command={command} index={index} />
                     ))}
                 </div>
             ),
@@ -155,9 +259,13 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
             icon: <FileTs />,
             children: (
                 <div className="flex flex-col gap-6">
-                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+                    {isDemo() && (
+                        <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+                    )}
 
-                    <div>LiteLLM</div>
+                    {litellmCodeBlock.map((command, index) => (
+                        <TracingCodeComponent key={index} command={command} index={index} />
+                    ))}
                 </div>
             ),
         },
@@ -167,9 +275,13 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
             icon: <CodeBlock />,
             children: (
                 <div className="flex flex-col gap-6">
-                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+                    {isDemo() && (
+                        <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+                    )}
 
-                    <div>LangChain</div>
+                    {langChainCodeBlock.map((command, index) => (
+                        <TracingCodeComponent key={index} command={command} index={index} />
+                    ))}
                 </div>
             ),
         },
@@ -179,9 +291,13 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
             icon: <CodeBlock />,
             children: (
                 <div className="flex flex-col gap-6">
-                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+                    {isDemo() && (
+                        <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
+                    )}
 
-                    <div>Instructor</div>
+                    {instructorCodeBlock.map((command, index) => (
+                        <TracingCodeComponent key={index} command={command} index={index} />
+                    ))}
                 </div>
             ),
         },
@@ -199,7 +315,7 @@ const SetupTracingModal = ({...props}: SetupTracingModalProps) => {
             closeIcon={null}
             {...props}
         >
-            <div className="h-full">
+            <div className="h-full flex flex-col">
                 <div className={classes.modalHeader}>
                     <Button
                         onClick={() => props.onCancel?.({} as any)}

From 9c312624175fb47e24114427b590d0a39ca662f2 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Thu, 5 Dec 2024 15:24:50 +0100
Subject: [PATCH 24/34] fix(frontend): moved ApiKey input component to cloud

---
 .../app-management/components/ApiKeyInput.tsx | 66 -------------------
 .../modals/SetupTracingModal.tsx              | 20 ++----
 2 files changed, 7 insertions(+), 79 deletions(-)
 delete mode 100644 agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx

diff --git a/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx b/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
deleted file mode 100644
index 955e425178..0000000000
--- a/agenta-web/src/components/pages/app-management/components/ApiKeyInput.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React, {useEffect, useState} from "react"
-import {Space, Input, Button, Typography, message} from "antd"
-import {isDemo} from "@/lib/helpers/utils"
-import {dynamicContext, dynamicService} from "@/lib/helpers/dynamic"
-
-const apiKeysService: any = dynamicService("apiKeys/api")
-
-const {Text} = Typography
-
-interface ApiKeyInputProps {
-    apiKeyValue: string
-    onApiKeyChange: React.Dispatch<React.SetStateAction<string>>
-}
-
-const ApiKeyInput: React.FC<ApiKeyInputProps> = ({apiKeyValue, onApiKeyChange}) => {
-    const [isLoadingApiKey, setIsLoadingApiKey] = useState(false)
-    const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
-    const {selectedOrg} = useOrgData()
-
-    useEffect(() => {
-        dynamicContext("org.context", {useOrgData}).then((context) => {
-            setUseOrgData(() => context.useOrgData)
-        })
-    }, [])
-
-    const workspaceId: string = selectedOrg?.default_workspace.id || ""
-
-    const handleGenerateApiKey = async () => {
-        try {
-            setIsLoadingApiKey(true)
-            await apiKeysService.then(async (module: any) => {
-                if (!module) return
-                if (workspaceId && isDemo()) {
-                    const {data} = await module.createApiKey(workspaceId)
-                    onApiKeyChange(data)
-                    message.success("Successfully generated API Key")
-                }
-            })
-        } catch (error) {
-            console.error(error)
-            message.error("Unable to generate API Key")
-        } finally {
-            setIsLoadingApiKey(false)
-        }
-    }
-
-    return (
-        <Space direction="vertical">
-            <Text>Use any of your api keys or generate a new one</Text>
-            <Space>
-                <Input
-                    className="w-[300px]"
-                    placeholder="Paste your api key here"
-                    value={apiKeyValue}
-                    onChange={(e) => onApiKeyChange(e.target.value)}
-                />
-
-                <Button type="primary" loading={isLoadingApiKey} onClick={handleGenerateApiKey}>
-                    Generate API Key
-                </Button>
-            </Space>
-        </Space>
-    )
-}
-
-export default ApiKeyInput
diff --git a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
index fa88a5eb75..d6cfa39d6a 100644
--- a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
@@ -7,7 +7,9 @@ import React, {useState} from "react"
 import {createUseStyles} from "react-jss"
 import {IBM_Plex_Mono} from "next/font/google"
 import {isDemo} from "@/lib/helpers/utils"
-import ApiKeyInput from "../components/ApiKeyInput"
+import {dynamicComponent} from "@/lib/helpers/dynamic"
+
+const ApiKeyInput: any = dynamicComponent("pages/app-management/components/ApiKeyInput")
 
 const ibm_plex_mono = IBM_Plex_Mono({weight: "400", subsets: ["latin"]})
 
@@ -243,9 +245,7 @@ print(response["choices"][0]["message"]["content"])`,
             icon: <PythonOutlined />,
             children: (
                 <div className="flex flex-col gap-6">
-                    {isDemo() && (
-                        <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
-                    )}
+                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
 
                     {openaiCodeBlock.map((command, index) => (
                         <TracingCodeComponent key={index} command={command} index={index} />
@@ -259,9 +259,7 @@ print(response["choices"][0]["message"]["content"])`,
             icon: <FileTs />,
             children: (
                 <div className="flex flex-col gap-6">
-                    {isDemo() && (
-                        <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
-                    )}
+                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
 
                     {litellmCodeBlock.map((command, index) => (
                         <TracingCodeComponent key={index} command={command} index={index} />
@@ -275,9 +273,7 @@ print(response["choices"][0]["message"]["content"])`,
             icon: <CodeBlock />,
             children: (
                 <div className="flex flex-col gap-6">
-                    {isDemo() && (
-                        <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
-                    )}
+                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
 
                     {langChainCodeBlock.map((command, index) => (
                         <TracingCodeComponent key={index} command={command} index={index} />
@@ -291,9 +287,7 @@ print(response["choices"][0]["message"]["content"])`,
             icon: <CodeBlock />,
             children: (
                 <div className="flex flex-col gap-6">
-                    {isDemo() && (
-                        <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
-                    )}
+                    <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
 
                     {instructorCodeBlock.map((command, index) => (
                         <TracingCodeComponent key={index} command={command} index={index} />

From ef494106a8a543333d996e0b245c113dcb435e36 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Thu, 5 Dec 2024 18:54:11 +0100
Subject: [PATCH 25/34] fix(frontend): updated Project response type and
 cleaned up code

---
 agenta-web/src/contexts/project.context.tsx | 20 +++++++-------------
 agenta-web/src/services/project/index.ts    |  3 ++-
 agenta-web/src/services/project/types.ts    |  8 ++++++++
 3 files changed, 17 insertions(+), 14 deletions(-)
 create mode 100644 agenta-web/src/services/project/types.ts

diff --git a/agenta-web/src/contexts/project.context.tsx b/agenta-web/src/contexts/project.context.tsx
index ddcb2b5781..27156aaac3 100644
--- a/agenta-web/src/contexts/project.context.tsx
+++ b/agenta-web/src/contexts/project.context.tsx
@@ -1,22 +1,15 @@
 import {useSession} from "@/hooks/useSession"
-import {PropsWithChildren, createContext, useState, useContext, useEffect, useCallback} from "react"
+import {PropsWithChildren, createContext, useState, useContext, useEffect} from "react"
 import {fetchAllProjects} from "@/services/project"
 import useStateCallback from "@/hooks/useStateCallback"
 import {dynamicContext} from "@/lib/helpers/dynamic"
 import {isDemo} from "@/lib/helpers/utils"
+import {ProjectsResponse} from "@/services/project/types"
 
 export const DEFAULT_UUID = "00000000-0000-0000-0000-000000000000"
 
-type Project = {
-    workspace_id: string | null
-    workspace_name: string | null
-    project_id: string | null
-    project_name: string | null
-    user_role: string | null
-}
-
 type ProjectContextType = {
-    project: Project | null
+    project: ProjectsResponse | null
     isProjectId: boolean
     projectId: string
     isLoading: boolean
@@ -42,7 +35,7 @@ const projectContextValues = {...initialValues}
 export const getCurrentProject = () => projectContextValues
 
 const ProjectContextProvider: React.FC<PropsWithChildren> = ({children}) => {
-    const [project, setProject] = useStateCallback<Project | null>(null)
+    const [project, setProject] = useStateCallback<ProjectsResponse | null>(null)
     const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
     const [isLoading, setIsLoading] = useState(false)
     const {doesSessionExist} = useSession()
@@ -66,12 +59,13 @@ const ProjectContextProvider: React.FC<PropsWithChildren> = ({children}) => {
             const data = await fetchAllProjects()
 
             const _project = isDemo()
-                ? data.find((p: {workspace_id: string}) => p.workspace_id === workspaceId)
-                : data[0]
+                ? data.find((p) => p.workspace_id === workspaceId) || null
+                : data[0] || null
 
             setProject(_project, onSuccess)
         } catch (error) {
             console.error(error)
+            setProject(null)
         } finally {
             setIsLoading(false)
         }
diff --git a/agenta-web/src/services/project/index.ts b/agenta-web/src/services/project/index.ts
index af9fb93e55..95d629d118 100644
--- a/agenta-web/src/services/project/index.ts
+++ b/agenta-web/src/services/project/index.ts
@@ -1,5 +1,6 @@
 import axios from "@/lib/helpers/axiosConfig"
 import {getAgentaApiUrl} from "@/lib/helpers/utils"
+import {ProjectsResponse} from "./types"
 
 //Prefix convention:
 //  - fetch: GET single entity from server
@@ -8,7 +9,7 @@ import {getAgentaApiUrl} from "@/lib/helpers/utils"
 //  - update: PUT data to server
 //  - delete: DELETE data from server
 
-export const fetchAllProjects = async () => {
+export const fetchAllProjects = async (): Promise<ProjectsResponse[]> => {
     const response = await axios.get(`${getAgentaApiUrl()}/api/projects`)
     return response.data
 }
diff --git a/agenta-web/src/services/project/types.ts b/agenta-web/src/services/project/types.ts
new file mode 100644
index 0000000000..294a9e0d4c
--- /dev/null
+++ b/agenta-web/src/services/project/types.ts
@@ -0,0 +1,8 @@
+export interface ProjectsResponse {
+    workspace_id?: string | null
+    workspace_name?: string | null
+    project_id: string
+    project_name: string
+    user_role?: string | null
+    is_demo?: boolean | null
+}

From b29471b3233b568ae9ad755127263973f392eb15 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Thu, 5 Dec 2024 20:22:29 +0100
Subject: [PATCH 26/34] fix(frontend): added href links

---
 .../pages/app-management/components/GetStartedSection.tsx | 6 +++---
 .../app-management/components/HelpAndSupportSection.tsx   | 8 ++++++--
 .../pages/app-management/modals/SetupTracingModal.tsx     | 5 ++++-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
index 701ddf3342..985ee08b5e 100644
--- a/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -84,7 +84,7 @@ const GetStartedSection = ({
                     <div className="flex items-center justify-between">
                         <Text>Create New Prompt</Text>
 
-                        <Tooltip title="Create New Prompt.">
+                        <Tooltip title="Create new prompt and edit it in the playground">
                             <Info size={16} />
                         </Tooltip>
                     </div>
@@ -98,7 +98,7 @@ const GetStartedSection = ({
                     <div className="flex items-center justify-between">
                         <Text>Set Up Tracing</Text>
 
-                        <Tooltip title="Set Up Tracing.">
+                        <Tooltip title="Start instrumenting your LLM application">
                             <Info size={16} />
                         </Tooltip>
                     </div>
@@ -112,7 +112,7 @@ const GetStartedSection = ({
                     <div className="flex items-center justify-between">
                         <Text>Create Custom Workflow</Text>
 
-                        <Tooltip title="Create Custom Workflow.">
+                        <Tooltip title="Create a playground for your custom workflows (RAG, agents..)">
                             <Info size={16} />
                         </Tooltip>
                     </div>
diff --git a/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx b/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx
index e1481ada46..6074687c7c 100644
--- a/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx
@@ -45,9 +45,13 @@ const HelpAndSupportSection = () => {
             </Space>
 
             <div className="flex items-center w-full gap-4">
-                <Link href="https://docs.agenta.ai/" target="_blank" className={classes.helperCard}>
+                <Link
+                    href="https://docs.agenta.ai/prompt-management/quick-start"
+                    target="_blank"
+                    className={classes.helperCard}
+                >
                     <Code size={24} />
-                    <Text>Learn how to create a prompt</Text>
+                    <Text>Learn how to manage prompts</Text>
                     <ArrowRight size={18} />
                 </Link>
                 <Link className={classes.helperCard} href="https://docs.agenta.ai/" target="_blank">
diff --git a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
index d6cfa39d6a..a5c719f640 100644
--- a/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
+++ b/agenta-web/src/components/pages/app-management/modals/SetupTracingModal.tsx
@@ -317,7 +317,10 @@ print(response["choices"][0]["message"]["content"])`,
                         icon={<CloseOutlined />}
                     />
                     <Text>Set up tracing</Text>
-                    <Button>
+                    <Button
+                        target="_blank"
+                        href="https://docs.agenta.ai/observability/observability-sdk"
+                    >
                         <Play />
                         Tutorial
                     </Button>

From 14dd924832871b83c21e483525d03002b4f8dcd4 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Thu, 5 Dec 2024 20:23:31 +0100
Subject: [PATCH 27/34] feat(frontend): added banner to display user is viewing
 demo

---
 agenta-web/src/components/Layout/Layout.tsx | 151 ++++++++++++--------
 1 file changed, 91 insertions(+), 60 deletions(-)

diff --git a/agenta-web/src/components/Layout/Layout.tsx b/agenta-web/src/components/Layout/Layout.tsx
index 75224011ea..9395a8fdf6 100644
--- a/agenta-web/src/components/Layout/Layout.tsx
+++ b/agenta-web/src/components/Layout/Layout.tsx
@@ -75,6 +75,25 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
             color: "rgba(0, 0, 0, 0.45)",
         },
     },
+    banner: {
+        position: "sticky",
+        zIndex: 10,
+        top: 0,
+        left: 0,
+        height: 38,
+        backgroundColor: "#1c2c3d",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 8,
+        color: "#fff",
+        fontSize: 12,
+        lineHeight: "20px",
+        fontWeight: 500,
+        "& span": {
+            fontWeight: 600,
+        },
+    },
 }))
 
 type LayoutProps = {
@@ -86,7 +105,7 @@ const App: React.FC<LayoutProps> = ({children}) => {
     const {appTheme} = useAppTheme()
     const {currentApp} = useAppsData()
     const [footerRef, {height: footerHeight}] = useElementSize()
-    const {isProjectId} = useProjectData()
+    const {project} = useProjectData()
     const classes = useStyles({themeMode: appTheme, footerHeight} as StyleProps)
     const router = useRouter()
     const appId = router.query.app_id as string
@@ -179,69 +198,81 @@ const App: React.FC<LayoutProps> = ({children}) => {
                         </Layout>
                     ) : (
                         // !isAuthRoute && isProjectId
-                        <Layout hasSider className={classes.layout}>
-                            <Sidebar />
-                            <Layout className={classes.layout}>
-                                <div>
-                                    <div className={classes.breadcrumbContainer}>
-                                        <Breadcrumb
-                                            items={[
-                                                {
-                                                    title: (
-                                                        <div className="flex items-center gap-1">
-                                                            <Lightning size={16} />
-                                                            <Link href="/apps">Apps</Link>
-                                                        </div>
-                                                    ),
-                                                },
-                                                {title: currentApp?.app_name || ""},
-                                            ]}
-                                        />
-                                        <div className={classes.topRightBar}>
-                                            <Text>agenta v{packageJsonData.version}</Text>
+                        <div>
+                            {project?.is_demo && (
+                                <div className={classes.banner}>
+                                    You are viewing demo workspace. To go back to your workspace,{" "}
+                                    <span>Click here.</span>
+                                </div>
+                            )}
+                            <Layout hasSider className={classes.layout}>
+                                <Sidebar />
+                                <Layout className={classes.layout}>
+                                    <div>
+                                        <div className={classes.breadcrumbContainer}>
+                                            <Breadcrumb
+                                                items={[
+                                                    {
+                                                        title: (
+                                                            <div className="flex items-center gap-1">
+                                                                <Lightning size={16} />
+                                                                <Link href="/apps">Apps</Link>
+                                                            </div>
+                                                        ),
+                                                    },
+                                                    {title: currentApp?.app_name || ""},
+                                                ]}
+                                            />
+                                            <div className={classes.topRightBar}>
+                                                <Text>agenta v{packageJsonData.version}</Text>
+                                            </div>
                                         </div>
+                                        <Content className={classes.content}>
+                                            <ErrorBoundary FallbackComponent={ErrorFallback}>
+                                                <ConfigProvider
+                                                    theme={{
+                                                        algorithm:
+                                                            appTheme === "dark"
+                                                                ? theme.darkAlgorithm
+                                                                : theme.defaultAlgorithm,
+                                                    }}
+                                                >
+                                                    {children}
+                                                </ConfigProvider>
+                                                {contextHolder}
+                                            </ErrorBoundary>
+                                        </Content>
                                     </div>
-                                    <Content className={classes.content}>
-                                        <ErrorBoundary FallbackComponent={ErrorFallback}>
-                                            <ConfigProvider
-                                                theme={{
-                                                    algorithm:
-                                                        appTheme === "dark"
-                                                            ? theme.darkAlgorithm
-                                                            : theme.defaultAlgorithm,
-                                                }}
+                                    <Footer ref={footerRef} className={classes.footer}>
+                                        <Space className={classes.footerLeft} size={10}>
+                                            <Link
+                                                href={"https://github.com/Agenta-AI/agenta"}
+                                                target="_blank"
                                             >
-                                                {children}
-                                            </ConfigProvider>
-                                            {contextHolder}
-                                        </ErrorBoundary>
-                                    </Content>
-                                </div>
-                                <Footer ref={footerRef} className={classes.footer}>
-                                    <Space className={classes.footerLeft} size={10}>
-                                        <Link
-                                            href={"https://github.com/Agenta-AI/agenta"}
-                                            target="_blank"
-                                        >
-                                            <GithubFilled className={classes.footerLinkIcon} />
-                                        </Link>
-                                        <Link
-                                            href={"https://www.linkedin.com/company/agenta-ai/"}
-                                            target="_blank"
-                                        >
-                                            <LinkedinFilled className={classes.footerLinkIcon} />
-                                        </Link>
-                                        <Link
-                                            href={"https://twitter.com/agenta_ai"}
-                                            target="_blank"
-                                        >
-                                            <TwitterOutlined className={classes.footerLinkIcon} />
-                                        </Link>
-                                    </Space>
-                                    <div>Copyright © {new Date().getFullYear()} | Agenta.</div>
-                                </Footer>
+                                                <GithubFilled className={classes.footerLinkIcon} />
+                                            </Link>
+                                            <Link
+                                                href={"https://www.linkedin.com/company/agenta-ai/"}
+                                                target="_blank"
+                                            >
+                                                <LinkedinFilled
+                                                    className={classes.footerLinkIcon}
+                                                />
+                                            </Link>
+                                            <Link
+                                                href={"https://twitter.com/agenta_ai"}
+                                                target="_blank"
+                                            >
+                                                <TwitterOutlined
+                                                    className={classes.footerLinkIcon}
+                                                />
+                                            </Link>
+                                        </Space>
+                                        <div>Copyright © {new Date().getFullYear()} | Agenta.</div>
+                                    </Footer>
+                                </Layout>
                             </Layout>
-                        </Layout>
+                        </div>
                     )}
                 </ThemeProvider>
             )}

From f1c26ad4a473ff26bab92c34d2d4020c1e7c4dd5 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 6 Dec 2024 10:13:37 +0100
Subject: [PATCH 28/34] refactor(frontend): added projects to context api init
 values and updated project type to add org name and id

---
 agenta-web/src/contexts/project.context.tsx | 6 ++++++
 agenta-web/src/services/project/types.ts    | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/agenta-web/src/contexts/project.context.tsx b/agenta-web/src/contexts/project.context.tsx
index 27156aaac3..95c0e6adbd 100644
--- a/agenta-web/src/contexts/project.context.tsx
+++ b/agenta-web/src/contexts/project.context.tsx
@@ -10,6 +10,7 @@ export const DEFAULT_UUID = "00000000-0000-0000-0000-000000000000"
 
 type ProjectContextType = {
     project: ProjectsResponse | null
+    projects: ProjectsResponse[]
     isProjectId: boolean
     projectId: string
     isLoading: boolean
@@ -19,6 +20,7 @@ type ProjectContextType = {
 
 const initialValues: ProjectContextType = {
     project: null,
+    projects: [],
     isProjectId: false,
     projectId: "",
     isLoading: false,
@@ -36,6 +38,7 @@ export const getCurrentProject = () => projectContextValues
 
 const ProjectContextProvider: React.FC<PropsWithChildren> = ({children}) => {
     const [project, setProject] = useStateCallback<ProjectsResponse | null>(null)
+    const [projects, setProjects] = useState<ProjectsResponse[]>([])
     const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
     const [isLoading, setIsLoading] = useState(false)
     const {doesSessionExist} = useSession()
@@ -63,6 +66,7 @@ const ProjectContextProvider: React.FC<PropsWithChildren> = ({children}) => {
                 : data[0] || null
 
             setProject(_project, onSuccess)
+            setProjects(data)
         } catch (error) {
             console.error(error)
             setProject(null)
@@ -82,6 +86,7 @@ const ProjectContextProvider: React.FC<PropsWithChildren> = ({children}) => {
     }
 
     projectContextValues.project = project
+    projectContextValues.projects = projects
     projectContextValues.isLoading = isLoading
     projectContextValues.isProjectId = isProjectId
     projectContextValues.projectId = projectId
@@ -90,6 +95,7 @@ const ProjectContextProvider: React.FC<PropsWithChildren> = ({children}) => {
         <ProjectContext.Provider
             value={{
                 project,
+                projects,
                 isProjectId,
                 projectId,
                 isLoading,
diff --git a/agenta-web/src/services/project/types.ts b/agenta-web/src/services/project/types.ts
index 294a9e0d4c..aec63f40c7 100644
--- a/agenta-web/src/services/project/types.ts
+++ b/agenta-web/src/services/project/types.ts
@@ -5,4 +5,6 @@ export interface ProjectsResponse {
     project_name: string
     user_role?: string | null
     is_demo?: boolean | null
+    organization_id?: string | null
+    organization_name?: string | null
 }

From 0d8c9b6eee8d99c509ee10e4923316eabaed8e23 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 6 Dec 2024 10:50:49 +0100
Subject: [PATCH 29/34] feat(frontend): implemented back to workspace logic

---
 agenta-web/src/components/Layout/Layout.tsx | 31 +++++++++++++++++----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/agenta-web/src/components/Layout/Layout.tsx b/agenta-web/src/components/Layout/Layout.tsx
index 9395a8fdf6..eee7d50622 100644
--- a/agenta-web/src/components/Layout/Layout.tsx
+++ b/agenta-web/src/components/Layout/Layout.tsx
@@ -1,5 +1,5 @@
-import React, {useEffect, useMemo} from "react"
-import {Breadcrumb, ConfigProvider, Layout, Modal, Space, Typography, theme} from "antd"
+import React, {useEffect, useMemo, useState} from "react"
+import {Breadcrumb, Button, ConfigProvider, Layout, Modal, Space, Typography, theme} from "antd"
 import Sidebar from "../Sidebar/Sidebar"
 import {GithubFilled, LinkedinFilled, TwitterOutlined} from "@ant-design/icons"
 import Link from "next/link"
@@ -18,6 +18,7 @@ import {JSSTheme, StyleProps as MainStyleProps} from "@/lib/Types"
 import {Lightning} from "@phosphor-icons/react"
 import packageJsonData from "../../../package.json"
 import {useProjectData} from "@/contexts/project.context"
+import {dynamicContext} from "@/lib/helpers/dynamic"
 
 const {Content, Footer} = Layout
 const {Text} = Typography
@@ -90,8 +91,10 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         fontSize: 12,
         lineHeight: "20px",
         fontWeight: 500,
-        "& span": {
+        "& .ant-btn": {
             fontWeight: 600,
+            color: "#fff",
+            padding: 0,
         },
     },
 }))
@@ -105,7 +108,7 @@ const App: React.FC<LayoutProps> = ({children}) => {
     const {appTheme} = useAppTheme()
     const {currentApp} = useAppsData()
     const [footerRef, {height: footerHeight}] = useElementSize()
-    const {project} = useProjectData()
+    const {project, projects} = useProjectData()
     const classes = useStyles({themeMode: appTheme, footerHeight} as StyleProps)
     const router = useRouter()
     const appId = router.query.app_id as string
@@ -113,6 +116,15 @@ const App: React.FC<LayoutProps> = ({children}) => {
     const {token} = theme.useToken()
     const [modal, contextHolder] = Modal.useModal()
 
+    const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
+    const {changeSelectedOrg} = useOrgData()
+
+    useEffect(() => {
+        dynamicContext("org.context", {useOrgData}).then((context) => {
+            setUseOrgData(() => context.useOrgData)
+        })
+    }, [])
+
     useEffect(() => {
         if (user && isDemo()) {
             ;(window as any).intercomSettings = {
@@ -185,6 +197,13 @@ const App: React.FC<LayoutProps> = ({children}) => {
     const isAuthRoute =
         router.pathname.includes("/auth") || router.pathname.includes("/post-signup")
 
+    const handleBackToWorkspaceSwitch = () => {
+        const project = projects.find((p) => p.user_role === "owner")
+        if (project && !project.is_demo) {
+            changeSelectedOrg(project.organization_id)
+        }
+    }
+
     return (
         <NoSSRWrapper>
             {typeof window === "undefined" ? null : (
@@ -202,7 +221,9 @@ const App: React.FC<LayoutProps> = ({children}) => {
                             {project?.is_demo && (
                                 <div className={classes.banner}>
                                     You are viewing demo workspace. To go back to your workspace,{" "}
-                                    <span>Click here.</span>
+                                    <Button type="link" onClick={handleBackToWorkspaceSwitch}>
+                                        Click here.
+                                    </Button>
                                 </div>
                             )}
                             <Layout hasSider className={classes.layout}>

From 283cb561f112d8c01fd8d23b7e14a8ee990eeed0 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 6 Dec 2024 11:51:52 +0100
Subject: [PATCH 30/34] fix(frontend): converted rag image to webp

---
 agenta-web/public/assets/rag-demo-app.webp | Bin 0 -> 11082 bytes
 agenta-web/src/media/rag-demo-app.jpg      | Bin 89077 -> 0 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 agenta-web/public/assets/rag-demo-app.webp
 delete mode 100644 agenta-web/src/media/rag-demo-app.jpg

diff --git a/agenta-web/public/assets/rag-demo-app.webp b/agenta-web/public/assets/rag-demo-app.webp
new file mode 100644
index 0000000000000000000000000000000000000000..77ded11bee46543df55c99000e1a7fcc25350678
GIT binary patch
literal 11082
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

literal 0
HcmV?d00001

diff --git a/agenta-web/src/media/rag-demo-app.jpg b/agenta-web/src/media/rag-demo-app.jpg
deleted file mode 100644
index b987a16f7b1cbec325e5a9eaa0adcd17753bc69f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 89077
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
V_P;}q|8{}@QX~G(atmw>{vSbH_`?7I


From d7eff81bd7aa3eea11740e3669385510c60ae05e Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Fri, 6 Dec 2024 18:37:10 +0100
Subject: [PATCH 31/34] enhancement(frontend): updated helper links and added
 conditional for the is_demo flag

---
 agenta-web/src/components/Sidebar/Sidebar.tsx     |  4 +++-
 .../components/HelpAndSupportSection.tsx          | 15 +++++++--------
 .../src/components/pages/app-management/index.tsx |  4 +++-
 agenta-web/src/pages/settings/index.tsx           | 11 +++++++++++
 4 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/agenta-web/src/components/Sidebar/Sidebar.tsx b/agenta-web/src/components/Sidebar/Sidebar.tsx
index e3c0c403f2..0854ac8a3d 100644
--- a/agenta-web/src/components/Sidebar/Sidebar.tsx
+++ b/agenta-web/src/components/Sidebar/Sidebar.tsx
@@ -16,6 +16,7 @@ import {CaretDown, Gear, SignOut} from "@phosphor-icons/react"
 import AlertPopup from "../AlertPopup/AlertPopup"
 import {dynamicContext} from "@/lib/helpers/dynamic"
 import Avatar from "@/components/Avatar/Avatar"
+import {useProjectData} from "@/contexts/project.context"
 
 const {Sider} = Layout
 const {Text} = Typography
@@ -285,6 +286,7 @@ const Sidebar: React.FC = () => {
     const menu = useSidebarConfig()
     const {user} = useProfileData()
     const {logout} = useSession()
+    const {project} = useProjectData()
     const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
     const {selectedOrg, orgs, changeSelectedOrg} = useOrgData()
 
@@ -366,7 +368,7 @@ const Sidebar: React.FC = () => {
                                             ),
                                         })),
                                         {type: "divider"},
-                                        {
+                                        !project?.is_demo && {
                                             key: "settings",
                                             label: (
                                                 <Link
diff --git a/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx b/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx
index 6074687c7c..529a35aedb 100644
--- a/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/HelpAndSupportSection.tsx
@@ -45,21 +45,20 @@ const HelpAndSupportSection = () => {
             </Space>
 
             <div className="flex items-center w-full gap-4">
+                <Link className={classes.helperCard} href="https://docs.agenta.ai/" target="_blank">
+                    <BookOpen size={24} />
+                    <Text>Check out docs</Text>
+                    <ArrowRight size={18} />
+                </Link>
                 <Link
-                    href="https://docs.agenta.ai/prompt-management/quick-start"
+                    href="https://github.com/Agenta-AI/agenta/discussions"
                     target="_blank"
                     className={classes.helperCard}
                 >
                     <Code size={24} />
-                    <Text>Learn how to manage prompts</Text>
+                    <Text>Create a discussion in Github</Text>
                     <ArrowRight size={18} />
                 </Link>
-                <Link className={classes.helperCard} href="https://docs.agenta.ai/" target="_blank">
-                    <BookOpen size={24} />
-                    <Text>Check out docs</Text>
-                    <ArrowRight size={18} />
-                </Link>
-
                 <Link
                     href="https://join.slack.com/t/agenta-hq/shared_invite/zt-1zsafop5i-Y7~ZySbhRZvKVPV5DO_7IA"
                     target="_blank"
diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
index b03f6a6333..ea449409b1 100644
--- a/agenta-web/src/components/pages/app-management/index.tsx
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -21,6 +21,7 @@ import GetStartedSection from "./components/GetStartedSection"
 import ApplicationManagementSection from "./components/ApplicationManagementSection"
 import SetupTracingModal from "./modals/SetupTracingModal"
 import ResultComponent from "@/components/ResultComponent/ResultComponent"
+import {useProjectData} from "@/contexts/project.context"
 
 const ObservabilityDashboardSection: any = dynamicComponent(
     "pages/app-management/components/ObservabilityDashboardSection",
@@ -78,6 +79,7 @@ const AppManagement: React.FC = () => {
         appId: undefined,
     })
 
+    const {project} = useProjectData()
     const [useOrgData, setUseOrgData] = useState<Function>(() => () => "")
     const {selectedOrg} = useOrgData()
 
@@ -210,7 +212,7 @@ const AppManagement: React.FC = () => {
                             setSearchTerm={setSearchTerm}
                         />
 
-                        <DemoApplicationsSection />
+                        {!project?.is_demo && <DemoApplicationsSection />}
 
                         <HelpAndSupportSection />
                     </>
diff --git a/agenta-web/src/pages/settings/index.tsx b/agenta-web/src/pages/settings/index.tsx
index 5fba15eb9b..7b6801bedc 100644
--- a/agenta-web/src/pages/settings/index.tsx
+++ b/agenta-web/src/pages/settings/index.tsx
@@ -1,10 +1,13 @@
 import Secrets from "@/components/pages/settings/Secrets/Secrets"
 import ProtectedRoute from "@/components/ProtectedRoute/ProtectedRoute"
+import {useProjectData} from "@/contexts/project.context"
 import {useQueryParam} from "@/hooks/useQuery"
 import {dynamicComponent} from "@/lib/helpers/dynamic"
 import {isDemo} from "@/lib/helpers/utils"
 import {ApartmentOutlined, KeyOutlined, LockOutlined} from "@ant-design/icons"
 import {Space, Tabs, Typography} from "antd"
+import {useRouter} from "next/router"
+import {useEffect} from "react"
 import {createUseStyles} from "react-jss"
 
 const useStyles = createUseStyles({
@@ -28,6 +31,14 @@ const useStyles = createUseStyles({
 const Settings: React.FC = () => {
     const [tab, setTab] = useQueryParam("tab", isDemo() ? "workspace" : "secrets")
     const classes = useStyles()
+    const router = useRouter()
+    const {project} = useProjectData()
+
+    useEffect(() => {
+        if (project?.is_demo) {
+            router.push("/apps")
+        }
+    }, [project, router])
 
     //dynamic components for demo
     const WorkspaceManage = dynamicComponent(`pages/settings/WorkspaceManage/WorkspaceManage`)

From bf27b5c5b0a45ebc0eb0113783bcb6d8fa9ff45d Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Sat, 7 Dec 2024 20:26:19 +0100
Subject: [PATCH 32/34] enhancement(frontend): updated is_demo banner text

---
 agenta-web/src/components/Layout/Layout.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/agenta-web/src/components/Layout/Layout.tsx b/agenta-web/src/components/Layout/Layout.tsx
index eee7d50622..b1cbcc8209 100644
--- a/agenta-web/src/components/Layout/Layout.tsx
+++ b/agenta-web/src/components/Layout/Layout.tsx
@@ -1,5 +1,5 @@
 import React, {useEffect, useMemo, useState} from "react"
-import {Breadcrumb, Button, ConfigProvider, Layout, Modal, Space, Typography, theme} from "antd"
+import {Breadcrumb, ConfigProvider, Layout, Modal, Space, Typography, theme} from "antd"
 import Sidebar from "../Sidebar/Sidebar"
 import {GithubFilled, LinkedinFilled, TwitterOutlined} from "@ant-design/icons"
 import Link from "next/link"
@@ -86,15 +86,13 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        gap: 8,
+        gap: 6,
         color: "#fff",
         fontSize: 12,
         lineHeight: "20px",
         fontWeight: 500,
-        "& .ant-btn": {
+        "& span": {
             fontWeight: 600,
-            color: "#fff",
-            padding: 0,
         },
     },
 }))
@@ -220,10 +218,14 @@ const App: React.FC<LayoutProps> = ({children}) => {
                         <div>
                             {project?.is_demo && (
                                 <div className={classes.banner}>
-                                    You are viewing demo workspace. To go back to your workspace,{" "}
-                                    <Button type="link" onClick={handleBackToWorkspaceSwitch}>
-                                        Click here.
-                                    </Button>
+                                    You are in <span>a view-only</span> demo workspace. To go back
+                                    to your workspace{" "}
+                                    <span
+                                        className="cursor-pointer"
+                                        onClick={handleBackToWorkspaceSwitch}
+                                    >
+                                        click here
+                                    </span>
                                 </div>
                             )}
                             <Layout hasSider className={classes.layout}>

From 750e26b65386161ab8e7ace2935d28b7a78ba375 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Sat, 7 Dec 2024 20:40:49 +0100
Subject: [PATCH 33/34] enhancement(frontend): dynamically imported modals

---
 .../components/ApplicationManagementSection.tsx |  6 ++++--
 .../components/pages/app-management/index.tsx   | 17 +++++++++++------
 .../src/pages/apps/[app_id]/overview/index.tsx  |  4 ++--
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx b/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
index bc1bb8c4fc..f24f6f35d4 100644
--- a/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
+++ b/agenta-web/src/components/pages/app-management/components/ApplicationManagementSection.tsx
@@ -11,8 +11,10 @@ import {createUseStyles} from "react-jss"
 import usePagination from "@/hooks/usePagination"
 import EmptyAppView from "./EmptyAppView"
 import NoResultsFound from "@/components/NoResultsFound/NoResultsFound"
-import DeleteAppModal from "../modals/DeleteAppModal"
-import EditAppModal from "../modals/EditAppModal"
+import {dynamicComponent} from "@/lib/helpers/dynamic"
+
+const DeleteAppModal: any = dynamicComponent("pages/app-management/modals/DeleteAppModal")
+const EditAppModal: any = dynamicComponent("pages/app-management/modals/EditAppModal")
 
 interface ApplicationManagementSectionProps {
     selectedOrg: any
diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
index ea449409b1..3accc281d2 100644
--- a/agenta-web/src/components/pages/app-management/index.tsx
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -4,13 +4,9 @@ import {Template, GenericObject, StyleProps, JSSTheme} from "@/lib/Types"
 import {isDemo, redirectIfNoLLMKeys} from "@/lib/helpers/utils"
 import {createAndStartTemplate, fetchAllTemplates, deleteApp} from "@/services/app-selector/api"
 import {waitForAppToStart} from "@/services/api"
-import AddAppFromTemplatedModal from "./modals/AddAppFromTemplateModal"
-import MaxAppModal from "./modals/MaxAppModal"
-import WriteOwnAppModal from "./modals/WriteOwnAppModal"
 import {createUseStyles} from "react-jss"
 import {useAppsData} from "@/contexts/app.context"
 import {useProfileData} from "@/contexts/profile.context"
-import CreateAppStatusModal from "./modals/CreateAppStatusModal"
 import {usePostHogAg} from "@/hooks/usePostHogAg"
 import {LlmProvider, getAllProviderLlmKeys} from "@/lib/helpers/llmProviders"
 import {dynamicComponent, dynamicContext} from "@/lib/helpers/dynamic"
@@ -19,10 +15,19 @@ import {useAppTheme} from "@/components/Layout/ThemeContextProvider"
 import HelpAndSupportSection from "./components/HelpAndSupportSection"
 import GetStartedSection from "./components/GetStartedSection"
 import ApplicationManagementSection from "./components/ApplicationManagementSection"
-import SetupTracingModal from "./modals/SetupTracingModal"
 import ResultComponent from "@/components/ResultComponent/ResultComponent"
 import {useProjectData} from "@/contexts/project.context"
 
+const CreateAppStatusModal: any = dynamicComponent(
+    "pages/app-management/modals/CreateAppStatusModal",
+)
+const AddAppFromTemplatedModal: any = dynamicComponent(
+    "pages/app-management/modals/AddAppFromTemplatedModal",
+)
+const MaxAppModal: any = dynamicComponent("pages/app-management/modals/MaxAppModal")
+const WriteOwnAppModal: any = dynamicComponent("pages/app-management/modals/WriteOwnAppModal")
+const SetupTracingModal: any = dynamicComponent("pages/app-management/modals/SetupTracingModal")
+
 const ObservabilityDashboardSection: any = dynamicComponent(
     "pages/app-management/components/ObservabilityDashboardSection",
 )
@@ -238,7 +243,7 @@ const AppManagement: React.FC = () => {
                 templateId={templateId}
                 appNameExist={appNameExist}
                 setNewApp={setNewApp}
-                onCardClick={(template) => {
+                onCardClick={(template: Template) => {
                     setTemplateId(template.id)
                 }}
                 handleTemplateCardClick={handleTemplateCardClick}
diff --git a/agenta-web/src/pages/apps/[app_id]/overview/index.tsx b/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
index e297886191..edfb2f5951 100644
--- a/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
+++ b/agenta-web/src/pages/apps/[app_id]/overview/index.tsx
@@ -16,12 +16,12 @@ import {Button, Dropdown, Space, Typography} from "antd"
 import {useRouter} from "next/router"
 import {useCallback, useEffect, useState} from "react"
 import {createUseStyles} from "react-jss"
-import DeleteAppModal from "@/components/pages/app-management/modals/DeleteAppModal"
-import EditAppModal from "@/components/pages/app-management/modals/EditAppModal"
 
 const ObservabilityOverview: any = dynamicComponent(
     "pages/overview/observability/ObservabilityOverview",
 )
+const DeleteAppModal: any = dynamicComponent("pages/app-management/modals/DeleteAppModal")
+const EditAppModal: any = dynamicComponent("pages/app-management/modals/EditAppModal")
 
 const {Title} = Typography
 

From 22a038801ae3bc598cbb9b2e155bdefb8c816950 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Mon, 9 Dec 2024 12:04:17 +0100
Subject: [PATCH 34/34] bug fix(frontend)

---
 agenta-web/src/components/pages/app-management/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/agenta-web/src/components/pages/app-management/index.tsx b/agenta-web/src/components/pages/app-management/index.tsx
index 3accc281d2..72b760b8ac 100644
--- a/agenta-web/src/components/pages/app-management/index.tsx
+++ b/agenta-web/src/components/pages/app-management/index.tsx
@@ -22,7 +22,7 @@ const CreateAppStatusModal: any = dynamicComponent(
     "pages/app-management/modals/CreateAppStatusModal",
 )
 const AddAppFromTemplatedModal: any = dynamicComponent(
-    "pages/app-management/modals/AddAppFromTemplatedModal",
+    "pages/app-management/modals/AddAppFromTemplateModal",
 )
 const MaxAppModal: any = dynamicComponent("pages/app-management/modals/MaxAppModal")
 const WriteOwnAppModal: any = dynamicComponent("pages/app-management/modals/WriteOwnAppModal")