From 722b80816b596e7a65d5b3f78634dda23f550120 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:21:24 +0600
Subject: [PATCH 01/53] implemented onboarding feature on the app

---
 .../PostSignupForm/PostSignupForm.tsx         | 136 ++++---
 .../PostSignupForm/assets/constants.ts        |  32 ++
 .../assets/{types.d.ts => types.ts}           |   0
 .../pages/settings/Billing/index.tsx          |   2 +-
 web/oss/package.json                          |   2 +
 .../components/EvalResultsView/index.tsx      |   2 +-
 .../EvalRunScenarioCardBody.tsx               |   3 +-
 .../InvocationResponse.tsx                    |  18 +-
 .../EvalRunScenarioCard/InvocationRun.tsx     |   9 +-
 .../components/EvalRunScenarioCard/index.tsx  |   2 +-
 .../components/EvalRunScenarioCard/types.ts   |   2 +
 .../ScenarioAnnotationPanel/index.tsx         |   2 +-
 .../EvalRunScenariosViewSelector/index.tsx    |  40 +-
 .../ScenarioTable.tsx                         |   2 +
 .../components/Layout/assets/Breadcrumbs.tsx  |   4 +-
 .../CustomNextStepProvider/index.tsx          |  88 +++++
 .../components/NextViewport/index.tsx         |  20 +
 .../OnboardingTriggerButton/index.tsx         |  60 +++
 .../OnboardingTriggerButton/types.ts          |  18 +
 .../assets/WelcomeModalContent/index.tsx      |  30 ++
 .../components/WelcomeModal/index.tsx         |  70 ++++
 web/oss/src/components/Onboarding/index.tsx   | 243 ++++++++++++
 web/oss/src/components/Onboarding/types.ts    |  14 +
 .../ChatCommon/LastTurnFooterControls.tsx     |   9 +-
 .../Drawers/TraceDrawer/TraceDrawer.tsx       |   7 +-
 .../TraceDrawer/store/traceDrawerStore.ts     |   6 +
 .../assets/DeployVariantButton/index.tsx      |  65 ++--
 .../DeployVariantModalContent/index.tsx       |   1 +
 .../Modals/DeployVariantModal/index.tsx       |   2 +
 .../assets/GenerationChat/index.tsx           |  10 +-
 .../GenerationChatTurnNormalized/index.tsx    |  18 +-
 .../assets/GenerationCompletion/index.tsx     |   8 +-
 .../GenerationCompletionRow/DefaultView.tsx   |   4 +-
 .../GenerationResponsePanel.tsx               |  26 +-
 .../GenerationCompletionRow/SingleView.tsx    |  61 +--
 .../assets/GenerationCompletionRow/index.tsx  |   5 +
 .../assets/GenerationCompletionRow/types.d.ts |   2 +
 .../assets/GenerationHeader/index.tsx         |   5 +-
 .../assets/GenerationResultUtils/index.tsx    |  16 +-
 .../assets/GenerationResultUtils/types.d.ts   |   2 +
 .../Components/PlaygroundHeader/index.tsx     |   2 +-
 .../assets/Editors.tsx                        |   3 +-
 .../assets/PlaygroundVariantConfigHeader.tsx  |   5 +-
 .../PlaygroundVariantConfigPrompt/index.tsx   |   5 +-
 .../PlaygroundVariantConfigPrompt/types.d.ts  |   2 +
 .../adapters/TurnMessageAdapter.tsx           |   4 +
 web/oss/src/components/pages/_app/index.tsx   |  56 +--
 .../ApplicationManagementSection.tsx          |   2 +
 .../components/GetStartedSection.tsx          |   2 +
 .../components/pages/app-management/index.tsx |   6 +-
 .../modals/AddAppFromTemplateModal/index.tsx  |   5 +-
 .../components/CustomWorkflowModalContent.tsx |  35 +-
 .../components/CustomWorkflowModalFooter.tsx  |   1 +
 .../modals/CustomWorkflowModal/index.tsx      |   9 +-
 .../pages/app-management/state/atom.ts        |   3 +
 .../Components/NewEvaluationModalContent.tsx  |  36 +-
 .../NewEvaluation/assets/TabLabel/index.tsx   |  32 +-
 .../pages/evaluations/NewEvaluation/index.tsx |   2 +
 .../state/autoEvaluationModalAtom.ts          |  23 ++
 .../assets/AutoEvaluationHeader.tsx           |  24 +-
 .../customEvaluation/CustomEvaluation.tsx     |  28 +-
 .../drawer/TraceContent/index.tsx             |  19 +-
 .../drawer/TraceHeader/index.tsx              |  10 +
 .../drawer/TraceSidePanel/index.tsx           |  14 +-
 .../ui/CustomTreeComponent/index.tsx          |   2 +-
 web/oss/src/hooks/usePostAuthRedirect.ts      |   9 +-
 .../assets/helpers/fetchScenarioViaWorker.ts  |   4 +-
 .../src/state/onboarding/atoms/stepsAtom.ts   | 209 ++++++++++
 web/oss/src/state/onboarding/index.ts         |   3 +
 .../onboarding/steps/appManagementSteps.tsx   | 203 ++++++++++
 .../onboarding/steps/evaluationSteps.tsx      | 362 +++++++++++++++++
 web/oss/src/state/onboarding/steps/index.ts   |  30 ++
 .../onboarding/steps/observabilitySteps.tsx   |  18 +
 .../onboarding/steps/playgroundSteps.tsx      | 365 ++++++++++++++++++
 .../src/state/onboarding/steps/traceSteps.tsx | 205 ++++++++++
 web/oss/src/state/onboarding/steps/types.ts   |  16 +
 web/oss/src/state/onboarding/types.ts         |  27 ++
 web/oss/src/state/url/index.ts                | 165 ++++++++
 web/package.json                              |   3 +
 web/patches/nextstepjs@2.1.2.patch            | 169 ++++++++
 web/pnpm-lock.yaml                            |  95 +++++
 81 files changed, 2992 insertions(+), 267 deletions(-)
 create mode 100644 web/ee/src/components/PostSignupForm/assets/constants.ts
 rename web/ee/src/components/PostSignupForm/assets/{types.d.ts => types.ts} (100%)
 create mode 100644 web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
 create mode 100644 web/oss/src/components/Onboarding/components/NextViewport/index.tsx
 create mode 100644 web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
 create mode 100644 web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
 create mode 100644 web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
 create mode 100644 web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
 create mode 100644 web/oss/src/components/Onboarding/index.tsx
 create mode 100644 web/oss/src/components/Onboarding/types.ts
 create mode 100644 web/oss/src/components/pages/app-management/state/atom.ts
 create mode 100644 web/oss/src/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom.ts
 create mode 100644 web/oss/src/state/onboarding/atoms/stepsAtom.ts
 create mode 100644 web/oss/src/state/onboarding/index.ts
 create mode 100644 web/oss/src/state/onboarding/steps/appManagementSteps.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/evaluationSteps.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/index.ts
 create mode 100644 web/oss/src/state/onboarding/steps/observabilitySteps.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/playgroundSteps.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/traceSteps.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/types.ts
 create mode 100644 web/oss/src/state/onboarding/types.ts
 create mode 100644 web/patches/nextstepjs@2.1.2.patch

diff --git a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
index d481fc3350..d364e62c55 100644
--- a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
+++ b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
@@ -14,6 +14,9 @@ import {useOrgData} from "@/oss/state/org"
 import {useProfileData} from "@/oss/state/profile"
 import {buildPostLoginPath, waitForWorkspaceContext} from "@/oss/state/url/postLoginRedirect"
 
+import {userOnboardingProfileContextAtom} from "@/oss/state/onboarding"
+import {useSetAtom} from "jotai"
+import {USER_EXPERIENCES, USER_INTERESTS, USER_ROLES} from "./assets/constants"
 import {useStyles} from "./assets/styles"
 import {FormDataType} from "./assets/types"
 
@@ -24,6 +27,7 @@ const PostSignupForm = () => {
     const {user} = useProfileData()
     const classes = useStyles()
     const {orgs} = useOrgData()
+    const setUserOnboardingProfileContext = useSetAtom(userOnboardingProfileContextAtom)
     const selectedHearAboutUsOption = Form.useWatch("hearAboutUs", form)
     const formData = Form.useWatch([], form)
     const [stepOneFormData, setStepOneFormData] = useState<any>({} as any)
@@ -35,6 +39,10 @@ const PostSignupForm = () => {
         () => (router.query.redirect as string) || "",
         [router.query.redirect],
     )
+
+    const isPosthogSurveyAvailable = Boolean(survey?.questions?.length)
+    const isSurveyLoading = loading && !error
+
     const redirect = useCallback(
         async (target: string | null | undefined) => {
             if (!target) return false
@@ -79,7 +87,7 @@ const PostSignupForm = () => {
         if (!error || autoRedirectAttempted) return
 
         setAutoRedirectAttempted(true)
-        void navigateToPostSignupDestination()
+        // void navigateToPostSignupDestination()
     }, [autoRedirectAttempted, error, navigateToPostSignupDestination])
 
     const handleStepOneFormData: FormProps<FormDataType>["onFinish"] = useCallback(
@@ -96,6 +104,15 @@ const PostSignupForm = () => {
                 values.hearAboutUs == "Other" ? values.hearAboutUsInputOption : values.hearAboutUs
 
             try {
+                // Getting the user onboarding profile context from the form data to use in onboarding system
+                setUserOnboardingProfileContext({
+                    userRole: stepOneFormData.userRole,
+                    userExperience: stepOneFormData.userExperience,
+                    userInterest: values.userInterests,
+                })
+
+                if (!isPosthogSurveyAvailable) return
+
                 const responses = survey?.questions?.reduce(
                     (acc: Record<string, unknown>, question, index) => {
                         const key = `$survey_response_${question.id}`
@@ -173,34 +190,37 @@ const PostSignupForm = () => {
                             </div>
 
                             <div>
-                                <Form.Item
-                                    name="companySize"
-                                    className={classes.formItem}
-                                    label={survey?.questions[0].question}
-                                >
-                                    <Radio.Group
-                                        optionType="button"
-                                        className="*:w-full text-center flex justify-between *:whitespace-nowrap"
+                                {isPosthogSurveyAvailable && (
+                                    <Form.Item
+                                        name="companySize"
+                                        className={classes.formItem}
+                                        label={survey?.questions[0].question}
                                     >
-                                        {(
-                                            survey?.questions[0] as MultipleSurveyQuestion
-                                        )?.choices?.map((choice: string) => (
-                                            <Radio key={choice} value={choice}>
-                                                {choice}
-                                            </Radio>
-                                        ))}
-                                    </Radio.Group>
-                                </Form.Item>
+                                        <Radio.Group
+                                            optionType="button"
+                                            className="*:w-full text-center flex justify-between *:whitespace-nowrap"
+                                        >
+                                            {(
+                                                survey?.questions[0] as MultipleSurveyQuestion
+                                            )?.choices?.map((choice: string) => (
+                                                <Radio key={choice} value={choice}>
+                                                    {choice}
+                                                </Radio>
+                                            ))}
+                                        </Radio.Group>
+                                    </Form.Item>
+                                )}
 
                                 <Form.Item
                                     name="userExperience"
                                     className={classes.formItem}
-                                    label={survey?.questions[2].question}
+                                    label={survey?.questions[2].question || USER_EXPERIENCES.label}
                                 >
                                     <Radio.Group>
                                         <Space direction="vertical">
                                             {(
-                                                survey?.questions[2] as MultipleSurveyQuestion
+                                                (survey?.questions[2] as MultipleSurveyQuestion) ||
+                                                USER_EXPERIENCES
                                             )?.choices?.map((choice: string) => (
                                                 <Radio key={choice} value={choice}>
                                                     {choice}
@@ -213,12 +233,13 @@ const PostSignupForm = () => {
                                 <Form.Item
                                     name="userRole"
                                     className={classes.formItem}
-                                    label={survey?.questions[1].question}
+                                    label={survey?.questions[1].question || USER_ROLES.label}
                                 >
                                     <Radio.Group>
                                         <Space direction="vertical">
                                             {(
-                                                survey?.questions[1] as MultipleSurveyQuestion
+                                                (survey?.questions[1] as MultipleSurveyQuestion) ||
+                                                USER_ROLES
                                             )?.choices.map((choice: string) => (
                                                 <Radio key={choice} value={choice}>
                                                     {choice}
@@ -238,7 +259,7 @@ const PostSignupForm = () => {
                             iconPosition="end"
                             icon={<ArrowRight className="mt-[3px]" />}
                             disabled={
-                                !formData?.companySize ||
+                                (!formData?.companySize && isPosthogSurveyAvailable) ||
                                 !formData?.userRole ||
                                 !formData?.userExperience
                             }
@@ -266,12 +287,13 @@ const PostSignupForm = () => {
                                 <Form.Item
                                     name="userInterests"
                                     className={classes.formItem}
-                                    label={survey?.questions[3].question}
+                                    label={survey?.questions[3].question || USER_INTERESTS.label}
                                 >
                                     <Checkbox.Group>
                                         <Space direction="vertical">
                                             {(
-                                                survey?.questions[3] as MultipleSurveyQuestion
+                                                (survey?.questions[3] as MultipleSurveyQuestion) ||
+                                                USER_INTERESTS
                                             )?.choices?.map((role: string) => (
                                                 <Checkbox key={role} value={role}>
                                                     {role}
@@ -281,28 +303,36 @@ const PostSignupForm = () => {
                                     </Checkbox.Group>
                                 </Form.Item>
 
-                                <Form.Item
-                                    className={classes.formItem}
-                                    name="hearAboutUs"
-                                    label={survey?.questions[4].question}
-                                >
-                                    <Radio.Group>
-                                        <Space direction="vertical">
-                                            {(
-                                                survey?.questions[4] as MultipleSurveyQuestion
-                                            )?.choices?.map((choice: string) => (
-                                                <Radio key={choice} value={choice}>
-                                                    {choice}
-                                                </Radio>
-                                            ))}
-                                        </Space>
-                                    </Radio.Group>
-                                </Form.Item>
-
-                                {selectedHearAboutUsOption == "Other" && (
-                                    <Form.Item name="hearAboutUsInputOption" className="-mt-3">
-                                        <Input placeholder="Type here" />
-                                    </Form.Item>
+                                {isPosthogSurveyAvailable && (
+                                    <>
+                                        <Form.Item
+                                            className={classes.formItem}
+                                            name="hearAboutUs"
+                                            label={survey?.questions[4].question}
+                                        >
+                                            <Radio.Group>
+                                                <Space direction="vertical">
+                                                    {(
+                                                        survey
+                                                            ?.questions[4] as MultipleSurveyQuestion
+                                                    )?.choices?.map((choice: string) => (
+                                                        <Radio key={choice} value={choice}>
+                                                            {choice}
+                                                        </Radio>
+                                                    ))}
+                                                </Space>
+                                            </Radio.Group>
+                                        </Form.Item>
+
+                                        {selectedHearAboutUsOption == "Other" && (
+                                            <Form.Item
+                                                name="hearAboutUsInputOption"
+                                                className="-mt-3"
+                                            >
+                                                <Input placeholder="Type here" />
+                                            </Form.Item>
+                                        )}
+                                    </>
                                 )}
                             </div>
                         </div>
@@ -314,7 +344,10 @@ const PostSignupForm = () => {
                             className="w-full"
                             iconPosition="end"
                             icon={<ArrowRight className="mt-[3px]" />}
-                            disabled={!formData?.userInterests?.length || !formData?.hearAboutUs}
+                            disabled={
+                                !formData?.userInterests?.length ||
+                                (!formData?.hearAboutUs && isPosthogSurveyAvailable)
+                            }
                         >
                             Continue
                         </Button>
@@ -338,9 +371,6 @@ const PostSignupForm = () => {
         survey?.questions,
     ])
 
-    const showSurveyForm = Boolean(survey?.questions?.length)
-    const isSurveyLoading = loading && !error
-
     return (
         <>
             <section className="w-[90%] flex items-center justify-between mx-auto mt-12 mb-5">
@@ -360,9 +390,7 @@ const PostSignupForm = () => {
                 />
             </section>
 
-            <Spin spinning={isSurveyLoading}>
-                {showSurveyForm ? steps[currentStep]?.content : null}
-            </Spin>
+            <Spin spinning={isSurveyLoading}>{steps[currentStep]?.content}</Spin>
         </>
     )
 }
diff --git a/web/ee/src/components/PostSignupForm/assets/constants.ts b/web/ee/src/components/PostSignupForm/assets/constants.ts
new file mode 100644
index 0000000000..1b675dae3c
--- /dev/null
+++ b/web/ee/src/components/PostSignupForm/assets/constants.ts
@@ -0,0 +1,32 @@
+const USER_EXPERIENCES = {
+    label: "What is your experience with LLMs and AI?",
+    choices: [
+        "Just exploring",
+        "Developing something new",
+        "Already using LLMs (e.g. POCs)",
+        "Many LLM apps in production and at scale",
+    ],
+}
+const USER_ROLES = {
+    label: "What is your role?",
+    choices: [
+        "Hobbyist",
+        "ML/AI Engineer or Data scientist",
+        "Frontend / Backend Developer",
+        "Product Owner",
+        "Executive (VP / C-Level)",
+    ],
+}
+const USER_INTERESTS = {
+    label: "What brings you to agenta?",
+    choices: [
+        "Evaluating LLM Applications",
+        "No-code LLM application building",
+        "Prompt management and versioning",
+        "Collaborating with domain experts on prompt engineering",
+        "Human feedback and annotation",
+        "Observability, tracing and monitoring",
+    ],
+}
+
+export {USER_EXPERIENCES, USER_ROLES, USER_INTERESTS}
diff --git a/web/ee/src/components/PostSignupForm/assets/types.d.ts b/web/ee/src/components/PostSignupForm/assets/types.ts
similarity index 100%
rename from web/ee/src/components/PostSignupForm/assets/types.d.ts
rename to web/ee/src/components/PostSignupForm/assets/types.ts
diff --git a/web/ee/src/components/pages/settings/Billing/index.tsx b/web/ee/src/components/pages/settings/Billing/index.tsx
index 3a5ec92157..a61f100729 100644
--- a/web/ee/src/components/pages/settings/Billing/index.tsx
+++ b/web/ee/src/components/pages/settings/Billing/index.tsx
@@ -104,7 +104,7 @@ const Billing = () => {
 
                 <div className="w-full grid grid-cols-3 gap-4">
                     {Object.entries(usage)
-                        ?.filter(([key]) => (key !== "users" && key !== "applications"))
+                        ?.filter(([key]) => key !== "users" && key !== "applications")
                         ?.map(([key, info]) => {
                             return (
                                 <UsageProgressBar
diff --git a/web/oss/package.json b/web/oss/package.json
index d1f723a4e2..7a164da78f 100644
--- a/web/oss/package.json
+++ b/web/oss/package.json
@@ -97,7 +97,9 @@
         "lexical": "^0.38.2",
         "lodash": "^4.17.21",
         "lucide-react": "^0.475.0",
+        "motion": "^12.23.24",
         "next": "15.5.2",
+        "nextstepjs": "^2.1.2",
         "papaparse": "^5.5.3",
         "postcss": "^8.5.6",
         "postcss-antd-fixes": "^0.2.0",
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalResultsView/index.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalResultsView/index.tsx
index 0573c776de..b7ef6b6a8a 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalResultsView/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalResultsView/index.tsx
@@ -10,7 +10,7 @@ import EvalRunOverviewViewer from "../../../components/EvalRunOverviewViewer"
  */
 const EvalResultsView = ({runId}: {runId: string}) => {
     return (
-        <section className="overflow-y-auto flex flex-col gap-4">
+        <section className="overflow-y-auto flex flex-col gap-4" id="tour-human-eval-results-view">
             <EvalRunOverviewViewer />
         </section>
     )
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/EvalRunScenarioCardBody.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/EvalRunScenarioCardBody.tsx
index 39f4f2208b..ffc01fb332 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/EvalRunScenarioCardBody.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/EvalRunScenarioCardBody.tsx
@@ -77,12 +77,13 @@ const EvalRunScenarioCardBody: FC<EvalRunScenarioCardBodyProps> = ({scenarioId,
     const renderRuns = useCallback(() => {
         if (!invocationSteps.length) return null
 
-        return invocationSteps.map((invStep: any) => (
+        return invocationSteps.map((invStep: any, index: number) => (
             <InvocationRun
                 key={invStep.id}
                 invStep={invStep}
                 scenarioId={scenarioId}
                 runId={effectiveRunId}
+                isPrimary={index === 0}
             />
         ))
     }, [scenarioId, invocationSteps, effectiveRunId])
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
index 76520ea9ee..35e0ecb6bf 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
@@ -12,7 +12,12 @@ import RunEvalScenarioButton from "../RunEvalScenarioButton"
 
 import {InvocationResponseProps} from "./types"
 
-const InvocationResponse = ({scenarioId, stepKey, runId}: InvocationResponseProps) => {
+const InvocationResponse = ({
+    scenarioId,
+    stepKey,
+    runId,
+    highlightTour = false,
+}: InvocationResponseProps) => {
     const {status, trace, value, messageNodes} = useInvocationResult({scenarioId, stepKey, runId})
     const editorKey = trace?.trace_id ?? trace?.id ?? `${scenarioId}-${stepKey}-${runId}`
 
@@ -22,7 +27,16 @@ const InvocationResponse = ({scenarioId, stepKey, runId}: InvocationResponseProp
                 <Typography.Title level={4} className="!font-medium !m-0">
                     Model Response
                 </Typography.Title>
-                <RunEvalScenarioButton stepKey={stepKey} scenarioId={scenarioId} runId={runId} />
+                <div
+                    id={highlightTour ? "tour-human-eval-run-button" : undefined}
+                    className="flex items-center"
+                >
+                    <RunEvalScenarioButton
+                        stepKey={stepKey}
+                        scenarioId={scenarioId}
+                        runId={runId}
+                    />
+                </div>
             </div>
 
             {messageNodes ? (
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationRun.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationRun.tsx
index d04cee9eaf..ea20e06226 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationRun.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationRun.tsx
@@ -4,7 +4,7 @@ import InvocationInputs from "./InvocationInputs"
 import InvocationResponse from "./InvocationResponse"
 import {InvocationRunProps} from "./types"
 
-const InvocationRun = ({invStep, scenarioId, runId}: InvocationRunProps) => {
+const InvocationRun = ({invStep, scenarioId, runId, isPrimary = false}: InvocationRunProps) => {
     return (
         <div className="flex flex-col gap-6 w-full text-sm">
             <InvocationInputs
@@ -12,7 +12,12 @@ const InvocationRun = ({invStep, scenarioId, runId}: InvocationRunProps) => {
                 testcaseId={invStep.testcaseId}
                 runId={runId}
             />
-            <InvocationResponse scenarioId={scenarioId} stepKey={invStep.stepKey} runId={runId} />
+            <InvocationResponse
+                scenarioId={scenarioId}
+                stepKey={invStep.stepKey}
+                runId={runId}
+                highlightTour={isPrimary}
+            />
         </div>
     )
 }
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/index.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/index.tsx
index 57558062c8..308bb8f1d7 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/index.tsx
@@ -58,7 +58,7 @@ const EvalRunScenarioCard = ({scenarioId, runId, viewType = "list"}: EvalRunScen
             <EvalRunScenarioCardBody scenarioId={scenarioId} runId={runId} />
         </Card>
     ) : (
-        <div className="flex flex-col gap-4 w-full">
+        <div className="flex flex-col gap-4 w-full" id="tour-human-eval-io-panel">
             <EvalRunScenarioCardBody scenarioId={scenarioId} runId={runId} />
         </div>
     )
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/types.ts b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/types.ts
index 559d89c211..d5b77d6279 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/types.ts
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/types.ts
@@ -20,10 +20,12 @@ export interface InvocationResponseProps {
     scenarioId: string
     stepKey: string
     runId?: string
+    highlightTour?: boolean
 }
 
 export interface InvocationRunProps {
     invStep: any
     scenarioId: string
     runId?: string
+    isPrimary?: boolean
 }
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
index c706820839..537bd50f01 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
@@ -257,7 +257,7 @@ const ScenarioAnnotationPanel: FC<ScenarioAnnotationPanelProps> = ({
     const hasAnyTrace = useMemo(() => _invocationSteps.some((s) => s.traceId), [_invocationSteps])
 
     return (
-        <Card className={className} classNames={classNames}>
+        <Card className={className} classNames={classNames} id="tour-human-eval-annotation-panel">
             <div className="flex flex-col gap-6">
                 {_invocationSteps.map((invStep) => {
                     return (
diff --git a/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx b/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
index 8f34b80915..b355aad85e 100644
--- a/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
@@ -50,20 +50,32 @@ const EvalRunScenariosViewSelector = () => {
                 defaultValue={evalType === "online" ? "results" : "focus"}
                 value={ENABLE_CARD_VIEW ? viewType : viewType === "list" ? "focus" : viewType}
             >
-                {(evalType === "human"
-                    ? VIEW_HUMAN_OPTIONS
-                    : evalType === "online"
-                      ? VIEW_ONLINE_OPTIONS
-                      : VIEW_AUTO_OPTIONS
-                ).map((option) => (
-                    <Radio.Button
-                        key={option.value}
-                        value={option.value}
-                        disabled={option.disabled}
-                    >
-                        {option.label}
-                    </Radio.Button>
-                ))}
+                <div
+                    id={
+                        viewType === "focus"
+                            ? "tour-human-eval-focus-tab"
+                            : viewType === "table"
+                              ? "tour-human-eval-table-view"
+                              : viewType === "results"
+                                ? "tour-human-eval-results-tab"
+                                : ""
+                    }
+                >
+                    {(evalType === "human"
+                        ? VIEW_HUMAN_OPTIONS
+                        : evalType === "online"
+                          ? VIEW_ONLINE_OPTIONS
+                          : VIEW_AUTO_OPTIONS
+                    ).map((option) => (
+                        <Radio.Button
+                            key={option.value}
+                            value={option.value}
+                            disabled={option.disabled}
+                        >
+                            {option.label}
+                        </Radio.Button>
+                    ))}
+                </div>
             </Radio.Group>
         </div>
     )
diff --git a/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx b/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
index 1291ddaaec..6395e62af0 100644
--- a/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
@@ -6,6 +6,7 @@ import dynamic from "next/dynamic"
 import {useResizeObserver} from "usehooks-ts"
 
 import EnhancedTable from "@/oss/components/EnhancedUIs/Table"
+import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
 import QueryFiltersSummaryCard from "@/oss/components/pages/evaluations/onlineEvaluation/components/QueryFiltersSummaryCard"
 import {useRunId} from "@/oss/contexts/RunIdContext"
@@ -26,6 +27,7 @@ import {EvalRunTestcaseTableSkeleton} from "../../AutoEvalRun/components/EvalRun
 import useScrollToScenario from "./hooks/useScrollToScenario"
 import useTableDataSource from "./hooks/useTableDataSource"
 import type {TableRow} from "./types"
+import {HUMAN_EVAL_TABLE_VIEWPORT_ID} from "./assets/constants"
 
 const VirtualizedScenarioTableAnnotateDrawer = dynamic(
     () => import("./assets/VirtualizedScenarioTableAnnotateDrawer"),
diff --git a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
index 6ed32597f8..3a0b75c357 100644
--- a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
+++ b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
@@ -9,11 +9,11 @@ import Link from "next/link"
 import {breadcrumbAtom, type BreadcrumbAtom} from "@/oss/lib/atoms/breadcrumb"
 import {sidebarCollapsedAtom} from "@/oss/lib/atoms/sidebar"
 import {getUniquePartOfId, isUuid} from "@/oss/lib/helpers/utils"
-import {useAppState} from "@/oss/state/appState"
 
 import packageJsonData from "../../../../package.json"
 import EnhancedButton from "../../Playground/assets/EnhancedButton"
 import TooltipWithCopyAction from "../../TooltipWithCopyAction"
+import OnboardingTriggerButton from "../../Onboarding/components/OnboardingTriggerButton"
 
 import {useStyles, type StyleProps} from "./styles"
 
@@ -70,7 +70,6 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
     const classes = useStyles({themeMode: appTheme} as StyleProps)
     const breadcrumbs = useAtomValue(breadcrumbAtom)
     const [collapsed, setCollapsed] = useAtom(sidebarCollapsedAtom)
-    const appState = useAppState()
     const breadcrumbItems = useMemo(
         () => breadcrumbItemsGenerator(breadcrumbs || {}),
         [breadcrumbs],
@@ -122,6 +121,7 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
             </div>
 
             <div className={clsx(classes.topRightBar, "shrink-0")}>
+                <OnboardingTriggerButton />
                 <Typography.Text>agenta v{packageJsonData.version}</Typography.Text>
             </div>
         </section>
diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
new file mode 100644
index 0000000000..f5506f285f
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -0,0 +1,88 @@
+import {
+    newOnboardingStateAtom,
+    isNewUserAtom,
+    userOnboardingStatusAtom,
+    resolveOnboardingSection,
+    triggerOnboardingAtom,
+} from "@/oss/state/onboarding"
+import {useAtomValue, useSetAtom} from "jotai"
+import {NextStep} from "nextstepjs"
+import OnboardingCard from "../../index"
+import {urlLocationAtom} from "@/oss/state/url"
+import {useEffect, useRef} from "react"
+import {useNextStep} from "nextstepjs"
+
+const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
+    const onboardingSteps = useAtomValue(newOnboardingStateAtom)
+    const isNewUser = useAtomValue(isNewUserAtom)
+    const userLocation = useAtomValue(urlLocationAtom)
+    const userOnboardingJourneyStatus = useAtomValue(userOnboardingStatusAtom)
+    const manualTrigger = useAtomValue(triggerOnboardingAtom)
+    const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
+    const {startNextStep} = useNextStep()
+    const autoStartSignatureRef = useRef<string | null>(null)
+
+    const previousSectionRef = useRef(userLocation.section)
+    useEffect(() => {
+        if (previousSectionRef.current !== userLocation.section) {
+            setTriggerOnboarding(null)
+            previousSectionRef.current = userLocation.section
+        }
+    }, [userLocation.section, setTriggerOnboarding])
+
+    useEffect(() => {
+        if (!isNewUser) {
+            autoStartSignatureRef.current = null
+            return
+        }
+
+        const normalizedSection = resolveOnboardingSection(userLocation.section)
+        if (!normalizedSection) {
+            autoStartSignatureRef.current = null
+            return
+        }
+
+        if (!onboardingSteps?.length) {
+            autoStartSignatureRef.current = null
+            return
+        }
+
+        const currentTour = onboardingSteps[0]
+        if (!currentTour?.tour) return
+
+        const tourSection =
+            (currentTour.steps?.find((step) => step?.onboardingSection)
+                ?.onboardingSection as keyof typeof userOnboardingJourneyStatus) ??
+            normalizedSection
+
+        const sectionStatus = userOnboardingJourneyStatus[tourSection]
+        if (sectionStatus === "done") return
+
+        const signature = `${tourSection}:${currentTour.tour}:${currentTour.steps?.length ?? 0}`
+        if (autoStartSignatureRef.current === signature) return
+
+        autoStartSignatureRef.current = signature
+        startNextStep(currentTour.tour)
+    }, [isNewUser, userLocation.section, userOnboardingJourneyStatus, onboardingSteps])
+
+    const lastManualTriggerRef = useRef<typeof manualTrigger>(null)
+    useEffect(() => {
+        if (!manualTrigger) {
+            lastManualTriggerRef.current = null
+            return
+        }
+        if (!onboardingSteps?.length) return
+        if (lastManualTriggerRef.current === manualTrigger) return
+
+        lastManualTriggerRef.current = manualTrigger
+        startNextStep(onboardingSteps[0]?.tour)
+    }, [manualTrigger, onboardingSteps, startNextStep])
+
+    return (
+        <NextStep steps={onboardingSteps} cardComponent={OnboardingCard} showNextStep={true}>
+            {children}
+        </NextStep>
+    )
+}
+
+export default CustomNextStepProvider
diff --git a/web/oss/src/components/Onboarding/components/NextViewport/index.tsx b/web/oss/src/components/Onboarding/components/NextViewport/index.tsx
new file mode 100644
index 0000000000..4299ade063
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/NextViewport/index.tsx
@@ -0,0 +1,20 @@
+import type {ReactNode} from "react"
+
+import clsx from "clsx"
+import {NextStepViewport} from "nextstepjs"
+
+type NextViewportProps = {
+    id: string
+    className?: string
+    children: ReactNode
+}
+
+const NextViewport = ({id, className, children}: NextViewportProps) => {
+    return (
+        <NextStepViewport id={id}>
+            <div className={clsx("h-full w-full", className)}>{children}</div>
+        </NextStepViewport>
+    )
+}
+
+export default NextViewport
diff --git a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
new file mode 100644
index 0000000000..85e5ed8ff1
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
@@ -0,0 +1,60 @@
+import {memo, useCallback, useMemo, MouseEvent} from "react"
+
+import {QuestionCircleOutlined} from "@ant-design/icons"
+import {Button, Tooltip} from "antd"
+import type {ButtonProps, TooltipProps} from "antd"
+import {resolveOnboardingSection, triggerOnboardingAtom} from "@/oss/state/onboarding"
+import {useAtomValue, useSetAtom} from "jotai"
+import {urlLocationAtom} from "@/oss/state/url"
+
+import {OnboardingTriggerButtonProps} from "./types"
+
+const OnboardingTriggerButton = ({
+    triggerPayload,
+    tooltipTitle,
+    tooltipProps,
+    buttonProps,
+    children,
+}: OnboardingTriggerButtonProps) => {
+    const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
+    const userLocation = useAtomValue(urlLocationAtom)
+    const normalizedSection = resolveOnboardingSection(userLocation.section)
+
+    const handleClick: ButtonProps["onClick"] = useCallback(
+        (event: MouseEvent<HTMLButtonElement>) => {
+            buttonProps?.onClick?.(event)
+            const payload =
+                triggerPayload ?? (normalizedSection ? {state: normalizedSection} : null)
+            if (!payload) return
+            setTriggerOnboarding(payload)
+        },
+        [buttonProps, triggerPayload, normalizedSection, setTriggerOnboarding],
+    )
+
+    const effectiveTooltipTitle =
+        tooltipTitle ?? "Need a hand? Launch the guided walkthrough for this page."
+    const mergedTooltipProps: TooltipProps = useMemo(
+        () => ({
+            mouseEnterDelay: 0.5,
+            ...tooltipProps,
+            title: tooltipProps?.title ?? effectiveTooltipTitle,
+        }),
+        [tooltipProps, effectiveTooltipTitle],
+    )
+
+    return (
+        <Tooltip {...mergedTooltipProps}>
+            <Button
+                {...buttonProps}
+                type={buttonProps?.type ?? "text"}
+                size={buttonProps?.size ?? "small"}
+                icon={<QuestionCircleOutlined />}
+                onClick={handleClick}
+            >
+                {children}
+            </Button>
+        </Tooltip>
+    )
+}
+
+export default memo(OnboardingTriggerButton)
diff --git a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
new file mode 100644
index 0000000000..2db1d15da9
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
@@ -0,0 +1,18 @@
+import type {UserOnboardingStatus} from "@/oss/state/onboarding/types"
+import type {ButtonProps, TooltipProps} from "antd"
+import type {ReactNode} from "react"
+
+export type TriggerPayload = {
+    state: keyof UserOnboardingStatus
+    type?: "beginner" | "advanced"
+}
+
+export type OnboardingTriggerButtonProps = {
+    triggerOnboarding?: (payload: TriggerPayload | null) => void
+    triggerPayload?: TriggerPayload
+    tooltipTitle?: ReactNode
+    tooltipProps?: TooltipProps
+    buttonProps?: ButtonProps
+    icon?: ReactNode
+    children?: ReactNode
+}
diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
new file mode 100644
index 0000000000..e82ac92ba5
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
@@ -0,0 +1,30 @@
+import {Typography} from "antd"
+
+const WELCOME_VIDEO_URL = "https://www.youtube.com/embed/N3B_ZOYzjLg"
+
+const WelcomeModalContent = () => {
+    return (
+        <div className="flex flex-col gap-4 mb-10 mt-5">
+            <div
+                className="relative overflow-hidden rounded-lg bg-black"
+                style={{paddingTop: "56.25%"}}
+            >
+                <iframe
+                    src={WELCOME_VIDEO_URL}
+                    title="Welcome to Agenta"
+                    className="absolute left-0 top-0 h-full w-full border-0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowFullScreen
+                />
+            </div>
+            <Typography.Paragraph className="!mb-0">
+                Welcome to Agenta Cloud! Our platform helps you build, deploy, and manage AI
+                applications with ease. Take this quick 2-minute tour to discover how to create your
+                first AI app, set up deployments, and monitor performance—all in one place. Or, feel
+                free to skip and explore at your own pace.
+            </Typography.Paragraph>
+        </div>
+    )
+}
+
+export default WelcomeModalContent
diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
new file mode 100644
index 0000000000..0007e524f2
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
@@ -0,0 +1,70 @@
+import {useAtomValue, useSetAtom} from "jotai"
+import dynamic from "next/dynamic"
+import {useCallback, useEffect, useState} from "react"
+
+import EnhancedModal from "@/oss/components/EnhancedUIs/Modal"
+import {
+    isNewUserAtom,
+    isNewUserStorageAtom,
+    newOnboardingStateAtom,
+    resolveOnboardingSection,
+    triggerOnboardingAtom,
+    updateUserOnboardingStatusAtom,
+    userOnboardingStatusAtom,
+} from "@/oss/state/onboarding"
+import {urlLocationAtom} from "@/oss/state/url"
+import {WelcomeModalProps} from "../../types"
+
+const WelcomeModalContent = dynamic(() => import("./assets/WelcomeModalContent"), {ssr: false})
+
+const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
+    const isNewUser = useAtomValue(isNewUserAtom)
+    const userLocation = useAtomValue(urlLocationAtom)
+    const userOnboardingJourneyStatus = useAtomValue(userOnboardingStatusAtom)
+    const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
+    const updateOnboardingStatus = useSetAtom(updateUserOnboardingStatusAtom)
+
+    const [isModalOpen, setIsModalOpen] = useState(false)
+
+    useEffect(() => {
+        if (!isNewUser) return
+
+        const normalizedSection = resolveOnboardingSection(userLocation.section)
+        if (!normalizedSection) return
+
+        const sectionStatus = userOnboardingJourneyStatus[normalizedSection]
+        if (sectionStatus !== "idle") return
+
+        setIsModalOpen(true)
+    }, [isNewUser, userLocation, userOnboardingJourneyStatus])
+
+    const onSkip = useCallback(() => {
+        updateOnboardingStatus({section: "apps", status: "skipped"})
+        setIsModalOpen(false)
+    }, [updateOnboardingStatus])
+
+    const onStartTour = useCallback(() => {
+        setTriggerOnboarding({state: "apps"})
+        setIsModalOpen(false)
+    }, [setTriggerOnboarding])
+
+    return (
+        <EnhancedModal
+            open={isModalOpen}
+            okText="Create your first app"
+            cancelText="Skip tour"
+            okButtonProps={{type: "primary", onClick: onStartTour}}
+            cancelButtonProps={{type: "default", onClick: onSkip}}
+            maskClosable={false}
+            closable={false}
+            width={720}
+            title="Welcome to Agenta 👋"
+            onCancel={onSkip}
+            {...props}
+        >
+            <WelcomeModalContent />
+        </EnhancedModal>
+    )
+}
+
+export default WelcomeModal
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
new file mode 100644
index 0000000000..fa467d33e9
--- /dev/null
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -0,0 +1,243 @@
+import type {CSSProperties} from "react"
+import {cloneElement, isValidElement, useCallback, useEffect, useMemo, useRef} from "react"
+
+import {ArrowLeft, ArrowRight} from "@phosphor-icons/react"
+import {Button, Card, Typography} from "antd"
+import {useAtomValue, useSetAtom} from "jotai"
+import type {CardComponentProps} from "nextstepjs"
+import {NormalizedStepContent} from "./types"
+
+import {
+    currentOnboardingStepAtom,
+    isNewUserAtom,
+    resolveOnboardingSection,
+    updateUserOnboardingStatusAtom,
+} from "@/oss/state/onboarding"
+import type {UserOnboardingStatus} from "@/oss/state/onboarding"
+import {urlLocationAtom} from "@/oss/state/url"
+
+const {Text} = Typography
+
+type StepWithEffects = CardComponentProps["step"] & {
+    onEnter?: () => void
+    onExit?: () => void
+    onCleanup?: () => void
+    onboardingSection?: keyof UserOnboardingStatus
+}
+
+const normalizeStep = (step: CardComponentProps["step"]): NormalizedStepContent => {
+    return {
+        icon: step?.icon ?? null,
+        title: step?.title,
+        content: step?.content,
+        showControls: step?.showControls ?? true,
+        showSkip: step?.showSkip ?? true,
+    }
+}
+
+const OnboardingCard = ({
+    step,
+    currentStep,
+    totalSteps,
+    prevStep,
+    nextStep,
+    skipTour,
+    arrow,
+}: CardComponentProps) => {
+    const setCurrentStep = useSetAtom(currentOnboardingStepAtom)
+    const updateOnboardingStatus = useSetAtom(updateUserOnboardingStatusAtom)
+    const isNewUser = useAtomValue(isNewUserAtom)
+    const userSection = useAtomValue(urlLocationAtom).section
+
+    const cleanupHandlersRef = useRef<Set<() => void>>(new Set())
+
+    const runCleanupHandlers = useCallback(() => {
+        if (!cleanupHandlersRef.current.size) return
+
+        cleanupHandlersRef.current.forEach((cleanup) => {
+            try {
+                cleanup()
+            } catch (error) {
+                console.error("Failed to run onboarding cleanup handler", error)
+            }
+        })
+        cleanupHandlersRef.current.clear()
+    }, [])
+
+    useEffect(() => {
+        if (!step) return
+
+        const extendedStep = step as StepWithEffects | undefined
+        setCurrentStep({...step, currentStep, totalSteps})
+        extendedStep?.onEnter?.()
+
+        if (extendedStep?.onCleanup) {
+            cleanupHandlersRef.current.add(extendedStep.onCleanup)
+        }
+
+        return () => {
+            extendedStep?.onExit?.()
+        }
+    }, [step, setCurrentStep, currentStep, totalSteps])
+
+    useEffect(() => {
+        return () => {
+            setCurrentStep(null)
+            runCleanupHandlers()
+        }
+    }, [setCurrentStep, runCleanupHandlers])
+
+    const onPrevStep = useCallback(() => {
+        prevStep()
+    }, [prevStep])
+
+    const onNextStep = useCallback(() => {
+        nextStep()
+    }, [nextStep])
+
+    const onSkipStep = useCallback(
+        (status: string) => {
+            const extendedStep = step as StepWithEffects | undefined
+            runCleanupHandlers()
+            skipTour?.()
+            if (!status) return
+            if (!isNewUser) return
+
+            const resolvedSection =
+                extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
+            if (!resolvedSection) return
+
+            updateOnboardingStatus({section: resolvedSection, status})
+        },
+        [
+            step,
+            skipTour,
+            isNewUser,
+            userSection,
+            updateOnboardingStatus,
+            runCleanupHandlers,
+        ],
+    )
+
+    const normalized = useMemo(() => normalizeStep(step), [step])
+    const percent = useMemo(
+        () => Math.round(((currentStep + 1) / totalSteps) * 100),
+        [currentStep, totalSteps],
+    )
+
+    const adjustedArrow = useMemo(() => {
+        if (!isValidElement(arrow)) return null
+        const baseStyle = arrow.props?.style ?? {}
+        const offset = 12
+        const nextStyle: CSSProperties = {
+            ...baseStyle,
+            color: "#ffffff",
+            backgroundColor: "white",
+        }
+
+        if (typeof baseStyle.top === "string") {
+            nextStyle.top = `-${offset}px`
+        }
+        if (typeof baseStyle.bottom === "string") {
+            nextStyle.bottom = `-${offset}px`
+        }
+        if (typeof baseStyle.left === "string") {
+            nextStyle.left = `-${offset}px`
+        }
+        if (typeof baseStyle.right === "string") {
+            nextStyle.right = `-${offset}px`
+        }
+
+        return cloneElement(arrow, {
+            style: nextStyle,
+        })
+    }, [arrow])
+
+    const progressWidth = useMemo(() => `${percent}%`, [percent])
+
+    return (
+        <section className="w-[360px]">
+            <Card className="!rounded-xl !p-0" classNames={{body: "!p-4"}}>
+                <div className="flex w-full flex-col gap-5">
+                    <div className="flex flex-col gap-2">
+                        <div className="flex items-center justify-between gap-4">
+                            <Text className="!mb-0 text-sm font-semibold leading-6 text-colorText">
+                                {normalized.title}
+                            </Text>
+
+                            <Text className="!mb-0 text-sm font-medium text-colorTextSecondary">
+                                {currentStep + 1} / {totalSteps}
+                            </Text>
+                        </div>
+
+                        <Text className="!mb-0 text-xs leading-5 text-colorTextSecondary">
+                            {normalized.content}
+                        </Text>
+                    </div>
+
+                    <div className="flex flex-col gap-4">
+                        <div className="h-1.5 w-full rounded-full bg-gray-200">
+                            <div
+                                className="h-full rounded-full bg-colorPrimary transition-all duration-300"
+                                style={{width: progressWidth}}
+                                role="presentation"
+                            />
+                        </div>
+
+                        {normalized.showControls ? (
+                            <div className="flex flex-wrap items-center justify-between gap-3">
+                                <Button
+                                    onClick={onPrevStep}
+                                    icon={<ArrowLeft size={14} className="mt-0.5" />}
+                                    disabled={currentStep === 0}
+                                    className="text-xs !h-7 rounded-lg !border-colorBorder hover:!border-colorBorder bg-white text-colorText hover:!text-colorTextSecondary"
+                                >
+                                    Previous
+                                </Button>
+
+                                {currentStep < totalSteps - 1 ? (
+                                    <Button
+                                        type="primary"
+                                        onClick={onNextStep}
+                                        icon={<ArrowRight size={14} className="mt-0.5" />}
+                                        iconPosition="end"
+                                        className="text-xs !h-7 bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
+                                    >
+                                        Next
+                                    </Button>
+                                ) : (
+                                    <Button
+                                        type="primary"
+                                        icon={<ArrowRight size={14} className="mt-0.5" />}
+                                        iconPosition="end"
+                                        onClick={() => onSkipStep("done")}
+                                        className="text-xs !h-7 bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
+                                    >
+                                        Finish
+                                    </Button>
+                                )}
+                            </div>
+                        ) : null}
+                    </div>
+                </div>
+
+                {normalized.showSkip && skipTour ? (
+                    <Button
+                        type="default"
+                        className="text-xs !h-7 mt-4 w-full rounded-lg !border-colorBorder hover:!border-colorBorder bg-white text-colorText hover:!text-colorTextSecondary"
+                        onClick={() => onSkipStep("skipped")}
+                        disabled={currentStep === totalSteps - 1}
+                    >
+                        Skip Tour
+                    </Button>
+                ) : null}
+
+                {adjustedArrow ? (
+                    <div className="mt-2 flex w-full justify-center !bg-white">{adjustedArrow}</div>
+                ) : null}
+            </Card>
+        </section>
+    )
+}
+
+export default OnboardingCard
diff --git a/web/oss/src/components/Onboarding/types.ts b/web/oss/src/components/Onboarding/types.ts
new file mode 100644
index 0000000000..2f2fe089ce
--- /dev/null
+++ b/web/oss/src/components/Onboarding/types.ts
@@ -0,0 +1,14 @@
+import {ModalProps} from "antd"
+import {ReactNode} from "react"
+
+export interface NormalizedStepContent {
+    icon: ReactNode
+    title: ReactNode
+    content: ReactNode
+    showControls: boolean
+    showSkip: boolean
+}
+
+export interface WelcomeModalProps extends ModalProps {
+    open: boolean
+}
diff --git a/web/oss/src/components/Playground/Components/ChatCommon/LastTurnFooterControls.tsx b/web/oss/src/components/Playground/Components/ChatCommon/LastTurnFooterControls.tsx
index eec4f36cb6..de75e6684c 100644
--- a/web/oss/src/components/Playground/Components/ChatCommon/LastTurnFooterControls.tsx
+++ b/web/oss/src/components/Playground/Components/ChatCommon/LastTurnFooterControls.tsx
@@ -29,9 +29,14 @@ const LastTurnFooterControls: React.FC<Props> = ({
     return (
         <div className={clsx("flex items-center gap-2 p-3 pl-0", className)}>
             {!isAnyRunning ? (
-                <RunButton onClick={onRun} size="small" />
+                <RunButton id="tour-playground-run-button" onClick={onRun} size="small" />
             ) : (
-                <RunButton isCancel onClick={onCancelAll} size="small" />
+                <RunButton
+                    id="tour-playground-run-button"
+                    isCancel
+                    onClick={onCancelAll}
+                    size="small"
+                />
             )}
             <AddButton onClick={onAddMessage} size="small" label="Message" />
         </div>
diff --git a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
index c677d0bf80..b3877e7dc9 100644
--- a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
+++ b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
@@ -6,6 +6,7 @@ import {useAtomValue, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
 
 import EnhancedDrawer from "@/oss/components/EnhancedUIs/Drawer"
+import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import useTraceDrawer from "@/oss/components/pages/observability/drawer/hooks/useTraceDrawer"
 import TraceSidePanel from "@/oss/components/pages/observability/drawer/TraceSidePanel"
 import {useObservability} from "@/oss/state/newObservability"
@@ -15,6 +16,7 @@ import {clearTraceParamAtom} from "@/oss/state/url"
 import {
     isDrawerOpenAtom,
     closeTraceDrawerAtom,
+    TRACE_DRAWER_VIEWPORT_ID,
     setTraceDrawerActiveSpanAtom,
     setTraceDrawerTraceAtom,
 } from "./store/traceDrawerStore"
@@ -154,8 +156,9 @@ const TraceDrawer = () => {
             closeOnLayoutClick={false}
             afterOpenChange={handleAfterOpenChange}
             className="[&_.ant-drawer-body]:p-0"
+            zIndex={900}
         >
-            <div className="h-full w-full">
+            <NextViewport id={TRACE_DRAWER_VIEWPORT_ID} className="h-full w-full">
                 <Spin spinning={Boolean(isLoading)} tip="Loading trace…" size="large">
                     <div className="h-full">
                         <Splitter className="h-[calc(100%-48px)]">
@@ -186,7 +189,7 @@ const TraceDrawer = () => {
                         </Splitter>
                     </div>
                 </Spin>
-            </div>
+            </NextViewport>
         </EnhancedDrawer>
     )
 }
diff --git a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore.ts b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore.ts
index eb5017aa80..dc9d08315b 100644
--- a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore.ts
+++ b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore.ts
@@ -10,6 +10,10 @@ export interface TraceDrawerState {
     activeSpanId: string | null
 }
 
+export type TraceDrawerTabKey = "overview" | "raw_data" | "annotations"
+
+export const TRACE_DRAWER_VIEWPORT_ID = "trace-drawer-viewport"
+
 export const initialTraceDrawerState: TraceDrawerState = {
     open: false,
     traceId: null,
@@ -21,9 +25,11 @@ export const traceDrawerAtom = atomWithImmer<TraceDrawerState>(initialTraceDrawe
 export const isDrawerOpenAtom = atom((get) => get(traceDrawerAtom).open)
 export const traceDrawerTraceIdAtom = atom((get) => get(traceDrawerAtom).traceId)
 export const traceDrawerActiveSpanIdAtom = atom((get) => get(traceDrawerAtom).activeSpanId)
+export const traceDrawerActiveTabAtom = atom<TraceDrawerTabKey>("overview")
 
 export const resetTraceDrawerAtom = atom(null, (_get, set) => {
     set(traceDrawerAtom, initialTraceDrawerState)
+    set(traceDrawerActiveTabAtom, "overview")
 })
 
 export const closeTraceDrawerAtom = atom(null, (_get, set) => {
diff --git a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
index 66a3083005..389aff086f 100644
--- a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
+++ b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
@@ -1,16 +1,14 @@
-import {cloneElement, isValidElement, useMemo, useState} from "react"
+import {cloneElement, isValidElement, useMemo} from "react"
 
 import {CloudArrowUp} from "@phosphor-icons/react"
-import {useAtomValue} from "jotai"
-import dynamic from "next/dynamic"
+import {useAtomValue, useSetAtom} from "jotai"
 
 import EnhancedButton from "@/oss/components/Playground/assets/EnhancedButton"
 import {variantByRevisionIdAtomFamily} from "@/oss/components/Playground/state/atoms"
-import {useEnvironments} from "@/oss/services/deployment/hooks/useEnvironments"
 
-import {DeployVariantButtonProps} from "./types"
+import {openDeployVariantModalAtom} from "../../store/deployVariantModalStore"
 
-const DeployVariantModal = dynamic(() => import("../.."), {ssr: false})
+import {DeployVariantButtonProps} from "./types"
 
 const DeployVariantButton = ({
     variantId,
@@ -20,28 +18,31 @@ const DeployVariantButton = ({
     children,
     ...props
 }: DeployVariantButtonProps) => {
-    const [isDeployModalOpen, setIsDeployModalOpen] = useState(false)
-    const {
-        environments: _environments,
-        mutate: mutateEnv,
-        isEnvironmentsLoading,
-    } = useEnvironments()
+    const openDeployModal = useSetAtom(openDeployVariantModalAtom)
+
+    const revisionKey = revisionId ?? variantId ?? ""
+    const variant = revisionKey ? (useAtomValue(variantByRevisionIdAtomFamily(revisionKey)) as any) : null
 
-    // Focused read for the specific revision's metadata
-    const variant = useAtomValue(variantByRevisionIdAtomFamily(revisionId)) as any
+    const payload = useMemo(() => {
+        const inferredRevisionId = revisionId ?? variant?.id ?? null
+        const inferredParentVariantId =
+            typeof variant?.variantId === "string" ? variant.variantId : variantId ?? null
+
+        const variantName = variant?.variantName ?? variant?.name ?? label ?? "Variant"
+        const revision = variant?.revisionNumber ?? variant?.revision ?? ""
 
-    const {environments, variantName, revision} = useMemo(() => {
         return {
-            variantName: variant?.variantName || "",
-            revision: (variant as any)?.revisionNumber ?? (variant as any)?.revision ?? "",
-            environments: _environments,
+            parentVariantId: inferredParentVariantId ?? null,
+            revisionId: inferredRevisionId ?? null,
+            variantName,
+            revision,
+            mutate: undefined,
         }
-    }, [variant, _environments])
+    }, [variant, variantId, revisionId, label])
 
-    const onSuccess = async () => {
-        // Just refetch environments - the revisionListAtom will automatically update
-        // when the deployment state changes through SWR revalidation
-        await mutateEnv()
+    const handleOpen = () => {
+        if (!payload.revisionId && !payload.parentVariantId) return
+        openDeployModal(payload as any)
     }
 
     return (
@@ -52,33 +53,19 @@ const DeployVariantButton = ({
                         onClick: () => void
                     }>,
                     {
-                        onClick: () => {
-                            setIsDeployModalOpen(true)
-                        },
+                        onClick: handleOpen,
                     },
                 )
             ) : (
                 <EnhancedButton
                     type="text"
                     icon={icon && <CloudArrowUp size={14} />}
-                    onClick={() => setIsDeployModalOpen(true)}
+                    onClick={handleOpen}
                     tooltipProps={icon && !label ? {title: "Deploy"} : {}}
                     label={label}
                     {...props}
                 />
             )}
-
-            <DeployVariantModal
-                open={isDeployModalOpen}
-                onCancel={() => setIsDeployModalOpen(false)}
-                variantId={variantId}
-                revisionId={revisionId}
-                environments={environments}
-                mutate={onSuccess}
-                variantName={variantName}
-                revision={revision}
-                isLoading={isEnvironmentsLoading}
-            />
         </>
     )
 }
diff --git a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx
index 89dbd4c557..0330a8d0bf 100644
--- a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx
+++ b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx
@@ -57,6 +57,7 @@ const DeployVariantModalContent = ({variantName, revision, isLoading}: any) => {
             </Typography.Text>
 
             <Table
+                id="tour-playground-deploy-modal-table"
                 rowSelection={{
                     type: "radio",
                     columnWidth: 48,
diff --git a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
index b420d947fe..82f3769611 100644
--- a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
+++ b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
@@ -93,9 +93,11 @@ const DeployVariantModal = ({
             confirmLoading={isLoading}
             title="Deploy variant"
             onOk={() => deployVariants()}
+            zIndex={900}
             okButtonProps={{
                 icon: <Rocket size={14} className="mt-0.5" />,
                 disabled: !selectedEnvName.length,
+                id: "tour-playground-deploy-modal-confirm",
             }}
             classNames={{footer: "flex items-center justify-end"}}
             afterClose={() => onClose()}
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationChat/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationChat/index.tsx
index 455262c296..0eaa10939a 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationChat/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationChat/index.tsx
@@ -1,8 +1,6 @@
 import {Typography} from "antd"
 import clsx from "clsx"
-import {useAtomValue} from "jotai"
-import {atom} from "jotai"
-import {useSetAtom} from "jotai"
+import {atom, useAtomValue, useSetAtom} from "jotai"
 
 import LastTurnFooterControls from "@/oss/components/Playground/Components/ChatCommon/LastTurnFooterControls"
 import {isComparisonViewAtom} from "@/oss/components/Playground/state/atoms"
@@ -41,7 +39,7 @@ const GenerationChat = ({variantId, viewAs}: GenerationChatProps) => {
              * meaning when there's
              */}
             {!!variantId &&
-                inputRowIds.map((inputRowId) => (
+                inputRowIds.map((inputRowId, index) => (
                     <GenerationCompletionRow
                         key={inputRowId}
                         variantId={variantId}
@@ -53,6 +51,7 @@ const GenerationChat = ({variantId, viewAs}: GenerationChatProps) => {
                                     isComparisonView,
                             },
                         ])}
+                        isPrimaryRow={index === 0}
                     />
                 ))}
 
@@ -89,12 +88,13 @@ const GenerationChat = ({variantId, viewAs}: GenerationChatProps) => {
                                     />
                                 )
                             })}
-                        {turnIds.map((turnId) => (
+                        {turnIds.map((turnId, index) => (
                             <GenerationChatTurnNormalized
                                 key={turnId}
                                 turnId={turnId}
                                 variantId={variantId as string}
                                 withControls={false}
+                                enableTourTargets={!!variantId && index === 0}
                             />
                         ))}
                         {turnIds.length > 0 ? (
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationChatTurnNormalized/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationChatTurnNormalized/index.tsx
index 8217746705..9d860e6ffa 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationChatTurnNormalized/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationChatTurnNormalized/index.tsx
@@ -37,7 +37,8 @@ const GenerationChatTurnNormalized = ({
     className,
     hideUserMessage = false,
     messageProps,
-}: Props) => {
+    enableTourTargets = false,
+}: Props & {enableTourTargets?: boolean}) => {
     const displayedVariantIds = useAtomValue(displayedVariantsAtom)
     const setAddTurn = useSetAtom(addChatTurnAtom)
     const runTurn = useSetAtom(runChatTurnAtom)
@@ -103,6 +104,9 @@ const GenerationChatTurnNormalized = ({
         displayAssistantValue,
         toolMessages.length > 0,
     )
+    const outputPanelId = enableTourTargets ? "tour-playground-output-panel" : undefined
+    const resultUtilsId = enableTourTargets ? "tour-playground-result-utils" : undefined
+    const traceButtonId = enableTourTargets ? "tour-playground-trace-button" : undefined
 
     return (
         <div className={clsx("flex flex-col gap-2", className)}>
@@ -115,6 +119,7 @@ const GenerationChatTurnNormalized = ({
                     messageOptionProps={{
                         allowFileUpload: true,
                     }}
+                    containerId={enableTourTargets ? "tour-chat-user-message" : undefined}
                     messageProps={messageProps}
                 />
             ) : null}
@@ -137,7 +142,16 @@ const GenerationChatTurnNormalized = ({
                         kind="assistant"
                         className="w-full"
                         headerClassName="border-0 border-b border-solid border-[rgba(5,23,41,0.06)]"
-                        footer={result ? <GenerationResultUtils result={result as any} /> : null}
+                        containerId={outputPanelId}
+                        footer={
+                            result ? (
+                                <GenerationResultUtils
+                                    result={result as any}
+                                    tourTargetId={resultUtilsId}
+                                    traceButtonTourId={traceButtonId}
+                                />
+                            ) : null
+                        }
                         messageProps={messageProps}
                     />
                     {variantId
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletion/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletion/index.tsx
index 2a84088951..a9b1056f31 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletion/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletion/index.tsx
@@ -25,7 +25,7 @@ const GenerationCompletion = ({
 
     // Use derived row IDs: returns normalized ids; for completion with none, exposes a virtual default id
     const inputRowIds = useAtomValue(generationInputRowIdsAtom) as string[]
-    const inputRowId = inputRowIds[0] || null
+    const primaryRowId = inputRowIds[0] || null
 
     // EFFICIENT MUTATION: Use dedicated mutation atom instead of complex useCallback logic
     const addNewInputRow = useSetAtom(inputRowIdsAtom)
@@ -39,16 +39,18 @@ const GenerationCompletion = ({
             {viewType === "comparison" ? (
                 <GenerationCompletionRow
                     variantId={variantId}
-                    rowId={rowId || inputRowId || inputRowIds?.[0]}
+                    rowId={rowId || primaryRowId || inputRowIds?.[0]}
                     className={rowClassName}
+                    isPrimaryRow
                 />
             ) : (
-                (inputRowIds || []).map((rowIdItem) => (
+                (inputRowIds || []).map((rowIdItem, index) => (
                     <GenerationCompletionRow
                         key={rowIdItem}
                         variantId={variantId}
                         rowId={rowIdItem}
                         className={rowClassName}
+                        isPrimaryRow={index === 0}
                     />
                 ))
             )}
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/DefaultView.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/DefaultView.tsx
index 091ec205aa..ae720a7bfb 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/DefaultView.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/DefaultView.tsx
@@ -24,6 +24,7 @@ interface Props {
     runRow: () => void
     cancelRow: () => void
     isBusy: boolean
+    enableTourTargets?: boolean
 }
 
 const DefaultView = ({
@@ -38,6 +39,7 @@ const DefaultView = ({
     runRow,
     cancelRow,
     isBusy,
+    enableTourTargets = false,
 }: Props) => {
     const variableIds = useAtomValue(
         useMemo(
@@ -49,6 +51,7 @@ const DefaultView = ({
     return (
         <>
             <div
+                id={enableTourTargets ? "tour-playground-variable" : undefined}
                 className={clsx([
                     "flex flex-col gap-4",
                     {"max-w-[calc(100%-158px)]": viewType !== "comparison" && !isChat},
@@ -97,7 +100,6 @@ const DefaultView = ({
                                 )}
                             </div>
                         ))}
-
                         {!inputOnly && variableIds.length === 0 ? (
                             <GenerationVariableOptions
                                 variantId={variantId as string}
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/GenerationResponsePanel.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/GenerationResponsePanel.tsx
index 3b54e0547f..178f3bee67 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/GenerationResponsePanel.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/GenerationResponsePanel.tsx
@@ -11,9 +11,15 @@ const GenerationResultUtils = dynamic(() => import("../GenerationResultUtils"),
 
 interface Props {
     result: any
+    resultUtilsTourId?: string
+    traceButtonTourId?: string
 }
 
-export default function GenerationResponsePanel({result}: Props) {
+export default function GenerationResponsePanel({
+    result,
+    resultUtilsTourId,
+    traceButtonTourId,
+}: Props) {
     const {toolData, isJSON, displayValue} = useMemo(
         () => deriveToolViewModelFromResult(result),
         [result],
@@ -24,7 +30,14 @@ export default function GenerationResponsePanel({result}: Props) {
             <ToolCallView
                 resultData={toolData}
                 className="w-full"
-                footer={<GenerationResultUtils className="mt-2" result={result} />}
+                footer={
+                    <GenerationResultUtils
+                        className="mt-2"
+                        result={result}
+                        tourTargetId={resultUtilsTourId}
+                        traceButtonTourId={traceButtonTourId}
+                    />
+                }
             />
         )
     }
@@ -39,7 +52,14 @@ export default function GenerationResponsePanel({result}: Props) {
             disabled
             className="w-full"
             editorClassName="min-h-4 [&_p:first-child]:!mt-0"
-            footer={<GenerationResultUtils className="mt-2" result={result} />}
+            footer={
+                <GenerationResultUtils
+                    className="mt-2"
+                    result={result}
+                    tourTargetId={resultUtilsTourId}
+                    traceButtonTourId={traceButtonTourId}
+                />
+            }
             handleChange={() => undefined}
         />
     )
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/SingleView.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/SingleView.tsx
index e750dd22dc..a43113034d 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/SingleView.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/SingleView.tsx
@@ -31,6 +31,7 @@ interface Props {
     runRow: () => void
     cancelRow: () => void
     containerClassName?: string
+    enableTourTargets?: boolean
 }
 
 const SingleView = ({
@@ -45,6 +46,7 @@ const SingleView = ({
     runRow,
     cancelRow,
     containerClassName,
+    enableTourTargets = false,
 }: Props) => {
     const variableIds = useAtomValue(
         useMemo(
@@ -52,6 +54,9 @@ const SingleView = ({
             [rowId, variantId],
         ),
     ) as string[]
+    const outputPanelId = enableTourTargets ? "tour-playground-output-panel" : undefined
+    const resultUtilsId = enableTourTargets ? "tour-playground-result-utils" : undefined
+    const traceButtonId = enableTourTargets ? "tour-playground-trace-button" : undefined
 
     return (
         <div
@@ -63,7 +68,10 @@ const SingleView = ({
                 containerClassName,
             ])}
         >
-            <div className={clsx("flex gap-1 items-start", {"flex flex-col gap-4 w-full": isChat})}>
+            <div
+                id={enableTourTargets ? "tour-playground-variable" : undefined}
+                className={clsx("flex gap-1 items-start", {"flex flex-col gap-4 w-full": isChat})}
+            >
                 {variableIds.length > 0 && (
                     <>
                         <div className="shrink-0 top-[48px] sticky bg-colorBgContainer z-[10] w-[100px]">
@@ -72,29 +80,24 @@ const SingleView = ({
                             </Typography>
                         </div>
                         <div className="flex flex-col grow gap-2 w-full">
-                            {variableIds.map((id) => {
-                                return (
-                                    <div
+                            {variableIds.map((id) => (
+                                <div key={id} className={clsx(["relative group/item px-0 py-2"])}>
+                                    <VariableControlAdapter
+                                        variantId={variantId}
+                                        propertyId={id}
                                         key={id}
-                                        className={clsx(["relative group/item px-0 py-2"])}
-                                    >
-                                        <VariableControlAdapter
-                                            variantId={variantId}
-                                            propertyId={id}
-                                            key={id}
-                                            rowId={rowId}
-                                            className={clsx(["*:!border-none"])}
-                                            // disabled={disableForCustom}
-                                            // placeholder={
-                                            //     disableForCustom
-                                            //         ? "Insert a {{variable}} in your template to create an input."
-                                            //         : "Enter value"
-                                            // }
-                                            editorProps={{enableTokens: false}}
-                                        />
-                                    </div>
-                                )
-                            })}
+                                        rowId={rowId}
+                                        className={clsx(["*:!border-none"])}
+                                        // disabled={disableForCustom}
+                                        // placeholder={
+                                        //     disableForCustom
+                                        //         ? "Insert a {{variable}} in your template to create an input."
+                                        //         : "Enter value"
+                                        // }
+                                        editorProps={{enableTokens: false}}
+                                    />
+                                </div>
+                            ))}
                         </div>
                     </>
                 )}
@@ -121,6 +124,7 @@ const SingleView = ({
             {!inputOnly ? (
                 <div className="w-full flex gap-1">
                     <div
+                        id={enableTourTargets ? "tour-playground-run-button" : undefined}
                         className={clsx("flex items-start justify-start h-fit w-[100px] shrink-0")}
                     >
                         {!isBusy ? (
@@ -130,7 +134,10 @@ const SingleView = ({
                         )}
                     </div>
 
-                    <div className={clsx(["w-full flex flex-col gap-4  pb-2 mr-[52px]"])}>
+                    <div
+                        className={clsx(["w-full flex flex-col gap-4  pb-2 mr-[52px]"])}
+                        id={outputPanelId}
+                    >
                         {isBusy ? (
                             <TypingIndicator />
                         ) : !result ? (
@@ -138,7 +145,11 @@ const SingleView = ({
                         ) : result.error ? (
                             <ErrorPanel result={result} />
                         ) : result.response ? (
-                            <GenerationResponsePanel result={result} />
+                            <GenerationResponsePanel
+                                result={result}
+                                resultUtilsTourId={resultUtilsId}
+                                traceButtonTourId={traceButtonId}
+                            />
                         ) : null}
                     </div>
                 </div>
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/index.tsx
index c2a2e38c52..620bd29b82 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/index.tsx
@@ -31,6 +31,7 @@ const GenerationCompletionRow = ({
     view,
     disabled,
     forceSingle,
+    isPrimaryRow = false,
     ...props
 }: GenerationCompletionRowProps) => {
     const classes = useStyles()
@@ -103,6 +104,8 @@ const GenerationCompletionRow = ({
         await cancelTests({rowId, variantIds, reason: "user_cancelled"} as any)
     }, [cancelTests, displayedVariantIds, variantId, viewType, rowId])
 
+    const enableTourTargets = Boolean(isPrimaryRow && viewType === "single" && !!variantId)
+
     // Single view content
     return forceSingle || (viewType === "single" && view !== "focus" && variantId) ? (
         <SingleView
@@ -117,6 +120,7 @@ const GenerationCompletionRow = ({
             runRow={runRow}
             cancelRow={cancelRow}
             containerClassName={classes.container}
+            enableTourTargets={enableTourTargets}
         />
     ) : (
         <DefaultView
@@ -131,6 +135,7 @@ const GenerationCompletionRow = ({
             runRow={runRow}
             cancelRow={cancelRow}
             isBusy={isBusy}
+            enableTourTargets={enableTourTargets}
         />
     )
 }
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/types.d.ts b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/types.d.ts
index ca1c0737e4..cb4309177f 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/types.d.ts
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/types.d.ts
@@ -5,4 +5,6 @@ export interface GenerationCompletionRowProps extends BaseContainerProps {
     rowId: string
     inputOnly?: boolean
     view?: string
+    isPrimaryVariant?: boolean
+    isPrimaryRow?: boolean
 }
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
index 5d5065d5d5..46bf267438 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
@@ -84,7 +84,9 @@ const GenerationHeader = ({variantId}: GenerationHeaderProps) => {
                         </Button>
                     </Tooltip>
 
-                    <LoadTestsetButton label="Load testset" variantId={variantId} />
+                    <div id="tour-playground-load-testset">
+                        <LoadTestsetButton label="Load testset" variantId={variantId} />
+                    </div>
 
                     <TestsetDrawerButton
                         label="Add all to testset"
@@ -92,6 +94,7 @@ const GenerationHeader = ({variantId}: GenerationHeaderProps) => {
                         size="small"
                         disabled={isRunning}
                         resultHashes={resultHashes}
+                        id="tour-playground-add-testset"
                     />
 
                     {!isRunning ? (
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationResultUtils/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationResultUtils/index.tsx
index 9805def9b7..c37edbff0e 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationResultUtils/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationResultUtils/index.tsx
@@ -17,6 +17,8 @@ const GenerationResultUtils: React.FC<GenerationResultUtilsProps> = ({
     className,
     showStatus = true,
     result,
+    tourTargetId,
+    traceButtonTourId,
 }) => {
     const tree = result?.response?.tree
     const node = tree?.nodes?.[0]
@@ -40,8 +42,18 @@ const GenerationResultUtils: React.FC<GenerationResultUtilsProps> = ({
     const formattedCosts = useMemo(() => formatCurrency(costs), [costs])
 
     return (
-        <div className={clsx("flex items-center gap-1", className)}>
-            <TraceDrawerButton result={result} size="small" type="default" />
+        <div
+            className={clsx("flex items-center gap-1", className)}
+            id={tourTargetId}
+            data-tour-target={tourTargetId ? "true" : undefined}
+        >
+            <TraceDrawerButton
+                result={result}
+                size="small"
+                type="default"
+                id={traceButtonTourId}
+                data-tour-target={traceButtonTourId ? "true" : undefined}
+            />
 
             {showStatus && <StatusRenderer status={status} />}
 
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationResultUtils/types.d.ts b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationResultUtils/types.d.ts
index 4d648c7710..e0031c9a14 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationResultUtils/types.d.ts
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationResultUtils/types.d.ts
@@ -4,4 +4,6 @@ export interface GenerationResultUtilsProps {
     className?: string
     result: TestResult | null | undefined
     showStatus?: boolean
+    tourTargetId?: string
+    traceButtonTourId?: string
 }
diff --git a/web/oss/src/components/Playground/Components/PlaygroundHeader/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundHeader/index.tsx
index fcc107a2ce..8850748331 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundHeader/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundHeader/index.tsx
@@ -137,7 +137,7 @@ const PlaygroundHeader: React.FC<PlaygroundHeaderProps> = ({
                     </Typography>
                 </div>
 
-                <div className="flex items-center gap-2">
+                <div className="flex items-center gap-2" id="tour-playground-variant-toolbar">
                     <SelectVariant
                         showAsCompare
                         multiple
diff --git a/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/Editors.tsx b/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/Editors.tsx
index 7b7f3dcadd..19dbc63dd2 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/Editors.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/Editors.tsx
@@ -40,11 +40,12 @@ const PlaygroundVariantConfigEditors = ({
 
     return (
         <div className={clsx("flex flex-col", className)} {...divProps}>
-            {promptIds.map((promptId) => (
+            {promptIds.map((promptId, index) => (
                 <PlaygroundVariantConfigPrompt
                     key={`${variantId}:${promptId as string}`}
                     promptId={promptId}
                     variantId={variantId}
+                    enableTourTarget={index === 0}
                 />
             ))}
             <PlaygroundVariantCustomProperties
diff --git a/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/PlaygroundVariantConfigHeader.tsx b/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/PlaygroundVariantConfigHeader.tsx
index 90f5655715..98fddf5a79 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/PlaygroundVariantConfigHeader.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/PlaygroundVariantConfigHeader.tsx
@@ -118,7 +118,10 @@ const PlaygroundVariantConfigHeader = ({
             </div>
             {!embedded && (
                 <div className="flex items-center gap-2">
-                    <DeployVariantButton revisionId={variantId} />
+                    <DeployVariantButton
+                        revisionId={variantId}
+                        id="tour-playground-deploy-button"
+                    />
 
                     <CommitVariantChangesButton
                         variantId={variantId}
diff --git a/web/oss/src/components/Playground/Components/PlaygroundVariantConfigPrompt/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundVariantConfigPrompt/index.tsx
index f82e51d6ca..e763c7a983 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundVariantConfigPrompt/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundVariantConfigPrompt/index.tsx
@@ -32,10 +32,12 @@ const PlaygroundVariantConfigPrompt: React.FC<PlaygroundVariantConfigPromptCompo
     promptId,
     className,
     viewOnly = false,
+    enableTourTarget = false,
     ...props
 }) => {
     const defaultActiveKey = useRef(["1"])
     const classes = useStyles()
+    const promptSectionId = enableTourTarget ? "tour-playground-prompt" : undefined
 
     const items = useMemo(
         () => [
@@ -59,11 +61,12 @@ const PlaygroundVariantConfigPrompt: React.FC<PlaygroundVariantConfigPromptCompo
                         variantId={variantId}
                         promptId={promptId}
                         viewOnly={viewOnly}
+                        id={promptSectionId}
                     />
                 ),
             },
         ],
-        [variantId, promptId, viewOnly],
+        [variantId, promptId, viewOnly, promptSectionId],
     )
 
     return (
diff --git a/web/oss/src/components/Playground/Components/PlaygroundVariantConfigPrompt/types.d.ts b/web/oss/src/components/Playground/Components/PlaygroundVariantConfigPrompt/types.d.ts
index e31ee27bec..ae59313f3b 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundVariantConfigPrompt/types.d.ts
+++ b/web/oss/src/components/Playground/Components/PlaygroundVariantConfigPrompt/types.d.ts
@@ -10,6 +10,8 @@ export interface PlaygroundVariantConfigPromptComponentProps extends CollapsePro
     promptId: string
     /** Whether the prompt is mutable or view only */
     viewOnly?: boolean
+    /** Whether to expose onboarding target ids */
+    enableTourTarget?: boolean
 }
 
 /**
diff --git a/web/oss/src/components/Playground/adapters/TurnMessageAdapter.tsx b/web/oss/src/components/Playground/adapters/TurnMessageAdapter.tsx
index b769973c5f..8eca992139 100644
--- a/web/oss/src/components/Playground/adapters/TurnMessageAdapter.tsx
+++ b/web/oss/src/components/Playground/adapters/TurnMessageAdapter.tsx
@@ -30,6 +30,7 @@ interface Props {
     messageOptionProps?: Partial<ComponentProps<typeof TurnMessageHeaderOptions>>
     toolCallsView?: {title?: string; json: string} | null
     toolIndex?: number
+    containerId?: string
 }
 
 const TurnMessageAdapter: React.FC<Props> = ({
@@ -52,6 +53,7 @@ const TurnMessageAdapter: React.FC<Props> = ({
     handleRerun: propsHandleRerun,
     resultHashes: propsResultHashes,
     toolIndex = 0,
+    containerId,
 }) => {
     const editorIdRef = useRef(uuidv4())
     const turn = useAtomValue(chatTurnsByIdFamilyAtom(rowId)) as any
@@ -321,6 +323,7 @@ const TurnMessageAdapter: React.FC<Props> = ({
         toolPayloads.map((p) => (
             <div
                 key={p.callId}
+                id={containerId}
                 className={clsx(
                     "w-full",
                     {
@@ -394,6 +397,7 @@ const TurnMessageAdapter: React.FC<Props> = ({
                 },
                 messageProps?.className,
             )}
+            id={containerId}
         >
             <MessageEditor
                 id={editorIdRef.current}
diff --git a/web/oss/src/components/pages/_app/index.tsx b/web/oss/src/components/pages/_app/index.tsx
index 7411c7ebd7..276db47536 100644
--- a/web/oss/src/components/pages/_app/index.tsx
+++ b/web/oss/src/components/pages/_app/index.tsx
@@ -5,6 +5,7 @@ import {useAtomValue} from "jotai"
 import type {AppProps} from "next/app"
 import dynamic from "next/dynamic"
 import {Inter} from "next/font/google"
+import {NextStepProvider} from "nextstepjs"
 
 import ThemeContextProvider from "@/oss/components/Layout/ThemeContextProvider"
 import GlobalScripts from "@/oss/components/Scripts/GlobalScripts"
@@ -18,6 +19,7 @@ import ThemeContextBridge from "@/oss/ThemeContextBridge"
 
 import AppGlobalWrappers from "../../AppGlobalWrappers"
 import AppContextComponent from "../../AppMessageContext"
+import CustomNextStepProvider from "../../Onboarding/components/CustomNextStepProvider"
 
 enableMapSet()
 
@@ -51,31 +53,35 @@ export default function App({Component, pageProps, ...rest}: AppProps) {
             <GlobalScripts />
 
             <main className={`${inter.variable} font-sans`}>
-                <QueryClientProvider client={queryClient}>
-                    <AuthProvider pageProps={pageProps}>
-                        <GlobalStateProvider>
-                            <CustomPosthogProvider
-                                config={{
-                                    persistence: "localStorage+cookie",
-                                }}
-                            >
-                                <ThemeContextProvider>
-                                    <AppComponent>
-                                        <ThemeContextBridge>
-                                            <PreloadQueries />
-                                            <Layout>
-                                                <AppContextComponent />
-                                                <Component {...pageProps} />
-                                                <NoMobilePageWrapper />
-                                            </Layout>
-                                            <AppGlobalWrappers />
-                                        </ThemeContextBridge>
-                                    </AppComponent>
-                                </ThemeContextProvider>
-                            </CustomPosthogProvider>
-                        </GlobalStateProvider>
-                    </AuthProvider>
-                </QueryClientProvider>
+                <NextStepProvider>
+                    <QueryClientProvider client={queryClient}>
+                        <AuthProvider pageProps={pageProps}>
+                            <GlobalStateProvider>
+                                <CustomNextStepProvider>
+                                    <CustomPosthogProvider
+                                        config={{
+                                            persistence: "localStorage+cookie",
+                                        }}
+                                    >
+                                        <ThemeContextProvider>
+                                            <AppComponent>
+                                                <ThemeContextBridge>
+                                                    <PreloadQueries />
+                                                    <Layout>
+                                                        <AppContextComponent />
+                                                        <Component {...pageProps} />
+                                                        <NoMobilePageWrapper />
+                                                    </Layout>
+                                                    <AppGlobalWrappers />
+                                                </ThemeContextBridge>
+                                            </AppComponent>
+                                        </ThemeContextProvider>
+                                    </CustomPosthogProvider>
+                                </CustomNextStepProvider>
+                            </GlobalStateProvider>
+                        </AuthProvider>
+                    </QueryClientProvider>
+                </NextStepProvider>
             </main>
         </>
     )
diff --git a/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx b/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
index e336f6f0f5..3dcd964f04 100644
--- a/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
+++ b/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
@@ -16,6 +16,7 @@ import {JSSTheme, ListAppsItem} from "@/oss/lib/Types"
 import AppCard from "./AppCard"
 import AppTable from "./AppTable"
 import EmptyAppView from "./EmptyAppView"
+import WelcomeModal from "@/oss/components/Onboarding/components/WelcomeModal"
 
 interface ApplicationManagementSectionProps {
     selectedOrg: any
@@ -154,6 +155,7 @@ const ApplicationManagementSection = ({
                     <EmptyAppView setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal} />
                 )}
             </div>
+            <WelcomeModal />
         </>
     )
 }
diff --git a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
index 70d95d942f..6995b07e1d 100644
--- a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -73,6 +73,7 @@ const GetStartedSection = ({
                 <Card
                     title={<Rocket size={24} />}
                     className={classes.getStartedCard}
+                    id="tour-create-new-prompt"
                     onClick={() => {
                         setIsAddAppFromTemplatedModal(true)
                     }}
@@ -104,6 +105,7 @@ const GetStartedSection = ({
                     title={<Code size={24} />}
                     className={classes.getStartedCard}
                     onClick={() => setIsWriteOwnAppModal(true)}
+                    id="tour-create-custom-app"
                 >
                     <div className="flex items-center justify-between">
                         <Text>Create Custom Workflow</Text>
diff --git a/web/oss/src/components/pages/app-management/index.tsx b/web/oss/src/components/pages/app-management/index.tsx
index 3840183e7d..72d3614f5c 100644
--- a/web/oss/src/components/pages/app-management/index.tsx
+++ b/web/oss/src/components/pages/app-management/index.tsx
@@ -2,7 +2,7 @@ import {useMemo, useState} from "react"
 
 import {Typography} from "antd"
 import dayjs from "dayjs"
-import {useAtomValue, useSetAtom} from "jotai"
+import {useAtom, useAtomValue, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
 
 import {useAppTheme} from "@/oss/components/Layout/ThemeContextProvider"
@@ -26,6 +26,7 @@ import ApplicationManagementSection from "./components/ApplicationManagementSect
 import GetStartedSection from "./components/GetStartedSection"
 import HelpAndSupportSection from "./components/HelpAndSupportSection"
 import useCustomWorkflowConfig from "./modals/CustomWorkflowModal/hooks/useCustomWorkflowConfig"
+import {isAddAppFromTemplatedAtom} from "./state/atom"
 
 const CreateAppStatusModal: any = dynamic(
     () => import("@/oss/components/pages/app-management/modals/CreateAppStatusModal"),
@@ -63,7 +64,8 @@ const AppManagement: React.FC = () => {
     const [isMaxAppModalOpen, setIsMaxAppModalOpen] = useState(false)
     const {user} = useProfileData()
     const [templateKey, setTemplateKey] = useState<ServiceType | undefined>(undefined)
-    const [isAddAppFromTemplatedModal, setIsAddAppFromTemplatedModal] = useState(false)
+    const [isAddAppFromTemplatedModal, setIsAddAppFromTemplatedModal] =
+        useAtom(isAddAppFromTemplatedAtom)
     const [isSetupTracingModal, setIsSetupTracingModal] = useState(false)
     const [newApp, setNewApp] = useState("")
     const [searchTerm, setSearchTerm] = useState("")
diff --git a/web/oss/src/components/pages/app-management/modals/AddAppFromTemplateModal/index.tsx b/web/oss/src/components/pages/app-management/modals/AddAppFromTemplateModal/index.tsx
index 6800bfd30a..a2bf90fc21 100644
--- a/web/oss/src/components/pages/app-management/modals/AddAppFromTemplateModal/index.tsx
+++ b/web/oss/src/components/pages/app-management/modals/AddAppFromTemplateModal/index.tsx
@@ -67,6 +67,7 @@ const AddAppFromTemplatedModal = ({
             title={null}
             className={classes.modalContainer}
             width={480}
+            zIndex={900}
             centered
             {...props}
         >
@@ -79,6 +80,7 @@ const AddAppFromTemplatedModal = ({
                     <Text className={classes.label}>Provide the name of the application</Text>
                     <Input
                         placeholder="Enter a name"
+                        id="tour-app-name-input"
                         value={newApp}
                         onChange={(e) => setNewApp(e.target.value)}
                         onKeyDown={handleEnterKeyPress}
@@ -101,7 +103,7 @@ const AddAppFromTemplatedModal = ({
 
                 <div className="space-y-2">
                     <Text className={classes.label}>Choose the prompt type</Text>
-                    <Flex gap={16}>
+                    <Flex gap={16} id="tour-template-list">
                         {noTemplateMessage ? (
                             <Card title="No Templates Available" className={classes.card}>
                                 <Text>{noTemplateMessage}</Text>
@@ -129,6 +131,7 @@ const AddAppFromTemplatedModal = ({
                         type="primary"
                         disabled={!newApp || isError || !templateKey}
                         onClick={handleCreateApp}
+                        id="tour-create-app-button"
                     >
                         Create New Prompt
                     </Button>
diff --git a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
index b050a38a18..d7bf899b91 100644
--- a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
+++ b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
@@ -250,7 +250,7 @@ const CustomWorkflowModalContent = ({
                 </Text>
             )}
 
-            <div className="space-y-1">
+            <div className="space-y-1" id="tour-custom-app-name-input">
                 <SharedEditor
                     header={<Typography className={classes.label}>App name *</Typography>}
                     initialValue={values.appName}
@@ -301,22 +301,23 @@ const CustomWorkflowModalContent = ({
                 )}
             </div>
 
-            <SharedEditor
-                header={<Typography className={classes.label}>Workflow URL *</Typography>}
-                initialValue={workflowUrlInput}
-                handleChange={(value) => {
-                    setValues((draft) => {
-                        draft.appUrl = value
-                    })
-                    setCustomWorkflowAppValues?.((prev) => ({...prev, appUrl: value}))
-                }}
-                editorType="border"
-                placeholder="Enter workflow URL"
-                editorClassName="!border-none !shadow-none px-0"
-                className="py-1 px-[11px] !w-auto"
-                useAntdInput
-            />
-
+            <div id="tour-custom-app-url-input">
+                <SharedEditor
+                    header={<Typography className={classes.label}>Workflow URL *</Typography>}
+                    initialValue={workflowUrlInput}
+                    handleChange={(value) => {
+                        setValues((draft) => {
+                            draft.appUrl = value
+                        })
+                        setCustomWorkflowAppValues?.((prev) => ({...prev, appUrl: value}))
+                    }}
+                    editorType="border"
+                    placeholder="Enter workflow URL"
+                    editorClassName="!border-none !shadow-none px-0"
+                    className="py-1 px-[11px] !w-auto"
+                    useAntdInput
+                />
+            </div>
             {
                 <CustomWorkflowModalFooter
                     handleCancelButton={() => props.onCancel?.({} as any)}
diff --git a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalFooter.tsx b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalFooter.tsx
index 1934856297..c2e44980da 100644
--- a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalFooter.tsx
+++ b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalFooter.tsx
@@ -115,6 +115,7 @@ const CustomWorkflowModalFooter = ({
                     }
                 >
                     <Button
+                        id="tour-create-custom-app-button"
                         type="primary"
                         disabled={
                             !customWorkflowAppValues.appName ||
diff --git a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/index.tsx b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/index.tsx
index abee654f22..a0fcb8a8e9 100644
--- a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/index.tsx
+++ b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/index.tsx
@@ -11,7 +11,14 @@ const CustomWorkflowModalContent = dynamic(
 
 const CustomWorkflowModal = (props: CustomWorkflowModalProps) => {
     return (
-        <EnhancedModal title={null} width={480} closeIcon={null} footer={null} {...props}>
+        <EnhancedModal
+            title={null}
+            width={480}
+            closeIcon={null}
+            footer={null}
+            zIndex={900}
+            {...props}
+        >
             <CustomWorkflowModalContent {...props} />
         </EnhancedModal>
     )
diff --git a/web/oss/src/components/pages/app-management/state/atom.ts b/web/oss/src/components/pages/app-management/state/atom.ts
new file mode 100644
index 0000000000..485fd5cffb
--- /dev/null
+++ b/web/oss/src/components/pages/app-management/state/atom.ts
@@ -0,0 +1,3 @@
+import {atom} from "jotai"
+
+export const isAddAppFromTemplatedAtom = atom(false)
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
index 74ea54ce8b..5cf3657133 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
@@ -98,7 +98,11 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
             {
                 key: "appPanel",
                 label: (
-                    <TabLabel tabTitle="Application" completed={appSelectionComplete}>
+                    <TabLabel
+                        id="tour-new-eval-tab-application"
+                        tabTitle="Application"
+                        completed={appSelectionComplete}
+                    >
                         {appSelectionComplete && (
                             <Tag
                                 closeIcon={<CloseCircleOutlined />}
@@ -143,7 +147,12 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
             {
                 key: "variantPanel",
                 label: (
-                    <TabLabel tabTitle="Variant" completed={selectedVariants.length > 0}>
+                    <TabLabel
+                        id="tour-new-eval-tab-variant"
+                        tabTitle="Variant"
+                        completed={selectedVariants.length > 0}
+                        className="!w-full"
+                    >
                         {selectedVariants.map((v) => (
                             <Tag
                                 key={v.id}
@@ -177,7 +186,11 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
             {
                 key: "testsetPanel",
                 label: (
-                    <TabLabel tabTitle="Testset" completed={selectedTestset !== null}>
+                    <TabLabel
+                        id="tour-new-eval-tab-testset"
+                        tabTitle="Testset"
+                        completed={selectedTestset !== null}
+                    >
                         {selectedTestset ? (
                             <Tag
                                 closeIcon={<CloseCircleOutlined />}
@@ -206,7 +219,11 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
             {
                 key: "evaluatorPanel",
                 label: (
-                    <TabLabel tabTitle="Evaluators" completed={selectedEvalConfig.length > 0}>
+                    <TabLabel
+                        id="tour-new-eval-tab-evaluators"
+                        tabTitle="Evaluators"
+                        completed={selectedEvalConfig.length > 0}
+                    >
                         {selectedEvalConfig.map((cfg: any) => {
                             return (
                                 <Tag
@@ -245,7 +262,11 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                       {
                           key: "advancedSettingsPanel",
                           label: (
-                              <TabLabel tabTitle="Advanced Settings" completed={true}>
+                              <TabLabel
+                                  id="tour-new-eval-tab-advanced"
+                                  tabTitle="Advanced Settings"
+                                  completed={true}
+                              >
                                   {Object.entries(advanceSettings).map(([key, value]) => (
                                       <Tag key={key} className="max-w-[200px] truncate">
                                           {key}: {value}
@@ -290,7 +311,10 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
     ])
 
     return (
-        <div className="flex flex-col w-full gap-4 h-full overflow-hidden">
+        <div
+            id="tour-new-evaluation-modal"
+            className="flex flex-col w-full gap-4 h-full overflow-hidden"
+        >
             <div className="flex flex-col gap-2">
                 <Typography.Text className="font-medium">Evaluation name</Typography.Text>
                 <Input
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/assets/TabLabel/index.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/assets/TabLabel/index.tsx
index d69cde5ff8..537eb22431 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/assets/TabLabel/index.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/assets/TabLabel/index.tsx
@@ -1,14 +1,38 @@
-import {memo} from "react"
+import {memo, useCallback} from "react"
 
 import {CheckCircleOutlined} from "@ant-design/icons"
 import {Typography} from "antd"
+import clsx from "clsx"
 
 import {TabLabelProps} from "./types"
 
-const TabLabel = ({children, tabTitle, completed}: TabLabelProps) => {
+const TabLabel = ({children, tabTitle, completed, className, id, ...rest}: TabLabelProps) => {
+    const assignRef = useCallback(
+        (node: HTMLDivElement | null) => {
+            if (!node || !id) return
+
+            const ensureId = (attempt = 0) => {
+                const tabElement = node.closest(".ant-tabs-tab")
+                if (tabElement) {
+                    tabElement.setAttribute("id", id)
+                    return
+                }
+                if (attempt >= 5) return
+                setTimeout(() => ensureId(attempt + 1), 50)
+            }
+
+            ensureId()
+        },
+        [id],
+    )
+
     return (
-        <div className="flex flex-col w-full items-start gap-2">
-            <div className="flex items-center gap-1">
+        <div
+            {...rest}
+            ref={assignRef}
+            className={clsx("flex flex-col w-full items-start gap-2", className)}
+        >
+            <div className="flex items-center gap-1 w-full">
                 <Typography.Text className="!my-0">{tabTitle}</Typography.Text>
                 {completed ? <CheckCircleOutlined style={{color: "green"}} /> : null}
             </div>
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
index 7aa28f5e12..719d95e7a5 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
@@ -504,8 +504,10 @@ const NewEvaluationModal = <Preview extends boolean = true>({
             title={<span>New {evaluationType === "auto" ? "Auto" : "Human"} Evaluation</span>}
             onOk={onSubmit}
             okText="Start Evaluation"
+            okButtonProps={{id: "tour-new-eval-start"}}
             maskClosable={false}
             width={1200}
+            zIndex={900}
             className={classes.modalContainer}
             confirmLoading={submitLoading}
             afterClose={afterClose}
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom.ts b/web/oss/src/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom.ts
new file mode 100644
index 0000000000..76eaba6bb0
--- /dev/null
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom.ts
@@ -0,0 +1,23 @@
+import {atom} from "jotai"
+
+type AutoEvaluationModalState = {
+    open: boolean
+}
+
+const defaultModalState: AutoEvaluationModalState = {
+    open: false,
+}
+
+export const autoEvaluationModalAtom = atom(defaultModalState)
+
+export const openAutoEvaluationModalAtom = atom(null, (get, set) => {
+    const current = get(autoEvaluationModalAtom)
+    if (current.open) return
+    set(autoEvaluationModalAtom, {...current, open: true})
+})
+
+export const closeAutoEvaluationModalAtom = atom(null, (get, set) => {
+    const current = get(autoEvaluationModalAtom)
+    if (!current.open) return
+    set(autoEvaluationModalAtom, {...current, open: false})
+})
diff --git a/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx b/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
index 783fb6804f..22f7644540 100644
--- a/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
+++ b/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
@@ -3,7 +3,7 @@ import {memo, useCallback, useMemo, useState} from "react"
 import {ArrowsLeftRight, Export, Gauge, Plus, Trash} from "@phosphor-icons/react"
 import {Button, Space, Input, message, theme, Typography} from "antd"
 import {ColumnsType} from "antd/es/table"
-import {useAtom, useSetAtom} from "jotai"
+import {useAtom, useAtomValue, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
 import Link from "next/link"
 import {useRouter} from "next/router"
@@ -30,6 +30,11 @@ import {buildEvaluationNavigationUrl} from "../../utils"
 import {useStyles} from "./styles"
 
 import {AutoEvaluationHeaderProps} from "./types"
+import {
+    autoEvaluationModalAtom,
+    closeAutoEvaluationModalAtom,
+    openAutoEvaluationModalAtom,
+} from "@/oss/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom"
 
 const isLegacyEvaluation = (evaluation: any): boolean => "aggregated_results" in evaluation
 
@@ -72,10 +77,12 @@ const AutoEvaluationHeader = ({
     // atoms
     const [searchQuery, setSearchQuery] = useAtom(searchQueryAtom)
     const setTempEvaluation = useSetAtom(tempEvaluationAtom)
+    const autoEvaluationModalState = useAtomValue(autoEvaluationModalAtom)
+    const openAutoEvaluationModal = useSetAtom(openAutoEvaluationModalAtom)
+    const closeAutoEvaluationModal = useSetAtom(closeAutoEvaluationModalAtom)
 
     // local states
     const [searchTerm, setSearchTerm] = useState("")
-    const [newEvalModalOpen, setNewEvalModalOpen] = useState(false)
 
     const onExport = useCallback(() => {
         try {
@@ -503,7 +510,8 @@ const AutoEvaluationHeader = ({
                         <Button
                             icon={<Plus size={14} />}
                             className={classes.button}
-                            onClick={() => setNewEvalModalOpen(true)}
+                            // id="tour-start-new-evaluation"
+                            onClick={() => openAutoEvaluationModal()}
                         >
                             Create new
                         </Button>
@@ -519,13 +527,15 @@ const AutoEvaluationHeader = ({
                                         type="primary"
                                         icon={<Plus size={14} />}
                                         className={classes.button}
-                                        onClick={() => setNewEvalModalOpen(true)}
+                                        id="tour-start-new-evaluation"
+                                        onClick={() => openAutoEvaluationModal()}
                                     >
                                         Start new evaluation
                                     </Button>
                                     <Button
                                         icon={<Gauge size={14} className="mt-0.5" />}
                                         className={classes.button}
+                                        id="tour-configure-evaluator"
                                         onClick={() => {
                                             router.push(`${projectURL}/evaluators?tab=automatic`)
                                         }}
@@ -600,9 +610,9 @@ const AutoEvaluationHeader = ({
 
             {(scope === "app" && activeAppId) || scope === "project" ? (
                 <NewEvaluationModal
-                    open={newEvalModalOpen}
+                    open={autoEvaluationModalState.open}
                     onCancel={() => {
-                        setNewEvalModalOpen(false)
+                        closeAutoEvaluationModal()
                     }}
                     onSuccess={(res) => {
                         const runningEvaluations = res.data.runs || []
@@ -634,7 +644,7 @@ const AutoEvaluationHeader = ({
                         })
 
                         refetch()
-                        setNewEvalModalOpen(false)
+                        closeAutoEvaluationModal()
                     }}
                     evaluationType="auto"
                     preview={false}
diff --git a/web/oss/src/components/pages/evaluations/customEvaluation/CustomEvaluation.tsx b/web/oss/src/components/pages/evaluations/customEvaluation/CustomEvaluation.tsx
index ce97fc9c4c..a564f33ea9 100644
--- a/web/oss/src/components/pages/evaluations/customEvaluation/CustomEvaluation.tsx
+++ b/web/oss/src/components/pages/evaluations/customEvaluation/CustomEvaluation.tsx
@@ -73,7 +73,10 @@ const nodeToText = (node: any): string => {
     if (typeof node === "string" || typeof node === "number") return String(node)
     if (typeof node === "boolean") return node ? "true" : "false"
     if (Array.isArray(node)) {
-        return node.map((item) => nodeToText(item)).filter(Boolean).join(" ")
+        return node
+            .map((item) => nodeToText(item))
+            .filter(Boolean)
+            .join(" ")
     }
     if (isValidElement(node)) {
         return stripHtml(renderToStaticMarkup(node))
@@ -153,7 +156,7 @@ const flattenColumnsForExport = (
                 col.key ??
                     (Array.isArray(col.dataIndex)
                         ? col.dataIndex.join(".")
-                        : col.dataIndex ?? ""),
+                        : (col.dataIndex ?? "")),
             )
 
         if (!header.trim()) return
@@ -287,10 +290,7 @@ const CustomEvaluation = ({scope = "app", viewType = "evaluation"}: CustomEvalua
         [columns, hiddenColumns],
     )
 
-    const exportColumns = useMemo(
-        () => flattenColumnsForExport(visibleColumns),
-        [visibleColumns],
-    )
+    const exportColumns = useMemo(() => flattenColumnsForExport(visibleColumns), [visibleColumns])
 
     const handleDelete = useCallback(
         async (ids: string[]) => {
@@ -336,9 +336,7 @@ const CustomEvaluation = ({scope = "app", viewType = "evaluation"}: CustomEvalua
     const recordIndexLookup = useMemo(() => {
         const map = new Map<string, number>()
         mergedEvaluations.forEach((evaluation, idx) => {
-            const key = (
-                "id" in evaluation ? evaluation.id : evaluation.key
-            )?.toString()
+            const key = ("id" in evaluation ? evaluation.id : evaluation.key)?.toString()
             if (key) {
                 map.set(key, idx)
             }
@@ -432,7 +430,7 @@ const CustomEvaluation = ({scope = "app", viewType = "evaluation"}: CustomEvalua
         try {
             const rows = selectedEvaluations.map((item) => {
                 const key = ("id" in item ? item.id : item.key)?.toString()
-                const recordIndex = key ? recordIndexLookup.get(key) ?? 0 : 0
+                const recordIndex = key ? (recordIndexLookup.get(key) ?? 0) : 0
                 const row: Record<string, string> = {}
 
                 exportColumns.forEach(({header, column}) => {
@@ -452,20 +450,14 @@ const CustomEvaluation = ({scope = "app", viewType = "evaluation"}: CustomEvalua
 
             const {currentApp} = getAppValues()
             const filenameBase =
-                currentApp?.app_name ||
-                (scope === "project" ? "all_applications" : "evaluations")
+                currentApp?.app_name || (scope === "project" ? "all_applications" : "evaluations")
             const filename = `${filenameBase.replace(/\s+/g, "_")}_custom_evaluations.csv`
             downloadCsv(filename, csvData)
         } catch (error) {
             console.error("Failed to export custom evaluations", error)
             message.error("Failed to export evaluations")
         }
-    }, [
-        selectedEvaluations,
-        exportColumns,
-        recordIndexLookup,
-        scope,
-    ])
+    }, [selectedEvaluations, exportColumns, recordIndexLookup, scope])
 
     return (
         <section className="flex flex-col gap-2 pb-4">
diff --git a/web/oss/src/components/pages/observability/drawer/TraceContent/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceContent/index.tsx
index 6f9f84f897..d96e227a6e 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceContent/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceContent/index.tsx
@@ -3,12 +3,13 @@ import {useEffect, useMemo, useState} from "react"
 import {Database} from "@phosphor-icons/react"
 import {Button, Divider, Space, Tabs, TabsProps, Tag, Typography, Tooltip, Skeleton} from "antd"
 import clsx from "clsx"
-import {getDefaultStore, useAtomValue, useSetAtom} from "jotai"
+import {getDefaultStore, useAtom, useAtomValue, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
 
 import {
     isDrawerOpenAtom,
     resetTraceDrawerAtom,
+    traceDrawerActiveTabAtom,
 } from "@/oss/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore"
 import TooltipWithCopyAction from "@/oss/components/TooltipWithCopyAction"
 import {KeyValuePair} from "@/oss/lib/Types"
@@ -44,7 +45,7 @@ const TraceContent = ({
     const activeTraceData = useAtomValue(spanAgDataAtomFamily(activeTrace))
     const {key, children, spans, invocationIds, ...filteredTrace} = activeTrace || {}
     const classes = useStyles()
-    const [tab, setTab] = useState("overview")
+    const [tab, setTab] = useAtom(traceDrawerActiveTabAtom)
     const [isTestsetDrawerOpen, setIsTestsetDrawerOpen] = useState(false)
     const testsetData = useMemo(() => {
         if (!activeTrace?.key) return [] as {data: KeyValuePair; key: string; id: number}[]
@@ -68,7 +69,7 @@ const TraceContent = ({
             return [
                 {
                     key: "loading",
-                    label: "Overview",
+                    label: <span id="tour-trace-tab-overview">Overview</span>,
                     children: loadingContent,
                 },
             ]
@@ -82,7 +83,7 @@ const TraceContent = ({
             return [
                 {
                     key: "raw_data",
-                    label: "Raw Data",
+                    label: <span id="tour-trace-tab-raw">Raw Data</span>,
                     children: (
                         <AccordionTreePanel
                             label={errorPayload ? "Error" : "Raw Data"}
@@ -98,12 +99,12 @@ const TraceContent = ({
         return [
             {
                 key: "overview",
-                label: "Overview",
+                label: <span id="tour-trace-tab-overview">Overview</span>,
                 children: <OverviewTabItem activeTrace={activeTrace} />,
             },
             {
                 key: "raw_data",
-                label: "Raw Data",
+                label: <span id="tour-trace-tab-raw">Raw Data</span>,
                 children: (
                     <AccordionTreePanel
                         label={"Raw Data"}
@@ -115,7 +116,7 @@ const TraceContent = ({
             },
             {
                 key: "annotations",
-                label: "Annotations",
+                label: <span id="tour-trace-tab-annotations">Annotations</span>,
                 children: <AnnotationTabItem annotations={activeTrace?.annotations || []} />,
             },
         ]
@@ -127,7 +128,7 @@ const TraceContent = ({
         if (!itemKeys.includes(tab) && itemKeys.length > 0) {
             setTab(itemKeys[0])
         }
-    }, [itemKeys.join("|"), tab])
+    }, [itemKeys.join("|"), tab, setTab])
 
     useEffect(() => {
         return () => {
@@ -175,6 +176,7 @@ const TraceContent = ({
                         tabBarExtraContent={
                             <Space className="mr-4">
                                 <Button
+                                    id="tour-trace-add-testset"
                                     className="flex items-center"
                                     onClick={() => setIsTestsetDrawerOpen(true)}
                                     disabled={!activeTrace?.key}
@@ -184,6 +186,7 @@ const TraceContent = ({
                                 </Button>
 
                                 <AnnotateDrawerButton
+                                    id="tour-trace-annotate-button"
                                     label="Annotate"
                                     data={activeTrace?.annotations || []}
                                     traceSpanIds={{
diff --git a/web/oss/src/components/pages/observability/drawer/TraceHeader/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceHeader/index.tsx
index f14933fa20..b59a17ada5 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceHeader/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceHeader/index.tsx
@@ -6,6 +6,7 @@ import {Button, Space, Tag, Typography} from "antd"
 import {useAtomValue} from "jotai"
 
 import TooltipWithCopyAction from "@/oss/components/TooltipWithCopyAction"
+import OnboardingTriggerButton from "@/oss/components/Onboarding/components/OnboardingTriggerButton"
 import {fetchAllPreviewTraces} from "@/oss/services/tracing/api"
 import {
     isSpansResponse,
@@ -495,6 +496,15 @@ const TraceHeader = ({
                 </Space>
 
                 <Space>
+                    <OnboardingTriggerButton
+                        triggerPayload={{state: "trace"}}
+                        tooltipTitle="Need help? Start the trace drawer tour."
+                        buttonProps={{
+                            type: "default",
+                            size: "middle",
+                            disabled: !displayTrace,
+                        }}
+                    />
                     <Button
                         icon={<DeleteOutlined />}
                         onClick={() => setIsDeleteModalOpen(true)}
diff --git a/web/oss/src/components/pages/observability/drawer/TraceSidePanel/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceSidePanel/index.tsx
index 2558ce5c5a..afb7241359 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceSidePanel/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceSidePanel/index.tsx
@@ -94,20 +94,24 @@ const TraceSidePanel = ({
                 <Typography.Text className={classes.collapseItemLabel}>Annotations</Typography.Text>
             ),
             children: annotationsContent,
+            id: "tour-trace-annotation-view",
         },
         {
             key: "details",
             label: <Typography.Text className={classes.collapseItemLabel}>Details</Typography.Text>,
             children: detailsContent,
+            id: "tour-trace-side-panel",
         },
     ]
 
     return (
-        <Collapse
-            items={items}
-            defaultActiveKey={["annotations", "details"]}
-            className={classes.collapseContainer}
-        />
+        <div className="h-full">
+            <Collapse
+                items={items}
+                defaultActiveKey={["annotations", "details"]}
+                className={classes.collapseContainer}
+            />
+        </div>
     )
 }
 
diff --git a/web/oss/src/components/ui/CustomTreeComponent/index.tsx b/web/oss/src/components/ui/CustomTreeComponent/index.tsx
index 4709986384..1eba214f23 100644
--- a/web/oss/src/components/ui/CustomTreeComponent/index.tsx
+++ b/web/oss/src/components/ui/CustomTreeComponent/index.tsx
@@ -69,7 +69,7 @@ const TreeNodeComponent: React.FC<{
     const shouldShowAsLast = isLast && (!hasChildren || (hasChildren && !expanded))
 
     return (
-        <div className={isRoot ? "pl-2" : "relative pl-5"}>
+        <div className={isRoot ? "pl-2" : "relative pl-5"} id="tour-trace-tree-panel">
             <div
                 className={
                     !isRoot ? `${classes.treeLine} ${shouldShowAsLast ? "last" : ""}` : undefined
diff --git a/web/oss/src/hooks/usePostAuthRedirect.ts b/web/oss/src/hooks/usePostAuthRedirect.ts
index 0ac3379253..039dccd1f4 100644
--- a/web/oss/src/hooks/usePostAuthRedirect.ts
+++ b/web/oss/src/hooks/usePostAuthRedirect.ts
@@ -11,6 +11,7 @@ import {useProfileData} from "@/oss/state/profile"
 import {userAtom} from "@/oss/state/profile/selectors/user"
 import {useProjectData} from "@/oss/state/project"
 import {buildPostLoginPath, waitForWorkspaceContext} from "@/oss/state/url/postLoginRedirect"
+import {isNewUserStorageAtom} from "../state/onboarding/atoms/stepsAtom"
 
 interface AuthUserLike {
     createdNewRecipeUser?: boolean
@@ -57,8 +58,12 @@ const usePostAuthRedirect = () => {
             const loginMethodCount = authResult?.user?.loginMethods?.length ?? 0
             const isNewUser =
                 isDemo() && Boolean(authResult?.createdNewRecipeUser) && loginMethodCount === 1
+            const store = getDefaultStore()
 
             if (isNewUser) {
+                // set true for new user
+                store.set(isNewUserStorageAtom, true)
+
                 if (isInvitedUser) {
                     await router.push("/workspaces/accept?survey=true")
                 } else {
@@ -68,6 +73,9 @@ const usePostAuthRedirect = () => {
                 return
             }
 
+            // user already exists
+            store.set(isNewUserStorageAtom, false)
+
             if (isInvitedUser) {
                 await router.push("/workspaces/accept")
                 return
@@ -78,7 +86,6 @@ const usePostAuthRedirect = () => {
             let context = await waitForWorkspaceContext({requireProjectId: false})
 
             if (!context.workspaceId) {
-                const store = getDefaultStore()
                 const fallbackWorkspace = resolvePreferredWorkspaceId(
                     (store.get(userAtom) as {id?: string} | null)?.id ?? null,
                     store.get(orgsAtom),
diff --git a/web/oss/src/lib/hooks/useEvaluationRunData/assets/helpers/fetchScenarioViaWorker.ts b/web/oss/src/lib/hooks/useEvaluationRunData/assets/helpers/fetchScenarioViaWorker.ts
index 2b81ed1826..7bcf640dc9 100644
--- a/web/oss/src/lib/hooks/useEvaluationRunData/assets/helpers/fetchScenarioViaWorker.ts
+++ b/web/oss/src/lib/hooks/useEvaluationRunData/assets/helpers/fetchScenarioViaWorker.ts
@@ -84,9 +84,7 @@ const performFetch = async (
     }
 
     const {jwt, apiUrl, projectId} = await buildAuthContext()
-    const {fetchStepsViaWorker} = await import(
-        "@/oss/lib/evalRunner/bulkWorker"
-    )
+    const {fetchStepsViaWorker} = await import("@/oss/lib/evalRunner/bulkWorker")
 
     const store = evalAtomStore()
 
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
new file mode 100644
index 0000000000..90b56463d9
--- /dev/null
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -0,0 +1,209 @@
+import {atom} from "jotai"
+import {eagerAtom} from "jotai-eager"
+import {atomWithStorage} from "jotai/utils"
+import {Tour} from "nextstepjs"
+import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
+import {runStatusByRowRevisionAtom} from "@/oss/state/generation/entities"
+
+import {userAtom} from "../../profile"
+import {sessionExistsAtom} from "../../session"
+import {urlLocationAtom} from "../../url"
+import {TOUR_STEPS} from "../steps"
+import {
+    CurrentOnboardingStep,
+    CurrentOnboardingStepExtended,
+    OnboardingState,
+    UserOnboardingStatus,
+} from "../types"
+
+const NEW_USER_STORAGE_KEY = "new-user"
+const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
+const USER_ONBOARDING_PROFILE_CONTEXT_STORAGE_KEY = "user-onboarding-profile-context"
+
+export const isNewUserStorageAtom = atomWithStorage(NEW_USER_STORAGE_KEY, false)
+
+export const userOnboardingProfileContextAtom = atomWithStorage<{
+    userRole: string
+    userExperience: string
+    userInterest: string
+} | null>(USER_ONBOARDING_PROFILE_CONTEXT_STORAGE_KEY, null)
+
+export const isNewUserAtom = eagerAtom((get) => {
+    const user = get(userAtom)
+    const sessionExists = get(sessionExistsAtom)
+    const isNewUser = get(isNewUserStorageAtom)
+
+    return !!sessionExists && !!user && isNewUser
+})
+
+const defaultUserOnboardingState: UserOnboardingStatus = {
+    apps: "idle",
+    playground: "idle",
+    playgroundPostRun: "idle",
+    evaluations: "idle",
+    observability: "idle",
+    trace: "idle",
+}
+
+export const ONBOARDING_SECTIONS = Object.keys(defaultUserOnboardingState) as Array<
+    keyof UserOnboardingStatus
+>
+
+const ONBOARDING_SECTION_ALIASES: Record<string, keyof UserOnboardingStatus> = {
+    traces: "trace",
+    trace: "trace",
+    "trace-drawer": "trace",
+    "playground-post-run": "playgroundPostRun",
+}
+
+const mergeUserOnboardingStatus = (state?: Partial<UserOnboardingStatus>): UserOnboardingStatus => {
+    return {
+        ...defaultUserOnboardingState,
+        ...(state || {}),
+    }
+}
+
+export const resolveOnboardingSection = (
+    value: string | null,
+): keyof UserOnboardingStatus | null => {
+    if (!value) return null
+    if (ONBOARDING_SECTIONS.includes(value as keyof UserOnboardingStatus)) {
+        return value as keyof UserOnboardingStatus
+    }
+    return ONBOARDING_SECTION_ALIASES[value] ?? null
+}
+
+const userOnboardingStatusStorageAtom = atomWithStorage<UserOnboardingStatus>(
+    USER_ONBOARDING_STATE_TRACKER,
+    defaultUserOnboardingState,
+)
+
+export const userOnboardingStatusAtom = atom(
+    (get) => mergeUserOnboardingStatus(get(userOnboardingStatusStorageAtom)),
+    (
+        get,
+        set,
+        update: UserOnboardingStatus | ((prev: UserOnboardingStatus) => UserOnboardingStatus),
+    ) => {
+        const previous = mergeUserOnboardingStatus(get(userOnboardingStatusStorageAtom))
+        const nextValue =
+            typeof update === "function"
+                ? (update as (prev: UserOnboardingStatus) => UserOnboardingStatus)(previous)
+                : update
+        set(userOnboardingStatusStorageAtom, mergeUserOnboardingStatus(nextValue))
+    },
+)
+
+export const updateUserOnboardingStatusAtom = atom(
+    null,
+    (get, set, params: {section: keyof UserOnboardingStatus; status: OnboardingState}) => {
+        const currentStatus = get(userOnboardingStatusAtom)
+        if (currentStatus[params.section] === params.status) return
+
+        set(userOnboardingStatusAtom, {...currentStatus, [params.section]: params.status})
+    },
+)
+
+export const currentOnboardingStepAtom = atom<CurrentOnboardingStepExtended | null>(null)
+
+export const currentOnboardingStepWithLocationAtom = atom(
+    (get) => {
+        const step = get(currentOnboardingStepAtom)
+        if (!step) return null
+
+        const userLocation = get(urlLocationAtom)
+        return {
+            ...step,
+            location: userLocation.section,
+        }
+    },
+    (get, set, update: CurrentOnboardingStep | null) => {
+        set(currentOnboardingStepAtom, update)
+    },
+)
+
+export const triggerOnboardingAtom = atom<{
+    state: keyof UserOnboardingStatus
+    type?: "beginner" | "advanced"
+} | null>(null)
+
+const playgroundHasFirstRunAtom = atom((get) => {
+    const statuses = get(runStatusByRowRevisionAtom) || {}
+    return Object.values(statuses).some((entry) => {
+        if (!entry) return false
+        const hasCompletedRun =
+            entry.resultHash !== undefined && (entry.isRunning === false || entry.isRunning === undefined)
+        return hasCompletedRun
+    })
+})
+
+export const newOnboardingStateAtom = atom<Tour[]>((get) => {
+    const appStatusLoading = get(appStatusLoadingAtom)
+    const onboardingProfile = get(userOnboardingProfileContextAtom)
+    const userLocation = get(urlLocationAtom)
+    const userOnboardingJourneyStatus = get(userOnboardingStatusAtom)
+    const isNewUser = get(isNewUserStorageAtom)
+    const manualTrigger = get(triggerOnboardingAtom)
+    const currentStep = get(currentOnboardingStepWithLocationAtom)
+    const hasPlaygroundRun = get(playgroundHasFirstRunAtom)
+
+    if (appStatusLoading) return []
+
+    if (manualTrigger) {
+        const requestedState = manualTrigger.state as keyof typeof TOUR_STEPS
+        const effectiveState =
+            requestedState === "playground" && hasPlaygroundRun
+                ? ("playgroundPostRun" as keyof typeof TOUR_STEPS)
+                : requestedState
+
+        const tourSteps = TOUR_STEPS[effectiveState]
+        if (!tourSteps) return []
+
+        const steps = tourSteps({
+            userContext: onboardingProfile,
+            currentStep,
+            location: userLocation,
+        })
+
+        return steps
+    }
+
+    if (isNewUser) {
+        const normalizedSection = resolveOnboardingSection(userLocation.section)
+        if (!normalizedSection) return []
+
+        if (
+            normalizedSection === "playground" &&
+            hasPlaygroundRun &&
+            userOnboardingJourneyStatus.playgroundPostRun === "idle"
+        ) {
+            const postRunSteps = TOUR_STEPS.playgroundPostRun
+            if (postRunSteps) {
+                return postRunSteps({
+                    userContext: onboardingProfile,
+                    currentStep,
+                    location: userLocation,
+                })
+            }
+        }
+
+        if (normalizedSection === "apps") {
+            return []
+        }
+
+        const sectionStatus = userOnboardingJourneyStatus[normalizedSection]
+
+        if (sectionStatus !== "idle") return []
+
+        const tourSteps = TOUR_STEPS[normalizedSection as keyof typeof TOUR_STEPS]
+        if (!tourSteps) return []
+
+        return tourSteps({
+            userContext: onboardingProfile,
+            currentStep,
+            location: userLocation,
+        })
+    }
+
+    return []
+})
diff --git a/web/oss/src/state/onboarding/index.ts b/web/oss/src/state/onboarding/index.ts
new file mode 100644
index 0000000000..608e4e8194
--- /dev/null
+++ b/web/oss/src/state/onboarding/index.ts
@@ -0,0 +1,3 @@
+export * from "./atoms/stepsAtom"
+export * from "./steps/index"
+export * from "./types"
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
new file mode 100644
index 0000000000..81926debee
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -0,0 +1,203 @@
+import {getDefaultStore} from "jotai"
+import {isAddAppFromTemplatedAtom} from "@/oss/components/pages/app-management/state/atom"
+import {
+    closeCustomWorkflowModalAtom,
+    openCustomWorkflowModalAtom,
+} from "../../customWorkflow/modalAtoms"
+import {OnboardingStepsContext, TourDefinition} from "./types"
+
+const openTemplateModal = () => {
+    getDefaultStore().set(isAddAppFromTemplatedAtom, true)
+}
+
+const closeTemplateModal = () => {
+    getDefaultStore().set(isAddAppFromTemplatedAtom, false)
+}
+
+const closeCustomWorkflowModal = () => {
+    getDefaultStore().set(closeCustomWorkflowModalAtom)
+}
+
+const openCustomWorkflowModal = () => {
+    getDefaultStore().set(openCustomWorkflowModalAtom, {
+        open: true,
+        onCancel: () => {
+            closeCustomWorkflowModal()
+        },
+        handleCreateApp: () => {},
+        configureWorkflow: false,
+        appId: "new-app",
+    })
+}
+
+export const GLOBAL_APP_MANAGEMENT_STEPS = [
+    {
+        icon: "🚀",
+        title: "Create a new prompt",
+        content: (
+            <span>
+                This card opens the guided flow for app creation. Click it to launch the template
+                library.
+            </span>
+        ),
+        selector: "#tour-create-new-prompt",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: closeTemplateModal,
+        onCleanup: closeTemplateModal,
+    },
+    {
+        icon: "📝",
+        title: "Name your app",
+        content: (
+            <span>
+                Give your app a descriptive name so teammates immediately understand its purpose.
+            </span>
+        ),
+        selector: "#tour-app-name-input",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openTemplateModal,
+        onCleanup: closeTemplateModal,
+    },
+    {
+        icon: "📚",
+        title: "Choose a template",
+        content: (
+            <span>
+                Select a template that fits your workflow. You can customize it further after
+                creation.
+            </span>
+        ),
+        selector: "#tour-template-list",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openTemplateModal,
+        onCleanup: closeTemplateModal,
+    },
+    {
+        icon: "✅",
+        title: "Create the app",
+        content: <span>Provision your first app by creating it with the selected template.</span>,
+        selector: "#tour-create-app-button",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openTemplateModal,
+        onCleanup: closeTemplateModal,
+    },
+]
+
+export const CUSTOM_APPS_CREATION_STEPS = [
+    {
+        icon: "🚀",
+        title: "Create a custom app",
+        content: (
+            <span>
+                This card opens the guided flow for app creation. Click it to launch the template
+                library.
+            </span>
+        ),
+        selector: "#tour-create-custom-app",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        userRole: ["Hobbyist"],
+        onEnter: closeCustomWorkflowModal,
+        onCleanup: closeCustomWorkflowModal,
+    },
+    {
+        icon: "📝",
+        title: "Name your app",
+        content: (
+            <span>
+                Give your app a descriptive name so teammates immediately understand its purpose.
+            </span>
+        ),
+        selector: "#tour-custom-app-name-input",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openCustomWorkflowModal,
+        onCleanup: closeCustomWorkflowModal,
+    },
+    {
+        icon: "📚",
+        title: "Add your custom workflow URL",
+        content: (
+            <span>
+                Add your custom workflow URL to connect your app to Agenta. Check docs for more
+                details.{" "}
+                <a href="https://docs.agenta.ai/custom-workflows/quick-start">
+                    Learn more about custom workflows
+                </a>
+            </span>
+        ),
+        selector: "#tour-custom-app-url-input",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openCustomWorkflowModal,
+        onCleanup: closeCustomWorkflowModal,
+    },
+    {
+        icon: "✅",
+        title: "Create the app",
+        content: <span>Provision your first app by creating it with the selected template.</span>,
+        selector: "#tour-create-custom-app-button",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openCustomWorkflowModal,
+        onCleanup: closeCustomWorkflowModal,
+    },
+]
+const resolveGlobalAppTour = (): TourDefinition => {
+    return [
+        {
+            tour: "create-first-app",
+            steps: GLOBAL_APP_MANAGEMENT_STEPS,
+        },
+    ]
+}
+
+const APP_MANAGEMENT_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    Hobbyist: () => resolveGlobalAppTour(),
+    "ML/AI Engineer or Data scientist": () => {
+        return [
+            {
+                tour: "create-first-custom-app",
+                steps: CUSTOM_APPS_CREATION_STEPS,
+            },
+        ]
+    },
+    "Frontend / Backend Developer": () => resolveGlobalAppTour(),
+}
+
+export const APP_MANAGEMENT_TOURS = new Proxy(APP_MANAGEMENT_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof APP_MANAGEMENT_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/evaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluationSteps.tsx
new file mode 100644
index 0000000000..ba51cb3358
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/evaluationSteps.tsx
@@ -0,0 +1,362 @@
+import {getDefaultStore} from "jotai"
+
+import {OnboardingStepsContext, TourDefinition} from "./types"
+import {
+    openAutoEvaluationModalAtom,
+    closeAutoEvaluationModalAtom,
+} from "@/oss/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom"
+import {urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
+import type {EvalRunUrlState} from "@/oss/components/EvalRunDetails/state/urlState"
+import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
+
+const openAutoEvalModal = () => {
+    getDefaultStore().set(openAutoEvaluationModalAtom)
+}
+
+const closeAutoEvalModal = () => {
+    getDefaultStore().set(closeAutoEvaluationModalAtom)
+}
+
+const AUTO_EVALUATION_STEPS: TourDefinition = [
+    {
+        icon: "🧪",
+        title: "Start an evaluation",
+        content: (
+            <span>
+                Kick off automated scoring from here once you&apos;re ready to compare variants
+                against a testset.
+            </span>
+        ),
+        selector: "#tour-start-new-evaluation",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: closeAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "⚙️",
+        title: "Manage evaluators",
+        content: (
+            <span>
+                Need a new heuristic or AI critique? Configure evaluator templates in this workspace
+                before running them inside an evaluation.
+            </span>
+        ),
+        selector: "#tour-configure-evaluator",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: closeAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    // {
+    //     icon: "🧭",
+    //     title: "Guided setup",
+    //     content: (
+    //         <span>
+    //             The modal walks you through every requirement—just keep the sections checked to move
+    //             ahead confidently.
+    //         </span>
+    //     ),
+    //     selector: "#tour-new-evaluation-modal",
+    //     side: "left",
+    //     showControls: true,
+    //     showSkip: true,
+    //     pointerPadding: 12,
+    //     pointerRadius: 12,
+    // },
+    {
+        icon: "📱",
+        title: "Pick the app",
+        content: (
+            <span>
+                Choose which application this run belongs to so we fetch its variants and connected
+                infrastructure.
+            </span>
+        ),
+        selector: "#tour-new-eval-tab-application",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "🧬",
+        title: "Select variants",
+        content: (
+            <span>
+                Add the variants or revisions you want to measure. You can revisit this to compare
+                multiple revisions.
+            </span>
+        ),
+        selector: "#tour-new-eval-tab-variant",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "📊",
+        title: "Attach a testset",
+        content: (
+            <span>
+                Link the dataset that contains your evaluation scenarios and expected answers for
+                accurate scoring.
+            </span>
+        ),
+        selector: "#tour-new-eval-tab-testset",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "🤖",
+        title: "Choose evaluators",
+        content: (
+            <span>
+                Stack automatic evaluators, regex checks, or AI critiques to judge each response
+                from different angles.
+            </span>
+        ),
+        selector: "#tour-new-eval-tab-evaluators",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "🧩",
+        title: "Tune advanced settings",
+        content: (
+            <span>
+                Control rate limits and required columns so your evaluation executes safely and uses
+                the right answers.
+            </span>
+        ),
+        selector: "#tour-new-eval-tab-advanced",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "🚀",
+        title: "Launch the run",
+        content: (
+            <span>
+                When everything looks good, start the evaluation. We&apos;ll close the modal and add
+                the new run to your table.
+            </span>
+        ),
+        selector: "#tour-new-eval-start",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+]
+
+const AUTO_EVALUATION_TOUR: TourDefinition = [
+    {
+        tour: "auto-evaluation-quickstart",
+        steps: AUTO_EVALUATION_STEPS,
+    },
+]
+
+const HUMAN_EVAL_RUN_STEPS = [
+    {
+        icon: "🎯",
+        title: "Focus mode",
+        content: (
+            <span>
+                Stay in this tab to review one scenario at a time with the navigator pinned to the
+                left for fast switching.
+            </span>
+        ),
+        selector: "#tour-human-eval-focus-tab",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 20,
+        pointerRadius: 12,
+    },
+    {
+        icon: "🧾",
+        title: "Inputs & responses",
+        content: (
+            <span>
+                The scenario card shows the captured inputs, ground truth, and the latest model
+                response so you can inspect what was evaluated.
+            </span>
+        ),
+        selector: "#tour-human-eval-io-panel",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "⚡️",
+        title: "Re-run this scenario",
+        content: (
+            <span>
+                Trigger a fresh invocation whenever you tweak prompts or want a new trace before you
+                record feedback.
+            </span>
+        ),
+        selector: "#tour-human-eval-run-button",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+    {
+        icon: "✍️",
+        title: "Annotate findings",
+        content: (
+            <span>
+                Record rubric scores, qualitative notes, and evaluator overrides here—each entry is
+                versioned per scenario and reviewer.
+            </span>
+        ),
+        selector: "#tour-human-eval-annotation-panel",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+    {
+        icon: "📋",
+        title: "Table view",
+        content: (
+            <span>
+                Jump to the table to scan every scenario, filter by status, and open the ones that
+                still need annotations.
+            </span>
+        ),
+        selector: "#tour-human-eval-table-view",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 20,
+        pointerRadius: 12,
+    },
+    {
+        icon: "📊",
+        title: "Results tab",
+        content: (
+            <span>
+                Use the results tab to review aggregate evaluator scores and compare performance
+                across metrics for the entire run.
+            </span>
+        ),
+        selector: "#tour-human-eval-results-tab",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+]
+
+const HUMAN_EVAL_RUN_TOUR: TourDefinition = [
+    {
+        tour: "human-eval-annotation-quickstart",
+        steps: HUMAN_EVAL_RUN_STEPS,
+    },
+]
+
+const HUMAN_EVAL_VIEW_BY_SELECTOR: Record<string, NonNullable<EvalRunUrlState["view"]>> = {
+    "#tour-human-eval-focus-tab": "focus",
+    "#tour-human-eval-io-panel": "focus",
+    "#tour-human-eval-run-button": "focus",
+    "#tour-human-eval-annotation-panel": "focus",
+    "#tour-human-eval-table-view": "table",
+    "#tour-human-eval-results-tab": "results",
+}
+
+const ensureHumanEvalView = (selector?: string | null) => {
+    if (!selector) return
+    const targetView = HUMAN_EVAL_VIEW_BY_SELECTOR[selector]
+    if (!targetView) return
+
+    getDefaultStore().set(urlStateAtom, (draft) => {
+        if (draft.view === targetView) return
+        draft.view = targetView as EvalRunUrlState["view"]
+        if (targetView !== "focus") {
+            draft.scenarioId = undefined
+        }
+    })
+}
+
+const resolveDefaultEvaluationTour = (): TourDefinition => {
+    return AUTO_EVALUATION_TOUR
+}
+
+const resolveHumanEvaluationTour = (ctx: OnboardingStepsContext): TourDefinition => {
+    ensureHumanEvalView(ctx.currentStep?.selector ?? null)
+    return HUMAN_EVAL_RUN_TOUR
+}
+
+const resolveEvaluationTour = (ctx: OnboardingStepsContext): TourDefinition => {
+    const location = ctx.location
+    const evalType = getDefaultStore().get(evalTypeAtom)
+    const trailSegments = location?.trail ? location.trail.split("/").filter(Boolean) : []
+    const isEvaluationsSection = location?.section === "evaluations"
+    const isDetailRoute = isEvaluationsSection && trailSegments.length > 1
+    const isListRoute = isEvaluationsSection && trailSegments.length <= 1
+
+    if (isDetailRoute && evalType === "human") {
+        return resolveHumanEvaluationTour(ctx)
+    }
+
+    if (isListRoute) {
+        return resolveDefaultEvaluationTour()
+    }
+
+    return []
+}
+
+const EVALUATION_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    Hobbyist: (ctx) => resolveEvaluationTour(ctx),
+    "ML/AI Engineer or Data scientist": (ctx) => resolveEvaluationTour(ctx),
+    "Frontend / Backend Developer": (ctx) => resolveEvaluationTour(ctx),
+}
+
+export const EVALUATION_TOURS = new Proxy(EVALUATION_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof EVALUATION_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/index.ts b/web/oss/src/state/onboarding/steps/index.ts
new file mode 100644
index 0000000000..1db115c893
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/index.ts
@@ -0,0 +1,30 @@
+import {APP_MANAGEMENT_TOURS} from "./appManagementSteps"
+import {OnboardingStepsContext, TourDefinition} from "./types"
+import {EVALUATION_TOURS} from "./evaluationSteps"
+import {OBSERVABILITY_TOURS} from "./observabilitySteps"
+import {PLAYGROUND_TOURS, resolvePlaygroundPostRunTour} from "./playgroundSteps"
+import {TRACE_TOURS} from "./traceSteps"
+
+export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    apps: (ctx) => {
+        return APP_MANAGEMENT_TOURS[ctx.userContext?.userRole](ctx)
+    },
+    playground: (ctx) => {
+        return PLAYGROUND_TOURS[ctx.userContext?.userRole](ctx)
+    },
+    playgroundPostRun: (_ctx) => {
+        return resolvePlaygroundPostRunTour()
+    },
+    evaluations: (ctx) => {
+        return EVALUATION_TOURS[ctx.userContext?.userRole](ctx)
+    },
+    observability: (ctx) => {
+        const resolver =
+            OBSERVABILITY_TOURS[ctx.userContext?.userRole] ?? OBSERVABILITY_TOURS.Hobbyist
+        return resolver(ctx)
+    },
+    trace: (ctx) => {
+        const resolver = TRACE_TOURS[ctx.userContext?.userRole] ?? TRACE_TOURS.Hobbyist
+        return resolver(ctx)
+    },
+}
diff --git a/web/oss/src/state/onboarding/steps/observabilitySteps.tsx b/web/oss/src/state/onboarding/steps/observabilitySteps.tsx
new file mode 100644
index 0000000000..8ace24371a
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/observabilitySteps.tsx
@@ -0,0 +1,18 @@
+import {OnboardingStepsContext, TourDefinition} from "./types"
+
+const EMPTY_TOUR: TourDefinition = []
+
+const OBSERVABILITY_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    Hobbyist: () => EMPTY_TOUR,
+    "ML/AI Engineer or Data scientist": () => EMPTY_TOUR,
+    "Frontend / Backend Developer": () => EMPTY_TOUR,
+}
+
+export const OBSERVABILITY_TOURS = new Proxy(OBSERVABILITY_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof OBSERVABILITY_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
new file mode 100644
index 0000000000..3b437d6fc2
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -0,0 +1,365 @@
+import {getDefaultStore} from "jotai"
+import {
+    appChatModeAtom,
+    displayedVariantsAtom,
+    variantByRevisionIdAtomFamily,
+} from "@/oss/components/Playground/state/atoms"
+import {closeTraceDrawerAtom} from "@/oss/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore"
+import {
+    openDeployVariantModalAtom,
+    closeDeployVariantModalAtom,
+} from "@/oss/components/Playground/Components/Modals/DeployVariantModal/store/deployVariantModalStore"
+import {TRACE_DRAWER_STEPS} from "./traceSteps"
+import {OnboardingStepsContext, TourDefinition} from "./types"
+
+const triggerTraceButtonClick = () => {
+    if (typeof window === "undefined") return
+    const button = document.getElementById("tour-playground-trace-button")
+    if (!button) return
+    button.dispatchEvent(new MouseEvent("click", {bubbles: true}))
+}
+
+const closeTraceDrawer = () => {
+    getDefaultStore().set(closeTraceDrawerAtom)
+}
+
+const TRACE_STEPS_FOR_PLAYGROUND = TRACE_DRAWER_STEPS.slice(0, 4).map((step) => {
+    if (step.selector === "#tour-trace-tree-panel") {
+        return {
+            ...step,
+            onEnter: () => triggerTraceButtonClick(),
+            onboardingSection: "playgroundPostRun",
+        }
+    }
+
+    return {
+        ...step,
+        onboardingSection: "playgroundPostRun",
+    }
+})
+
+const openDeployModalForCurrentVariant = () => {
+    const store = getDefaultStore()
+    const variants = store.get(displayedVariantsAtom) || []
+    const revisionId = variants[0]
+    if (!revisionId) return
+    const variant = store.get(variantByRevisionIdAtomFamily(revisionId)) as any
+
+    const payload = {
+        parentVariantId: variant?.variantId ?? null,
+        revisionId: variant?.id ?? revisionId,
+        variantName: variant?.variantName ?? variant?.name ?? "Current variant",
+        revision: variant?.revisionNumber ?? variant?.revision ?? "",
+        mutate: undefined,
+    }
+
+    store.set(openDeployVariantModalAtom, payload as any)
+}
+
+const closeDeployModal = () => {
+    getDefaultStore().set(closeDeployVariantModalAtom)
+}
+
+const PLAYGROUND_COMPLETION_TOUR: TourDefinition = [
+    {
+        tour: "playground-completion-quickstart",
+        steps: [
+            {
+                icon: "🧠",
+                title: "Shape the prompt",
+                content: (
+                    <span>
+                        Edit your system and user messages here to steer how Agenta completes the
+                        request.
+                    </span>
+                ),
+                selector: "#tour-playground-prompt",
+                side: "right",
+                showControls: true,
+                showSkip: true,
+                pointerPadding: 12,
+                pointerRadius: 12,
+            },
+            {
+                icon: "🎛️",
+                title: "Set test variables",
+                content: (
+                    <span>
+                        Provide example values for your template inputs to preview different
+                        scenarios.
+                    </span>
+                ),
+                selector: "#tour-playground-variable",
+                side: "right",
+                showControls: true,
+                showSkip: true,
+                pointerPadding: 12,
+                pointerRadius: 12,
+                viewportId: "scrollable-viewport",
+            },
+            {
+                icon: "🧪",
+                title: "Load a saved testset",
+                content: (
+                    <span>
+                        Reuse curated scenarios by loading a testset. It auto-populates the
+                        variables so you can replay regressions instantly.
+                    </span>
+                ),
+                selector: "#tour-playground-load-testset",
+                side: "bottom",
+                showControls: true,
+                showSkip: true,
+                pointerPadding: 12,
+                pointerRadius: 12,
+            },
+            {
+                icon: "⚡️",
+                title: "Run the prompt",
+                content: (
+                    <span>
+                        Execute the prompt with the current variables to inspect the output.
+                    </span>
+                ),
+                selector: "#tour-playground-run-button",
+                side: "bottom",
+                showControls: true,
+                showSkip: true,
+                pointerPadding: 6,
+                pointerRadius: 12,
+                viewportId: "scrollable-viewport",
+            },
+        ],
+    },
+]
+
+const PLAYGROUND_CHAT_TOUR: TourDefinition = [
+    {
+        tour: "playground-chat-quickstart",
+        steps: [
+            {
+                icon: "🧠",
+                title: "Craft the system prompt",
+                content: (
+                    <span>
+                        Define high-level guidance for your assistant. This prompt sets the tone for
+                        every reply.
+                    </span>
+                ),
+                selector: "#tour-playground-prompt",
+                side: "right",
+                showControls: true,
+                showSkip: true,
+                pointerPadding: 12,
+                pointerRadius: 12,
+            },
+            {
+                icon: "📥",
+                title: "Set conversation context",
+                content: (
+                    <span>
+                        Provide any scenario-specific inputs so the model understands the user’s
+                        request before chat begins.
+                    </span>
+                ),
+                selector: "#tour-playground-variable",
+                side: "right",
+                showControls: true,
+                showSkip: true,
+                pointerPadding: 12,
+                pointerRadius: 12,
+                viewportId: "scrollable-viewport",
+            },
+            {
+                icon: "💬",
+                title: "Write the user message",
+                content: (
+                    <span>
+                        Type the first user turn to kick off your conversation and test the flow.
+                    </span>
+                ),
+                selector: "#tour-chat-user-message",
+                side: "left",
+                showControls: true,
+                showSkip: true,
+                pointerPadding: 12,
+                pointerRadius: 12,
+                viewportId: "scrollable-viewport",
+            },
+            {
+                icon: "⚡️",
+                title: "Run the chat turn",
+                content: (
+                    <span>
+                        Execute the chat turn to preview the assistant response and iterate quickly.
+                    </span>
+                ),
+                selector: "#tour-playground-run-button",
+                side: "bottom",
+                showControls: true,
+                showSkip: true,
+                pointerPadding: 12,
+                pointerRadius: 12,
+                viewportId: "scrollable-viewport",
+            },
+        ],
+    },
+]
+
+const getPlaygroundTourDefinition = (): TourDefinition => {
+    const store = getDefaultStore()
+    const isChat = store.get(appChatModeAtom)
+    return isChat ? PLAYGROUND_CHAT_TOUR : PLAYGROUND_COMPLETION_TOUR
+}
+
+const buildPostRunSteps = (mode: "completion" | "chat") => {
+    const isChat = mode === "chat"
+
+    return [
+        {
+            icon: isChat ? "💬" : "📄",
+            title: isChat ? "Inspect assistant turns" : "Review the response",
+            content: (
+                <span>
+                    {isChat
+                        ? "Scroll through the assistant response to validate tool calls, JSON payloads, and structured replies."
+                        : "Inspect the latest output and verify whether the completion follows the variables and instructions you provided."}
+                </span>
+            ),
+            selector: "#tour-playground-output-panel",
+            side: "left",
+            showControls: true,
+            showSkip: true,
+            pointerPadding: 12,
+            pointerRadius: 12,
+            viewportId: "scrollable-viewport",
+            onboardingSection: "playgroundPostRun" as const,
+        },
+        {
+            icon: "🧠",
+            title: "Trace every run",
+            content: (
+                <span>
+                    Open the trace drawer to debug latency, token usage, and each span that powered
+                    this run.
+                </span>
+            ),
+            selector: "#tour-playground-trace-button",
+            side: "bottom",
+            showControls: true,
+            showSkip: true,
+            pointerPadding: 12,
+            pointerRadius: 12,
+            onboardingSection: "playgroundPostRun" as const,
+        },
+        ...TRACE_STEPS_FOR_PLAYGROUND,
+        {
+            icon: "🧪",
+            title: "Add runs to a testset",
+            content: (
+                <span>
+                    Capture the current outputs into a testset so you can build regression suites
+                    and evaluate new variants later.
+                </span>
+            ),
+            selector: "#tour-playground-add-testset",
+            side: "left",
+            showControls: true,
+            showSkip: true,
+            pointerPadding: 12,
+            pointerRadius: 12,
+            onboardingSection: "playgroundPostRun" as const,
+            onEnter: () => closeTraceDrawer(),
+        },
+        // {
+        //     icon: "🚀",
+        //     title: "Deploy your variant",
+        //     content: (
+        //         <span>
+        //             Ship this iteration to an environment when you&apos;re confident with the
+        //             current run.
+        //         </span>
+        //     ),
+        //     selector: "#tour-playground-deploy-button",
+        //     side: "bottom",
+        //     showControls: true,
+        //     showSkip: true,
+        //     pointerPadding: 12,
+        //     pointerRadius: 12,
+        //     onboardingSection: "playgroundPostRun" as const,
+        // },
+        // {
+        //     icon: "🌐",
+        //     title: "Choose an environment",
+        //     content: (
+        //         <span>
+        //             Pick the target environment for this deployment. Each row represents one of your
+        //             configured stages.
+        //         </span>
+        //     ),
+        //     selector: "#tour-playground-deploy-modal-table",
+        //     side: "top",
+        //     showControls: true,
+        //     showSkip: true,
+        //     pointerPadding: 12,
+        //     pointerRadius: 12,
+        //     onboardingSection: "playgroundPostRun" as const,
+        //     onEnter: () => openDeployModalForCurrentVariant(),
+        // },
+        // {
+        //     icon: "✅",
+        //     title: "Confirm deployment",
+        //     content: (
+        //         <span>
+        //             Deploy the selected variant to the chosen environment. You can always redeploy
+        //             after more changes.
+        //         </span>
+        //     ),
+        //     selector: "#tour-playground-deploy-modal-confirm",
+        //     side: "bottom",
+        //     showControls: true,
+        //     showSkip: true,
+        //     pointerPadding: 12,
+        //     pointerRadius: 12,
+        //     onboardingSection: "playgroundPostRun" as const,
+        //     onCleanup: () => closeDeployModal(),
+        // },
+    ]
+}
+
+const PLAYGROUND_COMPLETION_RESULT_TOUR: TourDefinition = [
+    {
+        tour: "playground-completion-post-run",
+        steps: buildPostRunSteps("completion"),
+    },
+]
+
+const PLAYGROUND_CHAT_RESULT_TOUR: TourDefinition = [
+    {
+        tour: "playground-chat-post-run",
+        steps: buildPostRunSteps("chat"),
+    },
+]
+
+const getPlaygroundResultTourDefinition = (): TourDefinition => {
+    const store = getDefaultStore()
+    const isChat = store.get(appChatModeAtom)
+    return isChat ? PLAYGROUND_CHAT_RESULT_TOUR : PLAYGROUND_COMPLETION_RESULT_TOUR
+}
+
+const PLAYGROUND_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    Hobbyist: (_ctx) => getPlaygroundTourDefinition(),
+    "ML/AI Engineer or Data scientist": (_ctx) => getPlaygroundTourDefinition(),
+    "Frontend / Backend Developer": (_ctx) => getPlaygroundTourDefinition(),
+}
+
+export const PLAYGROUND_TOURS = new Proxy(PLAYGROUND_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof PLAYGROUND_TOUR_MAP
+
+export const resolvePlaygroundPostRunTour = () => getPlaygroundResultTourDefinition()
diff --git a/web/oss/src/state/onboarding/steps/traceSteps.tsx b/web/oss/src/state/onboarding/steps/traceSteps.tsx
new file mode 100644
index 0000000000..beb9942ecc
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/traceSteps.tsx
@@ -0,0 +1,205 @@
+import {getDefaultStore} from "jotai"
+
+import {
+    isDrawerOpenAtom,
+    traceDrawerActiveTabAtom,
+    traceDrawerAtom,
+    TraceDrawerTabKey,
+    TRACE_DRAWER_VIEWPORT_ID,
+} from "@/oss/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore"
+
+import {OnboardingStepsContext, TourDefinition} from "./types"
+
+const TRACE_TABS_BY_SELECTOR: Record<string, TraceDrawerTabKey> = {
+    "#tour-trace-tab-overview": "overview",
+    "#tour-trace-tab-raw": "raw_data",
+    "#tour-trace-tab-annotations": "annotations",
+}
+
+const ensureTraceTab = (selector?: string | null) => {
+    if (!selector) return
+    const tab = TRACE_TABS_BY_SELECTOR[selector]
+    if (!tab) return
+
+    getDefaultStore().set(traceDrawerActiveTabAtom, tab)
+}
+
+export const TRACE_DRAWER_STEPS: TourDefinition[number]["steps"] = [
+    {
+        icon: "🌲",
+        title: "Span navigator",
+        content: (
+            <span>
+                The trace tree lists every span in execution order. Click any node to focus the
+                central detail view.
+            </span>
+        ),
+        selector: "#tour-trace-tree-panel",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportID: TRACE_DRAWER_VIEWPORT_ID,
+    },
+    {
+        icon: "📊",
+        title: "Metrics rail",
+        content: (
+            <span>
+                Use the side rail to inspect latency, token usage, cost, and request metadata for
+                the selected span.
+            </span>
+        ),
+        selector: "#tour-trace-side-panel",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportID: TRACE_DRAWER_VIEWPORT_ID,
+    },
+    {
+        icon: "🧪",
+        title: "Add to testsets",
+        content: (
+            <span>
+                Capture this span&apos;s inputs and outputs into a regression testset so you can
+                evaluate new variants later.
+            </span>
+        ),
+        selector: "#tour-trace-add-testset",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportID: TRACE_DRAWER_VIEWPORT_ID,
+    },
+    {
+        icon: "✍️",
+        title: "Annotate spans",
+        content: (
+            <span>
+                Open the annotation drawer to record qualitative feedback or kick off evaluator
+                workflows directly from a trace.
+            </span>
+        ),
+        selector: "#tour-trace-annotate-button",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportID: TRACE_DRAWER_VIEWPORT_ID,
+    },
+    {
+        icon: "💬",
+        title: "Annotation summaries",
+        content: (
+            <span>
+                Review existing annotations, rubric scores, and reviewer notes grouped by evaluator.
+            </span>
+        ),
+        selector: "#tour-trace-annotation-view",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportID: TRACE_DRAWER_VIEWPORT_ID,
+    },
+    {
+        icon: "🧭",
+        title: "Overview tab",
+        content: (
+            <span>
+                Start here to get a curated summary of prompts, tool calls, latency, and tokens for
+                the active span.
+            </span>
+        ),
+        selector: "#tour-trace-tab-overview",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportID: TRACE_DRAWER_VIEWPORT_ID,
+    },
+    {
+        icon: "📄",
+        title: "Raw data tab",
+        content: (
+            <span>
+                Inspect the raw request and response payloads, metadata, and structured context in
+                their original format.
+            </span>
+        ),
+        selector: "#tour-trace-tab-raw",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportID: TRACE_DRAWER_VIEWPORT_ID,
+    },
+    {
+        icon: "🏷️",
+        title: "Annotations tab",
+        content: (
+            <span>
+                Focus solely on human or automated annotations inside a dedicated workspace for deep
+                review.
+            </span>
+        ),
+        selector: "#tour-trace-tab-annotations",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportID: TRACE_DRAWER_VIEWPORT_ID,
+    },
+]
+
+const TRACE_DRAWER_TOUR: TourDefinition = [
+    {
+        tour: "trace-drawer-quickstart",
+        steps: TRACE_DRAWER_STEPS,
+    },
+]
+
+const ensureDrawerReady = () => {
+    const store = getDefaultStore()
+    const state = store.get(traceDrawerAtom)
+    if (!state?.traceId) {
+        return false
+    }
+    if (!store.get(isDrawerOpenAtom)) {
+        store.set(traceDrawerAtom, (draft) => {
+            draft.open = true
+        })
+    }
+    return true
+}
+
+const withTraceDrawerTour = (ctx: OnboardingStepsContext) => {
+    if (!ensureDrawerReady()) return []
+    ensureTraceTab(ctx.currentStep?.selector ?? null)
+    return TRACE_DRAWER_TOUR
+}
+
+const TRACE_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    Hobbyist: (ctx) => withTraceDrawerTour(ctx),
+    "ML/AI Engineer or Data scientist": (ctx) => withTraceDrawerTour(ctx),
+    "Frontend / Backend Developer": (ctx) => withTraceDrawerTour(ctx),
+}
+
+export const TRACE_TOURS = new Proxy(TRACE_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof TRACE_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/types.ts b/web/oss/src/state/onboarding/steps/types.ts
new file mode 100644
index 0000000000..80e2c98974
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/types.ts
@@ -0,0 +1,16 @@
+import {Tour} from "nextstepjs"
+
+import {CurrentOnboardingStepExtended} from "../types"
+import {URLLocationState} from "@/oss/state/url"
+
+export type OnboardingStepsContext = {
+    userContext: {
+        userRole: string
+        userExperience: string
+        userInterest: string
+    } | null
+    currentStep: CurrentOnboardingStepExtended | null
+    location: URLLocationState | null
+}
+
+export type TourDefinition = Tour[]
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
new file mode 100644
index 0000000000..56bef88f97
--- /dev/null
+++ b/web/oss/src/state/onboarding/types.ts
@@ -0,0 +1,27 @@
+import {Tour} from "nextstepjs"
+
+export type OnboardingState = "idle" | "started" | "done" | "error" | "skipped"
+
+export type UserOnboardingStatus<T = OnboardingState> = {
+    apps: T
+    playground: T
+    playgroundPostRun: T
+    evaluations: T
+    observability: T
+    trace: T
+}
+
+export type OnboardingStep = Tour["steps"][number] & {
+    onEnter?: () => void
+    onExit?: () => void
+    onCleanup?: () => void
+    onboardingSection?: keyof UserOnboardingStatus
+}
+
+export type CurrentOnboardingStep = OnboardingStep
+
+export interface CurrentOnboardingStepExtended extends CurrentOnboardingStep {
+    location?: string
+    currentStep?: number
+    totalSteps?: number
+}
diff --git a/web/oss/src/state/url/index.ts b/web/oss/src/state/url/index.ts
index 94a74b005a..f8da2e7d4b 100644
--- a/web/oss/src/state/url/index.ts
+++ b/web/oss/src/state/url/index.ts
@@ -1,6 +1,8 @@
 import {getDefaultStore} from "jotai"
 import {eagerAtom} from "jotai-eager"
+import {selectAtom} from "jotai/utils"
 
+import type {AppStateSnapshot, RouteLayer} from "@/oss/state/appState"
 import {appStateSnapshotAtom} from "@/oss/state/appState"
 import {selectedOrgAtom} from "@/oss/state/org/selectors/org"
 
@@ -20,6 +22,169 @@ export interface URLState {
     appURL: string
 }
 
+export type URLLocationScope =
+    | "root"
+    | "auth"
+    | "post-signup"
+    | "workspace"
+    | "project"
+    | "app"
+    | "public"
+    | "unknown"
+
+export interface URLLocationState {
+    scope: URLLocationScope
+    routeLayer: RouteLayer
+    section: string | null
+    subsection: string | null
+    trail: string
+    key: string
+}
+
+const createLocationState = (
+    scope: URLLocationScope,
+    routeLayer: RouteLayer,
+    section: string | null,
+    subsection: string | null,
+    trail: string,
+): URLLocationState => {
+    const normalizedSection = section ?? null
+    const normalizedSubsection = subsection ?? null
+    const normalizedTrail = trail || ""
+    const keyParts = [scope]
+
+    if (normalizedSection) {
+        keyParts.push(normalizedSection)
+    }
+    if (normalizedSubsection) {
+        keyParts.push(normalizedSubsection)
+    }
+    if (
+        normalizedTrail &&
+        normalizedTrail !== normalizedSection &&
+        normalizedTrail !== normalizedSubsection
+    ) {
+        keyParts.push(normalizedTrail)
+    }
+
+    return {
+        scope,
+        routeLayer,
+        section: normalizedSection,
+        subsection: normalizedSubsection,
+        trail: normalizedTrail,
+        key: keyParts.join("|"),
+    }
+}
+
+const resolveLocationFromSnapshot = (snapshot: AppStateSnapshot): URLLocationState => {
+    const {segments, restPath, routeLayer} = snapshot
+    const [first, second] = segments
+
+    if (segments.length === 0) {
+        return createLocationState("root", routeLayer, null, null, "")
+    }
+
+    if (first === "auth") {
+        const authRest = segments.slice(1)
+        return createLocationState(
+            "auth",
+            routeLayer,
+            authRest[0] ?? null,
+            authRest[1] ?? null,
+            authRest.join("/"),
+        )
+    }
+
+    if (first === "post-signup") {
+        const postSignupRest = segments.slice(1)
+        return createLocationState(
+            "post-signup",
+            routeLayer,
+            postSignupRest[0] ?? null,
+            postSignupRest[1] ?? null,
+            postSignupRest.join("/"),
+        )
+    }
+
+    if (first === "workspaces" && second === "accept") {
+        const acceptRest = segments.slice(2)
+        return createLocationState(
+            "auth",
+            routeLayer,
+            "workspaces-accept",
+            acceptRest[0] ?? null,
+            acceptRest.join("/"),
+        )
+    }
+
+    if (first === "w") {
+        if (segments.length === 1) {
+            return createLocationState("workspace", routeLayer, null, null, "")
+        }
+
+        if (routeLayer === "app") {
+            const section = restPath[0] ?? null
+            return createLocationState(
+                "app",
+                routeLayer,
+                section,
+                restPath[1] ?? null,
+                restPath.join("/"),
+            )
+        }
+        if (routeLayer === "project") {
+            const projectSegments = restPath.length > 0 ? restPath : segments.slice(4)
+            return createLocationState(
+                "project",
+                routeLayer,
+                projectSegments[0] ?? null,
+                projectSegments[1] ?? null,
+                projectSegments.join("/"),
+            )
+        }
+        if (routeLayer === "workspace" || routeLayer === "root") {
+            return createLocationState(
+                "workspace",
+                routeLayer,
+                restPath[0] ?? null,
+                restPath[1] ?? null,
+                restPath.join("/"),
+            )
+        }
+
+        if (routeLayer === "unknown") {
+            const workspaceRest = segments.slice(2)
+            return createLocationState(
+                "workspace",
+                routeLayer,
+                workspaceRest[0] ?? null,
+                workspaceRest[1] ?? null,
+                workspaceRest.join("/"),
+            )
+        }
+    }
+
+    const fallbackScope: URLLocationScope = routeLayer === "unknown" ? "unknown" : "public"
+
+    return createLocationState(
+        fallbackScope,
+        routeLayer,
+        first ?? null,
+        segments[1] ?? null,
+        segments.slice(1).join("/"),
+    )
+}
+
+const urlLocationEquality = (prev: URLLocationState, next: URLLocationState) =>
+    prev.key === next.key && prev.routeLayer === next.routeLayer
+
+export const urlLocationAtom = selectAtom(
+    appStateSnapshotAtom,
+    resolveLocationFromSnapshot,
+    urlLocationEquality,
+)
+
 export const urlAtom = eagerAtom<URLState>((get) => {
     const snapshot = get(appStateSnapshotAtom)
     const selectedOrg = get(selectedOrgAtom)
diff --git a/web/package.json b/web/package.json
index a4d40c637a..67bdfee0f3 100644
--- a/web/package.json
+++ b/web/package.json
@@ -75,6 +75,9 @@
         "overrides": {
             "prismjs@<1.30.0": ">=1.30.0",
             "@babel/runtime@<7.26.10": ">=7.26.10"
+        },
+        "patchedDependencies": {
+            "nextstepjs@2.1.2": "patches/nextstepjs@2.1.2.patch"
         }
     }
 }
diff --git a/web/patches/nextstepjs@2.1.2.patch b/web/patches/nextstepjs@2.1.2.patch
new file mode 100644
index 0000000000..0ee7d8a19c
--- /dev/null
+++ b/web/patches/nextstepjs@2.1.2.patch
@@ -0,0 +1,169 @@
+diff --git a/dist/NextStepReact.js b/dist/NextStepReact.js
+index a34d899..4216c52 100644
+--- a/dist/NextStepReact.js
++++ b/dist/NextStepReact.js
+@@ -7,6 +7,9 @@ import { useWindowAdapter } from './adapters/window';
+ import DefaultCard from './DefaultCard';
+ import DynamicPortal from './DynamicPortal';
+ import SmoothSpotlight from './SmoothSpotlight';
++
++const MIN_SELECTOR_LOOKUP_ATTEMPTS = 3;
++const SELECTOR_LOOKUP_DELAY_MS = 200;
+ /**
+  * NextStepReact component for rendering the onboarding steps.
+  *
+@@ -213,6 +216,7 @@ const NextStepReact = ({ children, steps, shadowRgb = '0, 0, 0', shadowOpacity =
+     // - -
+     // Update pointerPosition when currentStep changes
+     useEffect(() => {
++        let cleanupRetries = () => { };
+         if (isNextStepVisible && currentTourSteps) {
+             if (!disableConsoleLogs) {
+                 console.log('NextStep: Current Step Changed');
+@@ -234,8 +238,14 @@ const NextStepReact = ({ children, steps, shadowRgb = '0, 0, 0', shadowOpacity =
+             setViewportRect(tempViewportRect);
+             setScrollableParent(getScrollableParent(tempViewport));
+             if (step && step.selector) {
+-                const element = document.querySelector(step.selector);
+-                if (element) {
++                const retryTimeouts = [];
++                let cancelled = false;
++                const attempts = Math.max((step.selectorRetryAttempts ?? MIN_SELECTOR_LOOKUP_ATTEMPTS), MIN_SELECTOR_LOOKUP_ATTEMPTS);
++                const retryDelay = step.selectorRetryDelay ?? SELECTOR_LOOKUP_DELAY_MS;
++                const handleElementLocated = (element) => {
++                    if (cancelled) {
++                        return;
++                    }
+                     setPointerPosition(getElementPosition(element));
+                     currentElementRef.current = element;
+                     setElementToScroll(element);
+@@ -252,7 +262,28 @@ const NextStepReact = ({ children, steps, shadowRgb = '0, 0, 0', shadowOpacity =
+                                     : 'center',
+                         });
+                     }
+-                }
++                };
++                const attemptLookup = (remainingAttempts) => {
++                    if (cancelled) {
++                        return;
++                    }
++                    const element = document.querySelector(step.selector);
++                    if (element) {
++                        handleElementLocated(element);
++                        return;
++                    }
++                    if (remainingAttempts > 0) {
++                        const timeoutId = window.setTimeout(() => attemptLookup(remainingAttempts - 1), retryDelay);
++                        retryTimeouts.push(timeoutId);
++                    }
++                };
++                attemptLookup(attempts);
++                cleanupRetries = () => {
++                    cancelled = true;
++                    retryTimeouts.forEach((timeoutId) => {
++                        window.clearTimeout(timeoutId);
++                    });
++                };
+             }
+             else {
+                 // Reset pointer position to middle of the screen when selector is empty, undefined, or ""
+@@ -276,6 +307,9 @@ const NextStepReact = ({ children, steps, shadowRgb = '0, 0, 0', shadowOpacity =
+                 setElementToScroll(null);
+             }
+         }
++        return () => {
++            cleanupRetries();
++        };
+     }, [currentStep, currentTourSteps, isInView, offset, isNextStepVisible]);
+     useEffect(() => {
+         if (elementToScroll && !isInView && isNextStepVisible) {
+diff --git a/src/NextStepReact.tsx b/src/NextStepReact.tsx
+index 5ddca29..933b7bd 100644
+--- a/src/NextStepReact.tsx
++++ b/src/NextStepReact.tsx
+@@ -10,6 +10,9 @@ import DefaultCard from './DefaultCard';
+ import DynamicPortal from './DynamicPortal';
+ import SmoothSpotlight from './SmoothSpotlight';
+ 
++const MIN_SELECTOR_LOOKUP_ATTEMPTS = 3;
++const SELECTOR_LOOKUP_DELAY_MS = 200;
++
+ /**
+  * NextStepReact component for rendering the onboarding steps.
+  *
+@@ -268,6 +271,7 @@ const NextStepReact: React.FC<NextStepProps> = ({
+   // - -
+   // Update pointerPosition when currentStep changes
+   useEffect(() => {
++    let cleanupRetries = () => {};
+     if (isNextStepVisible && currentTourSteps) {
+       if (!disableConsoleLogs) {
+         console.log('NextStep: Current Step Changed');
+@@ -293,8 +297,18 @@ const NextStepReact: React.FC<NextStepProps> = ({
+       setScrollableParent(getScrollableParent(tempViewport));
+ 
+       if (step && step.selector) {
+-        const element = document.querySelector(step.selector) as Element | null;
+-        if (element) {
++        const retryTimeouts: number[] = [];
++        let cancelled = false;
++        const attempts = Math.max(
++          step.selectorRetryAttempts ?? MIN_SELECTOR_LOOKUP_ATTEMPTS,
++          MIN_SELECTOR_LOOKUP_ATTEMPTS,
++        );
++        const retryDelay = step.selectorRetryDelay ?? SELECTOR_LOOKUP_DELAY_MS;
++
++        const handleElementLocated = (element: Element) => {
++          if (cancelled) {
++            return;
++          }
+           setPointerPosition(getElementPosition(element));
+           currentElementRef.current = element;
+           setElementToScroll(element);
+@@ -316,7 +330,34 @@ const NextStepReact: React.FC<NextStepProps> = ({
+                 : 'center',
+             });
+           }
+-        }
++        };
++
++        const attemptLookup = (remainingAttempts: number) => {
++          if (cancelled) {
++            return;
++          }
++          const element = document.querySelector(step.selector) as Element | null;
++          if (element) {
++            handleElementLocated(element);
++            return;
++          }
++          if (remainingAttempts > 0) {
++            const timeoutId = window.setTimeout(
++              () => attemptLookup(remainingAttempts - 1),
++              retryDelay,
++            );
++            retryTimeouts.push(timeoutId);
++          }
++        };
++
++        attemptLookup(attempts);
++
++        cleanupRetries = () => {
++          cancelled = true;
++          retryTimeouts.forEach((timeoutId) => {
++            window.clearTimeout(timeoutId);
++          });
++        };
+       } else {
+         // Reset pointer position to middle of the screen when selector is empty, undefined, or ""
+         if (step.viewportID) {
+@@ -339,6 +380,10 @@ const NextStepReact: React.FC<NextStepProps> = ({
+         setElementToScroll(null);
+       }
+     }
++
++    return () => {
++      cleanupRetries();
++    };
+   }, [currentStep, currentTourSteps, isInView, offset, isNextStepVisible]);
+ 
+   useEffect(() => {
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index ba50ef7ec1..61cae877fc 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -8,6 +8,11 @@ overrides:
   prismjs@<1.30.0: '>=1.30.0'
   '@babel/runtime@<7.26.10': '>=7.26.10'
 
+patchedDependencies:
+  nextstepjs@2.1.2:
+    hash: f2fb5bcbb48c1ccdc866554908cfee767e783d127466ce8ee981d198ac893baa
+    path: patches/nextstepjs@2.1.2.patch
+
 importers:
 
   .:
@@ -545,9 +550,15 @@ importers:
       lucide-react:
         specifier: ^0.475.0
         version: 0.475.0(react@19.0.0)
+      motion:
+        specifier: ^12.23.24
+        version: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       next:
         specifier: 15.5.2
         version: 15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      nextstepjs:
+        specifier: ^2.1.2
+        version: 2.1.2(patch_hash=f2fb5bcbb48c1ccdc866554908cfee767e783d127466ce8ee981d198ac893baa)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       papaparse:
         specifier: ^5.5.3
         version: 5.5.3
@@ -3507,6 +3518,20 @@ packages:
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
+  framer-motion@12.23.24:
+    resolution: {integrity: sha512-HMi5HRoRCTou+3fb3h9oTLyJGBxHfW+HnNE25tAXOvVx/IvwMHK0cx7IR4a2ZU6sh3IX1Z+4ts32PcYBOqka8w==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   fresh@0.5.2:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
@@ -4287,6 +4312,26 @@ packages:
   monaco-editor@0.52.2:
     resolution: {integrity: sha512-GEQWEZmfkOGLdd3XK8ryrfWz3AIP8YymVXiPHEdewrUq7mh0qrKrfHLNCXcbB6sTnMLnOZ3ztSiKcciFUkIJwQ==}
 
+  motion-dom@12.23.23:
+    resolution: {integrity: sha512-n5yolOs0TQQBRUFImrRfs/+6X4p3Q4n1dUEqt/H58Vx7OW6RF+foWEgmTVDhIWJIMXOuNNL0apKH2S16en9eiA==}
+
+  motion-utils@12.23.6:
+    resolution: {integrity: sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==}
+
+  motion@12.23.24:
+    resolution: {integrity: sha512-Rc5E7oe2YZ72N//S3QXGzbnXgqNrTESv8KKxABR20q2FLch9gHLo0JLyYo2hZ238bZ9Gx6cWhj9VO0IgwbMjCw==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   mrmime@2.0.1:
     resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
@@ -4338,6 +4383,23 @@ packages:
       sass:
         optional: true
 
+  nextstepjs@2.1.2:
+    resolution: {integrity: sha512-m9WnoeSFJaA9804vZo78GJZT9emmCfmmlR7Mewnd4OGcYSZv8PGt2uNeJRG3KedWt/sPov+rlMLA+kA3NWzXoQ==}
+    peerDependencies:
+      '@remix-run/react': '>=1.0.0'
+      motion: '>=11'
+      next: '>=13.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+      react-router: '>=7.0.0'
+    peerDependenciesMeta:
+      '@remix-run/react':
+        optional: true
+      next:
+        optional: true
+      react-router:
+        optional: true
+
   node-domexception@1.0.0:
     resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
     engines: {node: '>=10.5.0'}
@@ -9127,6 +9189,16 @@ snapshots:
 
   fraction.js@4.3.7: {}
 
+  framer-motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      motion-dom: 12.23.23
+      motion-utils: 12.23.6
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 0.7.3
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   fresh@0.5.2: {}
 
   fs.realpath@1.0.0: {}
@@ -9932,6 +10004,21 @@ snapshots:
 
   monaco-editor@0.52.2: {}
 
+  motion-dom@12.23.23:
+    dependencies:
+      motion-utils: 12.23.6
+
+  motion-utils@12.23.6: {}
+
+  motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      framer-motion: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 0.7.3
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   mrmime@2.0.1: {}
 
   ms@2.1.3: {}
@@ -9976,6 +10063,14 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
+  nextstepjs@2.1.2(patch_hash=f2fb5bcbb48c1ccdc866554908cfee767e783d127466ce8ee981d198ac893baa)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      motion: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      next: 15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+
   node-domexception@1.0.0: {}
 
   node-fetch@2.7.0:

From d8c851e5efe72fe2bc90cb5a0e4ca13f7a9a7083 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:26:34 +0600
Subject: [PATCH 02/53] fixed codeql issue

---
 .../DeployVariantModal/assets/DeployVariantButton/index.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
index 389aff086f..e1f31cb1a9 100644
--- a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
+++ b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
@@ -21,12 +21,12 @@ const DeployVariantButton = ({
     const openDeployModal = useSetAtom(openDeployVariantModalAtom)
 
     const revisionKey = revisionId ?? variantId ?? ""
-    const variant = revisionKey ? (useAtomValue(variantByRevisionIdAtomFamily(revisionKey)) as any) : null
+    const variant = useAtomValue(variantByRevisionIdAtomFamily(revisionKey)) as any
 
     const payload = useMemo(() => {
         const inferredRevisionId = revisionId ?? variant?.id ?? null
         const inferredParentVariantId =
-            typeof variant?.variantId === "string" ? variant.variantId : variantId ?? null
+            typeof variant?.variantId === "string" ? variant.variantId : (variantId ?? null)
 
         const variantName = variant?.variantName ?? variant?.name ?? label ?? "Variant"
         const revision = variant?.revisionNumber ?? variant?.revision ?? ""

From dac403b4c0936b8bd3681ec4da35905a3e342aed Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:27:04 +0600
Subject: [PATCH 03/53] fixed trace drawer issue

---
 .../Drawers/TraceDrawer/TraceDrawer.tsx       |  62 +++++-----
 .../drawer/TraceTree/assets/types.d.ts        |   5 +-
 .../observability/drawer/TraceTree/index.tsx  |   9 +-
 .../ui/CustomTreeComponent/index.tsx          |  35 +++++-
 .../onboarding/steps/playgroundSteps.tsx      | 108 +++++++++---------
 5 files changed, 131 insertions(+), 88 deletions(-)

diff --git a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
index b3877e7dc9..a6dd833cf0 100644
--- a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
+++ b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
@@ -51,6 +51,8 @@ const TraceDrawer = () => {
     const [, setTraceQueryParam] = useQueryParamState("trace")
     const [, setSpanQueryParam] = useQueryParamState("span")
 
+    const [drawerOpened, setDrawerOpened] = useState(false)
+
     // Initialize selection when drawer payload changes
     const lastPayloadActiveIdRef = useRef<string | undefined>(undefined)
 
@@ -96,7 +98,11 @@ const TraceDrawer = () => {
 
     const handleAfterOpenChange = useCallback(
         (isOpen: boolean) => {
+            if (isOpen) {
+                setDrawerOpened(true)
+            }
             if (!isOpen) {
+                setDrawerOpened(false)
                 clearTraceParam()
                 setSpanQueryParam(undefined, {shallow: true})
             }
@@ -157,39 +163,39 @@ const TraceDrawer = () => {
             afterOpenChange={handleAfterOpenChange}
             className="[&_.ant-drawer-body]:p-0"
             zIndex={900}
+            autoFocus={false}
         >
-            <NextViewport id={TRACE_DRAWER_VIEWPORT_ID} className="h-full w-full">
-                <Spin spinning={Boolean(isLoading)} tip="Loading trace…" size="large">
-                    <div className="h-full">
-                        <Splitter className="h-[calc(100%-48px)]">
-                            <Splitter.Panel defaultSize={320} collapsible>
-                                <TraceTree
-                                    activeTraceId={activeId}
-                                    selected={activeId}
-                                    setSelected={setSelected}
-                                />
-                            </Splitter.Panel>
-                            <Splitter.Panel min={400} defaultSize={640}>
-                                <TraceContent
+            <Spin spinning={Boolean(isLoading)} tip="Loading trace…" size="large">
+                <div className="h-full">
+                    <Splitter className="h-[calc(100%-48px)]">
+                        <Splitter.Panel defaultSize={320} collapsible>
+                            <TraceTree
+                                activeTraceId={activeId}
+                                selected={activeId}
+                                setSelected={setSelected}
+                                enableTour={drawerOpened}
+                            />
+                        </Splitter.Panel>
+                        <Splitter.Panel min={400} defaultSize={640}>
+                            <TraceContent
+                                activeTrace={activeTrace as any}
+                                traceResponse={traceResponse}
+                                error={error as any}
+                                isLoading={isLoading}
+                            />
+                        </Splitter.Panel>
+                        {isAnnotationsSectionOpen && (
+                            <Splitter.Panel min={200} defaultSize={320} collapsible>
+                                <TraceSidePanel
                                     activeTrace={activeTrace as any}
-                                    traceResponse={traceResponse}
-                                    error={error as any}
+                                    activeTraceId={activeId}
                                     isLoading={isLoading}
                                 />
                             </Splitter.Panel>
-                            {isAnnotationsSectionOpen && (
-                                <Splitter.Panel min={200} defaultSize={320} collapsible>
-                                    <TraceSidePanel
-                                        activeTrace={activeTrace as any}
-                                        activeTraceId={activeId}
-                                        isLoading={isLoading}
-                                    />
-                                </Splitter.Panel>
-                            )}
-                        </Splitter>
-                    </div>
-                </Spin>
-            </NextViewport>
+                        )}
+                    </Splitter>
+                </div>
+            </Spin>
         </EnhancedDrawer>
     )
 }
diff --git a/web/oss/src/components/pages/observability/drawer/TraceTree/assets/types.d.ts b/web/oss/src/components/pages/observability/drawer/TraceTree/assets/types.d.ts
index afd29b087b..dabdf2449d 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceTree/assets/types.d.ts
+++ b/web/oss/src/components/pages/observability/drawer/TraceTree/assets/types.d.ts
@@ -5,6 +5,7 @@ import {TracesWithAnnotations} from "@/oss/services/observability/types"
 export interface TraceTreeProps {
     activeTrace?: TracesWithAnnotations
     activeTraceId?: string
-    selected: string
-    setSelected: React.Dispatch<React.SetStateAction<string>>
+    selected: string | null
+    setSelected: (key: string) => void
+    enableTour?: boolean
 }
diff --git a/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
index 4ff5c7f354..8530119204 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
@@ -93,7 +93,13 @@ export const TreeContent = ({value, settings}: {value: TraceSpanNode; settings:
     )
 }
 
-const TraceTree = ({activeTrace: active, activeTraceId, selected, setSelected}: TraceTreeProps) => {
+const TraceTree: React.FC<TraceTreeProps> = ({
+    activeTrace: active, 
+    activeTraceId, 
+    selected, 
+    setSelected,
+    enableTour = false
+}) => {
     const classes = useStyles()
     const [searchValue, setSearchValue] = useState("")
 
@@ -186,6 +192,7 @@ const TraceTree = ({activeTrace: active, activeTraceId, selected, setSelected}:
                 settings={traceTreeSettings}
                 selectedKey={selected}
                 onSelect={setSelected}
+                enableTour={enableTour}
             />
         </div>
     )
diff --git a/web/oss/src/components/ui/CustomTreeComponent/index.tsx b/web/oss/src/components/ui/CustomTreeComponent/index.tsx
index 1eba214f23..3415b55a28 100644
--- a/web/oss/src/components/ui/CustomTreeComponent/index.tsx
+++ b/web/oss/src/components/ui/CustomTreeComponent/index.tsx
@@ -49,16 +49,32 @@ interface TreeProps {
      * Function to handle when a node is selected.
      */
     onSelect: (key: string) => void
+
+    /**
+     * Enable tour mode.
+     */
+    enableTour?: boolean
 }
 
-const TreeNodeComponent: React.FC<{
+interface TreeNodeComponentProps {
     node: TraceSpanNode
     isLast: boolean
     settings: {latency: boolean; cost: boolean; tokens: boolean}
     selectedKey: string | null
     onSelect: (key: string) => void
     isRoot?: boolean
-}> = ({node, isLast, settings, selectedKey, onSelect, isRoot = false}) => {
+    enableTour?: boolean
+}
+
+const TreeNodeComponent: React.FC<TreeNodeComponentProps> = ({
+    node, 
+    isLast, 
+    settings, 
+    selectedKey, 
+    onSelect, 
+    isRoot = false,
+    enableTour = false
+}) => {
     const classes = useStyles()
     const [expanded, setExpanded] = useState(true)
     const hasChildren = node.children && node.children.length > 0
@@ -69,7 +85,10 @@ const TreeNodeComponent: React.FC<{
     const shouldShowAsLast = isLast && (!hasChildren || (hasChildren && !expanded))
 
     return (
-        <div className={isRoot ? "pl-2" : "relative pl-5"} id="tour-trace-tree-panel">
+        <div 
+            className={isRoot ? "pl-2" : "relative pl-5"} 
+            {...(enableTour && { id: "tour-trace-tree-panel" })}
+        >
             <div
                 className={
                     !isRoot ? `${classes.treeLine} ${shouldShowAsLast ? "last" : ""}` : undefined
@@ -117,6 +136,7 @@ const TreeNodeComponent: React.FC<{
                             selectedKey={selectedKey}
                             onSelect={onSelect}
                             isRoot={false}
+                            enableTour={enableTour}
                         />
                     ))}
                 </div>
@@ -125,7 +145,13 @@ const TreeNodeComponent: React.FC<{
     )
 }
 
-const CustomTree: React.FC<TreeProps> = ({data, settings, selectedKey, onSelect}) => {
+const CustomTree: React.FC<TreeProps> = ({
+    data, 
+    settings, 
+    selectedKey, 
+    onSelect,
+    enableTour = false
+}) => {
     return (
         <div className={"h-full overflow-y-auto p-2"}>
             <TreeNodeComponent
@@ -135,6 +161,7 @@ const CustomTree: React.FC<TreeProps> = ({data, settings, selectedKey, onSelect}
                 selectedKey={selectedKey}
                 onSelect={onSelect}
                 isRoot={true}
+                enableTour={enableTour}
             />
         </div>
     )
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index 3b437d6fc2..6be9e9ef34 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -251,6 +251,7 @@ const buildPostRunSteps = (mode: "completion" | "chat") => {
             pointerPadding: 12,
             pointerRadius: 12,
             onboardingSection: "playgroundPostRun" as const,
+            onEnter: () => closeTraceDrawer(),
         },
         ...TRACE_STEPS_FOR_PLAYGROUND,
         {
@@ -271,59 +272,60 @@ const buildPostRunSteps = (mode: "completion" | "chat") => {
             onboardingSection: "playgroundPostRun" as const,
             onEnter: () => closeTraceDrawer(),
         },
-        // {
-        //     icon: "🚀",
-        //     title: "Deploy your variant",
-        //     content: (
-        //         <span>
-        //             Ship this iteration to an environment when you&apos;re confident with the
-        //             current run.
-        //         </span>
-        //     ),
-        //     selector: "#tour-playground-deploy-button",
-        //     side: "bottom",
-        //     showControls: true,
-        //     showSkip: true,
-        //     pointerPadding: 12,
-        //     pointerRadius: 12,
-        //     onboardingSection: "playgroundPostRun" as const,
-        // },
-        // {
-        //     icon: "🌐",
-        //     title: "Choose an environment",
-        //     content: (
-        //         <span>
-        //             Pick the target environment for this deployment. Each row represents one of your
-        //             configured stages.
-        //         </span>
-        //     ),
-        //     selector: "#tour-playground-deploy-modal-table",
-        //     side: "top",
-        //     showControls: true,
-        //     showSkip: true,
-        //     pointerPadding: 12,
-        //     pointerRadius: 12,
-        //     onboardingSection: "playgroundPostRun" as const,
-        //     onEnter: () => openDeployModalForCurrentVariant(),
-        // },
-        // {
-        //     icon: "✅",
-        //     title: "Confirm deployment",
-        //     content: (
-        //         <span>
-        //             Deploy the selected variant to the chosen environment. You can always redeploy
-        //             after more changes.
-        //         </span>
-        //     ),
-        //     selector: "#tour-playground-deploy-modal-confirm",
-        //     side: "bottom",
-        //     showControls: true,
-        //     showSkip: true,
-        //     pointerPadding: 12,
-        //     pointerRadius: 12,
-        //     onboardingSection: "playgroundPostRun" as const,
-        //     onCleanup: () => closeDeployModal(),
-        // },
+        {
+            icon: "🚀",
+            title: "Deploy your variant",
+            content: (
+                <span>
+                    Ship this iteration to an environment when you&apos;re confident with the
+                    current run.
+                </span>
+            ),
+            selector: "#tour-playground-deploy-button",
+            side: "bottom",
+            showControls: true,
+            showSkip: true,
+            pointerPadding: 12,
+            pointerRadius: 12,
+            onboardingSection: "playgroundPostRun" as const,
+            onEnter: () => closeDeployModal(),
+        },
+        {
+            icon: "🌐",
+            title: "Choose an environment",
+            content: (
+                <span>
+                    Pick the target environment for this deployment. Each row represents one of your
+                    configured stages.
+                </span>
+            ),
+            selector: "#tour-playground-deploy-modal-table",
+            side: "top",
+            showControls: true,
+            showSkip: true,
+            pointerPadding: 12,
+            pointerRadius: 12,
+            onboardingSection: "playgroundPostRun" as const,
+            onEnter: () => openDeployModalForCurrentVariant(),
+        },
+        {
+            icon: "✅",
+            title: "Confirm deployment",
+            content: (
+                <span>
+                    Deploy the selected variant to the chosen environment. You can always redeploy
+                    after more changes.
+                </span>
+            ),
+            selector: "#tour-playground-deploy-modal-confirm",
+            side: "bottom",
+            showControls: true,
+            showSkip: true,
+            pointerPadding: 12,
+            pointerRadius: 12,
+            onboardingSection: "playgroundPostRun" as const,
+            onCleanup: () => closeDeployModal(),
+        },
     ]
 }
 

From abde75709a3404e9dad3422e6d97d4d457ed0f98 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:28:32 +0600
Subject: [PATCH 04/53] fixed modal target issues

---
 web/ee/docker/Dockerfile.dev       | 5 ++++-
 web/oss/docker/Dockerfile.dev      | 2 ++
 web/patches/nextstepjs@2.1.2.patch | 4 ++--
 web/pnpm-lock.yaml                 | 9 +++++----
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/web/ee/docker/Dockerfile.dev b/web/ee/docker/Dockerfile.dev
index 719331462b..863e74ef48 100644
--- a/web/ee/docker/Dockerfile.dev
+++ b/web/ee/docker/Dockerfile.dev
@@ -18,7 +18,10 @@ COPY ee/package.json ./ee/yarn.lock* ./ee/package-lock.json* ./ee/pnpm-lock.yaml
 COPY oss/package.json ./oss/yarn.lock* ./oss/package-lock.json* ./oss/pnpm-lock.yaml* ./oss/.npmrc* ./oss/
 COPY ./pnpm-workspace.yaml ./turbo.json ./
 
-COPY ./entrypoint.sh /app/entrypoint.sh   
+COPY ./entrypoint.sh /app/entrypoint.sh
+
+# Copy patches directory before running pnpm i
+COPY ./patches /app/patches/
 
 RUN pnpm i
 
diff --git a/web/oss/docker/Dockerfile.dev b/web/oss/docker/Dockerfile.dev
index 24af8dc77d..d583fd7c60 100644
--- a/web/oss/docker/Dockerfile.dev
+++ b/web/oss/docker/Dockerfile.dev
@@ -17,6 +17,8 @@ RUN PNPM_VERSION=$(cat package.json | jq -r '.packageManager | split("@")[1]') &
 
 COPY oss/package.json ./oss/yarn.lock* ./oss/package-lock.json* ./oss/pnpm-lock.yaml* ./oss/.npmrc* ./oss/
 COPY ./pnpm-workspace.yaml ./turbo.json ./
+# Copy patches directory before running pnpm i
+COPY ./patches /app/patches/
 RUN pnpm i
 
 COPY tsconfig.json .
diff --git a/web/patches/nextstepjs@2.1.2.patch b/web/patches/nextstepjs@2.1.2.patch
index 0ee7d8a19c..1960f2a68d 100644
--- a/web/patches/nextstepjs@2.1.2.patch
+++ b/web/patches/nextstepjs@2.1.2.patch
@@ -7,8 +7,8 @@ index a34d899..4216c52 100644
  import DynamicPortal from './DynamicPortal';
  import SmoothSpotlight from './SmoothSpotlight';
 +
-+const MIN_SELECTOR_LOOKUP_ATTEMPTS = 3;
-+const SELECTOR_LOOKUP_DELAY_MS = 200;
++const MIN_SELECTOR_LOOKUP_ATTEMPTS = 10;
++const SELECTOR_LOOKUP_DELAY_MS = 50;
  /**
   * NextStepReact component for rendering the onboarding steps.
   *
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 61cae877fc..52c2b0c4e3 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -10,7 +10,7 @@ overrides:
 
 patchedDependencies:
   nextstepjs@2.1.2:
-    hash: f2fb5bcbb48c1ccdc866554908cfee767e783d127466ce8ee981d198ac893baa
+    hash: 95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a
     path: patches/nextstepjs@2.1.2.patch
 
 importers:
@@ -272,7 +272,7 @@ importers:
         version: 21.1.0
       swc-loader:
         specifier: ^0.2.6
-        version: 0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12))
+        version: 0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10))
       swr:
         specifier: ^2.3.0
         version: 2.3.3(react@19.0.0)
@@ -558,7 +558,7 @@ importers:
         version: 15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       nextstepjs:
         specifier: ^2.1.2
-        version: 2.1.2(patch_hash=f2fb5bcbb48c1ccdc866554908cfee767e783d127466ce8ee981d198ac893baa)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 2.1.2(patch_hash=95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       papaparse:
         specifier: ^5.5.3
         version: 5.5.3
@@ -4042,6 +4042,7 @@ packages:
     resolution: {integrity: sha512-Quz3MvAwHxVYNXsOByL7xI5EB2WYOeFswqaHIA3qOK3isRWTxiplBEocmmru6XmxDB2L7jDNYtYA4FyimoAFEw==}
     engines: {node: '>=8.17.0'}
     hasBin: true
+    bundledDependencies: []
 
   jsonpointer@5.0.1:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
@@ -10063,7 +10064,7 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
-  nextstepjs@2.1.2(patch_hash=f2fb5bcbb48c1ccdc866554908cfee767e783d127466ce8ee981d198ac893baa)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  nextstepjs@2.1.2(patch_hash=95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       motion: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0

From c7794532ebf0a82dc9fc37e70b61cec86549d23e Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:29:04 +0600
Subject: [PATCH 05/53] implemented steps for online eval creation

---
 .../pages/evaluations/EvaluationsView.tsx     |  12 +-
 .../Components/NewEvaluationModalContent.tsx  |  10 +-
 .../pages/evaluations/NewEvaluation/index.tsx |  14 +-
 .../state/activeEvaluationPanelAtom.ts        |  11 +
 .../onlineEvaluation/OnlineEvaluation.tsx     |  20 +-
 .../OnlineEvaluationDrawer.tsx                |  10 +-
 .../onlineEvaluation/state/drawerAtom.ts      |  19 ++
 .../state/lastVisitedEvaluationAtom.ts        |   6 +
 .../onboarding/steps/evaluationSteps.tsx      | 296 +++++++++++++++---
 9 files changed, 327 insertions(+), 71 deletions(-)
 create mode 100644 web/oss/src/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom.ts
 create mode 100644 web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
 create mode 100644 web/oss/src/components/pages/evaluations/state/lastVisitedEvaluationAtom.ts

diff --git a/web/oss/src/components/pages/evaluations/EvaluationsView.tsx b/web/oss/src/components/pages/evaluations/EvaluationsView.tsx
index b4c2921a14..2533a64daf 100644
--- a/web/oss/src/components/pages/evaluations/EvaluationsView.tsx
+++ b/web/oss/src/components/pages/evaluations/EvaluationsView.tsx
@@ -5,12 +5,13 @@ import clsx from "clsx"
 import dynamic from "next/dynamic"
 import {useRouter} from "next/router"
 import {createUseStyles} from "react-jss"
-import {useLocalStorage} from "usehooks-ts"
+import {useAtom} from "jotai"
 
 import {useAppId} from "@/oss/hooks/useAppId"
 import {useQueryParam} from "@/oss/hooks/useQuery"
 import {useBreadcrumbsEffect} from "@/oss/lib/hooks/useBreadcrumbs"
 import {JSSTheme} from "@/oss/lib/Types"
+import {lastVisitedEvaluationAtom} from "./state/lastVisitedEvaluationAtom"
 
 const AutoEvaluation = dynamic(
     () => import("@/oss/components/pages/evaluations/autoEvaluation/AutoEvaluation"),
@@ -84,10 +85,7 @@ const EvaluationsView = ({scope = "app"}: EvaluationsViewProps) => {
         return parts[parts.length - 1] || "app"
     }, [scope, routeAppId])
 
-    const [defaultKey, setDefaultKey] = useLocalStorage(
-        `${uniqueScopeKey}-last-visited-evaluation`,
-        "auto_evaluation",
-    )
+    const [defaultKey, setDefaultKey] = useAtom(lastVisitedEvaluationAtom)
     const [selectedEvaluation, setSelectedEvaluation] = useQueryParam(
         "selectedEvaluation",
         defaultKey,
@@ -127,8 +125,8 @@ const EvaluationsView = ({scope = "app"}: EvaluationsViewProps) => {
         {
             breadcrumbs:
                 scope === "app"
-                    ? {appPage: {label: formatLabel(selectedEvaluation)}}
-                    : {projectPage: {label: formatLabel(selectedEvaluation)}},
+                    ? {appPage: {label: formatLabel(selectedEvaluation || "auto_evaluation")}}
+                    : {projectPage: {label: formatLabel(selectedEvaluation || "auto_evaluation")}},
             type: "append",
             condition: !!selectedEvaluation,
         },
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
index 5cf3657133..a1ea0bf0d4 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
@@ -117,7 +117,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                     </TabLabel>
                 ),
                 children: (
-                    <div className="flex flex-col gap-2">
+                    <div id="tour-new-eval-content-application" className="flex flex-col gap-2">
                         {hasAppOptions ? (
                             <>
                                 <SelectAppSection
@@ -169,6 +169,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                     </TabLabel>
                 ),
                 children: appSelectionComplete ? (
+                    <div id="tour-new-eval-content-variant">
                     <SelectVariantSection
                         handlePanelChange={handlePanelChange}
                         selectedVariantRevisionIds={selectedVariantRevisionIds}
@@ -179,6 +180,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                         className="pt-2"
                         selectedTestsetId={selectedTestsetId}
                     />
+                    </div>
                 ) : (
                     requireAppMessage
                 ),
@@ -204,6 +206,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                     </TabLabel>
                 ),
                 children: appSelectionComplete ? (
+                    <div id="tour-new-eval-content-testset">
                     <SelectTestsetSection
                         handlePanelChange={handlePanelChange}
                         selectedTestsetId={selectedTestsetId}
@@ -212,6 +215,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                         selectedVariantRevisionIds={selectedVariantRevisionIds}
                         className="pt-2"
                     />
+                    </div>
                 ) : (
                     requireAppMessage
                 ),
@@ -243,6 +247,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                     </TabLabel>
                 ),
                 children: appSelectionComplete ? (
+                    <div id="tour-new-eval-content-evaluators">
                     <SelectEvaluatorSection
                         handlePanelChange={handlePanelChange}
                         selectedEvalConfigs={selectedEvalConfigs}
@@ -253,6 +258,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                         selectedAppId={selectedAppId}
                         className="pt-2"
                     />
+                    </div>
                 ) : (
                     requireAppMessage
                 ),
@@ -275,10 +281,12 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                               </TabLabel>
                           ),
                           children: appSelectionComplete ? (
+                              <div id="tour-new-eval-content-advanced">
                               <AdvancedSettings
                                   advanceSettings={advanceSettings}
                                   setAdvanceSettings={setAdvanceSettings}
                               />
+                              </div>
                           ) : (
                               requireAppMessage
                           ),
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
index 719d95e7a5..38a310b703 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
@@ -1,6 +1,7 @@
 import {useCallback, memo, useEffect, useMemo, useRef, useState} from "react"
 
 import {getDefaultStore} from "jotai"
+import {useAtom} from "jotai"
 import dynamic from "next/dynamic"
 import {useRouter} from "next/router"
 
@@ -27,6 +28,7 @@ import {buildEvaluationNavigationUrl} from "../utils"
 import {DEFAULT_ADVANCE_SETTINGS} from "./assets/constants"
 import {useStyles} from "./assets/styles"
 import type {LLMRunRateLimitWithCorrectAnswer, NewEvaluationModalGenericProps} from "./types"
+import {activeEvaluationPanelAtom} from "./state/activeEvaluationPanelAtom"
 
 const NewEvaluationModalContent = dynamic(() => import("./Components/NewEvaluationModalContent"), {
     ssr: false,
@@ -102,9 +104,7 @@ const NewEvaluationModal = <Preview extends boolean = true>({
     const [selectedTestsetId, setSelectedTestsetId] = useState("")
     const [selectedVariantRevisionIds, setSelectedVariantRevisionIds] = useState<string[]>([])
     const [selectedEvalConfigs, setSelectedEvalConfigs] = useState<string[]>([])
-    const [activePanel, setActivePanel] = useState<string | null>(
-        isAppScoped ? "variantPanel" : "appPanel",
-    )
+    const [activePanel, setActivePanel] = useAtom(activeEvaluationPanelAtom)
     const [evaluationName, setEvaluationName] = useState("")
     const [nameFocused, setNameFocused] = useState(false)
     const [advanceSettings, setAdvanceSettings] =
@@ -124,7 +124,7 @@ const NewEvaluationModal = <Preview extends boolean = true>({
         if (!selectedAppId) return
         if (activePanel !== "appPanel") return
         setActivePanel("variantPanel")
-    }, [props.open, isAppScoped, selectedAppId, activePanel])
+    }, [props.open, isAppScoped, selectedAppId, activePanel, setActivePanel])
 
     const handleAppSelection = useCallback(
         (value: string) => {
@@ -165,8 +165,8 @@ const NewEvaluationModal = <Preview extends boolean = true>({
     const {secrets} = useVaultSecret()
 
     const handlePanelChange = useCallback((key: string | string[]) => {
-        setActivePanel(key as string)
-    }, [])
+        setActivePanel(key as any)
+    }, [setActivePanel])
 
     const afterClose = useCallback(() => {
         props?.afterClose?.()
@@ -179,7 +179,7 @@ const NewEvaluationModal = <Preview extends boolean = true>({
         if (!isAppScoped) {
             setSelectedAppId("")
         }
-    }, [props?.afterClose, isAppScoped])
+    }, [props?.afterClose, isAppScoped, setActivePanel])
 
     // Track focus on any input within modal to avoid overriding user typing
     useEffect(() => {
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom.ts b/web/oss/src/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom.ts
new file mode 100644
index 0000000000..9ac234ae62
--- /dev/null
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom.ts
@@ -0,0 +1,11 @@
+import {atom} from "jotai"
+
+export type EvaluationPanelKey =
+  | "appPanel"
+  | "variantPanel"
+  | "testsetPanel"
+  | "evaluatorPanel"
+  | "advancedSettingsPanel"
+
+// Global atom to control the active tab in New Evaluation modal
+export const activeEvaluationPanelAtom = atom<EvaluationPanelKey | null>("appPanel")
diff --git a/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluation.tsx b/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluation.tsx
index cf6c1d07b6..b800c8b80d 100644
--- a/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluation.tsx
+++ b/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluation.tsx
@@ -3,6 +3,7 @@ import {useCallback, useMemo, useState} from "react"
 import {Gauge, Plus} from "@phosphor-icons/react"
 import {Button, message} from "antd"
 import {useRouter} from "next/router"
+import {useAtom, useSetAtom} from "jotai"
 
 import DeleteEvaluationModal from "@/oss/components/DeleteEvaluationModal/DeleteEvaluationModal"
 import EnhancedTable from "@/oss/components/EnhancedUIs/Table"
@@ -30,6 +31,11 @@ import OnlineEvaluationRowActions from "./components/OnlineEvaluationRowActions"
 import QueryFiltersCell from "./components/QueryFiltersCell"
 import useOnlineEvaluations from "./hooks/useOnlineEvaluations"
 import OnlineEvaluationDrawer from "./OnlineEvaluationDrawer"
+import {
+    onlineEvaluationDrawerAtom,
+    openOnlineEvaluationDrawerAtom,
+    closeOnlineEvaluationDrawerAtom,
+} from "./state/drawerAtom"
 
 // A minimal Online Evaluations view that shows the table structure with a proper empty state
 // until the Online evaluations data model and fetching are implemented.
@@ -46,7 +52,9 @@ const OnlineEvaluation = ({viewType = "evaluation", scope = "project"}: OnlineEv
     const [isDeleteEvalModalOpen, setIsDeleteEvalModalOpen] = useState(false)
     const [isDeletingEvaluations, setIsDeletingEvaluations] = useState(false)
     const {baseAppURL, projectURL} = useURL()
-    const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false)
+    const [drawerState] = useAtom(onlineEvaluationDrawerAtom)
+    const openDrawer = useSetAtom(openOnlineEvaluationDrawerAtom)
+    const closeDrawer = useSetAtom(closeOnlineEvaluationDrawerAtom)
     const routeAppId = useAppId()
     const activeAppId = scope === "app" ? routeAppId || undefined : undefined
     const {evaluations, isLoading, mutate, isValidating} = useOnlineEvaluations({
@@ -620,13 +628,15 @@ const OnlineEvaluation = ({viewType = "evaluation", scope = "project"}: OnlineEv
                                 {((scope === "app" && activeAppId) || scope === "project") && (
                                     <>
                                         <Button
+                                            id="tour-online-start-new-evaluation"
                                             type="primary"
                                             icon={<Plus size={14} />}
-                                            onClick={() => setIsCreateDrawerOpen(true)}
+                                            onClick={() => openDrawer()}
                                         >
                                             Start new evaluation
                                         </Button>
                                         <Button
+                                            id="tour-online-configure-evaluators"
                                             icon={<Gauge size={14} className="mt-0.5" />}
                                             onClick={() =>
                                                 router.push(
@@ -704,11 +714,11 @@ const OnlineEvaluation = ({viewType = "evaluation", scope = "project"}: OnlineEv
                 loading={isLoading || isValidating}
             />
             <OnlineEvaluationDrawer
-                open={isCreateDrawerOpen}
-                onClose={() => setIsCreateDrawerOpen(false)}
+                open={drawerState.open}
+                onClose={() => closeDrawer()}
                 onCreate={() => {
                     void mutate()
-                    setIsCreateDrawerOpen(false)
+                    closeDrawer()
                 }}
             />
             <DeleteEvaluationModal
diff --git a/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx b/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
index 7dfc589305..cc48a9f20f 100644
--- a/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
+++ b/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
@@ -71,6 +71,7 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
     const samplingRate = Form.useWatch("sampling_rate", form)
     const isHistorical = Form.useWatch("historical", form) ?? false
     const [isSubmitting, setIsSubmitting] = useState(false)
+    const [isDrawerOpened, setIsDrawerOpened] = useState(false)
     const router = useRouter()
 
     const {
@@ -416,12 +417,15 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
             width={520}
             destroyOnClose
             closeOnLayoutClick={false}
+            zIndex={900}
             styles={{body: {padding: 0}, footer: {padding: 8}}}
+            afterOpenChange={(open) => setIsDrawerOpened(open)}
             footer={
                 <div className="w-full flex items-center justify-end gap-2">
                     <div className="flex items-center gap-2">
                         <Button onClick={onClose}>Cancel</Button>
                         <Button
+                            id="tour-online-create-button"
                             type="primary"
                             onClick={handleSubmit}
                             loading={isSubmitting}
@@ -448,6 +452,7 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
                             key: "general",
                             label: buildPanelHeader("General"),
                             style: {marginBottom: 4},
+                            id: isDrawerOpened ? "tour-online-name-input" : undefined,
                             children: (
                                 <>
                                     <Form.Item
@@ -457,6 +462,7 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
                                         style={{marginBottom: 12}}
                                     >
                                         <Input
+                                           
                                             className="w-full"
                                             placeholder="Testing evaluator"
                                             allowClear
@@ -504,6 +510,7 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
                             key: "query",
                             label: buildPanelHeader("Query", querySummary),
                             style: {marginBottom: 4},
+                            id: "tour-online-query-section",
                             children: (
                                 <>
                                     <div className="grid grid-cols-1 gap-3 md:grid-cols-2">
@@ -565,6 +572,7 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
                             key: "evaluator",
                             label: buildPanelHeader("Evaluator", evaluatorSummary),
                             style: {marginBottom: 4},
+                            id: "tour-online-evaluator-select",
                             children: (
                                 <>
                                     <Form.Item
@@ -573,7 +581,7 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
                                         style={{marginBottom: 12}}
                                         rules={[{required: true, message: "Select an evaluator"}]}
                                     >
-                                        <Select
+                                        <Select                                        
                                             className="w-full"
                                             placeholder="Select"
                                             options={evaluatorOptions}
diff --git a/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts b/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
new file mode 100644
index 0000000000..9caf0a01d6
--- /dev/null
+++ b/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
@@ -0,0 +1,19 @@
+import {atom} from "jotai"
+
+export type OnlineEvaluationDrawerState = { open: boolean }
+
+const defaultState: OnlineEvaluationDrawerState = { open: false }
+
+export const onlineEvaluationDrawerAtom = atom(defaultState)
+
+export const openOnlineEvaluationDrawerAtom = atom(null, (get, set) => {
+  const cur = get(onlineEvaluationDrawerAtom)
+  if (cur.open) return
+  set(onlineEvaluationDrawerAtom, {...cur, open: true})
+})
+
+export const closeOnlineEvaluationDrawerAtom = atom(null, (get, set) => {
+  const cur = get(onlineEvaluationDrawerAtom)
+  if (!cur.open) return
+  set(onlineEvaluationDrawerAtom, {...cur, open: false})
+})
diff --git a/web/oss/src/components/pages/evaluations/state/lastVisitedEvaluationAtom.ts b/web/oss/src/components/pages/evaluations/state/lastVisitedEvaluationAtom.ts
new file mode 100644
index 0000000000..cdf75aba03
--- /dev/null
+++ b/web/oss/src/components/pages/evaluations/state/lastVisitedEvaluationAtom.ts
@@ -0,0 +1,6 @@
+import {atomWithStorage} from "jotai/utils"
+
+export const lastVisitedEvaluationAtom = atomWithStorage<string>(
+  "evaluations-last-visited",
+  "auto_evaluation",
+)
diff --git a/web/oss/src/state/onboarding/steps/evaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluationSteps.tsx
index ba51cb3358..f4fd32325b 100644
--- a/web/oss/src/state/onboarding/steps/evaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluationSteps.tsx
@@ -8,6 +8,156 @@ import {
 import {urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
 import type {EvalRunUrlState} from "@/oss/components/EvalRunDetails/state/urlState"
 import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
+import {
+    activeEvaluationPanelAtom,
+    type EvaluationPanelKey,
+} from "@/oss/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom"
+import {
+    openOnlineEvaluationDrawerAtom,
+    closeOnlineEvaluationDrawerAtom,
+} from "@/oss/components/pages/evaluations/onlineEvaluation/state/drawerAtom"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
+import {evaluatorConfigsAtom} from "@/oss/lib/atoms/evaluation"
+
+type EvaluationSelector =
+    | "#tour-new-eval-tab-application"
+    | "#tour-new-eval-tab-variant"
+    | "#tour-new-eval-tab-testset"
+    | "#tour-new-eval-tab-evaluators"
+    | "#tour-new-eval-tab-advanced"
+    | "#tour-new-eval-content-application"
+    | "#tour-new-eval-content-variant"
+    | "#tour-new-eval-content-testset"
+    | "#tour-new-eval-content-evaluators"
+    | "#tour-new-eval-content-advanced"
+
+const EVAL_TAB_BY_SELECTOR: Record<EvaluationSelector, EvaluationPanelKey> = {
+    "#tour-new-eval-tab-application": "appPanel",
+    "#tour-new-eval-content-application": "appPanel",
+    "#tour-new-eval-tab-variant": "variantPanel",
+    "#tour-new-eval-content-variant": "variantPanel",
+    "#tour-new-eval-tab-testset": "testsetPanel",
+    "#tour-new-eval-content-testset": "testsetPanel",
+    "#tour-new-eval-tab-evaluators": "evaluatorPanel",
+    "#tour-new-eval-content-evaluators": "evaluatorPanel",
+    "#tour-new-eval-tab-advanced": "advancedSettingsPanel",
+    "#tour-new-eval-content-advanced": "advancedSettingsPanel",
+}
+
+const ensureEvalTab = (selector?: string | null) => {
+    if (!selector) return
+    const tab = (EVAL_TAB_BY_SELECTOR as any)[selector]
+    if (!tab) return
+    getDefaultStore().set(activeEvaluationPanelAtom, tab)
+}
+
+// Online Evaluation steps utilities (module scope)
+const openOnlineEvalDrawer = () => {
+    getDefaultStore().set(openOnlineEvaluationDrawerAtom)
+}
+const closeOnlineEvalDrawer = () => {
+    getDefaultStore().set(closeOnlineEvaluationDrawerAtom)
+}
+
+const BASE_ONLINE_STEPS = [
+    {
+        icon: "🧪",
+        title: "Start an online evaluation",
+        content: <span>Create a live evaluation that continuously scores incoming traffic.</span>,
+        selector: "#tour-online-start-new-evaluation",
+        side: "bottom" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        // viewportID: "tour-online-start-new-evaluation",
+        onCleanup: closeOnlineEvalDrawer,
+        onEnter: closeOnlineEvalDrawer,
+    },
+    {
+        icon: "📝",
+        title: "Name the evaluation",
+        content: <span>Give your evaluation a clear, descriptive name.</span>,
+        selector: "#tour-online-name-input",
+        side: "top" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openOnlineEvalDrawer,
+        onCleanup: closeOnlineEvalDrawer,
+        // viewportID: "tour-online-start-new-evaluation",
+    },
+    {
+        icon: "🔎",
+        title: "Define the query",
+        content: <span>Choose filters and sampling to control which traffic is evaluated.</span>,
+        selector: "#tour-online-query-section",
+        side: "right" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openOnlineEvalDrawer,
+        onCleanup: closeOnlineEvalDrawer,
+        // viewportID: "tour-online-start-new-evaluation",
+    },
+    {
+        icon: "🤖",
+        title: "Select evaluator",
+        content: <span>Pick the evaluator to score your results.</span>,
+        selector: "#tour-online-evaluator-select",
+        side: "right" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openOnlineEvalDrawer,
+        onCleanup: closeOnlineEvalDrawer,
+    },
+    {
+        icon: "🚀",
+        title: "Create online evaluation",
+        content: <span>Launch the live evaluation. You can monitor results in the table.</span>,
+        selector: "#tour-online-create-button",
+        side: "top" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 6,
+        pointerRadius: 12,
+        onEnter: openOnlineEvalDrawer,
+        onCleanup: closeOnlineEvalDrawer,
+    },
+]
+
+const resolveOnlineEvaluationTour = (): TourDefinition => {
+    const configs = getDefaultStore().get(evaluatorConfigsAtom) || []
+    const hasCompatibleEvaluators = Array.isArray(configs) && configs.length > 0
+    const steps = hasCompatibleEvaluators
+        ? BASE_ONLINE_STEPS
+        : [
+              BASE_ONLINE_STEPS[0],
+              {
+                  icon: "🧩",
+                  title: "Configure evaluators",
+                  content: (
+                      <span>
+                          If you don’t have a supported evaluator yet, open the evaluator registry
+                          to add one (LLM judge, Code, Regex, or Webhook).
+                      </span>
+                  ),
+                  selector: "#tour-online-configure-evaluators",
+                  side: "bottom" as const,
+                  showControls: true,
+                  showSkip: true,
+                  pointerPadding: 12,
+                  pointerRadius: 12,
+                  onCleanup: closeOnlineEvalDrawer,
+              },
+              ...BASE_ONLINE_STEPS.slice(1),
+          ]
+    return [{tour: "online-evaluation-quickstart", steps}]
+}
 
 const openAutoEvalModal = () => {
     getDefaultStore().set(openAutoEvaluationModalAtom)
@@ -17,7 +167,7 @@ const closeAutoEvalModal = () => {
     getDefaultStore().set(closeAutoEvaluationModalAtom)
 }
 
-const AUTO_EVALUATION_STEPS: TourDefinition = [
+const AUTO_EVALUATION_STEPS: TourDefinition[number]["steps"] = [
     {
         icon: "🧪",
         title: "Start an evaluation",
@@ -36,39 +186,23 @@ const AUTO_EVALUATION_STEPS: TourDefinition = [
         onEnter: closeAutoEvalModal,
         onCleanup: closeAutoEvalModal,
     },
-    {
-        icon: "⚙️",
-        title: "Manage evaluators",
-        content: (
-            <span>
-                Need a new heuristic or AI critique? Configure evaluator templates in this workspace
-                before running them inside an evaluation.
-            </span>
-        ),
-        selector: "#tour-configure-evaluator",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: closeAutoEvalModal,
-        onCleanup: closeAutoEvalModal,
-    },
     // {
-    //     icon: "🧭",
-    //     title: "Guided setup",
+    //     icon: "⚙️",
+    //     title: "Manage evaluators",
     //     content: (
     //         <span>
-    //             The modal walks you through every requirement—just keep the sections checked to move
-    //             ahead confidently.
+    //             Need a new heuristic or AI critique? Configure evaluator templates in this workspace
+    //             before running them inside an evaluation.
     //         </span>
     //     ),
-    //     selector: "#tour-new-evaluation-modal",
-    //     side: "left",
+    //     selector: "#tour-configure-evaluator",
+    //     side: "bottom",
     //     showControls: true,
     //     showSkip: true,
     //     pointerPadding: 12,
     //     pointerRadius: 12,
+    //     onEnter: closeAutoEvalModal,
+    //     onCleanup: closeAutoEvalModal,
     // },
     {
         icon: "📱",
@@ -79,33 +213,58 @@ const AUTO_EVALUATION_STEPS: TourDefinition = [
                 infrastructure.
             </span>
         ),
-        selector: "#tour-new-eval-tab-application",
-        side: "right",
+        selector: "#tour-new-eval-content-application",
+        side: "bottom",
         showControls: true,
         showSkip: true,
         pointerPadding: 12,
         pointerRadius: 12,
-        onEnter: openAutoEvalModal,
+        onEnter: (step?: {selector?: string | null}) => {
+            ensureEvalTab(step?.selector ?? null)
+            openAutoEvalModal()
+        },
         onCleanup: closeAutoEvalModal,
     },
     {
         icon: "🧬",
-        title: "Select variants",
+        title: "Select variant",
         content: (
             <span>
                 Add the variants or revisions you want to measure. You can revisit this to compare
                 multiple revisions.
             </span>
         ),
-        selector: "#tour-new-eval-tab-variant",
-        side: "right",
+        // selector: "#tour-new-eval-tab-variant",
+        selector: "#tour-new-eval-content-variant",
+        side: "top",
         showControls: true,
         showSkip: true,
         pointerPadding: 12,
         pointerRadius: 12,
-        onEnter: openAutoEvalModal,
-        onCleanup: closeAutoEvalModal,
+        onEnter: (step?: {selector?: string | null}) => {
+            ensureEvalTab(step?.selector ?? null)
+            openAutoEvalModal()
+        },
+        // onCleanup: closeAutoEvalModal,
     },
+    // {
+    //     icon: "🔎",
+    //     title: "Variant details",
+    //     content: (
+    //         <span>
+    //             Review selected variants here. You can remove or add more revisions before
+    //             continuing.
+    //         </span>
+    //     ),
+    //     selector: "#tour-new-eval-content-variant",
+    //     side: "right",
+    //     showControls: true,
+    //     showSkip: true,
+    //     pointerPadding: 12,
+    //     pointerRadius: 12,
+    //     // onEnter: (step?: { selector?: string | null }) => ensureEvalTab(step?.selector ?? null),
+    //     onCleanup: closeAutoEvalModal,
+    // },
     {
         icon: "📊",
         title: "Attach a testset",
@@ -115,49 +274,70 @@ const AUTO_EVALUATION_STEPS: TourDefinition = [
                 accurate scoring.
             </span>
         ),
-        selector: "#tour-new-eval-tab-testset",
-        side: "right",
+        // selector: "#tour-new-eval-tab-testset",
+        selector: "#tour-new-eval-content-testset",
+        side: "top",
         showControls: true,
         showSkip: true,
         pointerPadding: 12,
         pointerRadius: 12,
-        onEnter: openAutoEvalModal,
-        onCleanup: closeAutoEvalModal,
+        // onEnter: (step) => {
+        //     ensureEvalTab(step?.selector)
+        //     openAutoEvalModal()
+        // },
+        // onCleanup: closeAutoEvalModal,
     },
+    // {
+    //     icon: "🔎",
+    //     title: "Testset details",
+    //     content: (
+    //         <span>
+    //             Verify the chosen testset and adjust selections. Ensure required columns are
+    //             available.
+    //         </span>
+    //     ),
+    //     selector: "#tour-new-eval-content-testset",
+    //     side: "right",
+    //     showControls: true,
+    //     showSkip: true,
+    //     pointerPadding: 12,
+    //     pointerRadius: 12,
+    //     onEnter: (step) => ensureEvalTab(step?.selector),
+    //     onCleanup: closeAutoEvalModal,
+    // },
     {
-        icon: "🤖",
+        icon: "🔎",
         title: "Choose evaluators",
         content: (
             <span>
-                Stack automatic evaluators, regex checks, or AI critiques to judge each response
-                from different angles.
+                Confirm evaluator choices and settings. You can remove any tag to deselect an
+                evaluator.
             </span>
         ),
-        selector: "#tour-new-eval-tab-evaluators",
+        selector: "#tour-new-eval-content-evaluators",
         side: "right",
         showControls: true,
         showSkip: true,
         pointerPadding: 12,
         pointerRadius: 12,
-        onEnter: openAutoEvalModal,
+        onEnter: (step) => ensureEvalTab(step?.selector),
         onCleanup: closeAutoEvalModal,
     },
     {
-        icon: "🧩",
+        icon: "🔎",
         title: "Tune advanced settings",
         content: (
             <span>
-                Control rate limits and required columns so your evaluation executes safely and uses
-                the right answers.
+                Review and fine-tune rate limits and the expected answer column before launching.
             </span>
         ),
-        selector: "#tour-new-eval-tab-advanced",
+        selector: "#tour-new-eval-content-advanced",
         side: "right",
         showControls: true,
         showSkip: true,
         pointerPadding: 12,
         pointerRadius: 12,
-        onEnter: openAutoEvalModal,
+        onEnter: (step) => ensureEvalTab(step?.selector),
         onCleanup: closeAutoEvalModal,
     },
     {
@@ -318,8 +498,24 @@ const ensureHumanEvalView = (selector?: string | null) => {
     })
 }
 
-const resolveDefaultEvaluationTour = (): TourDefinition => {
-    return AUTO_EVALUATION_TOUR
+const resolveDefaultEvaluationTour = (location: OnboardingStepsContext["location"]): TourDefinition => {
+    const lastVisited = getDefaultStore().get(lastVisitedEvaluationAtom)
+    if (lastVisited === "online_evaluation") {
+        return resolveOnlineEvaluationTour()
+    }
+
+    if (location?.scope === "project") {
+        return AUTO_EVALUATION_TOUR
+    }
+
+    return [
+        {
+            tour: "auto-evaluation-quickstart",
+            steps: AUTO_EVALUATION_TOUR[0].steps.filter(
+                (step) => step.selector !== "#tour-new-eval-content-application",
+            ),
+        },
+    ]
 }
 
 const resolveHumanEvaluationTour = (ctx: OnboardingStepsContext): TourDefinition => {
@@ -340,7 +536,7 @@ const resolveEvaluationTour = (ctx: OnboardingStepsContext): TourDefinition => {
     }
 
     if (isListRoute) {
-        return resolveDefaultEvaluationTour()
+        return resolveDefaultEvaluationTour(location)
     }
 
     return []

From 72613b1e64069d03d76f01c09c26337db09af19e Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:29:21 +0600
Subject: [PATCH 06/53] fix playground step

---
 web/oss/src/state/onboarding/steps/playgroundSteps.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index 6be9e9ef34..80d5adaac4 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -23,7 +23,7 @@ const closeTraceDrawer = () => {
     getDefaultStore().set(closeTraceDrawerAtom)
 }
 
-const TRACE_STEPS_FOR_PLAYGROUND = TRACE_DRAWER_STEPS.slice(0, 4).map((step) => {
+const TRACE_STEPS_FOR_PLAYGROUND = TRACE_DRAWER_STEPS.slice(0, 5).map((step) => {
     if (step.selector === "#tour-trace-tree-panel") {
         return {
             ...step,

From 82cacf542ae21ffd4dd2ea7d5798a186338cfe64 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:29:48 +0600
Subject: [PATCH 07/53] fixed viewport issue

---
 .../components/Layout/assets/Breadcrumbs.tsx  | 13 +++-
 .../CustomNextStepProvider/index.tsx          |  2 +-
 .../components/NextViewport/index.tsx         | 65 ++++++++++++++++---
 .../Drawers/TraceDrawer/TraceDrawer.tsx       |  1 -
 .../Components/MainLayout/index.tsx           |  7 +-
 web/oss/src/state/onboarding/steps/index.ts   | 16 ++---
 6 files changed, 81 insertions(+), 23 deletions(-)

diff --git a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
index 3a0b75c357..a83f47399a 100644
--- a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
+++ b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
@@ -9,6 +9,8 @@ import Link from "next/link"
 import {breadcrumbAtom, type BreadcrumbAtom} from "@/oss/lib/atoms/breadcrumb"
 import {sidebarCollapsedAtom} from "@/oss/lib/atoms/sidebar"
 import {getUniquePartOfId, isUuid} from "@/oss/lib/helpers/utils"
+import {resolveOnboardingSection} from "@/oss/state/onboarding"
+import {urlLocationAtom} from "@/oss/state/url"
 
 import packageJsonData from "../../../../package.json"
 import EnhancedButton from "../../Playground/assets/EnhancedButton"
@@ -70,10 +72,19 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
     const classes = useStyles({themeMode: appTheme} as StyleProps)
     const breadcrumbs = useAtomValue(breadcrumbAtom)
     const [collapsed, setCollapsed] = useAtom(sidebarCollapsedAtom)
+    const userLocation = useAtomValue(urlLocationAtom)
     const breadcrumbItems = useMemo(
         () => breadcrumbItemsGenerator(breadcrumbs || {}),
         [breadcrumbs],
     )
+    const showOnboardingTriggerButton = useMemo(() => {
+        const normalizedSection = resolveOnboardingSection(userLocation.section)
+        return (
+            normalizedSection === "apps" ||
+            normalizedSection === "playground" ||
+            normalizedSection === "playgroundPostRun"
+        )
+    }, [userLocation.section])
 
     return (
         <section
@@ -121,7 +132,7 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
             </div>
 
             <div className={clsx(classes.topRightBar, "shrink-0")}>
-                <OnboardingTriggerButton />
+                {showOnboardingTriggerButton && <OnboardingTriggerButton />}
                 <Typography.Text>agenta v{packageJsonData.version}</Typography.Text>
             </div>
         </section>
diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index f5506f285f..9be595faa4 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -56,7 +56,7 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
             normalizedSection
 
         const sectionStatus = userOnboardingJourneyStatus[tourSection]
-        if (sectionStatus === "done") return
+        if (sectionStatus === "done" || sectionStatus === "skipped") return
 
         const signature = `${tourSection}:${currentTour.tour}:${currentTour.steps?.length ?? 0}`
         if (autoStartSignatureRef.current === signature) return
diff --git a/web/oss/src/components/Onboarding/components/NextViewport/index.tsx b/web/oss/src/components/Onboarding/components/NextViewport/index.tsx
index 4299ade063..a79b4b81ef 100644
--- a/web/oss/src/components/Onboarding/components/NextViewport/index.tsx
+++ b/web/oss/src/components/Onboarding/components/NextViewport/index.tsx
@@ -1,7 +1,6 @@
-import type {ReactNode} from "react"
+import {forwardRef, useEffect, useRef, type MutableRefObject, type ReactNode} from "react"
 
 import clsx from "clsx"
-import {NextStepViewport} from "nextstepjs"
 
 type NextViewportProps = {
     id: string
@@ -9,12 +8,60 @@ type NextViewportProps = {
     children: ReactNode
 }
 
-const NextViewport = ({id, className, children}: NextViewportProps) => {
-    return (
-        <NextStepViewport id={id}>
-            <div className={clsx("h-full w-full", className)}>{children}</div>
-        </NextStepViewport>
-    )
-}
+const NextViewport = forwardRef<HTMLDivElement, NextViewportProps>(
+    ({id, className, children}, forwardedRef) => {
+        const containerRef = useRef<HTMLDivElement | null>(null)
+
+        useEffect(() => {
+            const node = containerRef.current
+            if (typeof window === "undefined" || !node) return
+
+            let animationFrame: number | null = null
+            const notifyViewportChange = () => {
+                window.dispatchEvent(new CustomEvent("nextstep:viewport-scroll", {detail: {id}}))
+                window.dispatchEvent(new Event("resize"))
+            }
+
+            const scheduleNotification = () => {
+                if (animationFrame) cancelAnimationFrame(animationFrame)
+                animationFrame = window.requestAnimationFrame(() => {
+                    notifyViewportChange()
+                })
+            }
+
+            const resizeObserver =
+                typeof ResizeObserver !== "undefined"
+                    ? new ResizeObserver(() => scheduleNotification())
+                    : null
+
+            resizeObserver?.observe(node)
+            node.addEventListener("scroll", scheduleNotification, {passive: true})
+            scheduleNotification()
+
+            return () => {
+                node.removeEventListener("scroll", scheduleNotification)
+                resizeObserver?.disconnect()
+                if (animationFrame) cancelAnimationFrame(animationFrame)
+            }
+        }, [id])
+
+        const setRef = (node: HTMLDivElement | null) => {
+            containerRef.current = node
+            if (typeof forwardedRef === "function") {
+                forwardedRef(node)
+            } else if (forwardedRef) {
+                ;(forwardedRef as MutableRefObject<HTMLDivElement | null>).current = node
+            }
+        }
+
+        return (
+            <div id={id} ref={setRef} className={clsx("relative h-full w-full", className)}>
+                {children}
+            </div>
+        )
+    },
+)
+
+NextViewport.displayName = "NextViewport"
 
 export default NextViewport
diff --git a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
index a6dd833cf0..8a6226acf6 100644
--- a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
+++ b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
@@ -163,7 +163,6 @@ const TraceDrawer = () => {
             afterOpenChange={handleAfterOpenChange}
             className="[&_.ant-drawer-body]:p-0"
             zIndex={900}
-            autoFocus={false}
         >
             <Spin spinning={Boolean(isLoading)} tip="Loading trace…" size="large">
                 <div className="h-full">
diff --git a/web/oss/src/components/Playground/Components/MainLayout/index.tsx b/web/oss/src/components/Playground/Components/MainLayout/index.tsx
index 123d3d2711..79a2e6b950 100644
--- a/web/oss/src/components/Playground/Components/MainLayout/index.tsx
+++ b/web/oss/src/components/Playground/Components/MainLayout/index.tsx
@@ -10,6 +10,7 @@ import {chatTurnIdsAtom} from "@/oss/state/generation/entities"
 import {appStatusAtom} from "@/oss/state/variant/atoms/appStatus"
 import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
 
+import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import {usePlaygroundScrollSync} from "../../hooks/usePlaygroundScrollSync"
 import {displayedVariantsAtom, isComparisonViewAtom, appChatModeAtom} from "../../state/atoms"
 import {GenerationComparisonOutput} from "../PlaygroundGenerationComparisonView"
@@ -195,7 +196,8 @@ const PlaygroundMainView = ({className, isLoading = false, ...divProps}: MainLay
                         key={`${isComparisonView ? "comparison" : "single"}-splitter-panel-runs`}
                     >
                         {isComparisonView && <GenerationComparisonHeader />}
-                        <section
+                        <NextViewport
+                            id="scrollable-viewport"
                             ref={setGenerationPanelRef}
                             className={clsx([
                                 "playground-generation",
@@ -206,7 +208,6 @@ const PlaygroundMainView = ({className, isLoading = false, ...divProps}: MainLay
                                 },
                             ])}
                         >
-                            {/* This component renders Output component header section */}
                             {isComparisonView ? (
                                 <div className="flex min-w-fit sticky top-0 z-[5]">
                                     <PlaygroundComparisonGenerationInputHeader className="!w-[400px] shrink-0 sticky left-0 top-0 z-[5]" />
@@ -239,7 +240,7 @@ const PlaygroundMainView = ({className, isLoading = false, ...divProps}: MainLay
                                     )
                                 })
                             )}
-                        </section>
+                        </NextViewport>
                     </SplitterPanel>
                 </Splitter>
             </div>
diff --git a/web/oss/src/state/onboarding/steps/index.ts b/web/oss/src/state/onboarding/steps/index.ts
index 1db115c893..2ad7cc90d4 100644
--- a/web/oss/src/state/onboarding/steps/index.ts
+++ b/web/oss/src/state/onboarding/steps/index.ts
@@ -15,14 +15,14 @@ export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDef
     playgroundPostRun: (_ctx) => {
         return resolvePlaygroundPostRunTour()
     },
-    evaluations: (ctx) => {
-        return EVALUATION_TOURS[ctx.userContext?.userRole](ctx)
-    },
-    observability: (ctx) => {
-        const resolver =
-            OBSERVABILITY_TOURS[ctx.userContext?.userRole] ?? OBSERVABILITY_TOURS.Hobbyist
-        return resolver(ctx)
-    },
+    // evaluations: (ctx) => {
+    //     return EVALUATION_TOURS[ctx.userContext?.userRole](ctx)
+    // },
+    // observability: (ctx) => {
+    //     const resolver =
+    //         OBSERVABILITY_TOURS[ctx.userContext?.userRole] ?? OBSERVABILITY_TOURS.Hobbyist
+    //     return resolver(ctx)
+    // },
     trace: (ctx) => {
         const resolver = TRACE_TOURS[ctx.userContext?.userRole] ?? TRACE_TOURS.Hobbyist
         return resolver(ctx)

From 91ffc4407ee4d17e95e6c05e127557f3fb7fd318 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:30:40 +0600
Subject: [PATCH 08/53] cleandup evaluation tours

---
 .../components/Layout/assets/Breadcrumbs.tsx  |   2 +-
 .../src/state/onboarding/atoms/helperAtom.ts  | 144 +++++
 .../src/state/onboarding/atoms/stepsAtom.ts   |  47 +-
 .../onboarding/steps/evaluationSteps.tsx      | 558 ------------------
 .../steps/evaluations/autoEvaluationSteps.tsx | 215 +++++++
 .../evaluations/humanEvaluationSteps.tsx      | 144 +++++
 .../onboarding/steps/evaluations/index.tsx    |  26 +
 .../evaluations/onlineEvaluationSteps.tsx     | 115 ++++
 web/oss/src/state/onboarding/steps/index.ts   |  15 +-
 web/oss/src/state/onboarding/steps/types.ts   |   7 +-
 10 files changed, 685 insertions(+), 588 deletions(-)
 create mode 100644 web/oss/src/state/onboarding/atoms/helperAtom.ts
 delete mode 100644 web/oss/src/state/onboarding/steps/evaluationSteps.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/evaluations/index.tsx
 create mode 100644 web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx

diff --git a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
index a83f47399a..30f8db4b01 100644
--- a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
+++ b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
@@ -132,7 +132,7 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
             </div>
 
             <div className={clsx(classes.topRightBar, "shrink-0")}>
-                {showOnboardingTriggerButton && <OnboardingTriggerButton />}
+                <OnboardingTriggerButton />
                 <Typography.Text>agenta v{packageJsonData.version}</Typography.Text>
             </div>
         </section>
diff --git a/web/oss/src/state/onboarding/atoms/helperAtom.ts b/web/oss/src/state/onboarding/atoms/helperAtom.ts
new file mode 100644
index 0000000000..c6631fcd1a
--- /dev/null
+++ b/web/oss/src/state/onboarding/atoms/helperAtom.ts
@@ -0,0 +1,144 @@
+import {atom} from "jotai"
+import {runStatusByRowRevisionAtom} from "@/oss/state/generation/entities"
+import {isComparisonViewAtom} from "@/oss/components/Playground/state/atoms"
+import {currentAppContextAtom} from "@/oss/state/app/selectors/app"
+import {playgroundLoadingAtom} from "@/oss/state/loadingSelectors"
+import {getCurrentRunId, totalCountFamily} from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
+import {onlineEvaluationsCountAtom} from "@/oss/lib/hooks/usePreviewEvaluations"
+import {evaluatorConfigsAtom, evaluatorsAtom} from "@/oss/lib/atoms/evaluation"
+import {evaluatorsQueryAtomFamily} from "@/oss/state/evaluators"
+import {
+    ALLOWED_ONLINE_EVALUATOR_KEYS,
+    ENABLE_CORRECT_ANSWER_KEY_FILTER,
+} from "@/oss/components/pages/evaluations/onlineEvaluation/constants"
+import {collectEvaluatorCandidates} from "@/oss/components/pages/evaluations/onlineEvaluation/utils/evaluatorDetails"
+
+// ********************************* PLAYGROUND ATOMS ********************************* //
+/**
+ * This atom is used to determine if the user has run a generation in the playground for the first time
+ */
+export const playgroundHasFirstRunAtom = atom((get) => {
+    const statuses = get(runStatusByRowRevisionAtom) || {}
+    return Object.values(statuses).some((entry) => {
+        if (!entry) return false
+        const hasCompletedRun =
+            entry.resultHash !== undefined &&
+            (entry.isRunning === false || entry.isRunning === undefined)
+        return hasCompletedRun
+    })
+})
+
+// This atom is used to determine if the user can run the playground onboarding
+export const isPlaygroundOnboardingRunableAtom = atom((get) => {
+    const isCompareMode = get(isComparisonViewAtom)
+    const appType = get(currentAppContextAtom)?.appType || null
+    const isLoading = get(playgroundLoadingAtom)
+
+    if (isLoading) return false
+    if (isCompareMode) return false
+    if (appType === "custom") return false
+    return true
+})
+
+// ********************************* ONLINE EVALUATION ATOMS ********************************* //
+
+export const isOnlineEvaluationScenarioAvailableAtom = atom((get) => {
+    const runId = getCurrentRunId()
+    const scenarioCount = get(totalCountFamily(runId))
+    return scenarioCount > 0
+})
+
+//
+export const isOnlineEvaluationRunsAvailableAtom = atom((get) => {
+    const configs: any[] = get(evaluatorConfigsAtom) || []
+    const baseEvaluators: any[] = get(evaluatorsAtom) || []
+
+    if (!configs.length) return false
+
+    // 1) Allowed evaluators based on known keys
+    const allowedEvaluators = configs.filter((config: any) => {
+        if (!config) return false
+        const candidates = collectEvaluatorCandidates(
+            config?.evaluator_key,
+            (config as any)?.slug,
+            config?.name,
+            config?.key,
+            config?.meta?.evaluator_key,
+            config?.meta?.key,
+        )
+        if (!candidates.length) return false
+        return candidates.some((candidate) => ALLOWED_ONLINE_EVALUATOR_KEYS.has(candidate))
+    })
+
+    if (!allowedEvaluators.length) return false
+
+    // 2) Optional: filter out evaluators requiring a correct_answer_key depending on feature flag
+    if (!ENABLE_CORRECT_ANSWER_KEY_FILTER) return allowedEvaluators.length > 0
+
+    // Build a set of evaluator keys that require correct_answer_key (from base evaluators templates)
+    const requiringKey = (() => {
+        const set = new Set<string>()
+        ;(baseEvaluators || []).forEach((evaluator) => {
+            const template = evaluator?.settings_template || {}
+            const expectsCorrectAnswerKey = Object.entries(template).some(
+                ([fieldKey, field]: any) => {
+                    if (!field) return false
+                    const normalizedKey = String(fieldKey || "").toLowerCase()
+                    const normalizedLabel = String(field?.label || "").toLowerCase()
+                    const matches =
+                        normalizedKey.includes("correct_answer_key") ||
+                        normalizedLabel.includes("correct answer key")
+                    if (!matches) return false
+                    return field?.required !== false
+                },
+            )
+            if (expectsCorrectAnswerKey && evaluator?.key) {
+                set.add(evaluator.key)
+            }
+        })
+        return set
+    })()
+
+    const filteredEvaluators = allowedEvaluators.filter((config: any) => {
+        if (!config) return false
+        const evaluatorKey = config?.evaluator_key
+        if (evaluatorKey && requiringKey.has(evaluatorKey)) {
+            return false
+        }
+        const settingsValues = config?.settings_values || {}
+        const requiresCorrectAnswerKey = Object.entries(settingsValues).some(([key, value]) => {
+            if (!key) return false
+            const normalizedKey = String(key).toLowerCase()
+            const matchesCorrectAnswerKey = normalizedKey.includes("correct_answer_key")
+            if (!matchesCorrectAnswerKey) return false
+            if (value === undefined || value === null) return false
+            if (typeof value === "string") {
+                return value.trim().length > 0
+            }
+            return true
+        })
+        return !requiresCorrectAnswerKey
+    })
+
+    return filteredEvaluators.length > 0
+})
+
+// ********************************* HUMAN EVALUATION ATOMS ********************************* //
+export const isHumanEvaluationRunsAvailableAtom = atom((get) => {
+    const params = {
+        projectId: null,
+        preview: true,
+        queriesKey: JSON.stringify({is_human: true}),
+    }
+    const queryAtom = evaluatorsQueryAtomFamily(params)
+    const q: any = get(queryAtom)
+    const evaluators = (q?.data as any[]) ?? []
+    return evaluators.length > 0
+})
+
+// ********************************* GENERAL EVALUATION ATOMS ********************************* //
+
+export const isUserInRunPageAtom = atom((get) => {
+    const runId = getCurrentRunId()
+    return !!runId
+})
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 90b56463d9..1e4b25ed95 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -3,7 +3,6 @@ import {eagerAtom} from "jotai-eager"
 import {atomWithStorage} from "jotai/utils"
 import {Tour} from "nextstepjs"
 import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
-import {runStatusByRowRevisionAtom} from "@/oss/state/generation/entities"
 
 import {userAtom} from "../../profile"
 import {sessionExistsAtom} from "../../session"
@@ -15,19 +14,19 @@ import {
     OnboardingState,
     UserOnboardingStatus,
 } from "../types"
+import {playgroundHasFirstRunAtom} from "./helperAtom"
 
 const NEW_USER_STORAGE_KEY = "new-user"
 const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
 const USER_ONBOARDING_PROFILE_CONTEXT_STORAGE_KEY = "user-onboarding-profile-context"
 
+/**
+ * @deprecated this is no longer useful anymore
+ */
 export const isNewUserStorageAtom = atomWithStorage(NEW_USER_STORAGE_KEY, false)
-
-export const userOnboardingProfileContextAtom = atomWithStorage<{
-    userRole: string
-    userExperience: string
-    userInterest: string
-} | null>(USER_ONBOARDING_PROFILE_CONTEXT_STORAGE_KEY, null)
-
+/**
+ * @deprecated this is no longer useful anymore
+ */
 export const isNewUserAtom = eagerAtom((get) => {
     const user = get(userAtom)
     const sessionExists = get(sessionExistsAtom)
@@ -36,6 +35,14 @@ export const isNewUserAtom = eagerAtom((get) => {
     return !!sessionExists && !!user && isNewUser
 })
 
+// Rename to userOnboardingProfileAtom
+export const userOnboardingProfileContextAtom = atomWithStorage<{
+    userRole: string
+    userExperience: string
+    userInterest: string
+} | null>(USER_ONBOARDING_PROFILE_CONTEXT_STORAGE_KEY, null)
+
+// old
 const defaultUserOnboardingState: UserOnboardingStatus = {
     apps: "idle",
     playground: "idle",
@@ -44,6 +51,19 @@ const defaultUserOnboardingState: UserOnboardingStatus = {
     observability: "idle",
     trace: "idle",
 }
+// new
+const defaultNewUserOnboardingState: UserOnboardingStatus = {
+    apps: "idle",
+    playground: "idle",
+    playgroundPostRun: "idle",
+    evaluations: "idle",
+    autoEvaluations: "idle",
+    humanEvaluations: "idle",
+    onlineEvaluations: "idle",
+    observability: "idle",
+    trace: "idle",
+    annotate: "idle",
+}
 
 export const ONBOARDING_SECTIONS = Object.keys(defaultUserOnboardingState) as Array<
     keyof UserOnboardingStatus
@@ -127,16 +147,7 @@ export const triggerOnboardingAtom = atom<{
     type?: "beginner" | "advanced"
 } | null>(null)
 
-const playgroundHasFirstRunAtom = atom((get) => {
-    const statuses = get(runStatusByRowRevisionAtom) || {}
-    return Object.values(statuses).some((entry) => {
-        if (!entry) return false
-        const hasCompletedRun =
-            entry.resultHash !== undefined && (entry.isRunning === false || entry.isRunning === undefined)
-        return hasCompletedRun
-    })
-})
-
+// rename to onboardingStateAtom
 export const newOnboardingStateAtom = atom<Tour[]>((get) => {
     const appStatusLoading = get(appStatusLoadingAtom)
     const onboardingProfile = get(userOnboardingProfileContextAtom)
diff --git a/web/oss/src/state/onboarding/steps/evaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluationSteps.tsx
deleted file mode 100644
index f4fd32325b..0000000000
--- a/web/oss/src/state/onboarding/steps/evaluationSteps.tsx
+++ /dev/null
@@ -1,558 +0,0 @@
-import {getDefaultStore} from "jotai"
-
-import {OnboardingStepsContext, TourDefinition} from "./types"
-import {
-    openAutoEvaluationModalAtom,
-    closeAutoEvaluationModalAtom,
-} from "@/oss/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom"
-import {urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
-import type {EvalRunUrlState} from "@/oss/components/EvalRunDetails/state/urlState"
-import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
-import {
-    activeEvaluationPanelAtom,
-    type EvaluationPanelKey,
-} from "@/oss/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom"
-import {
-    openOnlineEvaluationDrawerAtom,
-    closeOnlineEvaluationDrawerAtom,
-} from "@/oss/components/pages/evaluations/onlineEvaluation/state/drawerAtom"
-import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
-import {evaluatorConfigsAtom} from "@/oss/lib/atoms/evaluation"
-
-type EvaluationSelector =
-    | "#tour-new-eval-tab-application"
-    | "#tour-new-eval-tab-variant"
-    | "#tour-new-eval-tab-testset"
-    | "#tour-new-eval-tab-evaluators"
-    | "#tour-new-eval-tab-advanced"
-    | "#tour-new-eval-content-application"
-    | "#tour-new-eval-content-variant"
-    | "#tour-new-eval-content-testset"
-    | "#tour-new-eval-content-evaluators"
-    | "#tour-new-eval-content-advanced"
-
-const EVAL_TAB_BY_SELECTOR: Record<EvaluationSelector, EvaluationPanelKey> = {
-    "#tour-new-eval-tab-application": "appPanel",
-    "#tour-new-eval-content-application": "appPanel",
-    "#tour-new-eval-tab-variant": "variantPanel",
-    "#tour-new-eval-content-variant": "variantPanel",
-    "#tour-new-eval-tab-testset": "testsetPanel",
-    "#tour-new-eval-content-testset": "testsetPanel",
-    "#tour-new-eval-tab-evaluators": "evaluatorPanel",
-    "#tour-new-eval-content-evaluators": "evaluatorPanel",
-    "#tour-new-eval-tab-advanced": "advancedSettingsPanel",
-    "#tour-new-eval-content-advanced": "advancedSettingsPanel",
-}
-
-const ensureEvalTab = (selector?: string | null) => {
-    if (!selector) return
-    const tab = (EVAL_TAB_BY_SELECTOR as any)[selector]
-    if (!tab) return
-    getDefaultStore().set(activeEvaluationPanelAtom, tab)
-}
-
-// Online Evaluation steps utilities (module scope)
-const openOnlineEvalDrawer = () => {
-    getDefaultStore().set(openOnlineEvaluationDrawerAtom)
-}
-const closeOnlineEvalDrawer = () => {
-    getDefaultStore().set(closeOnlineEvaluationDrawerAtom)
-}
-
-const BASE_ONLINE_STEPS = [
-    {
-        icon: "🧪",
-        title: "Start an online evaluation",
-        content: <span>Create a live evaluation that continuously scores incoming traffic.</span>,
-        selector: "#tour-online-start-new-evaluation",
-        side: "bottom" as const,
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        // viewportID: "tour-online-start-new-evaluation",
-        onCleanup: closeOnlineEvalDrawer,
-        onEnter: closeOnlineEvalDrawer,
-    },
-    {
-        icon: "📝",
-        title: "Name the evaluation",
-        content: <span>Give your evaluation a clear, descriptive name.</span>,
-        selector: "#tour-online-name-input",
-        side: "top" as const,
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openOnlineEvalDrawer,
-        onCleanup: closeOnlineEvalDrawer,
-        // viewportID: "tour-online-start-new-evaluation",
-    },
-    {
-        icon: "🔎",
-        title: "Define the query",
-        content: <span>Choose filters and sampling to control which traffic is evaluated.</span>,
-        selector: "#tour-online-query-section",
-        side: "right" as const,
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openOnlineEvalDrawer,
-        onCleanup: closeOnlineEvalDrawer,
-        // viewportID: "tour-online-start-new-evaluation",
-    },
-    {
-        icon: "🤖",
-        title: "Select evaluator",
-        content: <span>Pick the evaluator to score your results.</span>,
-        selector: "#tour-online-evaluator-select",
-        side: "right" as const,
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openOnlineEvalDrawer,
-        onCleanup: closeOnlineEvalDrawer,
-    },
-    {
-        icon: "🚀",
-        title: "Create online evaluation",
-        content: <span>Launch the live evaluation. You can monitor results in the table.</span>,
-        selector: "#tour-online-create-button",
-        side: "top" as const,
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 6,
-        pointerRadius: 12,
-        onEnter: openOnlineEvalDrawer,
-        onCleanup: closeOnlineEvalDrawer,
-    },
-]
-
-const resolveOnlineEvaluationTour = (): TourDefinition => {
-    const configs = getDefaultStore().get(evaluatorConfigsAtom) || []
-    const hasCompatibleEvaluators = Array.isArray(configs) && configs.length > 0
-    const steps = hasCompatibleEvaluators
-        ? BASE_ONLINE_STEPS
-        : [
-              BASE_ONLINE_STEPS[0],
-              {
-                  icon: "🧩",
-                  title: "Configure evaluators",
-                  content: (
-                      <span>
-                          If you don’t have a supported evaluator yet, open the evaluator registry
-                          to add one (LLM judge, Code, Regex, or Webhook).
-                      </span>
-                  ),
-                  selector: "#tour-online-configure-evaluators",
-                  side: "bottom" as const,
-                  showControls: true,
-                  showSkip: true,
-                  pointerPadding: 12,
-                  pointerRadius: 12,
-                  onCleanup: closeOnlineEvalDrawer,
-              },
-              ...BASE_ONLINE_STEPS.slice(1),
-          ]
-    return [{tour: "online-evaluation-quickstart", steps}]
-}
-
-const openAutoEvalModal = () => {
-    getDefaultStore().set(openAutoEvaluationModalAtom)
-}
-
-const closeAutoEvalModal = () => {
-    getDefaultStore().set(closeAutoEvaluationModalAtom)
-}
-
-const AUTO_EVALUATION_STEPS: TourDefinition[number]["steps"] = [
-    {
-        icon: "🧪",
-        title: "Start an evaluation",
-        content: (
-            <span>
-                Kick off automated scoring from here once you&apos;re ready to compare variants
-                against a testset.
-            </span>
-        ),
-        selector: "#tour-start-new-evaluation",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: closeAutoEvalModal,
-        onCleanup: closeAutoEvalModal,
-    },
-    // {
-    //     icon: "⚙️",
-    //     title: "Manage evaluators",
-    //     content: (
-    //         <span>
-    //             Need a new heuristic or AI critique? Configure evaluator templates in this workspace
-    //             before running them inside an evaluation.
-    //         </span>
-    //     ),
-    //     selector: "#tour-configure-evaluator",
-    //     side: "bottom",
-    //     showControls: true,
-    //     showSkip: true,
-    //     pointerPadding: 12,
-    //     pointerRadius: 12,
-    //     onEnter: closeAutoEvalModal,
-    //     onCleanup: closeAutoEvalModal,
-    // },
-    {
-        icon: "📱",
-        title: "Pick the app",
-        content: (
-            <span>
-                Choose which application this run belongs to so we fetch its variants and connected
-                infrastructure.
-            </span>
-        ),
-        selector: "#tour-new-eval-content-application",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step?: {selector?: string | null}) => {
-            ensureEvalTab(step?.selector ?? null)
-            openAutoEvalModal()
-        },
-        onCleanup: closeAutoEvalModal,
-    },
-    {
-        icon: "🧬",
-        title: "Select variant",
-        content: (
-            <span>
-                Add the variants or revisions you want to measure. You can revisit this to compare
-                multiple revisions.
-            </span>
-        ),
-        // selector: "#tour-new-eval-tab-variant",
-        selector: "#tour-new-eval-content-variant",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step?: {selector?: string | null}) => {
-            ensureEvalTab(step?.selector ?? null)
-            openAutoEvalModal()
-        },
-        // onCleanup: closeAutoEvalModal,
-    },
-    // {
-    //     icon: "🔎",
-    //     title: "Variant details",
-    //     content: (
-    //         <span>
-    //             Review selected variants here. You can remove or add more revisions before
-    //             continuing.
-    //         </span>
-    //     ),
-    //     selector: "#tour-new-eval-content-variant",
-    //     side: "right",
-    //     showControls: true,
-    //     showSkip: true,
-    //     pointerPadding: 12,
-    //     pointerRadius: 12,
-    //     // onEnter: (step?: { selector?: string | null }) => ensureEvalTab(step?.selector ?? null),
-    //     onCleanup: closeAutoEvalModal,
-    // },
-    {
-        icon: "📊",
-        title: "Attach a testset",
-        content: (
-            <span>
-                Link the dataset that contains your evaluation scenarios and expected answers for
-                accurate scoring.
-            </span>
-        ),
-        // selector: "#tour-new-eval-tab-testset",
-        selector: "#tour-new-eval-content-testset",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        // onEnter: (step) => {
-        //     ensureEvalTab(step?.selector)
-        //     openAutoEvalModal()
-        // },
-        // onCleanup: closeAutoEvalModal,
-    },
-    // {
-    //     icon: "🔎",
-    //     title: "Testset details",
-    //     content: (
-    //         <span>
-    //             Verify the chosen testset and adjust selections. Ensure required columns are
-    //             available.
-    //         </span>
-    //     ),
-    //     selector: "#tour-new-eval-content-testset",
-    //     side: "right",
-    //     showControls: true,
-    //     showSkip: true,
-    //     pointerPadding: 12,
-    //     pointerRadius: 12,
-    //     onEnter: (step) => ensureEvalTab(step?.selector),
-    //     onCleanup: closeAutoEvalModal,
-    // },
-    {
-        icon: "🔎",
-        title: "Choose evaluators",
-        content: (
-            <span>
-                Confirm evaluator choices and settings. You can remove any tag to deselect an
-                evaluator.
-            </span>
-        ),
-        selector: "#tour-new-eval-content-evaluators",
-        side: "right",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step) => ensureEvalTab(step?.selector),
-        onCleanup: closeAutoEvalModal,
-    },
-    {
-        icon: "🔎",
-        title: "Tune advanced settings",
-        content: (
-            <span>
-                Review and fine-tune rate limits and the expected answer column before launching.
-            </span>
-        ),
-        selector: "#tour-new-eval-content-advanced",
-        side: "right",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step) => ensureEvalTab(step?.selector),
-        onCleanup: closeAutoEvalModal,
-    },
-    {
-        icon: "🚀",
-        title: "Launch the run",
-        content: (
-            <span>
-                When everything looks good, start the evaluation. We&apos;ll close the modal and add
-                the new run to your table.
-            </span>
-        ),
-        selector: "#tour-new-eval-start",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openAutoEvalModal,
-        onCleanup: closeAutoEvalModal,
-    },
-]
-
-const AUTO_EVALUATION_TOUR: TourDefinition = [
-    {
-        tour: "auto-evaluation-quickstart",
-        steps: AUTO_EVALUATION_STEPS,
-    },
-]
-
-const HUMAN_EVAL_RUN_STEPS = [
-    {
-        icon: "🎯",
-        title: "Focus mode",
-        content: (
-            <span>
-                Stay in this tab to review one scenario at a time with the navigator pinned to the
-                left for fast switching.
-            </span>
-        ),
-        selector: "#tour-human-eval-focus-tab",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 20,
-        pointerRadius: 12,
-    },
-    {
-        icon: "🧾",
-        title: "Inputs & responses",
-        content: (
-            <span>
-                The scenario card shows the captured inputs, ground truth, and the latest model
-                response so you can inspect what was evaluated.
-            </span>
-        ),
-        selector: "#tour-human-eval-io-panel",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openAutoEvalModal,
-        onCleanup: closeAutoEvalModal,
-    },
-    {
-        icon: "⚡️",
-        title: "Re-run this scenario",
-        content: (
-            <span>
-                Trigger a fresh invocation whenever you tweak prompts or want a new trace before you
-                record feedback.
-            </span>
-        ),
-        selector: "#tour-human-eval-run-button",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-    },
-    {
-        icon: "✍️",
-        title: "Annotate findings",
-        content: (
-            <span>
-                Record rubric scores, qualitative notes, and evaluator overrides here—each entry is
-                versioned per scenario and reviewer.
-            </span>
-        ),
-        selector: "#tour-human-eval-annotation-panel",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-    },
-    {
-        icon: "📋",
-        title: "Table view",
-        content: (
-            <span>
-                Jump to the table to scan every scenario, filter by status, and open the ones that
-                still need annotations.
-            </span>
-        ),
-        selector: "#tour-human-eval-table-view",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 20,
-        pointerRadius: 12,
-    },
-    {
-        icon: "📊",
-        title: "Results tab",
-        content: (
-            <span>
-                Use the results tab to review aggregate evaluator scores and compare performance
-                across metrics for the entire run.
-            </span>
-        ),
-        selector: "#tour-human-eval-results-tab",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-    },
-]
-
-const HUMAN_EVAL_RUN_TOUR: TourDefinition = [
-    {
-        tour: "human-eval-annotation-quickstart",
-        steps: HUMAN_EVAL_RUN_STEPS,
-    },
-]
-
-const HUMAN_EVAL_VIEW_BY_SELECTOR: Record<string, NonNullable<EvalRunUrlState["view"]>> = {
-    "#tour-human-eval-focus-tab": "focus",
-    "#tour-human-eval-io-panel": "focus",
-    "#tour-human-eval-run-button": "focus",
-    "#tour-human-eval-annotation-panel": "focus",
-    "#tour-human-eval-table-view": "table",
-    "#tour-human-eval-results-tab": "results",
-}
-
-const ensureHumanEvalView = (selector?: string | null) => {
-    if (!selector) return
-    const targetView = HUMAN_EVAL_VIEW_BY_SELECTOR[selector]
-    if (!targetView) return
-
-    getDefaultStore().set(urlStateAtom, (draft) => {
-        if (draft.view === targetView) return
-        draft.view = targetView as EvalRunUrlState["view"]
-        if (targetView !== "focus") {
-            draft.scenarioId = undefined
-        }
-    })
-}
-
-const resolveDefaultEvaluationTour = (location: OnboardingStepsContext["location"]): TourDefinition => {
-    const lastVisited = getDefaultStore().get(lastVisitedEvaluationAtom)
-    if (lastVisited === "online_evaluation") {
-        return resolveOnlineEvaluationTour()
-    }
-
-    if (location?.scope === "project") {
-        return AUTO_EVALUATION_TOUR
-    }
-
-    return [
-        {
-            tour: "auto-evaluation-quickstart",
-            steps: AUTO_EVALUATION_TOUR[0].steps.filter(
-                (step) => step.selector !== "#tour-new-eval-content-application",
-            ),
-        },
-    ]
-}
-
-const resolveHumanEvaluationTour = (ctx: OnboardingStepsContext): TourDefinition => {
-    ensureHumanEvalView(ctx.currentStep?.selector ?? null)
-    return HUMAN_EVAL_RUN_TOUR
-}
-
-const resolveEvaluationTour = (ctx: OnboardingStepsContext): TourDefinition => {
-    const location = ctx.location
-    const evalType = getDefaultStore().get(evalTypeAtom)
-    const trailSegments = location?.trail ? location.trail.split("/").filter(Boolean) : []
-    const isEvaluationsSection = location?.section === "evaluations"
-    const isDetailRoute = isEvaluationsSection && trailSegments.length > 1
-    const isListRoute = isEvaluationsSection && trailSegments.length <= 1
-
-    if (isDetailRoute && evalType === "human") {
-        return resolveHumanEvaluationTour(ctx)
-    }
-
-    if (isListRoute) {
-        return resolveDefaultEvaluationTour(location)
-    }
-
-    return []
-}
-
-const EVALUATION_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
-    Hobbyist: (ctx) => resolveEvaluationTour(ctx),
-    "ML/AI Engineer or Data scientist": (ctx) => resolveEvaluationTour(ctx),
-    "Frontend / Backend Developer": (ctx) => resolveEvaluationTour(ctx),
-}
-
-export const EVALUATION_TOURS = new Proxy(EVALUATION_TOUR_MAP, {
-    get(target, prop: string | symbol) {
-        if (typeof prop === "string" && prop in target) {
-            return target[prop]
-        }
-        return target.Hobbyist
-    },
-}) as typeof EVALUATION_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
new file mode 100644
index 0000000000..8fb9b95a60
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
@@ -0,0 +1,215 @@
+import {getDefaultStore} from "jotai"
+
+import {OnboardingStepsContext, TourDefinition} from "../types"
+import {
+    openAutoEvaluationModalAtom,
+    closeAutoEvaluationModalAtom,
+} from "@/oss/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom"
+import {activeEvaluationPanelAtom} from "@/oss/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom"
+
+// Constants
+const EVAL_TAB_BY_SELECTOR: Record<string, string> = {
+    "#tour-new-eval-tab-application": "appPanel",
+    "#tour-new-eval-content-application": "appPanel",
+    "#tour-new-eval-tab-variant": "variantPanel",
+    "#tour-new-eval-content-variant": "variantPanel",
+    "#tour-new-eval-tab-testset": "testsetPanel",
+    "#tour-new-eval-content-testset": "testsetPanel",
+    "#tour-new-eval-tab-evaluators": "evaluatorPanel",
+    "#tour-new-eval-content-evaluators": "evaluatorPanel",
+    "#tour-new-eval-tab-advanced": "advancedSettingsPanel",
+    "#tour-new-eval-content-advanced": "advancedSettingsPanel",
+}
+
+// Function
+const ensureEvalTab = (selector?: string | null) => {
+    if (!selector) return
+    const tab = (EVAL_TAB_BY_SELECTOR as any)[selector]
+    if (!tab) return
+    getDefaultStore().set(activeEvaluationPanelAtom, tab)
+}
+
+const openAutoEvalModal = () => {
+    getDefaultStore().set(openAutoEvaluationModalAtom)
+}
+
+const closeAutoEvalModal = () => {
+    getDefaultStore().set(closeAutoEvaluationModalAtom)
+}
+
+// Steps
+const AUTO_EVALUATION_STEPS: TourDefinition[number]["steps"] = [
+    {
+        icon: "🧪",
+        title: "Start an evaluation",
+        content: (
+            <span>
+                Kick off automated scoring from here once you&apos;re ready to compare variants
+                against a testset.
+            </span>
+        ),
+        selector: "#tour-start-new-evaluation",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: closeAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "📱",
+        title: "Pick the app",
+        content: (
+            <span>
+                Choose which application this run belongs to so we fetch its variants and connected
+                infrastructure.
+            </span>
+        ),
+        selector: "#tour-new-eval-content-application",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: (step?: {selector?: string | null}) => {
+            ensureEvalTab(step?.selector ?? null)
+            openAutoEvalModal()
+        },
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "🧬",
+        title: "Select variant",
+        content: (
+            <span>
+                Add the variants or revisions you want to measure. You can revisit this to compare
+                multiple revisions.
+            </span>
+        ),
+        selector: "#tour-new-eval-content-variant",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: (step?: {selector?: string | null}) => {
+            ensureEvalTab(step?.selector ?? null)
+            openAutoEvalModal()
+        },
+        // onCleanup: closeAutoEvalModal,
+    },
+
+    {
+        icon: "📊",
+        title: "Attach a testset",
+        content: (
+            <span>
+                Link the dataset that contains your evaluation scenarios and expected answers for
+                accurate scoring.
+            </span>
+        ),
+        selector: "#tour-new-eval-content-testset",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: (step) => {
+            ensureEvalTab(step?.selector)
+            openAutoEvalModal()
+        },
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "🔎",
+        title: "Choose evaluators",
+        content: (
+            <span>
+                Confirm evaluator choices and settings. You can remove any tag to deselect an
+                evaluator.
+            </span>
+        ),
+        selector: "#tour-new-eval-content-evaluators",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: (step) => ensureEvalTab(step?.selector),
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "🔎",
+        title: "Tune advanced settings",
+        content: (
+            <span>
+                Review and fine-tune rate limits and the expected answer column before launching.
+            </span>
+        ),
+        selector: "#tour-new-eval-content-advanced",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: (step) => ensureEvalTab(step?.selector),
+        onCleanup: closeAutoEvalModal,
+    },
+    {
+        icon: "🚀",
+        title: "Launch the run",
+        content: (
+            <span>
+                When everything looks good, start the evaluation. We&apos;ll close the modal and add
+                the new run to your table.
+            </span>
+        ),
+        selector: "#tour-new-eval-start",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openAutoEvalModal,
+        onCleanup: closeAutoEvalModal,
+    },
+]
+
+// Helper
+const resolveDefaultEvaluationTour = (ctx: OnboardingStepsContext): TourDefinition => {
+    const location = ctx.location
+
+    if (location?.scope === "project") {
+        return [
+            {
+                tour: "auto-evaluation-quickstart",
+                steps: AUTO_EVALUATION_STEPS,
+            },
+        ]
+    }
+
+    return [
+        {
+            tour: "auto-evaluation-quickstart",
+            steps: AUTO_EVALUATION_STEPS.filter(
+                (step) => step.selector !== "#tour-new-eval-content-application",
+            ),
+        },
+    ]
+}
+
+const AUTO_EVALUATION_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    Hobbyist: (ctx) => resolveDefaultEvaluationTour(ctx),
+    "ML/AI Engineer or Data scientist": (ctx) => resolveDefaultEvaluationTour(ctx),
+    "Frontend / Backend Developer": (ctx) => resolveDefaultEvaluationTour(ctx),
+}
+
+export const AUTO_EVALUATION_TOURS = new Proxy(AUTO_EVALUATION_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof AUTO_EVALUATION_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
new file mode 100644
index 0000000000..2c6d988227
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
@@ -0,0 +1,144 @@
+import {EvalRunUrlState, urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
+import {getDefaultStore} from "jotai"
+import {OnboardingStepsContext, TourDefinition} from "../types"
+import {isHumanEvaluationRunsAvailableAtom, isUserInRunPageAtom} from "../../atoms/helperAtom"
+
+// Functions
+const onChangeTab = (tab: string) => {
+    getDefaultStore().set(urlStateAtom, (draft) => {
+        if (draft.view === tab) return
+        draft.view = tab as EvalRunUrlState["view"]
+        if (tab !== "focus") {
+            draft.scenarioId = undefined
+        }
+    })
+}
+
+// Steps
+const HUMAN_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
+    {
+        icon: "🎯",
+        title: "Focus mode",
+        content: (
+            <span>
+                Stay in this tab to review one scenario at a time with the navigator pinned to the
+                left for fast switching.
+            </span>
+        ),
+        selector: "#tour-human-eval-focus-tab",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 20,
+        pointerRadius: 12,
+    },
+    {
+        icon: "🧾",
+        title: "Inputs & responses",
+        content: (
+            <span>
+                The scenario card shows the captured inputs, ground truth, and the latest model
+                response so you can inspect what was evaluated.
+            </span>
+        ),
+        selector: "#tour-human-eval-io-panel",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+    {
+        icon: "⚡️",
+        title: "Re-run this scenario",
+        content: (
+            <span>
+                Trigger a fresh invocation whenever you tweak prompts or want a new trace before you
+                record feedback.
+            </span>
+        ),
+        selector: "#tour-human-eval-run-button",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+    {
+        icon: "✍️",
+        title: "Annotate findings",
+        content: (
+            <span>
+                Record rubric scores, qualitative notes, and evaluator overrides here—each entry is
+                versioned per scenario and reviewer.
+            </span>
+        ),
+        selector: "#tour-human-eval-annotation-panel",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+    {
+        icon: "📋",
+        title: "Table view",
+        content: (
+            <span>
+                Jump to the table to scan every scenario, filter by status, and open the ones that
+                still need annotations.
+            </span>
+        ),
+        selector: "#tour-human-eval-table-view",
+        side: "top",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 20,
+        pointerRadius: 12,
+        onEnter: () => onChangeTab("table"),
+    },
+    {
+        icon: "📊",
+        title: "Results tab",
+        content: (
+            <span>
+                Use the results tab to review aggregate evaluator scores and compare performance
+                across metrics for the entire run.
+            </span>
+        ),
+        selector: "#tour-human-eval-results-tab",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: () => onChangeTab("results"),
+    },
+]
+
+// Helper functions
+export const resolveOnlineEvaluationSteps = () => {
+    const hasEvaluators = getDefaultStore().get(isHumanEvaluationRunsAvailableAtom)
+    if (hasEvaluators) return [{tour: "online-evaluation-quickstart", steps: []}]
+
+    if (!hasEvaluators) return [{tour: "configure-new-evaluator", steps: []}]
+
+    const isUserInRunPage = getDefaultStore().get(isUserInRunPageAtom)
+    if (isUserInRunPage) return [{tour: "online-evaluation-page-tour", steps: HUMAN_EVAL_RUN_STEPS}]
+    return []
+}
+
+const HUMAN_EVALUATION_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    Hobbyist: (ctx) => resolveOnlineEvaluationSteps(ctx),
+    "ML/AI Engineer or Data scientist": (ctx) => resolveOnlineEvaluationSteps(ctx),
+    "Frontend / Backend Developer": (ctx) => resolveOnlineEvaluationSteps(ctx),
+}
+
+export const HUMAN_EVALUATION_TOURS = new Proxy(HUMAN_EVALUATION_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof HUMAN_EVALUATION_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/evaluations/index.tsx b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
new file mode 100644
index 0000000000..2130e575e8
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
@@ -0,0 +1,26 @@
+import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
+import {getDefaultStore} from "jotai"
+import {OnboardingStepsContext} from "../types"
+import {AUTO_EVALUATION_TOURS} from "./autoEvaluationSteps"
+import {HUMAN_EVALUATION_TOURS} from "./humanEvaluationSteps"
+import {ONLINE_EVALUATION_TOURS} from "./onlineEvaluationSteps"
+
+export const evaluationTour = (ctx: OnboardingStepsContext) => {
+    const currentEval = getDefaultStore().get(lastVisitedEvaluationAtom)
+    const evalType = getDefaultStore().get(evalTypeAtom)
+
+    if (currentEval === "online_evaluation" || evalType === "online") {
+        return ONLINE_EVALUATION_TOURS(ctx)[ctx.userContext?.userRole]
+    }
+
+    if (currentEval === "auto_evaluation" || evalType === "auto") {
+        return AUTO_EVALUATION_TOURS(ctx)[ctx.userContext?.userRole]
+    }
+
+    if (currentEval === "human_evaluation" || evalType === "human") {
+        return HUMAN_EVALUATION_TOURS(ctx)[ctx.userContext?.userRole]
+    }
+
+    return []
+}
diff --git a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
new file mode 100644
index 0000000000..fad1ec25ba
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
@@ -0,0 +1,115 @@
+import {
+    openOnlineEvaluationDrawerAtom,
+    closeOnlineEvaluationDrawerAtom,
+} from "@/oss/components/pages/evaluations/onlineEvaluation/state/drawerAtom"
+import {getDefaultStore} from "jotai"
+import {isOnlineEvaluationRunsAvailableAtom, isUserInRunPageAtom} from "../../atoms/helperAtom"
+import {OnboardingStepsContext, TourDefinition} from "../types"
+
+// Functions
+const openOnlineEvalDrawer = () => {
+    getDefaultStore().set(openOnlineEvaluationDrawerAtom)
+}
+const closeOnlineEvalDrawer = () => {
+    getDefaultStore().set(closeOnlineEvaluationDrawerAtom)
+}
+
+// Steps
+const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
+    {
+        icon: "🧪",
+        title: "Start an online evaluation",
+        content: <span>Create a live evaluation that continuously scores incoming traffic.</span>,
+        selector: "#tour-online-start-new-evaluation",
+        side: "bottom" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onCleanup: closeOnlineEvalDrawer,
+        onEnter: closeOnlineEvalDrawer,
+    },
+    {
+        icon: "📝",
+        title: "Name the evaluation",
+        content: <span>Give your evaluation a clear, descriptive name.</span>,
+        selector: "#tour-online-name-input",
+        side: "top" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openOnlineEvalDrawer,
+        onCleanup: closeOnlineEvalDrawer,
+    },
+    {
+        icon: "🔎",
+        title: "Define the query",
+        content: <span>Choose filters and sampling to control which traffic is evaluated.</span>,
+        selector: "#tour-online-query-section",
+        side: "right" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openOnlineEvalDrawer,
+        onCleanup: closeOnlineEvalDrawer,
+    },
+    {
+        icon: "🤖",
+        title: "Select evaluator",
+        content: <span>Pick the evaluator to score your results.</span>,
+        selector: "#tour-online-evaluator-select",
+        side: "right" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: openOnlineEvalDrawer,
+        onCleanup: closeOnlineEvalDrawer,
+    },
+    {
+        icon: "🚀",
+        title: "Create online evaluation",
+        content: <span>Launch the live evaluation. You can monitor results in the table.</span>,
+        selector: "#tour-online-create-button",
+        side: "top" as const,
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 6,
+        pointerRadius: 12,
+        onEnter: openOnlineEvalDrawer,
+        onCleanup: closeOnlineEvalDrawer,
+    },
+]
+
+// Helper functions
+export const resolveOnlineEvaluationSteps = () => {
+    const hasRuns = getDefaultStore().get(isOnlineEvaluationRunsAvailableAtom)
+    if (hasRuns)
+        return [{tour: "online-evaluation-quickstart", steps: CREATE_NEW_ONLINE_EVALUATION_STEPS}]
+
+    if (!hasRuns) return [{tour: "configure-new-evaluator", steps: []}]
+
+    const isUserInRunPage = getDefaultStore().get(isUserInRunPageAtom)
+    if (isUserInRunPage) return [{tour: "online-evaluation-page-tour", steps: []}]
+    return []
+}
+
+// Onboarding tours map with user role as key
+const ONLINE_EVALUATION_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> =
+    {
+        Hobbyist: (ctx) => resolveOnlineEvaluationSteps(ctx),
+        "ML/AI Engineer or Data scientist": (ctx) => resolveOnlineEvaluationSteps(ctx),
+        "Frontend / Backend Developer": (ctx) => resolveOnlineEvaluationSteps(ctx),
+    }
+
+
+export const ONLINE_EVALUATION_TOURS = new Proxy(ONLINE_EVALUATION_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof ONLINE_EVALUATION_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/index.ts b/web/oss/src/state/onboarding/steps/index.ts
index 2ad7cc90d4..98b66e9a74 100644
--- a/web/oss/src/state/onboarding/steps/index.ts
+++ b/web/oss/src/state/onboarding/steps/index.ts
@@ -1,9 +1,9 @@
 import {APP_MANAGEMENT_TOURS} from "./appManagementSteps"
-import {OnboardingStepsContext, TourDefinition} from "./types"
-import {EVALUATION_TOURS} from "./evaluationSteps"
+import {evaluationTour} from "./evaluations"
 import {OBSERVABILITY_TOURS} from "./observabilitySteps"
 import {PLAYGROUND_TOURS, resolvePlaygroundPostRunTour} from "./playgroundSteps"
 import {TRACE_TOURS} from "./traceSteps"
+import {OnboardingStepsContext, TourDefinition} from "./types"
 
 export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
     apps: (ctx) => {
@@ -15,14 +15,9 @@ export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDef
     playgroundPostRun: (_ctx) => {
         return resolvePlaygroundPostRunTour()
     },
-    // evaluations: (ctx) => {
-    //     return EVALUATION_TOURS[ctx.userContext?.userRole](ctx)
-    // },
-    // observability: (ctx) => {
-    //     const resolver =
-    //         OBSERVABILITY_TOURS[ctx.userContext?.userRole] ?? OBSERVABILITY_TOURS.Hobbyist
-    //     return resolver(ctx)
-    // },
+    evaluations: (ctx) => {
+        return evaluationTour(ctx)
+    },
     trace: (ctx) => {
         const resolver = TRACE_TOURS[ctx.userContext?.userRole] ?? TRACE_TOURS.Hobbyist
         return resolver(ctx)
diff --git a/web/oss/src/state/onboarding/steps/types.ts b/web/oss/src/state/onboarding/steps/types.ts
index 80e2c98974..163d00a116 100644
--- a/web/oss/src/state/onboarding/steps/types.ts
+++ b/web/oss/src/state/onboarding/steps/types.ts
@@ -13,4 +13,9 @@ export type OnboardingStepsContext = {
     location: URLLocationState | null
 }
 
-export type TourDefinition = Tour[]
+export interface CustomTour extends Tour {
+    onEnter?: (step?: {selector?: string | null}) => void
+    onCleanup?: (step?: {selector?: string | null}) => void
+}
+
+export type TourDefinition = CustomTour[]

From ceb8d8d015aa4bb3d2e2ab04afaa30d29be8924e Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:30:59 +0600
Subject: [PATCH 09/53] fix the failure issue

---
 .../src/state/onboarding/atoms/helperAtom.ts   |  4 ++--
 .../steps/evaluations/humanEvaluationSteps.tsx |  4 ++--
 .../onboarding/steps/evaluations/index.tsx     | 10 +++++++---
 .../evaluations/onlineEvaluationSteps.tsx      | 11 ++++++-----
 .../onboarding/steps/observabilitySteps.tsx    | 18 ------------------
 5 files changed, 17 insertions(+), 30 deletions(-)
 delete mode 100644 web/oss/src/state/onboarding/steps/observabilitySteps.tsx

diff --git a/web/oss/src/state/onboarding/atoms/helperAtom.ts b/web/oss/src/state/onboarding/atoms/helperAtom.ts
index c6631fcd1a..93e583bbce 100644
--- a/web/oss/src/state/onboarding/atoms/helperAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/helperAtom.ts
@@ -49,7 +49,7 @@ export const isOnlineEvaluationScenarioAvailableAtom = atom((get) => {
 })
 
 //
-export const isOnlineEvaluationRunsAvailableAtom = atom((get) => {
+export const isOnlineEvaluatorAvailableAtom = atom((get) => {
     const configs: any[] = get(evaluatorConfigsAtom) || []
     const baseEvaluators: any[] = get(evaluatorsAtom) || []
 
@@ -124,7 +124,7 @@ export const isOnlineEvaluationRunsAvailableAtom = atom((get) => {
 })
 
 // ********************************* HUMAN EVALUATION ATOMS ********************************* //
-export const isHumanEvaluationRunsAvailableAtom = atom((get) => {
+export const isHumanEvaluatorAvailableAtom = atom((get) => {
     const params = {
         projectId: null,
         preview: true,
diff --git a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
index 2c6d988227..2b96c77bba 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
@@ -1,7 +1,7 @@
 import {EvalRunUrlState, urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
 import {getDefaultStore} from "jotai"
 import {OnboardingStepsContext, TourDefinition} from "../types"
-import {isHumanEvaluationRunsAvailableAtom, isUserInRunPageAtom} from "../../atoms/helperAtom"
+import {isHumanEvaluatorAvailableAtom, isUserInRunPageAtom} from "../../atoms/helperAtom"
 
 // Functions
 const onChangeTab = (tab: string) => {
@@ -118,7 +118,7 @@ const HUMAN_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
 
 // Helper functions
 export const resolveOnlineEvaluationSteps = () => {
-    const hasEvaluators = getDefaultStore().get(isHumanEvaluationRunsAvailableAtom)
+    const hasEvaluators = getDefaultStore().get(isHumanEvaluatorAvailableAtom)
     if (hasEvaluators) return [{tour: "online-evaluation-quickstart", steps: []}]
 
     if (!hasEvaluators) return [{tour: "configure-new-evaluator", steps: []}]
diff --git a/web/oss/src/state/onboarding/steps/evaluations/index.tsx b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
index 2130e575e8..147c4e4b9e 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/index.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
@@ -9,17 +9,21 @@ import {ONLINE_EVALUATION_TOURS} from "./onlineEvaluationSteps"
 export const evaluationTour = (ctx: OnboardingStepsContext) => {
     const currentEval = getDefaultStore().get(lastVisitedEvaluationAtom)
     const evalType = getDefaultStore().get(evalTypeAtom)
+    const role = ctx.userContext?.userRole as string | undefined
 
     if (currentEval === "online_evaluation" || evalType === "online") {
-        return ONLINE_EVALUATION_TOURS(ctx)[ctx.userContext?.userRole]
+        const resolver = (ONLINE_EVALUATION_TOURS as any)[role] ?? ONLINE_EVALUATION_TOURS.Hobbyist
+        return resolver(ctx)
     }
 
     if (currentEval === "auto_evaluation" || evalType === "auto") {
-        return AUTO_EVALUATION_TOURS(ctx)[ctx.userContext?.userRole]
+        const resolver = (AUTO_EVALUATION_TOURS as any)[role] ?? AUTO_EVALUATION_TOURS.Hobbyist
+        return resolver(ctx)
     }
 
     if (currentEval === "human_evaluation" || evalType === "human") {
-        return HUMAN_EVALUATION_TOURS(ctx)[ctx.userContext?.userRole]
+        const resolver = (HUMAN_EVALUATION_TOURS as any)[role] ?? HUMAN_EVALUATION_TOURS.Hobbyist
+        return resolver(ctx)
     }
 
     return []
diff --git a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
index fad1ec25ba..55c33fd998 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
@@ -3,7 +3,7 @@ import {
     closeOnlineEvaluationDrawerAtom,
 } from "@/oss/components/pages/evaluations/onlineEvaluation/state/drawerAtom"
 import {getDefaultStore} from "jotai"
-import {isOnlineEvaluationRunsAvailableAtom, isUserInRunPageAtom} from "../../atoms/helperAtom"
+import {isOnlineEvaluatorAvailableAtom, isUserInRunPageAtom} from "../../atoms/helperAtom"
 import {OnboardingStepsContext, TourDefinition} from "../types"
 
 // Functions
@@ -85,14 +85,15 @@ const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
 
 // Helper functions
 export const resolveOnlineEvaluationSteps = () => {
-    const hasRuns = getDefaultStore().get(isOnlineEvaluationRunsAvailableAtom)
-    if (hasRuns)
+    const hasEvaluators = getDefaultStore().get(isOnlineEvaluatorAvailableAtom)
+console.log("hasEvaluators", hasEvaluators)
+    if (hasEvaluators)
         return [{tour: "online-evaluation-quickstart", steps: CREATE_NEW_ONLINE_EVALUATION_STEPS}]
 
-    if (!hasRuns) return [{tour: "configure-new-evaluator", steps: []}]
+    if (!hasEvaluators) return []
 
     const isUserInRunPage = getDefaultStore().get(isUserInRunPageAtom)
-    if (isUserInRunPage) return [{tour: "online-evaluation-page-tour", steps: []}]
+    if (isUserInRunPage) return []
     return []
 }
 
diff --git a/web/oss/src/state/onboarding/steps/observabilitySteps.tsx b/web/oss/src/state/onboarding/steps/observabilitySteps.tsx
deleted file mode 100644
index 8ace24371a..0000000000
--- a/web/oss/src/state/onboarding/steps/observabilitySteps.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import {OnboardingStepsContext, TourDefinition} from "./types"
-
-const EMPTY_TOUR: TourDefinition = []
-
-const OBSERVABILITY_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
-    Hobbyist: () => EMPTY_TOUR,
-    "ML/AI Engineer or Data scientist": () => EMPTY_TOUR,
-    "Frontend / Backend Developer": () => EMPTY_TOUR,
-}
-
-export const OBSERVABILITY_TOURS = new Proxy(OBSERVABILITY_TOUR_MAP, {
-    get(target, prop: string | symbol) {
-        if (typeof prop === "string" && prop in target) {
-            return target[prop]
-        }
-        return target.Hobbyist
-    },
-}) as typeof OBSERVABILITY_TOUR_MAP

From 5b445dda78c700bdb6e4e29a8333bc53e1c19a29 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:31:16 +0600
Subject: [PATCH 10/53] added steps for online eval detail page

---
 .../components/EvalRunHeader/index.tsx        |   2 +
 .../components/ConfigurationViewer/index.tsx  |   5 +-
 .../EvalRunDetails/OnlineEvalRun/index.tsx    |  29 ++-
 .../EvalRunOverviewViewer/index.tsx           |  10 +-
 .../EvalRunScenariosViewSelector/index.tsx    |   9 +
 .../ScenarioTable.tsx                         |   6 +-
 .../OnlineEvaluationDrawer.tsx                |   1 -
 .../src/state/onboarding/atoms/helperAtom.ts  |  10 +-
 .../evaluations/humanEvaluationSteps.tsx      |  10 +-
 .../evaluations/onlineEvaluationSteps.tsx     | 174 +++++++++++++++---
 10 files changed, 204 insertions(+), 52 deletions(-)

diff --git a/web/oss/src/components/EvalRunDetails/AutoEvalRun/components/EvalRunHeader/index.tsx b/web/oss/src/components/EvalRunDetails/AutoEvalRun/components/EvalRunHeader/index.tsx
index ec6227e62e..1c2834e208 100644
--- a/web/oss/src/components/EvalRunDetails/AutoEvalRun/components/EvalRunHeader/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/AutoEvalRun/components/EvalRunHeader/index.tsx
@@ -262,6 +262,7 @@ const EvalRunHeader = ({className, name, id}: {className?: string; name: string;
                         </div>
                     </div>
                     <Button
+                        id={"tour-online-eval-refresh-button"}
                         icon={<ReloadOutlined />}
                         onClick={onRefresh}
                         loading={isRefreshing}
@@ -271,6 +272,7 @@ const EvalRunHeader = ({className, name, id}: {className?: string; name: string;
                     </Button>
                     {canStop ? (
                         <Button
+                            id={"tour-online-eval-stop-button"}
                             danger
                             onClick={onStop}
                             loading={action === "stop"}
diff --git a/web/oss/src/components/EvalRunDetails/OnlineEvalRun/components/ConfigurationViewer/index.tsx b/web/oss/src/components/EvalRunDetails/OnlineEvalRun/components/ConfigurationViewer/index.tsx
index be13360780..54767295a2 100644
--- a/web/oss/src/components/EvalRunDetails/OnlineEvalRun/components/ConfigurationViewer/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/OnlineEvalRun/components/ConfigurationViewer/index.tsx
@@ -390,7 +390,10 @@ const ConfigurationViewer = () => {
     }, [resolvedEvaluator?.id, evaluatorFromRun?.id, evaluatorJson, hasEvaluatorJson])
 
     return (
-        <div className="w-full h-full overflow-auto px-6 bg-zinc-1 pt-2">
+        <div
+            className="w-full h-full overflow-auto px-6 bg-zinc-1 pt-2"
+            id="tour-online-eval-configuration-panel"
+        >
             {/* Top: evaluation info tag */}
 
             {/* Panels */}
diff --git a/web/oss/src/components/EvalRunDetails/OnlineEvalRun/index.tsx b/web/oss/src/components/EvalRunDetails/OnlineEvalRun/index.tsx
index b8fbf46677..fe82092d45 100644
--- a/web/oss/src/components/EvalRunDetails/OnlineEvalRun/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/OnlineEvalRun/index.tsx
@@ -2,8 +2,8 @@ import clsx from "clsx"
 import deepEqual from "fast-deep-equal"
 import {useAtomValue} from "jotai"
 import {selectAtom} from "jotai/utils"
-import dynamic from "next/dynamic"
 
+import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import {evalAtomStore} from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
 
 import EvalRunHeader from "../AutoEvalRun/components/EvalRunHeader"
@@ -25,6 +25,13 @@ const OnlineEvalRunDetails = ({name, id, isLoading}: OnlineEvalRunDetailsProps)
     const store = evalAtomStore()
     const viewType = useAtomValue(viewTypeAtom, {store})
 
+    const viewportId =
+        viewType === "overview"
+            ? "online-eval-overview-viewport"
+            : viewType === "configuration"
+              ? "online-eval-configuration-viewport"
+              : "online-eval-results-viewport"
+
     // No special skeleton for now; render minimal shell if loading
     if (isLoading) {
         return (
@@ -41,15 +48,17 @@ const OnlineEvalRunDetails = ({name, id, isLoading}: OnlineEvalRunDetailsProps)
                 {"!overflow-hidden": viewType === "results"},
             ])}
         >
-            <EvalRunHeader name={name} id={id} />
-
-            {viewType === "overview" ? (
-                <EvalRunOverviewViewer type="online" />
-            ) : viewType === "results" ? (
-                <VirtualizedScenarioTable />
-            ) : viewType === "configuration" ? (
-                <ConfigurationViewer />
-            ) : null}
+            <NextViewport id={viewportId}>
+                <EvalRunHeader name={name} id={id} />
+
+                {viewType === "overview" ? (
+                    <EvalRunOverviewViewer type="online" />
+                ) : viewType === "results" ? (
+                    <VirtualizedScenarioTable />
+                ) : viewType === "configuration" ? (
+                    <ConfigurationViewer />
+                ) : null}
+            </NextViewport>
         </section>
     )
 }
diff --git a/web/oss/src/components/EvalRunDetails/components/EvalRunOverviewViewer/index.tsx b/web/oss/src/components/EvalRunDetails/components/EvalRunOverviewViewer/index.tsx
index 7e9d39745d..6c5880e98c 100644
--- a/web/oss/src/components/EvalRunDetails/components/EvalRunOverviewViewer/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/EvalRunOverviewViewer/index.tsx
@@ -779,11 +779,17 @@ const EvalRunOverviewViewer = ({type = "auto"}: {type: "auto" | "online"}) => {
 
     return (
         <>
-            <div className="px-6">
+            <div
+                className="px-6"
+                id={type === "online" ? "tour-online-eval-score-section" : undefined}
+            >
                 <EvalRunScoreTable type={type} />
             </div>
 
-            <div className="px-6 w-full flex flex-wrap gap-2">
+            <div
+                className="px-6 w-full flex flex-wrap gap-2"
+                id={type === "online" ? "tour-online-eval-metrics-section" : undefined}
+            >
                 {hasMetrics ? (
                     <>
                         {combinedMetricEntries
diff --git a/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx b/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
index b355aad85e..7638cb284f 100644
--- a/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
@@ -23,6 +23,14 @@ const EvalRunScenariosViewSelector = () => {
     const router = useRouter()
 
     // Sync local atom from urlStateAtom changes
+    const resolveTourId = (value: string) => {
+        if (evalType !== "online") return undefined
+        if (value === "overview") return "tour-online-eval-tab-overview"
+        if (value === "results") return "tour-online-eval-tab-results"
+        if (value === "configuration") return "tour-online-eval-tab-configuration"
+        return undefined
+    }
+
     return (
         <div className="flex items-center gap-2 shrink-0">
             <Radio.Group
@@ -71,6 +79,7 @@ const EvalRunScenariosViewSelector = () => {
                             key={option.value}
                             value={option.value}
                             disabled={option.disabled}
+                            id={resolveTourId(option.value)}
                         >
                             {option.label}
                         </Radio.Button>
diff --git a/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx b/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
index 6395e62af0..096df34c03 100644
--- a/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
@@ -214,7 +214,11 @@ const ScenarioTable = ({runId: propRunId}: {runId?: string}) => {
     }
 
     return (
-        <div ref={tableContainerRef} className="grow flex flex-col w-full min-h-0">
+        <div
+            ref={tableContainerRef}
+            className="grow flex flex-col w-full min-h-0"
+            id={evalType === "online" ? "tour-online-eval-results-table" : undefined}
+        >
             <div
                 className={clsx([
                     "relative w-full flex-1 min-h-0",
diff --git a/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx b/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
index cc48a9f20f..e48b684c15 100644
--- a/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
+++ b/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
@@ -510,7 +510,6 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
                             key: "query",
                             label: buildPanelHeader("Query", querySummary),
                             style: {marginBottom: 4},
-                            id: "tour-online-query-section",
                             children: (
                                 <>
                                     <div className="grid grid-cols-1 gap-3 md:grid-cols-2">
diff --git a/web/oss/src/state/onboarding/atoms/helperAtom.ts b/web/oss/src/state/onboarding/atoms/helperAtom.ts
index 93e583bbce..0d936d880a 100644
--- a/web/oss/src/state/onboarding/atoms/helperAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/helperAtom.ts
@@ -4,7 +4,6 @@ import {isComparisonViewAtom} from "@/oss/components/Playground/state/atoms"
 import {currentAppContextAtom} from "@/oss/state/app/selectors/app"
 import {playgroundLoadingAtom} from "@/oss/state/loadingSelectors"
 import {getCurrentRunId, totalCountFamily} from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
-import {onlineEvaluationsCountAtom} from "@/oss/lib/hooks/usePreviewEvaluations"
 import {evaluatorConfigsAtom, evaluatorsAtom} from "@/oss/lib/atoms/evaluation"
 import {evaluatorsQueryAtomFamily} from "@/oss/state/evaluators"
 import {
@@ -48,7 +47,7 @@ export const isOnlineEvaluationScenarioAvailableAtom = atom((get) => {
     return scenarioCount > 0
 })
 
-//
+// This atom is used to determine if the user have evaluators available to run online evaluation
 export const isOnlineEvaluatorAvailableAtom = atom((get) => {
     const configs: any[] = get(evaluatorConfigsAtom) || []
     const baseEvaluators: any[] = get(evaluatorsAtom) || []
@@ -136,9 +135,4 @@ export const isHumanEvaluatorAvailableAtom = atom((get) => {
     return evaluators.length > 0
 })
 
-// ********************************* GENERAL EVALUATION ATOMS ********************************* //
-
-export const isUserInRunPageAtom = atom((get) => {
-    const runId = getCurrentRunId()
-    return !!runId
-})
+// ********************************* GENERAL EVALUATION ATOMS ********************************* //
\ No newline at end of file
diff --git a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
index 2b96c77bba..5e3b0af810 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
@@ -1,7 +1,7 @@
 import {EvalRunUrlState, urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
 import {getDefaultStore} from "jotai"
 import {OnboardingStepsContext, TourDefinition} from "../types"
-import {isHumanEvaluatorAvailableAtom, isUserInRunPageAtom} from "../../atoms/helperAtom"
+import {isHumanEvaluatorAvailableAtom} from "../../atoms/helperAtom"
 
 // Functions
 const onChangeTab = (tab: string) => {
@@ -117,14 +117,16 @@ const HUMAN_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
 ]
 
 // Helper functions
-export const resolveOnlineEvaluationSteps = () => {
+export const resolveOnlineEvaluationSteps = (ctx: OnboardingStepsContext) => {
     const hasEvaluators = getDefaultStore().get(isHumanEvaluatorAvailableAtom)
     if (hasEvaluators) return [{tour: "online-evaluation-quickstart", steps: []}]
 
     if (!hasEvaluators) return [{tour: "configure-new-evaluator", steps: []}]
 
-    const isUserInRunPage = getDefaultStore().get(isUserInRunPageAtom)
-    if (isUserInRunPage) return [{tour: "online-evaluation-page-tour", steps: HUMAN_EVAL_RUN_STEPS}]
+    if (ctx.location?.subsection === "results") {
+        return [{tour: "online-evaluation-page-tour", steps: HUMAN_EVAL_RUN_STEPS}]
+    }
+
     return []
 }
 
diff --git a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
index 55c33fd998..1ad49a6661 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
@@ -1,9 +1,12 @@
+import {getDefaultStore} from "jotai"
+
+import {urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
 import {
     openOnlineEvaluationDrawerAtom,
     closeOnlineEvaluationDrawerAtom,
 } from "@/oss/components/pages/evaluations/onlineEvaluation/state/drawerAtom"
-import {getDefaultStore} from "jotai"
-import {isOnlineEvaluatorAvailableAtom, isUserInRunPageAtom} from "../../atoms/helperAtom"
+
+import {isOnlineEvaluatorAvailableAtom} from "../../atoms/helperAtom"
 import {OnboardingStepsContext, TourDefinition} from "../types"
 
 // Functions
@@ -14,7 +17,17 @@ const closeOnlineEvalDrawer = () => {
     getDefaultStore().set(closeOnlineEvaluationDrawerAtom)
 }
 
-// Steps
+const ensureOnlineEvalView = (view: "overview" | "results" | "configuration") => {
+    getDefaultStore().set(urlStateAtom, (draft) => {
+        if (draft.view === view) return
+        draft.view = view
+        // if (view !== "focus") {
+        //     draft.scenarioId = undefined
+        // }
+    })
+}
+
+// Steps for creating online eval
 const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
     {
         icon: "🧪",
@@ -42,19 +55,6 @@ const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
         onEnter: openOnlineEvalDrawer,
         onCleanup: closeOnlineEvalDrawer,
     },
-    {
-        icon: "🔎",
-        title: "Define the query",
-        content: <span>Choose filters and sampling to control which traffic is evaluated.</span>,
-        selector: "#tour-online-query-section",
-        side: "right" as const,
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openOnlineEvalDrawer,
-        onCleanup: closeOnlineEvalDrawer,
-    },
     {
         icon: "🤖",
         title: "Select evaluator",
@@ -83,17 +83,142 @@ const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
     },
 ]
 
+// Steps for general online eval run page view
+const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
+    {
+        icon: "📊",
+        title: "Live results table",
+        content: (
+            <span>
+                Keep this table open to watch traces stream in. We wrapped it with a synced viewport
+                so the highlights stay aligned while you scroll through the rows.
+            </span>
+        ),
+        selector: "#tour-online-eval-results-table",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 16,
+        pointerRadius: 12,
+        onEnter: () => ensureOnlineEvalView("results"),
+    },
+    {
+        icon: "🔄",
+        title: "Refresh on demand",
+        content: (
+            <span>
+                Trigger an immediate refresh to pull the latest run status and scenario counts
+                instead of waiting for the auto refresher.
+            </span>
+        ),
+        selector: "#tour-online-eval-refresh-button",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: () => ensureOnlineEvalView("results"),
+    },
+    {
+        icon: "🗂️",
+        title: "Switch to overview",
+        content: (
+            <span>
+                Use the Overview tab to leave the live table and inspect aggregate scoring
+                dashboards.
+            </span>
+        ),
+        selector: "#tour-online-eval-tab-overview",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: () => ensureOnlineEvalView("results"),
+    },
+    {
+        icon: "🏁",
+        title: "Overview & evaluator scores",
+        content: (
+            <span>
+                Switch to the overview tab to review aggregated evaluator scores. This section is
+                now inside a viewport-aware container so the tour follows as you scroll.
+            </span>
+        ),
+        selector: "#tour-online-eval-score-section",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 16,
+        pointerRadius: 12,
+        onEnter: () => ensureOnlineEvalView("overview"),
+    },
+    {
+        icon: "📈",
+        title: "Evaluator metrics",
+        content: (
+            <span>
+                Dive deeper into evaluator-specific metrics and time series to understand how scores
+                change over time.
+            </span>
+        ),
+        selector: "#tour-online-eval-metrics-section",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 16,
+        pointerRadius: 12,
+        onEnter: () => ensureOnlineEvalView("overview"),
+    },
+    {
+        icon: "🧭",
+        title: "Open configuration tab",
+        content: (
+            <span>
+                Jump into the Configuration tab whenever you need to double-check filters, sampling,
+                or evaluator settings.
+            </span>
+        ),
+        selector: "#tour-online-eval-tab-configuration",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onEnter: () => ensureOnlineEvalView("overview"),
+    },
+    {
+        icon: "⚙️",
+        title: "Configuration tab",
+        content: (
+            <span>
+                Use the configuration tab to review filters, sampling, and evaluator settings that
+                power this online run.
+            </span>
+        ),
+        selector: "#tour-online-eval-configuration-panel",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 16,
+        pointerRadius: 12,
+        onEnter: () => ensureOnlineEvalView("configuration"),
+    },
+]
+
 // Helper functions
-export const resolveOnlineEvaluationSteps = () => {
-    const hasEvaluators = getDefaultStore().get(isOnlineEvaluatorAvailableAtom)
-console.log("hasEvaluators", hasEvaluators)
-    if (hasEvaluators)
-        return [{tour: "online-evaluation-quickstart", steps: CREATE_NEW_ONLINE_EVALUATION_STEPS}]
+export const resolveOnlineEvaluationSteps = (ctx: OnboardingStepsContext) => {
+    const defaultStore = getDefaultStore()
+    const hasEvaluators = defaultStore.get(isOnlineEvaluatorAvailableAtom)
 
-    if (!hasEvaluators) return []
+    if (ctx.location?.subsection === "results") {
+        return [{tour: "online-evaluation-run-tour", steps: ONLINE_EVAL_RUN_STEPS}]
+    }
+
+    if (hasEvaluators) {
+        return [{tour: "online-evaluation-quickstart", steps: CREATE_NEW_ONLINE_EVALUATION_STEPS}]
+    }
 
-    const isUserInRunPage = getDefaultStore().get(isUserInRunPageAtom)
-    if (isUserInRunPage) return []
     return []
 }
 
@@ -105,7 +230,6 @@ const ONLINE_EVALUATION_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) =
         "Frontend / Backend Developer": (ctx) => resolveOnlineEvaluationSteps(ctx),
     }
 
-
 export const ONLINE_EVALUATION_TOURS = new Proxy(ONLINE_EVALUATION_TOUR_MAP, {
     get(target, prop: string | symbol) {
         if (typeof prop === "string" && prop in target) {

From 8805bc3b284b6de3184f8326f94a02d36ec2b651 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:31:57 +0600
Subject: [PATCH 11/53] added sme journey

---
 .../CustomNextStepProvider/index.tsx          |  39 ++-
 .../assets/WelcomeModalContent/index.tsx      |  30 +-
 .../components/WelcomeModal/index.tsx         |  71 ++++-
 web/oss/src/components/Onboarding/index.tsx   |  14 +
 web/oss/src/state/onboarding/assets/utils.ts  | 168 +++++++++++
 .../src/state/onboarding/atoms/helperAtom.ts  |  27 +-
 .../src/state/onboarding/atoms/stepsAtom.ts   |  34 ++-
 .../onboarding/steps/appManagementSteps.tsx   | 129 +++++++--
 .../evaluations/onlineEvaluationSteps.tsx     |  49 +---
 .../onboarding/steps/playgroundSteps.tsx      | 262 ++++++++----------
 web/oss/src/state/onboarding/types.ts         |   1 +
 11 files changed, 592 insertions(+), 232 deletions(-)
 create mode 100644 web/oss/src/state/onboarding/assets/utils.ts

diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index 9be595faa4..d6cc579152 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -11,6 +11,7 @@ import OnboardingCard from "../../index"
 import {urlLocationAtom} from "@/oss/state/url"
 import {useEffect, useRef} from "react"
 import {useNextStep} from "nextstepjs"
+import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
 
 const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
     const onboardingSteps = useAtomValue(newOnboardingStateAtom)
@@ -19,16 +20,20 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
     const userOnboardingJourneyStatus = useAtomValue(userOnboardingStatusAtom)
     const manualTrigger = useAtomValue(triggerOnboardingAtom)
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
+    const fullJourneyState = useAtomValue(fullJourneyStateAtom)
+    const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
     const {startNextStep} = useNextStep()
     const autoStartSignatureRef = useRef<string | null>(null)
 
     const previousSectionRef = useRef(userLocation.section)
     useEffect(() => {
         if (previousSectionRef.current !== userLocation.section) {
-            setTriggerOnboarding(null)
             previousSectionRef.current = userLocation.section
+            if (!manualTrigger && !fullJourneyState.active) {
+                setTriggerOnboarding(null)
+            }
         }
-    }, [userLocation.section, setTriggerOnboarding])
+    }, [userLocation.section, manualTrigger, fullJourneyState.active])
 
     useEffect(() => {
         if (!isNewUser) {
@@ -36,6 +41,10 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
             return
         }
 
+        if (fullJourneyState.active) {
+            return
+        }
+
         const normalizedSection = resolveOnboardingSection(userLocation.section)
         if (!normalizedSection) {
             autoStartSignatureRef.current = null
@@ -55,15 +64,19 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
                 ?.onboardingSection as keyof typeof userOnboardingJourneyStatus) ??
             normalizedSection
 
-        const sectionStatus = userOnboardingJourneyStatus[tourSection]
-        if (sectionStatus === "done" || sectionStatus === "skipped") return
-
         const signature = `${tourSection}:${currentTour.tour}:${currentTour.steps?.length ?? 0}`
         if (autoStartSignatureRef.current === signature) return
 
         autoStartSignatureRef.current = signature
         startNextStep(currentTour.tour)
-    }, [isNewUser, userLocation.section, userOnboardingJourneyStatus, onboardingSteps])
+    }, [
+        isNewUser,
+        userLocation.section,
+        userOnboardingJourneyStatus,
+        onboardingSteps,
+        fullJourneyState.active,
+        startNextStep,
+    ])
 
     const lastManualTriggerRef = useRef<typeof manualTrigger>(null)
     useEffect(() => {
@@ -78,8 +91,20 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         startNextStep(onboardingSteps[0]?.tour)
     }, [manualTrigger, onboardingSteps, startNextStep])
 
+    const handleComplete = () => {
+        setTriggerOnboarding(null)
+        if (fullJourneyState.active) {
+            setFullJourneyState({active: false, state: null, journeyId: null})
+        }
+    }
+
     return (
-        <NextStep steps={onboardingSteps} cardComponent={OnboardingCard} showNextStep={true}>
+        <NextStep
+            steps={onboardingSteps}
+            cardComponent={OnboardingCard}
+            showNextStep={true}
+            onComplete={handleComplete}
+        >
             {children}
         </NextStep>
     )
diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
index e82ac92ba5..20bb20f115 100644
--- a/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
+++ b/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
@@ -2,7 +2,35 @@ import {Typography} from "antd"
 
 const WELCOME_VIDEO_URL = "https://www.youtube.com/embed/N3B_ZOYzjLg"
 
-const WelcomeModalContent = () => {
+type WelcomeModalContentProps = {
+    variant?: "default" | "sme"
+}
+
+const WelcomeModalContent = ({variant = "default"}: WelcomeModalContentProps) => {
+    if (variant === "sme") {
+        return (
+            <div className="flex flex-col gap-2 mb-6 mt-5">
+                <Typography.Paragraph  className="font-bold">
+                    Personalized onboarding
+                </Typography.Paragraph>
+                <Typography.Paragraph className="!mb-0 text-[#475467]">
+                    We&apos;ll spin up a live online evaluation, walk through app creation, run a few
+                    prompt experiments in the playground, and then jump straight into the
+                    evaluation we created so you can see how live scoring works. It only takes a
+                    couple of minutes.
+                </Typography.Paragraph>
+                <div className="rounded-lg border border-dashed border-[#D0D5DD] bg-[#F9FAFB] p-3">
+                    <ul className="list-disc pl-5 text-[#475467] space-y-1">
+                        <li>Auto-create a demo online evaluation powered by LLM-as-a-judge.</li>
+                        <li>Follow the guided flow to create your first app.</li>
+                        <li>Experiment in the playground and learn how to run tests.</li>
+                        <li>Review the live evaluation</li>
+                    </ul>
+                </div>
+            </div>
+        )
+    }
+
     return (
         <div className="flex flex-col gap-4 mb-10 mt-5">
             <div
diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
index 0007e524f2..fe2f4894fe 100644
--- a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
+++ b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
@@ -1,7 +1,8 @@
 import {useAtomValue, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
-import {useCallback, useEffect, useState} from "react"
+import {useCallback, useEffect, useMemo, useState} from "react"
 
+import {message} from "@/oss/components/AppMessageContext"
 import EnhancedModal from "@/oss/components/EnhancedUIs/Modal"
 import {
     isNewUserAtom,
@@ -11,8 +12,15 @@ import {
     triggerOnboardingAtom,
     updateUserOnboardingStatusAtom,
     userOnboardingStatusAtom,
+    userOnboardingProfileContextAtom,
 } from "@/oss/state/onboarding"
 import {urlLocationAtom} from "@/oss/state/url"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
+import {createOnlineEvaluation, redirectToAppsPage} from "@/oss/state/onboarding/assets/utils"
+import {
+    demoOnlineEvaluationAtom,
+    fullJourneyStateAtom,
+} from "@/oss/state/onboarding/atoms/helperAtom"
 import {WelcomeModalProps} from "../../types"
 
 const WelcomeModalContent = dynamic(() => import("./assets/WelcomeModalContent"), {ssr: false})
@@ -21,10 +29,20 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
     const isNewUser = useAtomValue(isNewUserAtom)
     const userLocation = useAtomValue(urlLocationAtom)
     const userOnboardingJourneyStatus = useAtomValue(userOnboardingStatusAtom)
+    const userProfile = useAtomValue(userOnboardingProfileContextAtom)
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
     const updateOnboardingStatus = useSetAtom(updateUserOnboardingStatusAtom)
+    const setDemoEvaluationContext = useSetAtom(demoOnlineEvaluationAtom)
+    const setLastVisitedEvaluation = useSetAtom(lastVisitedEvaluationAtom)
+    const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
 
     const [isModalOpen, setIsModalOpen] = useState(false)
+    const [isStartingTour, setIsStartingTour] = useState(false)
+
+    const isSme = useMemo(() => {
+        const role = userProfile?.userRole?.trim().toLowerCase()
+        return role === "sme"
+    }, [userProfile?.userRole])
 
     useEffect(() => {
         if (!isNewUser) return
@@ -32,6 +50,9 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
         const normalizedSection = resolveOnboardingSection(userLocation.section)
         if (!normalizedSection) return
 
+        const fullJourneyStatus = userOnboardingJourneyStatus.fullJourney
+        if (fullJourneyStatus && fullJourneyStatus !== "idle") return
+
         const sectionStatus = userOnboardingJourneyStatus[normalizedSection]
         if (sectionStatus !== "idle") return
 
@@ -39,22 +60,52 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
     }, [isNewUser, userLocation, userOnboardingJourneyStatus])
 
     const onSkip = useCallback(() => {
+        if (isStartingTour) return
         updateOnboardingStatus({section: "apps", status: "skipped"})
+        setFullJourneyState({active: false, state: null, journeyId: null})
+        updateOnboardingStatus({section: "fullJourney", status: "skipped"})
         setIsModalOpen(false)
-    }, [updateOnboardingStatus])
+    }, [isStartingTour, updateOnboardingStatus, setFullJourneyState])
 
-    const onStartTour = useCallback(() => {
-        setTriggerOnboarding({state: "apps"})
-        setIsModalOpen(false)
-    }, [setTriggerOnboarding])
+    const onStartTour = useCallback(async () => {
+        if (!isSme) {
+            setFullJourneyState({active: false, state: null, journeyId: null})
+            setTriggerOnboarding({state: "apps"})
+            setIsModalOpen(false)
+            return
+        }
+
+        try {
+            setIsStartingTour(true)
+            const context = await createOnlineEvaluation()
+            setDemoEvaluationContext(context)
+            setLastVisitedEvaluation("online_evaluation")
+            await redirectToAppsPage()
+            setFullJourneyState({active: true, state: "apps", journeyId: "sme-guided-journey"})
+            setTriggerOnboarding({state: "apps"})
+            setIsModalOpen(false)
+        } catch (error) {
+            console.error("[WelcomeModal] SME onboarding start failed", error)
+            const err = error as Error
+            message.error(err?.message || "Failed to create the demo evaluation. Try again.")
+        } finally {
+            setIsStartingTour(false)
+        }
+    }, [
+        isSme,
+        setDemoEvaluationContext,
+        setLastVisitedEvaluation,
+        setTriggerOnboarding,
+        setFullJourneyState,
+    ])
 
     return (
         <EnhancedModal
             open={isModalOpen}
-            okText="Create your first app"
+            okText={isSme ? "Start tour" : "Create your first app"}
             cancelText="Skip tour"
-            okButtonProps={{type: "primary", onClick: onStartTour}}
-            cancelButtonProps={{type: "default", onClick: onSkip}}
+            okButtonProps={{type: "primary", onClick: onStartTour, loading: isStartingTour}}
+            cancelButtonProps={{type: "default", onClick: onSkip, disabled: isStartingTour}}
             maskClosable={false}
             closable={false}
             width={720}
@@ -62,7 +113,7 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
             onCancel={onSkip}
             {...props}
         >
-            <WelcomeModalContent />
+            <WelcomeModalContent variant={isSme ? "sme" : "default"} />
         </EnhancedModal>
     )
 }
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index fa467d33e9..5e701df631 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -12,9 +12,11 @@ import {
     isNewUserAtom,
     resolveOnboardingSection,
     updateUserOnboardingStatusAtom,
+    triggerOnboardingAtom,
 } from "@/oss/state/onboarding"
 import type {UserOnboardingStatus} from "@/oss/state/onboarding"
 import {urlLocationAtom} from "@/oss/state/url"
+import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
 
 const {Text} = Typography
 
@@ -48,6 +50,9 @@ const OnboardingCard = ({
     const updateOnboardingStatus = useSetAtom(updateUserOnboardingStatusAtom)
     const isNewUser = useAtomValue(isNewUserAtom)
     const userSection = useAtomValue(urlLocationAtom).section
+    const fullJourneyState = useAtomValue(fullJourneyStateAtom)
+    const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
+    const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
 
     const cleanupHandlersRef = useRef<Set<() => void>>(new Set())
 
@@ -108,6 +113,12 @@ const OnboardingCard = ({
             if (!resolvedSection) return
 
             updateOnboardingStatus({section: resolvedSection, status})
+
+            if (fullJourneyState.active) {
+                setFullJourneyState({active: false, state: null, journeyId: null})
+                updateOnboardingStatus({section: "fullJourney", status: status})
+                setTriggerOnboarding(null)
+            }
         },
         [
             step,
@@ -116,6 +127,9 @@ const OnboardingCard = ({
             userSection,
             updateOnboardingStatus,
             runCleanupHandlers,
+            fullJourneyState.active,
+            setFullJourneyState,
+            setTriggerOnboarding,
         ],
     )
 
diff --git a/web/oss/src/state/onboarding/assets/utils.ts b/web/oss/src/state/onboarding/assets/utils.ts
new file mode 100644
index 0000000000..e9f55571dc
--- /dev/null
+++ b/web/oss/src/state/onboarding/assets/utils.ts
@@ -0,0 +1,168 @@
+import Router from "next/router"
+import {getDefaultStore} from "jotai"
+import {v4 as uuidv4} from "uuid"
+
+import {collectEvaluatorCandidates} from "@/oss/components/pages/evaluations/onlineEvaluation/utils/evaluatorDetails"
+import {evaluatorConfigsAtom} from "@/oss/lib/atoms/evaluation"
+import type {EvaluatorConfig} from "@/oss/lib/Types"
+import {
+    createSimpleEvaluation,
+    createSimpleQuery,
+    retrieveQueryRevision,
+    type SimpleEvaluationCreatePayload,
+    type SimpleEvaluationPayload,
+} from "@/oss/services/onlineEvaluations/api"
+import {fetchAllEvaluatorConfigs} from "@/oss/services/evaluators"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
+import {waitForValidURL, getURLValues} from "@/oss/state/url"
+
+import {demoOnlineEvaluationAtom, type DemoOnlineEvaluationContext} from "../atoms/helperAtom"
+
+const DEMO_EVALUATION_NAME = "demo-evaluation"
+const LLM_JUDGE_KEYS = new Set(["llm-as-a-judge", "llm_as_a_judge", "auto_ai_critique", "ai_critique"])
+
+const ensureEvaluatorConfigs = async (): Promise<EvaluatorConfig[]> => {
+    const store = getDefaultStore()
+    let configs = store.get(evaluatorConfigsAtom) || []
+    if (configs.length) return configs
+    configs = await fetchAllEvaluatorConfigs()
+    store.set(evaluatorConfigsAtom, configs)
+    return configs
+}
+
+const findLlmJudgeConfig = async (): Promise<EvaluatorConfig | null> => {
+    const configs = await ensureEvaluatorConfigs()
+    return (
+        configs.find((config) => {
+            const candidates = collectEvaluatorCandidates(
+                config?.evaluator_key,
+                (config as any)?.slug,
+                config?.name,
+                (config as any)?.key,
+                (config as any)?.meta?.evaluator_key,
+                (config as any)?.meta?.key,
+            )
+            return candidates.some((candidate) => LLM_JUDGE_KEYS.has(candidate))
+        }) ?? null
+    )
+}
+
+const safePush = async (href: string | null | undefined) => {
+    if (!href || typeof window === "undefined") return false
+    try {
+        if (Router.asPath === href) return true
+        await Router.push(href)
+        return true
+    } catch (error) {
+        console.error("[onboarding] navigation failed", {href, error})
+        return false
+    }
+}
+
+export const createOnlineEvaluation = async (): Promise<DemoOnlineEvaluationContext> => {
+    const evaluatorConfig = await findLlmJudgeConfig()
+    if (!evaluatorConfig) {
+        throw new Error("Add an LLM-as-a-judge evaluator before starting the tour.")
+    }
+
+    const querySlug = `demo-eval-${uuidv4().slice(0, 8)}`
+    const queryResponse = await createSimpleQuery({
+        query: {
+            slug: querySlug,
+            name: `${DEMO_EVALUATION_NAME}-query`,
+            description: "Auto-generated query for the SME onboarding tour",
+        },
+    })
+    const queryId = queryResponse.query?.id
+    if (!queryId) {
+        throw new Error("Unable to create a query for the demo evaluation.")
+    }
+
+    const revisionResponse = await retrieveQueryRevision({query_ref: {id: queryId}})
+    const queryRevisionId = revisionResponse.query_revision?.id
+    if (!queryRevisionId) {
+        throw new Error("Unable to resolve the query revision for the demo evaluation.")
+    }
+
+    const evaluationPayload: SimpleEvaluationCreatePayload = {
+        name: DEMO_EVALUATION_NAME,
+        description: "Live evaluation created from the onboarding tour",
+        flags: {
+            is_live: true,
+            is_closed: false,
+            is_active: false,
+        },
+        data: {
+            status: "pending",
+            query_steps: {[queryRevisionId]: "auto"},
+            evaluator_steps: {[evaluatorConfig.id]: "auto"},
+            repeats: 1,
+        },
+    }
+
+    const evaluationResponse = await createSimpleEvaluation({evaluation: evaluationPayload})
+    const evaluation = evaluationResponse.evaluation
+    if (!evaluation?.id) {
+        throw new Error("Failed to create the demo online evaluation.")
+    }
+
+    return {
+        evaluation,
+        evaluatorConfig,
+        queryId,
+        queryRevisionId,
+    }
+}
+
+export const redirectToAppsPage = async () => {
+    const urls = await waitForValidURL({requireProject: true})
+    if (!urls.projectURL) return false
+    return safePush(`${urls.projectURL}/apps`)
+}
+
+export const redirectToPlayground = async () => {
+    const urls = await waitForValidURL({requireProject: true})
+    const baseApp = urls.appURL || urls.recentlyVisitedAppURL
+    if (!baseApp) return false
+    return safePush(`${baseApp}/playground`)
+}
+
+export const redirectToOnlineEvaluations = async () => {
+    const urls = await waitForValidURL({requireProject: true})
+    if (!urls.projectURL) return false
+    const store = getDefaultStore()
+    store.set(lastVisitedEvaluationAtom, "online_evaluation")
+    return safePush(`${urls.projectURL}/evaluations?selectedEvaluation=online_evaluation`)
+}
+
+export const redirectToDemoEvaluationRun = async () => {
+    const store = getDefaultStore()
+    const context = store.get(demoOnlineEvaluationAtom)
+    if (!context?.evaluation?.id) return false
+    const urls = await waitForValidURL({requireProject: true})
+    if (!urls.projectURL) return false
+    store.set(lastVisitedEvaluationAtom, "online_evaluation")
+    const target = `${urls.projectURL}/evaluations/results/${context.evaluation.id}?type=online`
+    return safePush(target)
+}
+
+export const getPlaygroundRoute = (): string | null => {
+    const urls = getURLValues()
+    const baseApp = urls.appURL || urls.recentlyVisitedAppURL
+    if (!baseApp) return null
+    return `${baseApp}/playground`
+}
+export const getOnlineEvaluationsRoute = (): string | null => {
+    const urls = getURLValues()
+    if (!urls.projectURL) return null
+    return `${urls.projectURL}/evaluations?selectedEvaluation=online_evaluation`
+}
+
+export const getDemoEvaluationRunRoute = (): string | null => {
+    const store = getDefaultStore()
+    const context = store.get(demoOnlineEvaluationAtom)
+    if (!context?.evaluation?.id) return null
+    const urls = getURLValues()
+    if (!urls.projectURL) return null
+    return `${urls.projectURL}/evaluations/results/${context.evaluation.id}?type=online`
+}
diff --git a/web/oss/src/state/onboarding/atoms/helperAtom.ts b/web/oss/src/state/onboarding/atoms/helperAtom.ts
index 0d936d880a..a04a4fe329 100644
--- a/web/oss/src/state/onboarding/atoms/helperAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/helperAtom.ts
@@ -11,6 +11,8 @@ import {
     ENABLE_CORRECT_ANSWER_KEY_FILTER,
 } from "@/oss/components/pages/evaluations/onlineEvaluation/constants"
 import {collectEvaluatorCandidates} from "@/oss/components/pages/evaluations/onlineEvaluation/utils/evaluatorDetails"
+import type {EvaluatorConfig} from "@/oss/lib/Types"
+import type {SimpleEvaluationPayload} from "@/oss/services/onlineEvaluations/api"
 
 // ********************************* PLAYGROUND ATOMS ********************************* //
 /**
@@ -135,4 +137,27 @@ export const isHumanEvaluatorAvailableAtom = atom((get) => {
     return evaluators.length > 0
 })
 
-// ********************************* GENERAL EVALUATION ATOMS ********************************* //
\ No newline at end of file
+// ********************************* GENERAL EVALUATION ATOMS ********************************* //
+export const isUserInRunPageAtom = atom((get) => {
+    const runId = getCurrentRunId()
+    return !!runId
+})
+
+export type DemoOnlineEvaluationContext = {
+    evaluation: SimpleEvaluationPayload
+    evaluatorConfig: EvaluatorConfig
+    queryId: string
+    queryRevisionId: string
+}
+
+export const demoOnlineEvaluationAtom = atom<DemoOnlineEvaluationContext | null>(null)
+
+export const fullJourneyStateAtom = atom<{
+    active: boolean
+    state?: string | null
+    journeyId?: string | null
+}>({
+    active: false,
+    state: null,
+    journeyId: null,
+})
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 1e4b25ed95..68d1a85397 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -14,7 +14,7 @@ import {
     OnboardingState,
     UserOnboardingStatus,
 } from "../types"
-import {playgroundHasFirstRunAtom} from "./helperAtom"
+import {playgroundHasFirstRunAtom, fullJourneyStateAtom} from "./helperAtom"
 
 const NEW_USER_STORAGE_KEY = "new-user"
 const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
@@ -50,6 +50,7 @@ const defaultUserOnboardingState: UserOnboardingStatus = {
     evaluations: "idle",
     observability: "idle",
     trace: "idle",
+    fullJourney: "idle",
 }
 // new
 const defaultNewUserOnboardingState: UserOnboardingStatus = {
@@ -74,6 +75,7 @@ const ONBOARDING_SECTION_ALIASES: Record<string, keyof UserOnboardingStatus> = {
     trace: "trace",
     "trace-drawer": "trace",
     "playground-post-run": "playgroundPostRun",
+    "full-journey": "fullJourney",
 }
 
 const mergeUserOnboardingStatus = (state?: Partial<UserOnboardingStatus>): UserOnboardingStatus => {
@@ -157,26 +159,36 @@ export const newOnboardingStateAtom = atom<Tour[]>((get) => {
     const manualTrigger = get(triggerOnboardingAtom)
     const currentStep = get(currentOnboardingStepWithLocationAtom)
     const hasPlaygroundRun = get(playgroundHasFirstRunAtom)
+    const fullJourneyState = get(fullJourneyStateAtom)
+    const fullJourneyStatus = userOnboardingJourneyStatus.fullJourney
 
     if (appStatusLoading) return []
 
+    const resolveStepsForState = (stateKey: keyof typeof TOUR_STEPS) => {
+        const tourSteps = TOUR_STEPS[stateKey]
+        if (!tourSteps) return []
+        return tourSteps({
+            userContext: onboardingProfile,
+            currentStep,
+            location: userLocation,
+        })
+    }
+
     if (manualTrigger) {
         const requestedState = manualTrigger.state as keyof typeof TOUR_STEPS
         const effectiveState =
             requestedState === "playground" && hasPlaygroundRun
                 ? ("playgroundPostRun" as keyof typeof TOUR_STEPS)
                 : requestedState
+        return resolveStepsForState(effectiveState)
+    }
 
-        const tourSteps = TOUR_STEPS[effectiveState]
-        if (!tourSteps) return []
-
-        const steps = tourSteps({
-            userContext: onboardingProfile,
-            currentStep,
-            location: userLocation,
-        })
-
-        return steps
+    if (fullJourneyState.active && fullJourneyState.state) {
+        if (fullJourneyStatus && fullJourneyStatus !== "idle") {
+            return []
+        }
+        const stateKey = fullJourneyState.state as keyof typeof TOUR_STEPS
+        return resolveStepsForState(stateKey)
     }
 
     if (isNewUser) {
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index 81926debee..3d5d3d220f 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -5,6 +5,14 @@ import {
     openCustomWorkflowModalAtom,
 } from "../../customWorkflow/modalAtoms"
 import {OnboardingStepsContext, TourDefinition} from "./types"
+import {PLAYGROUND_COMPLETION_TOUR, PLAYGROUND_CHAT_TOUR} from "./playgroundSteps"
+import {ONLINE_EVAL_RUN_STEPS} from "./evaluations/onlineEvaluationSteps"
+import {
+    getOnlineEvaluationsRoute,
+    getDemoEvaluationRunRoute,
+    getPlaygroundRoute,
+} from "../assets/utils"
+import {appChatModeAtom} from "@/oss/components/Playground/state/atoms"
 
 const openTemplateModal = () => {
     getDefaultStore().set(isAddAppFromTemplatedAtom, true)
@@ -34,12 +42,7 @@ export const GLOBAL_APP_MANAGEMENT_STEPS = [
     {
         icon: "🚀",
         title: "Create a new prompt",
-        content: (
-            <span>
-                This card opens the guided flow for app creation. Click it to launch the template
-                library.
-            </span>
-        ),
+        content: <span>Click here to create new application using predefined templates</span>,
         selector: "#tour-create-new-prompt",
         side: "bottom",
         showControls: true,
@@ -69,12 +72,7 @@ export const GLOBAL_APP_MANAGEMENT_STEPS = [
     {
         icon: "📚",
         title: "Choose a template",
-        content: (
-            <span>
-                Select a template that fits your workflow. You can customize it further after
-                creation.
-            </span>
-        ),
+        content: <span>Select a template that fits your use case.</span>,
         selector: "#tour-template-list",
         side: "top",
         showControls: true,
@@ -171,6 +169,7 @@ export const CUSTOM_APPS_CREATION_STEPS = [
         onCleanup: closeCustomWorkflowModal,
     },
 ]
+
 const resolveGlobalAppTour = (): TourDefinition => {
     return [
         {
@@ -180,17 +179,107 @@ const resolveGlobalAppTour = (): TourDefinition => {
     ]
 }
 
+const withOnboardingSection = (() => {
+    const cache = new WeakMap<
+        TourDefinition[number]["steps"],
+        Map<string, TourDefinition[number]["steps"]>
+    >()
+    return (
+        steps: TourDefinition[number]["steps"],
+        section: "apps" | "playground" | "evaluations",
+    ) => {
+        let sectionCache = cache.get(steps)
+        if (!sectionCache) {
+            sectionCache = new Map()
+            cache.set(steps, sectionCache)
+        }
+        if (sectionCache.has(section)) {
+            return sectionCache.get(section)!
+        }
+        const normalized = steps.map((step) => ({
+            ...step,
+            onboardingSection: section,
+        }))
+        sectionCache.set(section, normalized)
+        return normalized
+    }
+})()
+
+const APP_SECTION_STEPS = withOnboardingSection(GLOBAL_APP_MANAGEMENT_STEPS, "apps")
+const COMPLETION_PLAYGROUND_SECTION_STEPS = withOnboardingSection(
+    PLAYGROUND_COMPLETION_TOUR,
+    "playground",
+)
+const CHAT_PLAYGROUND_SECTION_STEPS = withOnboardingSection(PLAYGROUND_CHAT_TOUR, "playground")
+const ONLINE_EVAL_RUN_SECTION_STEPS = withOnboardingSection(
+    ONLINE_EVAL_RUN_STEPS.slice(0, 2),
+    "evaluations",
+)
+
+const SME_TOUR_CACHE = new Map<string, TourDefinition>()
+
+const resolveSmeJourneyTour = (): TourDefinition => {
+    const store = getDefaultStore()
+    const isChat = store.get(appChatModeAtom)
+    const playgroundRoute = getPlaygroundRoute()
+    const onlineEvaluationsRoute = getOnlineEvaluationsRoute()
+    const demoEvaluationRoute = getDemoEvaluationRunRoute()
+    const cacheKey = `${isChat ? "chat" : "completion"}|${playgroundRoute ?? "none"}|${onlineEvaluationsRoute ?? "none"}|${demoEvaluationRoute ?? "none"}`
+    const cached = SME_TOUR_CACHE.get(cacheKey)
+    if (cached) return cached
+
+    const playgroundSteps = isChat
+        ? CHAT_PLAYGROUND_SECTION_STEPS
+        : COMPLETION_PLAYGROUND_SECTION_STEPS
+
+    const tour: TourDefinition = [
+        {
+            tour: "sme-guided-journey",
+            steps: [
+                ...APP_SECTION_STEPS,
+                ...playgroundSteps,
+                {
+                    title: "Lets move to online evaluations now",
+                    content:
+                        "Now that you've explored the playground, let's move on to setting up always-on evaluations.",
+
+                    showControls: true,
+                    showSkip: true,
+                    pointerPadding: 6,
+                    pointerRadius: 12,
+                    onboardingSection: "playground",
+                    nextRoute: getOnlineEvaluationsRoute() ?? undefined,
+                },
+                {
+                    title: "Inspect demo-evaluation",
+                    content: (
+                        <span>
+                            Opening demo-evaluation so you can inspect the live table, overview, and
+                            metrics we&apos;ve prepared.
+                        </span>
+                    ),
+
+                    showControls: true,
+                    showSkip: true,
+                    pointerPadding: 6,
+                    pointerRadius: 12,
+                    onboardingSection: "evaluation",
+                    nextRoute: demoEvaluationRoute ?? undefined,
+                },
+                ...ONLINE_EVAL_RUN_SECTION_STEPS,
+            ],
+        },
+    ]
+    SME_TOUR_CACHE.set(cacheKey, tour)
+    return tour
+}
+
 const APP_MANAGEMENT_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
     Hobbyist: () => resolveGlobalAppTour(),
-    "ML/AI Engineer or Data scientist": () => {
-        return [
-            {
-                tour: "create-first-custom-app",
-                steps: CUSTOM_APPS_CREATION_STEPS,
-            },
-        ]
-    },
+    "ML/AI Engineer or Data scientist": () => resolveGlobalAppTour(),
     "Frontend / Backend Developer": () => resolveGlobalAppTour(),
+    SME: () => resolveSmeJourneyTour(),
+    sme: () => resolveSmeJourneyTour(),
 }
 
 export const APP_MANAGEMENT_TOURS = new Proxy(APP_MANAGEMENT_TOUR_MAP, {
diff --git a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
index 1ad49a6661..d4e3c138c8 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
@@ -28,7 +28,7 @@ const ensureOnlineEvalView = (view: "overview" | "results" | "configuration") =>
 }
 
 // Steps for creating online eval
-const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
+export const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
     {
         icon: "🧪",
         title: "Start an online evaluation",
@@ -84,16 +84,11 @@ const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
 ]
 
 // Steps for general online eval run page view
-const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
+export const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
     {
         icon: "📊",
         title: "Live results table",
-        content: (
-            <span>
-                Keep this table open to watch traces stream in. We wrapped it with a synced viewport
-                so the highlights stay aligned while you scroll through the rows.
-            </span>
-        ),
+        content: <span>Monitor live evaluation results here in real-time.</span>,
         selector: "#tour-online-eval-results-table",
         side: "left",
         showControls: true,
@@ -105,12 +100,7 @@ const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
     {
         icon: "🔄",
         title: "Refresh on demand",
-        content: (
-            <span>
-                Trigger an immediate refresh to pull the latest run status and scenario counts
-                instead of waiting for the auto refresher.
-            </span>
-        ),
+        content: <span>Trigger an immediate refresh to pull the latest scenarios.</span>,
         selector: "#tour-online-eval-refresh-button",
         side: "bottom",
         showControls: true,
@@ -122,12 +112,7 @@ const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
     {
         icon: "🗂️",
         title: "Switch to overview",
-        content: (
-            <span>
-                Use the Overview tab to leave the live table and inspect aggregate scoring
-                dashboards.
-            </span>
-        ),
+        content: <span>Use the Overview tab to inspect aggregate scoring dashboards.</span>,
         selector: "#tour-online-eval-tab-overview",
         side: "bottom",
         showControls: true,
@@ -139,12 +124,7 @@ const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
     {
         icon: "🏁",
         title: "Overview & evaluator scores",
-        content: (
-            <span>
-                Switch to the overview tab to review aggregated evaluator scores. This section is
-                now inside a viewport-aware container so the tour follows as you scroll.
-            </span>
-        ),
+        content: <span>View the aggregated evaluation scores here.</span>,
         selector: "#tour-online-eval-score-section",
         side: "left",
         showControls: true,
@@ -187,23 +167,6 @@ const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
         pointerRadius: 12,
         onEnter: () => ensureOnlineEvalView("overview"),
     },
-    {
-        icon: "⚙️",
-        title: "Configuration tab",
-        content: (
-            <span>
-                Use the configuration tab to review filters, sampling, and evaluator settings that
-                power this online run.
-            </span>
-        ),
-        selector: "#tour-online-eval-configuration-panel",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 16,
-        pointerRadius: 12,
-        onEnter: () => ensureOnlineEvalView("configuration"),
-    },
 ]
 
 // Helper functions
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index 80d5adaac4..a55daf9e8c 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -60,156 +60,140 @@ const closeDeployModal = () => {
     getDefaultStore().set(closeDeployVariantModalAtom)
 }
 
-const PLAYGROUND_COMPLETION_TOUR: TourDefinition = [
+export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
     {
-        tour: "playground-completion-quickstart",
-        steps: [
-            {
-                icon: "🧠",
-                title: "Shape the prompt",
-                content: (
-                    <span>
-                        Edit your system and user messages here to steer how Agenta completes the
-                        request.
-                    </span>
-                ),
-                selector: "#tour-playground-prompt",
-                side: "right",
-                showControls: true,
-                showSkip: true,
-                pointerPadding: 12,
-                pointerRadius: 12,
-            },
-            {
-                icon: "🎛️",
-                title: "Set test variables",
-                content: (
-                    <span>
-                        Provide example values for your template inputs to preview different
-                        scenarios.
-                    </span>
-                ),
-                selector: "#tour-playground-variable",
-                side: "right",
-                showControls: true,
-                showSkip: true,
-                pointerPadding: 12,
-                pointerRadius: 12,
-                viewportId: "scrollable-viewport",
-            },
-            {
-                icon: "🧪",
-                title: "Load a saved testset",
-                content: (
-                    <span>
-                        Reuse curated scenarios by loading a testset. It auto-populates the
-                        variables so you can replay regressions instantly.
-                    </span>
-                ),
-                selector: "#tour-playground-load-testset",
-                side: "bottom",
-                showControls: true,
-                showSkip: true,
-                pointerPadding: 12,
-                pointerRadius: 12,
-            },
-            {
-                icon: "⚡️",
-                title: "Run the prompt",
-                content: (
-                    <span>
-                        Execute the prompt with the current variables to inspect the output.
-                    </span>
-                ),
-                selector: "#tour-playground-run-button",
-                side: "bottom",
-                showControls: true,
-                showSkip: true,
-                pointerPadding: 6,
-                pointerRadius: 12,
-                viewportId: "scrollable-viewport",
-            },
-        ],
+        icon: "🧠",
+        title: "Shape the prompt",
+        content: (
+            <span>
+                Edit your system and user messages here to steer how Agenta completes the request.
+            </span>
+        ),
+        selector: "#tour-playground-prompt",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+    {
+        icon: "🎛️",
+        title: "Set test variables",
+        content: (
+            <span>
+                Provide example values for your template inputs to preview different scenarios.
+            </span>
+        ),
+        selector: "#tour-playground-variable",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportId: "scrollable-viewport",
+    },
+    {
+        icon: "🧪",
+        title: "Load a saved testset",
+        content: (
+            <span>
+                Reuse curated scenarios by loading a testset. It auto-populates the variables so you
+                can replay regressions instantly.
+            </span>
+        ),
+        selector: "#tour-playground-load-testset",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+    {
+        icon: "⚡️",
+        title: "Run the prompt",
+        content: <span>Execute the prompt with the current variables to inspect the output.</span>,
+        selector: "#tour-playground-run-button",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 6,
+        pointerRadius: 12,
+        viewportId: "scrollable-viewport",
     },
 ]
 
-const PLAYGROUND_CHAT_TOUR: TourDefinition = [
+export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
+    {
+        icon: "🧠",
+        title: "Craft the system prompt",
+        content: (
+            <span>
+                Define high-level guidance for your assistant. This prompt sets the tone for every
+                reply.
+            </span>
+        ),
+        selector: "#tour-playground-prompt",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+    },
+    {
+        icon: "📥",
+        title: "Set conversation context",
+        content: (
+            <span>
+                Provide any scenario-specific inputs so the model understands the user’s request
+                before chat begins.
+            </span>
+        ),
+        selector: "#tour-playground-variable",
+        side: "right",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportId: "scrollable-viewport",
+    },
+    {
+        icon: "💬",
+        title: "Write the user message",
+        content: (
+            <span>Type the first user turn to kick off your conversation and test the flow.</span>
+        ),
+        selector: "#tour-chat-user-message",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportId: "scrollable-viewport",
+    },
     {
-        tour: "playground-chat-quickstart",
-        steps: [
-            {
-                icon: "🧠",
-                title: "Craft the system prompt",
-                content: (
-                    <span>
-                        Define high-level guidance for your assistant. This prompt sets the tone for
-                        every reply.
-                    </span>
-                ),
-                selector: "#tour-playground-prompt",
-                side: "right",
-                showControls: true,
-                showSkip: true,
-                pointerPadding: 12,
-                pointerRadius: 12,
-            },
-            {
-                icon: "📥",
-                title: "Set conversation context",
-                content: (
-                    <span>
-                        Provide any scenario-specific inputs so the model understands the user’s
-                        request before chat begins.
-                    </span>
-                ),
-                selector: "#tour-playground-variable",
-                side: "right",
-                showControls: true,
-                showSkip: true,
-                pointerPadding: 12,
-                pointerRadius: 12,
-                viewportId: "scrollable-viewport",
-            },
-            {
-                icon: "💬",
-                title: "Write the user message",
-                content: (
-                    <span>
-                        Type the first user turn to kick off your conversation and test the flow.
-                    </span>
-                ),
-                selector: "#tour-chat-user-message",
-                side: "left",
-                showControls: true,
-                showSkip: true,
-                pointerPadding: 12,
-                pointerRadius: 12,
-                viewportId: "scrollable-viewport",
-            },
-            {
-                icon: "⚡️",
-                title: "Run the chat turn",
-                content: (
-                    <span>
-                        Execute the chat turn to preview the assistant response and iterate quickly.
-                    </span>
-                ),
-                selector: "#tour-playground-run-button",
-                side: "bottom",
-                showControls: true,
-                showSkip: true,
-                pointerPadding: 12,
-                pointerRadius: 12,
-                viewportId: "scrollable-viewport",
-            },
-        ],
+        icon: "⚡️",
+        title: "Run the chat turn",
+        content: (
+            <span>
+                Execute the chat turn to preview the assistant response and iterate quickly.
+            </span>
+        ),
+        selector: "#tour-playground-run-button",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        viewportId: "scrollable-viewport",
     },
 ]
 
 const getPlaygroundTourDefinition = (): TourDefinition => {
     const store = getDefaultStore()
     const isChat = store.get(appChatModeAtom)
-    return isChat ? PLAYGROUND_CHAT_TOUR : PLAYGROUND_COMPLETION_TOUR
+    return isChat
+        ? [{tour: "playground-chat-quickstart", steps: PLAYGROUND_CHAT_TOUR}]
+        : [{tour: "playground-completion-quickstart", steps: PLAYGROUND_COMPLETION_TOUR}]
 }
 
 const buildPostRunSteps = (mode: "completion" | "chat") => {
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index 56bef88f97..f69929277c 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -9,6 +9,7 @@ export type UserOnboardingStatus<T = OnboardingState> = {
     evaluations: T
     observability: T
     trace: T
+    fullJourney: T
 }
 
 export type OnboardingStep = Tour["steps"][number] & {

From db1508a3ca0bdc71a61c9cea6d9669e5650104c7 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:32:14 +0600
Subject: [PATCH 12/53] fixed issue

---
 web/ee/src/components/PostSignupForm/PostSignupForm.tsx  | 5 ++++-
 web/ee/src/components/PostSignupForm/assets/constants.ts | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
index d364e62c55..17845248c0 100644
--- a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
+++ b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
@@ -106,7 +106,10 @@ const PostSignupForm = () => {
             try {
                 // Getting the user onboarding profile context from the form data to use in onboarding system
                 setUserOnboardingProfileContext({
-                    userRole: stepOneFormData.userRole,
+                    userRole:
+                        stepOneFormData.userRole === "Subject Matter Expert"
+                            ? "SME"
+                            : stepOneFormData.userRole,
                     userExperience: stepOneFormData.userExperience,
                     userInterest: values.userInterests,
                 })
diff --git a/web/ee/src/components/PostSignupForm/assets/constants.ts b/web/ee/src/components/PostSignupForm/assets/constants.ts
index 1b675dae3c..62a8fc6788 100644
--- a/web/ee/src/components/PostSignupForm/assets/constants.ts
+++ b/web/ee/src/components/PostSignupForm/assets/constants.ts
@@ -15,6 +15,7 @@ const USER_ROLES = {
         "Frontend / Backend Developer",
         "Product Owner",
         "Executive (VP / C-Level)",
+        "Subject Matter Expert",
     ],
 }
 const USER_INTERESTS = {

From a7af7e1a75719cd84329dedb9ca48f5b755efd9d Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:32:29 +0600
Subject: [PATCH 13/53] show onboarding for specific pages

---
 web/oss/src/components/Layout/assets/Breadcrumbs.tsx     | 9 ++++++---
 .../steps/evaluations/humanEvaluationSteps.tsx           | 4 ++--
 web/oss/src/state/onboarding/steps/evaluations/index.tsx | 4 ++--
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
index 30f8db4b01..acbc813140 100644
--- a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
+++ b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
@@ -18,6 +18,7 @@ import TooltipWithCopyAction from "../../TooltipWithCopyAction"
 import OnboardingTriggerButton from "../../Onboarding/components/OnboardingTriggerButton"
 
 import {useStyles, type StyleProps} from "./styles"
+import {lastVisitedEvaluationAtom} from "../../pages/evaluations/state/lastVisitedEvaluationAtom"
 
 const breadcrumbItemsGenerator = (breadcrumbs: BreadcrumbAtom): {title: React.ReactNode}[] => {
     if (!breadcrumbs) return []
@@ -73,6 +74,7 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
     const breadcrumbs = useAtomValue(breadcrumbAtom)
     const [collapsed, setCollapsed] = useAtom(sidebarCollapsedAtom)
     const userLocation = useAtomValue(urlLocationAtom)
+    const currentEval = useAtomValue(lastVisitedEvaluationAtom)
     const breadcrumbItems = useMemo(
         () => breadcrumbItemsGenerator(breadcrumbs || {}),
         [breadcrumbs],
@@ -82,9 +84,10 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
         return (
             normalizedSection === "apps" ||
             normalizedSection === "playground" ||
-            normalizedSection === "playgroundPostRun"
+            normalizedSection === "playgroundPostRun" ||
+            (normalizedSection === "evaluations" && currentEval === "online_evaluation")
         )
-    }, [userLocation.section])
+    }, [userLocation.section, currentEval])
 
     return (
         <section
@@ -132,7 +135,7 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
             </div>
 
             <div className={clsx(classes.topRightBar, "shrink-0")}>
-                <OnboardingTriggerButton />
+                {showOnboardingTriggerButton && <OnboardingTriggerButton />}
                 <Typography.Text>agenta v{packageJsonData.version}</Typography.Text>
             </div>
         </section>
diff --git a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
index 5e3b0af810..b9eff18a8f 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
@@ -119,9 +119,9 @@ const HUMAN_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
 // Helper functions
 export const resolveOnlineEvaluationSteps = (ctx: OnboardingStepsContext) => {
     const hasEvaluators = getDefaultStore().get(isHumanEvaluatorAvailableAtom)
-    if (hasEvaluators) return [{tour: "online-evaluation-quickstart", steps: []}]
+    if (hasEvaluators) return []
 
-    if (!hasEvaluators) return [{tour: "configure-new-evaluator", steps: []}]
+    if (!hasEvaluators) return []
 
     if (ctx.location?.subsection === "results") {
         return [{tour: "online-evaluation-page-tour", steps: HUMAN_EVAL_RUN_STEPS}]
diff --git a/web/oss/src/state/onboarding/steps/evaluations/index.tsx b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
index 147c4e4b9e..91fa98225f 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/index.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
@@ -17,8 +17,8 @@ export const evaluationTour = (ctx: OnboardingStepsContext) => {
     }
 
     if (currentEval === "auto_evaluation" || evalType === "auto") {
-        const resolver = (AUTO_EVALUATION_TOURS as any)[role] ?? AUTO_EVALUATION_TOURS.Hobbyist
-        return resolver(ctx)
+        // const resolver = (AUTO_EVALUATION_TOURS as any)[role] ?? AUTO_EVALUATION_TOURS.Hobbyist
+        return []
     }
 
     if (currentEval === "human_evaluation" || evalType === "human") {

From 2b6a0ce63b216e6986dfcd74812d7342f88ace49 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:32:43 +0600
Subject: [PATCH 14/53] fixed bugs

---
 web/ee/src/components/PostSignupForm/PostSignupForm.tsx   | 2 +-
 web/oss/src/state/onboarding/atoms/stepsAtom.ts           | 3 +++
 web/oss/src/state/onboarding/steps/appManagementSteps.tsx | 8 +++++---
 web/oss/src/state/onboarding/steps/types.ts               | 3 ++-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
index 17845248c0..4411242d36 100644
--- a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
+++ b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
@@ -108,7 +108,7 @@ const PostSignupForm = () => {
                 setUserOnboardingProfileContext({
                     userRole:
                         stepOneFormData.userRole === "Subject Matter Expert"
-                            ? "SME"
+                            ? "sme"
                             : stepOneFormData.userRole,
                     userExperience: stepOneFormData.userExperience,
                     userInterest: values.userInterests,
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 68d1a85397..7d7a40e6f1 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -171,6 +171,7 @@ export const newOnboardingStateAtom = atom<Tour[]>((get) => {
             userContext: onboardingProfile,
             currentStep,
             location: userLocation,
+            userOnboardingStatus: userOnboardingJourneyStatus,
         })
     }
 
@@ -206,6 +207,7 @@ export const newOnboardingStateAtom = atom<Tour[]>((get) => {
                     userContext: onboardingProfile,
                     currentStep,
                     location: userLocation,
+                    userOnboardingStatus: userOnboardingJourneyStatus,
                 })
             }
         }
@@ -225,6 +227,7 @@ export const newOnboardingStateAtom = atom<Tour[]>((get) => {
             userContext: onboardingProfile,
             currentStep,
             location: userLocation,
+            userOnboardingStatus: userOnboardingJourneyStatus,
         })
     }
 
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index 3d5d3d220f..e221fc04d3 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -218,7 +218,10 @@ const ONLINE_EVAL_RUN_SECTION_STEPS = withOnboardingSection(
 
 const SME_TOUR_CACHE = new Map<string, TourDefinition>()
 
-const resolveSmeJourneyTour = (): TourDefinition => {
+const resolveSmeJourneyTour = (ctx: OnboardingStepsContext): TourDefinition => {
+    if(ctx.userOnboardingStatus.fullJourney !== "idle"){
+        return resolveGlobalAppTour()
+    }
     const store = getDefaultStore()
     const isChat = store.get(appChatModeAtom)
     const playgroundRoute = getPlaygroundRoute()
@@ -278,8 +281,7 @@ const APP_MANAGEMENT_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => T
     Hobbyist: () => resolveGlobalAppTour(),
     "ML/AI Engineer or Data scientist": () => resolveGlobalAppTour(),
     "Frontend / Backend Developer": () => resolveGlobalAppTour(),
-    SME: () => resolveSmeJourneyTour(),
-    sme: () => resolveSmeJourneyTour(),
+    sme: (ctx) => resolveSmeJourneyTour(ctx),
 }
 
 export const APP_MANAGEMENT_TOURS = new Proxy(APP_MANAGEMENT_TOUR_MAP, {
diff --git a/web/oss/src/state/onboarding/steps/types.ts b/web/oss/src/state/onboarding/steps/types.ts
index 163d00a116..ca232f3353 100644
--- a/web/oss/src/state/onboarding/steps/types.ts
+++ b/web/oss/src/state/onboarding/steps/types.ts
@@ -1,6 +1,6 @@
 import {Tour} from "nextstepjs"
 
-import {CurrentOnboardingStepExtended} from "../types"
+import {CurrentOnboardingStepExtended, UserOnboardingStatus} from "../types"
 import {URLLocationState} from "@/oss/state/url"
 
 export type OnboardingStepsContext = {
@@ -11,6 +11,7 @@ export type OnboardingStepsContext = {
     } | null
     currentStep: CurrentOnboardingStepExtended | null
     location: URLLocationState | null
+    userOnboardingStatus: UserOnboardingStatus
 }
 
 export interface CustomTour extends Tour {

From c4dbc5e364b6f021b03dc842f75dc87dd254182b Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:33:08 +0600
Subject: [PATCH 15/53] implemented posthog on onboarding

---
 .../CustomNextStepProvider/index.tsx          | 18 ++++++++--
 .../components/WelcomeModal/index.tsx         | 16 +++++++--
 web/oss/src/components/Onboarding/index.tsx   | 35 +++++++++++++++++--
 .../src/state/onboarding/atoms/stepsAtom.ts   |  8 ++++-
 4 files changed, 70 insertions(+), 7 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index d6cc579152..ad05bc7c91 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -12,6 +12,7 @@ import {urlLocationAtom} from "@/oss/state/url"
 import {useEffect, useRef} from "react"
 import {useNextStep} from "nextstepjs"
 import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
+import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
 
 const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
     const onboardingSteps = useAtomValue(newOnboardingStateAtom)
@@ -24,6 +25,7 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
     const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
     const {startNextStep} = useNextStep()
     const autoStartSignatureRef = useRef<string | null>(null)
+    const posthog = usePostHogAg()
 
     const previousSectionRef = useRef(userLocation.section)
     useEffect(() => {
@@ -68,6 +70,11 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         if (autoStartSignatureRef.current === signature) return
 
         autoStartSignatureRef.current = signature
+        posthog?.capture("onboarding_tour_started", {
+            tourId: currentTour.tour,
+            section: tourSection,
+            trigger: "auto",
+        })
         startNextStep(currentTour.tour)
     }, [
         isNewUser,
@@ -88,8 +95,15 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         if (lastManualTriggerRef.current === manualTrigger) return
 
         lastManualTriggerRef.current = manualTrigger
-        startNextStep(onboardingSteps[0]?.tour)
-    }, [manualTrigger, onboardingSteps, startNextStep])
+        const tourId = onboardingSteps[0]?.tour
+        if (!tourId) return
+        posthog?.capture("onboarding_tour_started", {
+            tourId,
+            trigger: "manual",
+            section: manualTrigger.state,
+        })
+        startNextStep(tourId)
+    }, [manualTrigger, onboardingSteps, startNextStep, posthog, fullJourneyState.journeyId])
 
     const handleComplete = () => {
         setTriggerOnboarding(null)
diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
index fe2f4894fe..c9a5c557ee 100644
--- a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
+++ b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
@@ -22,6 +22,7 @@ import {
     fullJourneyStateAtom,
 } from "@/oss/state/onboarding/atoms/helperAtom"
 import {WelcomeModalProps} from "../../types"
+import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
 
 const WelcomeModalContent = dynamic(() => import("./assets/WelcomeModalContent"), {ssr: false})
 
@@ -35,6 +36,7 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
     const setDemoEvaluationContext = useSetAtom(demoOnlineEvaluationAtom)
     const setLastVisitedEvaluation = useSetAtom(lastVisitedEvaluationAtom)
     const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
+    const posthog = usePostHogAg()
 
     const [isModalOpen, setIsModalOpen] = useState(false)
     const [isStartingTour, setIsStartingTour] = useState(false)
@@ -57,17 +59,26 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
         if (sectionStatus !== "idle") return
 
         setIsModalOpen(true)
-    }, [isNewUser, userLocation, userOnboardingJourneyStatus])
+        posthog?.capture("onboarding_welcome_action", {
+            action: "visible",
+        })
+    }, [isNewUser, userLocation, userOnboardingJourneyStatus, posthog, isSme])
 
     const onSkip = useCallback(() => {
         if (isStartingTour) return
+        posthog?.capture("onboarding_welcome_action", {
+            action: "skip",
+        })
         updateOnboardingStatus({section: "apps", status: "skipped"})
         setFullJourneyState({active: false, state: null, journeyId: null})
         updateOnboardingStatus({section: "fullJourney", status: "skipped"})
         setIsModalOpen(false)
-    }, [isStartingTour, updateOnboardingStatus, setFullJourneyState])
+    }, [isStartingTour, updateOnboardingStatus, setFullJourneyState, posthog, isSme])
 
     const onStartTour = useCallback(async () => {
+        posthog?.capture("onboarding_welcome_action", {
+            action: "start",
+        })
         if (!isSme) {
             setFullJourneyState({active: false, state: null, journeyId: null})
             setTriggerOnboarding({state: "apps"})
@@ -97,6 +108,7 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
         setLastVisitedEvaluation,
         setTriggerOnboarding,
         setFullJourneyState,
+        posthog,
     ])
 
     return (
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index 5e701df631..85d4b509d7 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -17,6 +17,7 @@ import {
 import type {UserOnboardingStatus} from "@/oss/state/onboarding"
 import {urlLocationAtom} from "@/oss/state/url"
 import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
+import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
 
 const {Text} = Typography
 
@@ -53,6 +54,7 @@ const OnboardingCard = ({
     const fullJourneyState = useAtomValue(fullJourneyStateAtom)
     const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
+    const posthog = usePostHogAg()
 
     const cleanupHandlersRef = useRef<Set<() => void>>(new Set())
 
@@ -80,6 +82,15 @@ const OnboardingCard = ({
             cleanupHandlersRef.current.add(extendedStep.onCleanup)
         }
 
+        const resolvedSection =
+            extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
+        posthog?.capture("onboarding_step_viewed", {
+            title: step?.title,
+            stepIndex: currentStep,
+            totalSteps,
+            section: resolvedSection,
+        })
+
         return () => {
             extendedStep?.onExit?.()
         }
@@ -92,13 +103,31 @@ const OnboardingCard = ({
         }
     }, [setCurrentStep, runCleanupHandlers])
 
+    const captureStepAction = useCallback(
+        (action: string) => {
+            const extendedStep = step as StepWithEffects | undefined
+            const resolvedSection =
+                extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
+            posthog?.capture("onboarding_step_action", {
+                action,
+                title: step?.title,
+                stepIndex: currentStep,
+                totalSteps,
+                section: resolvedSection,
+            })
+        },
+        [step, posthog, currentStep, totalSteps, userSection],
+    )
+
     const onPrevStep = useCallback(() => {
+        captureStepAction("previous")
         prevStep()
-    }, [prevStep])
+    }, [captureStepAction, prevStep])
 
     const onNextStep = useCallback(() => {
+        captureStepAction("next")
         nextStep()
-    }, [nextStep])
+    }, [captureStepAction, nextStep])
 
     const onSkipStep = useCallback(
         (status: string) => {
@@ -112,6 +141,7 @@ const OnboardingCard = ({
                 extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
             if (!resolvedSection) return
 
+            captureStepAction(status === "done" ? "finish" : "skip")
             updateOnboardingStatus({section: resolvedSection, status})
 
             if (fullJourneyState.active) {
@@ -130,6 +160,7 @@ const OnboardingCard = ({
             fullJourneyState.active,
             setFullJourneyState,
             setTriggerOnboarding,
+            captureStepAction,
         ],
     )
 
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 7d7a40e6f1..cfa8316238 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -1,4 +1,4 @@
-import {atom} from "jotai"
+import {atom, getDefaultStore} from "jotai"
 import {eagerAtom} from "jotai-eager"
 import {atomWithStorage} from "jotai/utils"
 import {Tour} from "nextstepjs"
@@ -15,6 +15,7 @@ import {
     UserOnboardingStatus,
 } from "../types"
 import {playgroundHasFirstRunAtom, fullJourneyStateAtom} from "./helperAtom"
+import {posthogAtom} from "@/oss/lib/helpers/analytics/store/atoms"
 
 const NEW_USER_STORAGE_KEY = "new-user"
 const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
@@ -123,6 +124,11 @@ export const updateUserOnboardingStatusAtom = atom(
         if (currentStatus[params.section] === params.status) return
 
         set(userOnboardingStatusAtom, {...currentStatus, [params.section]: params.status})
+        const posthog = getDefaultStore().get(posthogAtom)
+        posthog?.capture("onboarding_tour_status", {
+            section: params.section,
+            status: params.status,
+        })
     },
 )
 

From 92d9ef4176ec6d8d47b7edf342c0e2b903f5eccf Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 20:49:43 +0600
Subject: [PATCH 16/53] fix pnpm file

---
 web/pnpm-lock.yaml | 423 +++++++++++++++++++--------------------------
 1 file changed, 179 insertions(+), 244 deletions(-)

diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 52c2b0c4e3..44b633834f 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -89,7 +89,7 @@ importers:
         version: 0.1.13(prettier@3.6.0)
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.19.25)(typescript@5.8.3)
+        version: 10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.19.19)(typescript@5.8.3)
       tsconfig-paths:
         specifier: ^4.2.0
         version: 4.2.0
@@ -783,10 +783,6 @@ packages:
     resolution: {integrity: sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/runtime@7.28.4':
-    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
-    engines: {node: '>=6.9.0'}
-
   '@cspotcode/source-map-support@0.8.1':
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
@@ -844,8 +840,8 @@ packages:
   '@emotion/unitless@0.7.5':
     resolution: {integrity: sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==}
 
-  '@esbuild/aix-ppc64@0.25.12':
-    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
+  '@esbuild/aix-ppc64@0.25.10':
+    resolution: {integrity: sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
@@ -856,8 +852,8 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.25.12':
-    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
+  '@esbuild/android-arm64@0.25.10':
+    resolution: {integrity: sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
@@ -868,8 +864,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.25.12':
-    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
+  '@esbuild/android-arm@0.25.10':
+    resolution: {integrity: sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
@@ -880,8 +876,8 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.25.12':
-    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
+  '@esbuild/android-x64@0.25.10':
+    resolution: {integrity: sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
@@ -892,8 +888,8 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.25.12':
-    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
+  '@esbuild/darwin-arm64@0.25.10':
+    resolution: {integrity: sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
@@ -904,8 +900,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.25.12':
-    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
+  '@esbuild/darwin-x64@0.25.10':
+    resolution: {integrity: sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
@@ -916,8 +912,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.25.12':
-    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
+  '@esbuild/freebsd-arm64@0.25.10':
+    resolution: {integrity: sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
@@ -928,8 +924,8 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.25.12':
-    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
+  '@esbuild/freebsd-x64@0.25.10':
+    resolution: {integrity: sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
@@ -940,8 +936,8 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.25.12':
-    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
+  '@esbuild/linux-arm64@0.25.10':
+    resolution: {integrity: sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
@@ -952,8 +948,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.25.12':
-    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
+  '@esbuild/linux-arm@0.25.10':
+    resolution: {integrity: sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
@@ -964,8 +960,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.25.12':
-    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
+  '@esbuild/linux-ia32@0.25.10':
+    resolution: {integrity: sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
@@ -976,8 +972,8 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.25.12':
-    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
+  '@esbuild/linux-loong64@0.25.10':
+    resolution: {integrity: sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
@@ -988,8 +984,8 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.25.12':
-    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
+  '@esbuild/linux-mips64el@0.25.10':
+    resolution: {integrity: sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
@@ -1000,8 +996,8 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.25.12':
-    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
+  '@esbuild/linux-ppc64@0.25.10':
+    resolution: {integrity: sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
@@ -1012,8 +1008,8 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.25.12':
-    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
+  '@esbuild/linux-riscv64@0.25.10':
+    resolution: {integrity: sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
@@ -1024,8 +1020,8 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.25.12':
-    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
+  '@esbuild/linux-s390x@0.25.10':
+    resolution: {integrity: sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
@@ -1036,8 +1032,8 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.25.12':
-    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
+  '@esbuild/linux-x64@0.25.10':
+    resolution: {integrity: sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
@@ -1048,8 +1044,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/netbsd-arm64@0.25.12':
-    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
+  '@esbuild/netbsd-arm64@0.25.10':
+    resolution: {integrity: sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
@@ -1060,8 +1056,8 @@ packages:
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.25.12':
-    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
+  '@esbuild/netbsd-x64@0.25.10':
+    resolution: {integrity: sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
@@ -1072,8 +1068,8 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/openbsd-arm64@0.25.12':
-    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
+  '@esbuild/openbsd-arm64@0.25.10':
+    resolution: {integrity: sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
@@ -1084,8 +1080,8 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.25.12':
-    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
+  '@esbuild/openbsd-x64@0.25.10':
+    resolution: {integrity: sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
@@ -1096,14 +1092,14 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openharmony-arm64@0.25.12':
-    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
+  '@esbuild/openharmony-arm64@0.25.10':
+    resolution: {integrity: sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openharmony]
 
-  '@esbuild/sunos-x64@0.25.12':
-    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
+  '@esbuild/sunos-x64@0.25.10':
+    resolution: {integrity: sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
@@ -1114,8 +1110,8 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.25.12':
-    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
+  '@esbuild/win32-arm64@0.25.10':
+    resolution: {integrity: sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
@@ -1126,8 +1122,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.25.12':
-    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
+  '@esbuild/win32-ia32@0.25.10':
+    resolution: {integrity: sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
@@ -1138,8 +1134,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.25.12':
-    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
+  '@esbuild/win32-x64@0.25.10':
+    resolution: {integrity: sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
@@ -1816,36 +1812,21 @@ packages:
   '@shikijs/core@3.12.2':
     resolution: {integrity: sha512-L1Safnhra3tX/oJK5kYHaWmLEBJi1irASwewzY3taX5ibyXyMkkSDZlq01qigjryOBwrXSdFgTiZ3ryzSNeu7Q==}
 
-  '@shikijs/core@3.15.0':
-    resolution: {integrity: sha512-8TOG6yG557q+fMsSVa8nkEDOZNTSxjbbR8l6lF2gyr6Np+jrPlslqDxQkN6rMXCECQ3isNPZAGszAfYoJOPGlg==}
-
   '@shikijs/engine-javascript@3.12.2':
     resolution: {integrity: sha512-Nm3/azSsaVS7hk6EwtHEnTythjQfwvrO5tKqMlaH9TwG1P+PNaR8M0EAKZ+GaH2DFwvcr4iSfTveyxMIvXEHMw==}
 
-  '@shikijs/engine-javascript@3.15.0':
-    resolution: {integrity: sha512-ZedbOFpopibdLmvTz2sJPJgns8Xvyabe2QbmqMTz07kt1pTzfEvKZc5IqPVO/XFiEbbNyaOpjPBkkr1vlwS+qg==}
-
   '@shikijs/engine-oniguruma@3.12.2':
     resolution: {integrity: sha512-hozwnFHsLvujK4/CPVHNo3Bcg2EsnG8krI/ZQ2FlBlCRpPZW4XAEQmEwqegJsypsTAN9ehu2tEYe30lYKSZW/w==}
 
   '@shikijs/langs@3.12.2':
     resolution: {integrity: sha512-bVx5PfuZHDSHoBal+KzJZGheFuyH4qwwcwG/n+MsWno5cTlKmaNtTsGzJpHYQ8YPbB5BdEdKU1rga5/6JGY8ww==}
 
-  '@shikijs/langs@3.15.0':
-    resolution: {integrity: sha512-WpRvEFvkVvO65uKYW4Rzxs+IG0gToyM8SARQMtGGsH4GDMNZrr60qdggXrFOsdfOVssG/QQGEl3FnJ3EZ+8w8A==}
-
   '@shikijs/themes@3.12.2':
     resolution: {integrity: sha512-fTR3QAgnwYpfGczpIbzPjlRnxyONJOerguQv1iwpyQZ9QXX4qy/XFQqXlf17XTsorxnHoJGbH/LXBvwtqDsF5A==}
 
-  '@shikijs/themes@3.15.0':
-    resolution: {integrity: sha512-8ow2zWb1IDvCKjYb0KiLNrK4offFdkfNVPXb1OZykpLCzRU6j+efkY+Y7VQjNlNFXonSw+4AOdGYtmqykDbRiQ==}
-
   '@shikijs/types@3.12.2':
     resolution: {integrity: sha512-K5UIBzxCyv0YoxN3LMrKB9zuhp1bV+LgewxuVwHdl4Gz5oePoUFrr9EfgJlGlDeXCU1b/yhdnXeuRvAnz8HN8Q==}
 
-  '@shikijs/types@3.15.0':
-    resolution: {integrity: sha512-BnP+y/EQnhihgHy4oIAN+6FFtmfTekwOLsQbRw9hOKwqgNy8Bdsjq8B05oAt/ZgvIWWFrshV71ytOrlPfYjIJw==}
-
   '@shikijs/vscode-textmate@10.0.2':
     resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
 
@@ -2108,8 +2089,8 @@ packages:
   '@types/node@20.19.11':
     resolution: {integrity: sha512-uug3FEEGv0r+jrecvUUpbY8lLisvIjg6AAic6a2bSP5OEOLeJsDSnvhCDov7ipFFMXS3orMpzlmi0ZcuGkBbow==}
 
-  '@types/node@20.19.25':
-    resolution: {integrity: sha512-ZsJzA5thDQMSQO788d7IocwwQbI8B5OPzmqNvpf3NY/+MHDAS759Wo0gd2WQeXYt5AAAQjzcrTVC6SKCuYgoCQ==}
+  '@types/node@20.19.19':
+    resolution: {integrity: sha512-pb1Uqj5WJP7wrcbLU7Ru4QtA0+3kAXrkutGiD26wUKzSMgNNaPARTUDQmElUXp64kh3cWdou3Q0C7qwwxqSFmg==}
 
   '@types/papaparse@5.3.15':
     resolution: {integrity: sha512-JHe6vF6x/8Z85nCX4yFdDslN11d+1pr12E526X8WAfhadOeaOTx5AuIkvDKIBopfvlzpzkdMx4YyvSKCM9oqtw==}
@@ -2685,8 +2666,8 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  baseline-browser-mapping@2.8.28:
-    resolution: {integrity: sha512-gYjt7OIqdM0PcttNYP2aVrr2G0bMALkBaoehD4BuRGjAOtipg0b6wHg1yNL+s5zSnLZZrGHOw4IrND8CD+3oIQ==}
+  baseline-browser-mapping@2.8.13:
+    resolution: {integrity: sha512-7s16KR8io8nIBWQyCYhmFhd+ebIzb9VKTzki+wOJXHTxTnV6+mFGH3+Jwn1zoKaY9/H9T/0BcKCZnzXljPnpSQ==}
     hasBin: true
 
   better-opn@3.0.2:
@@ -2721,8 +2702,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
-  browserslist@4.28.0:
-    resolution: {integrity: sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==}
+  browserslist@4.26.3:
+    resolution: {integrity: sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -2761,8 +2742,8 @@ packages:
   caniuse-lite@1.0.30001734:
     resolution: {integrity: sha512-uhE1Ye5vgqju6OI71HTQqcBCZrvHugk0MjLak7Q+HfoBgoq5Bi+5YnwjP4fjDgrtYr/l8MVRBvzz9dPD4KyK0A==}
 
-  caniuse-lite@1.0.30001754:
-    resolution: {integrity: sha512-x6OeBXueoAceOmotzx3PO4Zpt4rzpeIFsSr6AAePTZxSkXiYDUmpypEl7e2+8NCd9bD7bXjqyef8CJYPC1jfxg==}
+  caniuse-lite@1.0.30001748:
+    resolution: {integrity: sha512-5P5UgAr0+aBmNiplks08JLw+AW/XG/SurlgZLgB1dDLfAw7EfRGxIwzPHxdSCGY/BTKDqIVyJL87cCN6s0ZR0w==}
 
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -3154,8 +3135,8 @@ packages:
   electron-to-chromium@1.5.113:
     resolution: {integrity: sha512-wjT2O4hX+wdWPJ76gWSkMhcHAV2PTMX+QetUCPYEdCIe+cxmgzzSSiGRCKW8nuh4mwKZlpv0xvoW7OF2X+wmHg==}
 
-  electron-to-chromium@1.5.250:
-    resolution: {integrity: sha512-/5UMj9IiGDMOFBnN4i7/Ry5onJrAGSbOGo3s9FEKmwobGq6xw832ccET0CE3CkkMBZ8GJSlUIesZofpyurqDXw==}
+  electron-to-chromium@1.5.232:
+    resolution: {integrity: sha512-ENirSe7wf8WzyPCibqKUG1Cg43cPaxH4wRR7AJsX7MCABCHBIOFqvaYODSLKUuZdraxUTHRE/0A2Aq8BYKEHOg==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -3213,8 +3194,8 @@ packages:
     peerDependencies:
       esbuild: '>=0.12 <1'
 
-  esbuild@0.25.12:
-    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
+  esbuild@0.25.10:
+    resolution: {integrity: sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -4144,8 +4125,8 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  loader-runner@4.3.1:
-    resolution: {integrity: sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==}
+  loader-runner@4.3.0:
+    resolution: {integrity: sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==}
     engines: {node: '>=6.11.5'}
 
   locate-path@6.0.0:
@@ -4434,8 +4415,8 @@ packages:
   node-releases@2.0.19:
     resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
-  node-releases@2.0.27:
-    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
+  node-releases@2.0.23:
+    resolution: {integrity: sha512-cCmFDMSm26S6tQSDpBCg/NR8NENrVPhAJSf+XbxBG4rPFaaonlEoE9wHQmun+cls499TQGSb7ZyPBRlzgKfpeg==}
 
   nodemailer@6.10.0:
     resolution: {integrity: sha512-SQ3wZCExjeSatLE/HBaXS5vqUOQk6GtBdIIKxiFdmm01mOQZX/POJkO3SUX1wDiYcwUOJwT23scFSC9fY2H8IA==}
@@ -5304,11 +5285,6 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  semver@7.7.3:
-    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   serialize-javascript@6.0.2:
     resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
 
@@ -5565,9 +5541,6 @@ packages:
   tabbable@6.2.0:
     resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
 
-  tabbable@6.3.0:
-    resolution: {integrity: sha512-EIHvdY5bPLuWForiR/AN2Bxngzpuwn1is4asboytXtpTgsArc+WmSJKVLlhdh71u7jFcryDqB2A8lQvj78MkyQ==}
-
   tailwind-merge@2.6.0:
     resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
 
@@ -5602,8 +5575,8 @@ packages:
       uglify-js:
         optional: true
 
-  terser@5.44.1:
-    resolution: {integrity: sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==}
+  terser@5.44.0:
+    resolution: {integrity: sha512-nIVck8DK+GM/0Frwd+nIhZ84pR/BX7rmXMfYwyg+Sri5oGVE99/E3KvXqpC2xHFxyqXyGHTKBSioxxplrO4I4w==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -5805,8 +5778,8 @@ packages:
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
-  unist-util-is@6.0.1:
-    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+  unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
 
   unist-util-position@5.0.0:
     resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
@@ -5814,8 +5787,8 @@ packages:
   unist-util-stringify-position@4.0.0:
     resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
 
-  unist-util-visit-parents@6.0.2:
-    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+  unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
 
   unist-util-visit@5.0.0:
     resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
@@ -5829,12 +5802,6 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
-  update-browserslist-db@1.1.4:
-    resolution: {integrity: sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -6166,8 +6133,6 @@ snapshots:
 
   '@babel/runtime@7.27.6': {}
 
-  '@babel/runtime@7.28.4': {}
-
   '@cspotcode/source-map-support@0.8.1':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
@@ -6232,154 +6197,154 @@ snapshots:
 
   '@emotion/unitless@0.7.5': {}
 
-  '@esbuild/aix-ppc64@0.25.12':
+  '@esbuild/aix-ppc64@0.25.10':
     optional: true
 
   '@esbuild/aix-ppc64@0.25.5':
     optional: true
 
-  '@esbuild/android-arm64@0.25.12':
+  '@esbuild/android-arm64@0.25.10':
     optional: true
 
   '@esbuild/android-arm64@0.25.5':
     optional: true
 
-  '@esbuild/android-arm@0.25.12':
+  '@esbuild/android-arm@0.25.10':
     optional: true
 
   '@esbuild/android-arm@0.25.5':
     optional: true
 
-  '@esbuild/android-x64@0.25.12':
+  '@esbuild/android-x64@0.25.10':
     optional: true
 
   '@esbuild/android-x64@0.25.5':
     optional: true
 
-  '@esbuild/darwin-arm64@0.25.12':
+  '@esbuild/darwin-arm64@0.25.10':
     optional: true
 
   '@esbuild/darwin-arm64@0.25.5':
     optional: true
 
-  '@esbuild/darwin-x64@0.25.12':
+  '@esbuild/darwin-x64@0.25.10':
     optional: true
 
   '@esbuild/darwin-x64@0.25.5':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.25.12':
+  '@esbuild/freebsd-arm64@0.25.10':
     optional: true
 
   '@esbuild/freebsd-arm64@0.25.5':
     optional: true
 
-  '@esbuild/freebsd-x64@0.25.12':
+  '@esbuild/freebsd-x64@0.25.10':
     optional: true
 
   '@esbuild/freebsd-x64@0.25.5':
     optional: true
 
-  '@esbuild/linux-arm64@0.25.12':
+  '@esbuild/linux-arm64@0.25.10':
     optional: true
 
   '@esbuild/linux-arm64@0.25.5':
     optional: true
 
-  '@esbuild/linux-arm@0.25.12':
+  '@esbuild/linux-arm@0.25.10':
     optional: true
 
   '@esbuild/linux-arm@0.25.5':
     optional: true
 
-  '@esbuild/linux-ia32@0.25.12':
+  '@esbuild/linux-ia32@0.25.10':
     optional: true
 
   '@esbuild/linux-ia32@0.25.5':
     optional: true
 
-  '@esbuild/linux-loong64@0.25.12':
+  '@esbuild/linux-loong64@0.25.10':
     optional: true
 
   '@esbuild/linux-loong64@0.25.5':
     optional: true
 
-  '@esbuild/linux-mips64el@0.25.12':
+  '@esbuild/linux-mips64el@0.25.10':
     optional: true
 
   '@esbuild/linux-mips64el@0.25.5':
     optional: true
 
-  '@esbuild/linux-ppc64@0.25.12':
+  '@esbuild/linux-ppc64@0.25.10':
     optional: true
 
   '@esbuild/linux-ppc64@0.25.5':
     optional: true
 
-  '@esbuild/linux-riscv64@0.25.12':
+  '@esbuild/linux-riscv64@0.25.10':
     optional: true
 
   '@esbuild/linux-riscv64@0.25.5':
     optional: true
 
-  '@esbuild/linux-s390x@0.25.12':
+  '@esbuild/linux-s390x@0.25.10':
     optional: true
 
   '@esbuild/linux-s390x@0.25.5':
     optional: true
 
-  '@esbuild/linux-x64@0.25.12':
+  '@esbuild/linux-x64@0.25.10':
     optional: true
 
   '@esbuild/linux-x64@0.25.5':
     optional: true
 
-  '@esbuild/netbsd-arm64@0.25.12':
+  '@esbuild/netbsd-arm64@0.25.10':
     optional: true
 
   '@esbuild/netbsd-arm64@0.25.5':
     optional: true
 
-  '@esbuild/netbsd-x64@0.25.12':
+  '@esbuild/netbsd-x64@0.25.10':
     optional: true
 
   '@esbuild/netbsd-x64@0.25.5':
     optional: true
 
-  '@esbuild/openbsd-arm64@0.25.12':
+  '@esbuild/openbsd-arm64@0.25.10':
     optional: true
 
   '@esbuild/openbsd-arm64@0.25.5':
     optional: true
 
-  '@esbuild/openbsd-x64@0.25.12':
+  '@esbuild/openbsd-x64@0.25.10':
     optional: true
 
   '@esbuild/openbsd-x64@0.25.5':
     optional: true
 
-  '@esbuild/openharmony-arm64@0.25.12':
+  '@esbuild/openharmony-arm64@0.25.10':
     optional: true
 
-  '@esbuild/sunos-x64@0.25.12':
+  '@esbuild/sunos-x64@0.25.10':
     optional: true
 
   '@esbuild/sunos-x64@0.25.5':
     optional: true
 
-  '@esbuild/win32-arm64@0.25.12':
+  '@esbuild/win32-arm64@0.25.10':
     optional: true
 
   '@esbuild/win32-arm64@0.25.5':
     optional: true
 
-  '@esbuild/win32-ia32@0.25.12':
+  '@esbuild/win32-ia32@0.25.10':
     optional: true
 
   '@esbuild/win32-ia32@0.25.5':
     optional: true
 
-  '@esbuild/win32-x64@0.25.12':
+  '@esbuild/win32-x64@0.25.10':
     optional: true
 
   '@esbuild/win32-x64@0.25.5':
@@ -6518,7 +6483,7 @@ snapshots:
       '@floating-ui/utils': 0.2.10
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
-      tabbable: 6.3.0
+      tabbable: 6.2.0
 
   '@floating-ui/utils@0.2.10': {}
 
@@ -6714,10 +6679,10 @@ snapshots:
     dependencies:
       '@lexical/code': 0.38.2
       '@lexical/utils': 0.38.2
-      '@shikijs/core': 3.15.0
-      '@shikijs/engine-javascript': 3.15.0
-      '@shikijs/langs': 3.15.0
-      '@shikijs/themes': 3.15.0
+      '@shikijs/core': 3.12.2
+      '@shikijs/engine-javascript': 3.12.2
+      '@shikijs/langs': 3.12.2
+      '@shikijs/themes': 3.12.2
       lexical: 0.38.2
       shiki: 3.12.2
 
@@ -7157,25 +7122,12 @@ snapshots:
       '@types/hast': 3.0.4
       hast-util-to-html: 9.0.5
 
-  '@shikijs/core@3.15.0':
-    dependencies:
-      '@shikijs/types': 3.15.0
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-      hast-util-to-html: 9.0.5
-
   '@shikijs/engine-javascript@3.12.2':
     dependencies:
       '@shikijs/types': 3.12.2
       '@shikijs/vscode-textmate': 10.0.2
       oniguruma-to-es: 4.3.3
 
-  '@shikijs/engine-javascript@3.15.0':
-    dependencies:
-      '@shikijs/types': 3.15.0
-      '@shikijs/vscode-textmate': 10.0.2
-      oniguruma-to-es: 4.3.3
-
   '@shikijs/engine-oniguruma@3.12.2':
     dependencies:
       '@shikijs/types': 3.12.2
@@ -7185,28 +7137,15 @@ snapshots:
     dependencies:
       '@shikijs/types': 3.12.2
 
-  '@shikijs/langs@3.15.0':
-    dependencies:
-      '@shikijs/types': 3.15.0
-
   '@shikijs/themes@3.12.2':
     dependencies:
       '@shikijs/types': 3.12.2
 
-  '@shikijs/themes@3.15.0':
-    dependencies:
-      '@shikijs/types': 3.15.0
-
   '@shikijs/types@3.12.2':
     dependencies:
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
 
-  '@shikijs/types@3.15.0':
-    dependencies:
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-
   '@shikijs/vscode-textmate@10.0.2': {}
 
   '@sinclair/typebox@0.27.8': {}
@@ -7220,12 +7159,12 @@ snapshots:
       '@storybook/theming': 8.6.14(storybook@8.6.14(prettier@3.6.0))
       better-opn: 3.0.2
       browser-assert: 1.2.1
-      esbuild: 0.25.12
-      esbuild-register: 3.6.0(esbuild@0.25.12)
+      esbuild: 0.25.10
+      esbuild-register: 3.6.0(esbuild@0.25.10)
       jsdoc-type-pratt-parser: 4.8.0
       process: 0.11.10
       recast: 0.23.11
-      semver: 7.7.3
+      semver: 7.7.2
       util: 0.12.5
       ws: 8.18.3
     optionalDependencies:
@@ -7351,7 +7290,7 @@ snapshots:
   '@testing-library/dom@10.4.0':
     dependencies:
       '@babel/code-frame': 7.27.1
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.27.6
       '@types/aria-query': 5.0.4
       aria-query: 5.3.0
       chalk: 4.1.2
@@ -7470,7 +7409,7 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
-  '@types/node@20.19.25':
+  '@types/node@20.19.19':
     dependencies:
       undici-types: 6.21.0
 
@@ -8189,7 +8128,7 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  baseline-browser-mapping@2.8.28: {}
+  baseline-browser-mapping@2.8.13: {}
 
   better-opn@3.0.2:
     dependencies:
@@ -8225,13 +8164,13 @@ snapshots:
       node-releases: 2.0.19
       update-browserslist-db: 1.1.3(browserslist@4.24.4)
 
-  browserslist@4.28.0:
+  browserslist@4.26.3:
     dependencies:
-      baseline-browser-mapping: 2.8.28
-      caniuse-lite: 1.0.30001754
-      electron-to-chromium: 1.5.250
-      node-releases: 2.0.27
-      update-browserslist-db: 1.1.4(browserslist@4.28.0)
+      baseline-browser-mapping: 2.8.13
+      caniuse-lite: 1.0.30001748
+      electron-to-chromium: 1.5.232
+      node-releases: 2.0.23
+      update-browserslist-db: 1.1.3(browserslist@4.26.3)
 
   buffer-equal-constant-time@1.0.1: {}
 
@@ -8267,7 +8206,7 @@ snapshots:
 
   caniuse-lite@1.0.30001734: {}
 
-  caniuse-lite@1.0.30001754: {}
+  caniuse-lite@1.0.30001748: {}
 
   ccount@2.0.1: {}
 
@@ -8584,7 +8523,7 @@ snapshots:
 
   dom-helpers@5.2.1:
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.27.6
       csstype: 3.1.3
 
   dotenv@16.5.0: {}
@@ -8612,7 +8551,7 @@ snapshots:
 
   electron-to-chromium@1.5.113: {}
 
-  electron-to-chromium@1.5.250: {}
+  electron-to-chromium@1.5.232: {}
 
   emoji-regex@8.0.0: {}
 
@@ -8730,41 +8669,41 @@ snapshots:
 
   es-toolkit@1.39.7: {}
 
-  esbuild-register@3.6.0(esbuild@0.25.12):
+  esbuild-register@3.6.0(esbuild@0.25.10):
     dependencies:
       debug: 4.4.3
-      esbuild: 0.25.12
+      esbuild: 0.25.10
     transitivePeerDependencies:
       - supports-color
 
-  esbuild@0.25.12:
+  esbuild@0.25.10:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.25.12
-      '@esbuild/android-arm': 0.25.12
-      '@esbuild/android-arm64': 0.25.12
-      '@esbuild/android-x64': 0.25.12
-      '@esbuild/darwin-arm64': 0.25.12
-      '@esbuild/darwin-x64': 0.25.12
-      '@esbuild/freebsd-arm64': 0.25.12
-      '@esbuild/freebsd-x64': 0.25.12
-      '@esbuild/linux-arm': 0.25.12
-      '@esbuild/linux-arm64': 0.25.12
-      '@esbuild/linux-ia32': 0.25.12
-      '@esbuild/linux-loong64': 0.25.12
-      '@esbuild/linux-mips64el': 0.25.12
-      '@esbuild/linux-ppc64': 0.25.12
-      '@esbuild/linux-riscv64': 0.25.12
-      '@esbuild/linux-s390x': 0.25.12
-      '@esbuild/linux-x64': 0.25.12
-      '@esbuild/netbsd-arm64': 0.25.12
-      '@esbuild/netbsd-x64': 0.25.12
-      '@esbuild/openbsd-arm64': 0.25.12
-      '@esbuild/openbsd-x64': 0.25.12
-      '@esbuild/openharmony-arm64': 0.25.12
-      '@esbuild/sunos-x64': 0.25.12
-      '@esbuild/win32-arm64': 0.25.12
-      '@esbuild/win32-ia32': 0.25.12
-      '@esbuild/win32-x64': 0.25.12
+      '@esbuild/aix-ppc64': 0.25.10
+      '@esbuild/android-arm': 0.25.10
+      '@esbuild/android-arm64': 0.25.10
+      '@esbuild/android-x64': 0.25.10
+      '@esbuild/darwin-arm64': 0.25.10
+      '@esbuild/darwin-x64': 0.25.10
+      '@esbuild/freebsd-arm64': 0.25.10
+      '@esbuild/freebsd-x64': 0.25.10
+      '@esbuild/linux-arm': 0.25.10
+      '@esbuild/linux-arm64': 0.25.10
+      '@esbuild/linux-ia32': 0.25.10
+      '@esbuild/linux-loong64': 0.25.10
+      '@esbuild/linux-mips64el': 0.25.10
+      '@esbuild/linux-ppc64': 0.25.10
+      '@esbuild/linux-riscv64': 0.25.10
+      '@esbuild/linux-s390x': 0.25.10
+      '@esbuild/linux-x64': 0.25.10
+      '@esbuild/netbsd-arm64': 0.25.10
+      '@esbuild/netbsd-x64': 0.25.10
+      '@esbuild/openbsd-arm64': 0.25.10
+      '@esbuild/openbsd-x64': 0.25.10
+      '@esbuild/openharmony-arm64': 0.25.10
+      '@esbuild/sunos-x64': 0.25.10
+      '@esbuild/win32-arm64': 0.25.10
+      '@esbuild/win32-ia32': 0.25.10
+      '@esbuild/win32-x64': 0.25.10
 
   esbuild@0.25.5:
     optionalDependencies:
@@ -9612,7 +9551,7 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 20.19.25
+      '@types/node': 20.19.19
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -9865,7 +9804,7 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
-  loader-runner@4.3.1: {}
+  loader-runner@4.3.0: {}
 
   locate-path@6.0.0:
     dependencies:
@@ -10101,7 +10040,7 @@ snapshots:
 
   node-releases@2.0.19: {}
 
-  node-releases@2.0.27: {}
+  node-releases@2.0.23: {}
 
   nodemailer@6.10.0: {}
 
@@ -10765,7 +10704,7 @@ snapshots:
 
   react-error-boundary@6.0.0(react@19.0.0):
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.27.6
       react: 19.0.0
 
   react-icons@5.5.0(react@19.0.0):
@@ -10881,7 +10820,7 @@ snapshots:
 
   react-textarea-autosize@8.5.9(@types/react@19.0.10)(react@19.0.0):
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.27.6
       react: 19.0.0
       use-composed-ref: 1.4.0(@types/react@19.0.10)(react@19.0.0)
       use-latest: 1.3.0(@types/react@19.0.10)(react@19.0.0)
@@ -10890,7 +10829,7 @@ snapshots:
 
   react-transition-group@4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.27.6
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
@@ -11091,8 +11030,6 @@ snapshots:
 
   semver@7.7.2: {}
 
-  semver@7.7.3: {}
-
   serialize-javascript@6.0.2:
     dependencies:
       randombytes: 2.1.0
@@ -11411,11 +11348,11 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  swc-loader@0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12)):
+  swc-loader@0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)):
     dependencies:
       '@swc/core': 1.11.8(@swc/helpers@0.5.17)
       '@swc/counter': 0.1.3
-      webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12)
+      webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)
 
   swc-loader@0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))):
     dependencies:
@@ -11443,8 +11380,6 @@ snapshots:
 
   tabbable@6.2.0: {}
 
-  tabbable@6.3.0: {}
-
   tailwind-merge@2.6.0: {}
 
   tailwind-scrollbar@3.1.0(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))):
@@ -11480,17 +11415,17 @@ snapshots:
 
   tapable@2.3.0: {}
 
-  terser-webpack-plugin@5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12)(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12)):
+  terser-webpack-plugin@5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.3.3
       serialize-javascript: 6.0.2
-      terser: 5.44.1
-      webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12)
+      terser: 5.44.0
+      webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)
     optionalDependencies:
       '@swc/core': 1.11.8(@swc/helpers@0.5.17)
-      esbuild: 0.25.12
+      esbuild: 0.25.10
 
   terser-webpack-plugin@5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))):
     dependencies:
@@ -11498,12 +11433,12 @@ snapshots:
       jest-worker: 27.5.1
       schema-utils: 4.3.3
       serialize-javascript: 6.0.2
-      terser: 5.44.1
+      terser: 5.44.0
       webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))
     optionalDependencies:
       '@swc/core': 1.11.8(@swc/helpers@0.5.17)
 
-  terser@5.44.1:
+  terser@5.44.0:
     dependencies:
       '@jridgewell/source-map': 0.3.11
       acorn: 8.15.0
@@ -11592,14 +11527,14 @@ snapshots:
       '@swc/core': 1.11.8(@swc/helpers@0.5.17)
     optional: true
 
-  ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.19.25)(typescript@5.8.3):
+  ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.19.19)(typescript@5.8.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 20.19.25
+      '@types/node': 20.19.19
       acorn: 8.15.0
       acorn-walk: 8.3.4
       arg: 4.1.3
@@ -11744,7 +11679,7 @@ snapshots:
 
   undici-types@6.21.0: {}
 
-  unist-util-is@6.0.1:
+  unist-util-is@6.0.0:
     dependencies:
       '@types/unist': 3.0.3
 
@@ -11756,16 +11691,16 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.3
 
-  unist-util-visit-parents@6.0.2:
+  unist-util-visit-parents@6.0.1:
     dependencies:
       '@types/unist': 3.0.3
-      unist-util-is: 6.0.1
+      unist-util-is: 6.0.0
 
   unist-util-visit@5.0.0:
     dependencies:
       '@types/unist': 3.0.3
-      unist-util-is: 6.0.1
-      unist-util-visit-parents: 6.0.2
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
 
   unrs-resolver@1.9.1:
     dependencies:
@@ -11797,9 +11732,9 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
-  update-browserslist-db@1.1.4(browserslist@4.28.0):
+  update-browserslist-db@1.1.3(browserslist@4.26.3):
     dependencies:
-      browserslist: 4.28.0
+      browserslist: 4.26.3
       escalade: 3.2.0
       picocolors: 1.1.1
 
@@ -11972,7 +11907,7 @@ snapshots:
       '@webassemblyjs/wasm-edit': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
       acorn: 8.15.0
-      browserslist: 4.28.0
+      browserslist: 4.26.3
       chrome-trace-event: 1.0.4
       enhanced-resolve: 5.18.3
       es-module-lexer: 1.7.0
@@ -11981,7 +11916,7 @@ snapshots:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
       json-parse-even-better-errors: 2.3.1
-      loader-runner: 4.3.1
+      loader-runner: 4.3.0
       mime-types: 2.1.35
       neo-async: 2.6.2
       schema-utils: 4.3.3
@@ -11994,7 +11929,7 @@ snapshots:
       - esbuild
       - uglify-js
 
-  webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12):
+  webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10):
     dependencies:
       '@types/eslint-scope': 3.7.7
       '@types/estree': 1.0.8
@@ -12002,7 +11937,7 @@ snapshots:
       '@webassemblyjs/wasm-edit': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
       acorn: 8.15.0
-      browserslist: 4.28.0
+      browserslist: 4.26.3
       chrome-trace-event: 1.0.4
       enhanced-resolve: 5.18.3
       es-module-lexer: 1.7.0
@@ -12011,12 +11946,12 @@ snapshots:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
       json-parse-even-better-errors: 2.3.1
-      loader-runner: 4.3.1
+      loader-runner: 4.3.0
       mime-types: 2.1.35
       neo-async: 2.6.2
       schema-utils: 4.3.3
       tapable: 2.3.0
-      terser-webpack-plugin: 5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12)(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.12))
+      terser-webpack-plugin: 5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10))
       watchpack: 2.4.4
       webpack-sources: 3.3.3
     transitivePeerDependencies:

From 716953f5022720ba4fb61e8a5b04b33c716d3922 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 17 Nov 2025 21:04:40 +0600
Subject: [PATCH 17/53] fixed constant opening issue

---
 web/oss/src/components/Onboarding/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index 85d4b509d7..1d9094cdf4 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -134,6 +134,7 @@ const OnboardingCard = ({
             const extendedStep = step as StepWithEffects | undefined
             runCleanupHandlers()
             skipTour?.()
+            setTriggerOnboarding(null)
             if (!status) return
             if (!isNewUser) return
 

From 1fbf3e410ff95cd6dd94d5d12956becf2dfa5a93 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Wed, 19 Nov 2025 16:43:20 +0600
Subject: [PATCH 18/53] fixed issues

---
 .../components/Onboarding/components/WelcomeModal/index.tsx    | 3 +++
 .../PlaygroundGenerations/assets/GenerationHeader/index.tsx    | 2 +-
 web/oss/src/state/variant/atoms/fetcher.ts                     | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
index c9a5c557ee..58d8ef7483 100644
--- a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
+++ b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
@@ -79,6 +79,8 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
         posthog?.capture("onboarding_welcome_action", {
             action: "start",
         })
+        updateOnboardingStatus({section: "apps", status: "started"})
+
         if (!isSme) {
             setFullJourneyState({active: false, state: null, journeyId: null})
             setTriggerOnboarding({state: "apps"})
@@ -104,6 +106,7 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
         }
     }, [
         isSme,
+        updateOnboardingStatus,
         setDemoEvaluationContext,
         setLastVisitedEvaluation,
         setTriggerOnboarding,
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
index 46bf267438..854cf51d4b 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
@@ -68,7 +68,7 @@ const GenerationHeader = ({variantId}: GenerationHeaderProps) => {
     return (
         <div
             className={clsx(
-                "h-[48px] flex justify-between items-center gap-4 sticky top-0 z-[1000] !bg-[white]",
+                "h-[48px] flex justify-between items-center gap-4 sticky top-0 z-[800] !bg-[white]",
                 classes.container,
             )}
         >
diff --git a/web/oss/src/state/variant/atoms/fetcher.ts b/web/oss/src/state/variant/atoms/fetcher.ts
index f9110a1248..63ef056e7d 100644
--- a/web/oss/src/state/variant/atoms/fetcher.ts
+++ b/web/oss/src/state/variant/atoms/fetcher.ts
@@ -250,7 +250,7 @@ export const appUriStateQueryAtom = atomWithQuery<UriState | undefined>((get) =>
 // appStatus is Loading atom family. by looking at the query atom loading status
 export const appStatusLoadingAtom = selectAtom(
     appUriStateQueryAtom,
-    (q: any) => !q?.isFetched,
+    (q: any) => q?.fetchStatus === "fetching",
     Object.is,
 )
 

From c1aec441968d31a0035f36619e23b6e220ff69e6 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Wed, 19 Nov 2025 17:08:04 +0600
Subject: [PATCH 19/53] fix code

---
 .../PostSignupForm/PostSignupForm.tsx         | 74 ++++++++++---------
 .../PostSignupForm/assets/constants.ts        |  1 +
 2 files changed, 41 insertions(+), 34 deletions(-)

diff --git a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
index 7f1c04eb97..02bfa50e1a 100644
--- a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
+++ b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
@@ -158,7 +158,7 @@ const PostSignupForm = () => {
                             ? "sme"
                             : stepOneFormData.userRole,
                     userExperience: stepOneFormData.userExperience,
-                    userInterest: values.userInterests,
+                    userInterest: userInterests,
                 })
 
                 if (!isPosthogSurveyAvailable) return
@@ -321,14 +321,13 @@ const PostSignupForm = () => {
                                 >
                                     <Radio.Group>
                                         <Space direction="vertical">
-                                            {(
-                                                questionChoices[2] ||
-                                                USER_EXPERIENCES
-                                            )?.choices?.map((choice: string) => (
-                                                <Radio key={choice} value={choice}>
-                                                    {choice}
-                                                </Radio>
-                                            ))}
+                                            {(questionChoices[2] || USER_EXPERIENCES)?.choices?.map(
+                                                (choice: string) => (
+                                                    <Radio key={choice} value={choice}>
+                                                        {choice}
+                                                    </Radio>
+                                                ),
+                                            )}
                                         </Space>
                                     </Radio.Group>
                                 </Form.Item>
@@ -412,29 +411,36 @@ const PostSignupForm = () => {
                                     </Form.Item>
                                 )}
 
-{isPosthogSurveyAvailable && (
-                            <>    <Form.Item
-                                    className={classes.formItem}
-                                    name="hearAboutUs"
-                                    label={survey?.questions[4].question}
-                                >
-                                    <Radio.Group>
-                                        <Space direction="vertical">
-                                            {(questionChoices[4] || []).map((choice: string) => (
-                                                <Radio key={choice} value={choice}>
-                                                    {choice}
-                                                </Radio>
-                                            ))}
-                                        </Space>
-                                    </Radio.Group>
-                                </Form.Item>
-
-                                {selectedHearAboutUsOption == "Other" && (
-                                    <Form.Item name="hearAboutUsInputOption" className="-mt-3">
-                                        <Input placeholder="Type here" />
-                                    </Form.Item>
-                                )}</>
-)}
+                                {isPosthogSurveyAvailable && (
+                                    <>
+                                        {" "}
+                                        <Form.Item
+                                            className={classes.formItem}
+                                            name="hearAboutUs"
+                                            label={survey?.questions[4].question}
+                                        >
+                                            <Radio.Group>
+                                                <Space direction="vertical">
+                                                    {(questionChoices[4] || []).map(
+                                                        (choice: string) => (
+                                                            <Radio key={choice} value={choice}>
+                                                                {choice}
+                                                            </Radio>
+                                                        ),
+                                                    )}
+                                                </Space>
+                                            </Radio.Group>
+                                        </Form.Item>
+                                        {selectedHearAboutUsOption == "Other" && (
+                                            <Form.Item
+                                                name="hearAboutUsInputOption"
+                                                className="-mt-3"
+                                            >
+                                                <Input placeholder="Type here" />
+                                            </Form.Item>
+                                        )}
+                                    </>
+                                )}
                             </div>
                         </div>
 
@@ -447,10 +453,10 @@ const PostSignupForm = () => {
                             icon={<ArrowRight className="mt-[3px]" />}
                             disabled={
                                 !formData?.userInterests?.length ||
-                                !formData?.hearAboutUs ||
+                                (!formData?.hearAboutUs && isPosthogSurveyAvailable) ||
                                 (selectedUserInterests?.includes("Other") &&
                                     !formData?.userInterestsInputOption) ||
-                                    (isPosthogSurveyAvailable)
+                                isPosthogSurveyAvailable
                             }
                         >
                             Continue
diff --git a/web/ee/src/components/PostSignupForm/assets/constants.ts b/web/ee/src/components/PostSignupForm/assets/constants.ts
index 62a8fc6788..34982b2127 100644
--- a/web/ee/src/components/PostSignupForm/assets/constants.ts
+++ b/web/ee/src/components/PostSignupForm/assets/constants.ts
@@ -27,6 +27,7 @@ const USER_INTERESTS = {
         "Collaborating with domain experts on prompt engineering",
         "Human feedback and annotation",
         "Observability, tracing and monitoring",
+        "Other",
     ],
 }
 

From 754eb3d9d855cc336ec8142c1541247398ee20d8 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Wed, 19 Nov 2025 18:32:41 +0600
Subject: [PATCH 20/53] format code

---
 .../DeploymentHistory/DeploymentHistory.tsx   |  3 +-
 .../PostSignupForm/PostSignupForm.tsx         |  4 +-
 .../assets/SubscriptionPlanDetails/index.tsx  |  2 +-
 .../assets/WelcomeModalContent/index.tsx      |  6 +-
 .../Components/NewEvaluationModalContent.tsx  | 64 +++++++++----------
 .../pages/evaluations/NewEvaluation/index.tsx |  9 ++-
 .../state/activeEvaluationPanelAtom.ts        | 10 +--
 .../OnlineEvaluationDrawer.tsx                |  3 +-
 .../onlineEvaluation/state/drawerAtom.ts      | 16 ++---
 .../state/lastVisitedEvaluationAtom.ts        |  4 +-
 .../observability/drawer/TraceTree/index.tsx  |  8 +--
 .../ui/CustomTreeComponent/index.tsx          | 26 ++++----
 web/oss/src/state/onboarding/assets/utils.ts  |  7 +-
 .../onboarding/steps/appManagementSteps.tsx   |  2 +-
 14 files changed, 85 insertions(+), 79 deletions(-)

diff --git a/web/ee/src/components/DeploymentHistory/DeploymentHistory.tsx b/web/ee/src/components/DeploymentHistory/DeploymentHistory.tsx
index 3b6f9cdb32..42fd54f3ba 100644
--- a/web/ee/src/components/DeploymentHistory/DeploymentHistory.tsx
+++ b/web/ee/src/components/DeploymentHistory/DeploymentHistory.tsx
@@ -1,5 +1,6 @@
 import {useCallback, useEffect, useRef, useState} from "react"
 
+import {DeploymentRevisionConfig, DeploymentRevisions} from "@agenta/oss/src/lib/types_ee"
 import {Button, Card, Divider, Space, Typography, notification} from "antd"
 import dayjs from "dayjs"
 import duration from "dayjs/plugin/duration"
@@ -15,8 +16,6 @@ import {
     fetchAllDeploymentRevisions,
 } from "@/oss/services/deploymentVersioning/api"
 
-import {DeploymentRevisionConfig, DeploymentRevisions} from "@agenta/oss/src/lib/types_ee"
-
 dayjs.extend(relativeTime)
 dayjs.extend(duration)
 
diff --git a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
index 02bfa50e1a..589a47b9cb 100644
--- a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
+++ b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
@@ -2,6 +2,7 @@ import {useCallback, useEffect, useMemo, useState} from "react"
 
 import {ArrowRight} from "@phosphor-icons/react"
 import {Button, Checkbox, Form, FormProps, Input, Radio, Space, Spin, Typography} from "antd"
+import {useSetAtom} from "jotai"
 import Image from "next/image"
 import {useRouter} from "next/router"
 import {MultipleSurveyQuestion} from "posthog-js"
@@ -10,12 +11,11 @@ import ListOfOrgs from "@/oss/components/Sidebar/components/ListOfOrgs"
 import useURL from "@/oss/hooks/useURL"
 import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
 import {useSurvey} from "@/oss/lib/helpers/analytics/hooks/useSurvey"
+import {userOnboardingProfileContextAtom} from "@/oss/state/onboarding"
 import {useOrgData} from "@/oss/state/org"
 import {useProfileData} from "@/oss/state/profile"
 import {buildPostLoginPath, waitForWorkspaceContext} from "@/oss/state/url/postLoginRedirect"
 
-import {userOnboardingProfileContextAtom} from "@/oss/state/onboarding"
-import {useSetAtom} from "jotai"
 import {USER_EXPERIENCES, USER_INTERESTS, USER_ROLES} from "./assets/constants"
 import {useStyles} from "./assets/styles"
 import {FormDataType} from "./assets/types"
diff --git a/web/ee/src/components/pages/settings/Billing/Modals/PricingModal/assets/SubscriptionPlanDetails/index.tsx b/web/ee/src/components/pages/settings/Billing/Modals/PricingModal/assets/SubscriptionPlanDetails/index.tsx
index 8913f0d9d7..9c932fbb07 100644
--- a/web/ee/src/components/pages/settings/Billing/Modals/PricingModal/assets/SubscriptionPlanDetails/index.tsx
+++ b/web/ee/src/components/pages/settings/Billing/Modals/PricingModal/assets/SubscriptionPlanDetails/index.tsx
@@ -1,7 +1,7 @@
-import dayjs from "@/oss/lib/helpers/dateTimeHelper/dayjs"
 import duration from "dayjs/plugin/duration"
 import relativeTime from "dayjs/plugin/relativeTime"
 
+import dayjs from "@/oss/lib/helpers/dateTimeHelper/dayjs"
 import {SubscriptionType} from "@/oss/services/billing/types"
 
 dayjs.extend(duration)
diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
index 20bb20f115..c61fb08f54 100644
--- a/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
+++ b/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
@@ -10,12 +10,12 @@ const WelcomeModalContent = ({variant = "default"}: WelcomeModalContentProps) =>
     if (variant === "sme") {
         return (
             <div className="flex flex-col gap-2 mb-6 mt-5">
-                <Typography.Paragraph  className="font-bold">
+                <Typography.Paragraph className="font-bold">
                     Personalized onboarding
                 </Typography.Paragraph>
                 <Typography.Paragraph className="!mb-0 text-[#475467]">
-                    We&apos;ll spin up a live online evaluation, walk through app creation, run a few
-                    prompt experiments in the playground, and then jump straight into the
+                    We&apos;ll spin up a live online evaluation, walk through app creation, run a
+                    few prompt experiments in the playground, and then jump straight into the
                     evaluation we created so you can see how live scoring works. It only takes a
                     couple of minutes.
                 </Typography.Paragraph>
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
index a1ea0bf0d4..9eb9bbfc5b 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
@@ -170,16 +170,16 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                 ),
                 children: appSelectionComplete ? (
                     <div id="tour-new-eval-content-variant">
-                    <SelectVariantSection
-                        handlePanelChange={handlePanelChange}
-                        selectedVariantRevisionIds={selectedVariantRevisionIds}
-                        setSelectedVariantRevisionIds={setSelectedVariantRevisionIds}
-                        evaluationType={evaluationType}
-                        variants={variants}
-                        isVariantLoading={variantsLoading}
-                        className="pt-2"
-                        selectedTestsetId={selectedTestsetId}
-                    />
+                        <SelectVariantSection
+                            handlePanelChange={handlePanelChange}
+                            selectedVariantRevisionIds={selectedVariantRevisionIds}
+                            setSelectedVariantRevisionIds={setSelectedVariantRevisionIds}
+                            evaluationType={evaluationType}
+                            variants={variants}
+                            isVariantLoading={variantsLoading}
+                            className="pt-2"
+                            selectedTestsetId={selectedTestsetId}
+                        />
                     </div>
                 ) : (
                     requireAppMessage
@@ -207,14 +207,14 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                 ),
                 children: appSelectionComplete ? (
                     <div id="tour-new-eval-content-testset">
-                    <SelectTestsetSection
-                        handlePanelChange={handlePanelChange}
-                        selectedTestsetId={selectedTestsetId}
-                        setSelectedTestsetId={setSelectedTestsetId}
-                        testsets={testsets}
-                        selectedVariantRevisionIds={selectedVariantRevisionIds}
-                        className="pt-2"
-                    />
+                        <SelectTestsetSection
+                            handlePanelChange={handlePanelChange}
+                            selectedTestsetId={selectedTestsetId}
+                            setSelectedTestsetId={setSelectedTestsetId}
+                            testsets={testsets}
+                            selectedVariantRevisionIds={selectedVariantRevisionIds}
+                            className="pt-2"
+                        />
                     </div>
                 ) : (
                     requireAppMessage
@@ -248,16 +248,16 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                 ),
                 children: appSelectionComplete ? (
                     <div id="tour-new-eval-content-evaluators">
-                    <SelectEvaluatorSection
-                        handlePanelChange={handlePanelChange}
-                        selectedEvalConfigs={selectedEvalConfigs}
-                        setSelectedEvalConfigs={setSelectedEvalConfigs}
-                        preview={preview}
-                        evaluators={evaluators as any}
-                        evaluatorConfigs={evaluatorConfigs}
-                        selectedAppId={selectedAppId}
-                        className="pt-2"
-                    />
+                        <SelectEvaluatorSection
+                            handlePanelChange={handlePanelChange}
+                            selectedEvalConfigs={selectedEvalConfigs}
+                            setSelectedEvalConfigs={setSelectedEvalConfigs}
+                            preview={preview}
+                            evaluators={evaluators as any}
+                            evaluatorConfigs={evaluatorConfigs}
+                            selectedAppId={selectedAppId}
+                            className="pt-2"
+                        />
                     </div>
                 ) : (
                     requireAppMessage
@@ -282,10 +282,10 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                           ),
                           children: appSelectionComplete ? (
                               <div id="tour-new-eval-content-advanced">
-                              <AdvancedSettings
-                                  advanceSettings={advanceSettings}
-                                  setAdvanceSettings={setAdvanceSettings}
-                              />
+                                  <AdvancedSettings
+                                      advanceSettings={advanceSettings}
+                                      setAdvanceSettings={setAdvanceSettings}
+                                  />
                               </div>
                           ) : (
                               requireAppMessage
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
index 38a310b703..40032ff57f 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
@@ -164,9 +164,12 @@ const NewEvaluationModal = <Preview extends boolean = true>({
 
     const {secrets} = useVaultSecret()
 
-    const handlePanelChange = useCallback((key: string | string[]) => {
-        setActivePanel(key as any)
-    }, [setActivePanel])
+    const handlePanelChange = useCallback(
+        (key: string | string[]) => {
+            setActivePanel(key as any)
+        },
+        [setActivePanel],
+    )
 
     const afterClose = useCallback(() => {
         props?.afterClose?.()
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom.ts b/web/oss/src/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom.ts
index 9ac234ae62..9d75702be8 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom.ts
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom.ts
@@ -1,11 +1,11 @@
 import {atom} from "jotai"
 
 export type EvaluationPanelKey =
-  | "appPanel"
-  | "variantPanel"
-  | "testsetPanel"
-  | "evaluatorPanel"
-  | "advancedSettingsPanel"
+    | "appPanel"
+    | "variantPanel"
+    | "testsetPanel"
+    | "evaluatorPanel"
+    | "advancedSettingsPanel"
 
 // Global atom to control the active tab in New Evaluation modal
 export const activeEvaluationPanelAtom = atom<EvaluationPanelKey | null>("appPanel")
diff --git a/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx b/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
index e48b684c15..eb5d1f6310 100644
--- a/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
+++ b/web/oss/src/components/pages/evaluations/onlineEvaluation/OnlineEvaluationDrawer.tsx
@@ -462,7 +462,6 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
                                         style={{marginBottom: 12}}
                                     >
                                         <Input
-                                           
                                             className="w-full"
                                             placeholder="Testing evaluator"
                                             allowClear
@@ -580,7 +579,7 @@ const OnlineEvaluationDrawer = ({open, onClose, onCreate}: OnlineEvaluationDrawe
                                         style={{marginBottom: 12}}
                                         rules={[{required: true, message: "Select an evaluator"}]}
                                     >
-                                        <Select                                        
+                                        <Select
                                             className="w-full"
                                             placeholder="Select"
                                             options={evaluatorOptions}
diff --git a/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts b/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
index 9caf0a01d6..732a05681f 100644
--- a/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
+++ b/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
@@ -1,19 +1,19 @@
 import {atom} from "jotai"
 
-export type OnlineEvaluationDrawerState = { open: boolean }
+export type OnlineEvaluationDrawerState = {open: boolean}
 
-const defaultState: OnlineEvaluationDrawerState = { open: false }
+const defaultState: OnlineEvaluationDrawerState = {open: false}
 
 export const onlineEvaluationDrawerAtom = atom(defaultState)
 
 export const openOnlineEvaluationDrawerAtom = atom(null, (get, set) => {
-  const cur = get(onlineEvaluationDrawerAtom)
-  if (cur.open) return
-  set(onlineEvaluationDrawerAtom, {...cur, open: true})
+    const cur = get(onlineEvaluationDrawerAtom)
+    if (cur.open) return
+    set(onlineEvaluationDrawerAtom, {...cur, open: true})
 })
 
 export const closeOnlineEvaluationDrawerAtom = atom(null, (get, set) => {
-  const cur = get(onlineEvaluationDrawerAtom)
-  if (!cur.open) return
-  set(onlineEvaluationDrawerAtom, {...cur, open: false})
+    const cur = get(onlineEvaluationDrawerAtom)
+    if (!cur.open) return
+    set(onlineEvaluationDrawerAtom, {...cur, open: false})
 })
diff --git a/web/oss/src/components/pages/evaluations/state/lastVisitedEvaluationAtom.ts b/web/oss/src/components/pages/evaluations/state/lastVisitedEvaluationAtom.ts
index cdf75aba03..85a79bde85 100644
--- a/web/oss/src/components/pages/evaluations/state/lastVisitedEvaluationAtom.ts
+++ b/web/oss/src/components/pages/evaluations/state/lastVisitedEvaluationAtom.ts
@@ -1,6 +1,6 @@
 import {atomWithStorage} from "jotai/utils"
 
 export const lastVisitedEvaluationAtom = atomWithStorage<string>(
-  "evaluations-last-visited",
-  "auto_evaluation",
+    "evaluations-last-visited",
+    "auto_evaluation",
 )
diff --git a/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
index 8530119204..abdaf0eba3 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
@@ -94,11 +94,11 @@ export const TreeContent = ({value, settings}: {value: TraceSpanNode; settings:
 }
 
 const TraceTree: React.FC<TraceTreeProps> = ({
-    activeTrace: active, 
-    activeTraceId, 
-    selected, 
+    activeTrace: active,
+    activeTraceId,
+    selected,
     setSelected,
-    enableTour = false
+    enableTour = false,
 }) => {
     const classes = useStyles()
     const [searchValue, setSearchValue] = useState("")
diff --git a/web/oss/src/components/ui/CustomTreeComponent/index.tsx b/web/oss/src/components/ui/CustomTreeComponent/index.tsx
index 3415b55a28..42f0921ce4 100644
--- a/web/oss/src/components/ui/CustomTreeComponent/index.tsx
+++ b/web/oss/src/components/ui/CustomTreeComponent/index.tsx
@@ -67,13 +67,13 @@ interface TreeNodeComponentProps {
 }
 
 const TreeNodeComponent: React.FC<TreeNodeComponentProps> = ({
-    node, 
-    isLast, 
-    settings, 
-    selectedKey, 
-    onSelect, 
+    node,
+    isLast,
+    settings,
+    selectedKey,
+    onSelect,
     isRoot = false,
-    enableTour = false
+    enableTour = false,
 }) => {
     const classes = useStyles()
     const [expanded, setExpanded] = useState(true)
@@ -85,9 +85,9 @@ const TreeNodeComponent: React.FC<TreeNodeComponentProps> = ({
     const shouldShowAsLast = isLast && (!hasChildren || (hasChildren && !expanded))
 
     return (
-        <div 
-            className={isRoot ? "pl-2" : "relative pl-5"} 
-            {...(enableTour && { id: "tour-trace-tree-panel" })}
+        <div
+            className={isRoot ? "pl-2" : "relative pl-5"}
+            {...(enableTour && {id: "tour-trace-tree-panel"})}
         >
             <div
                 className={
@@ -146,11 +146,11 @@ const TreeNodeComponent: React.FC<TreeNodeComponentProps> = ({
 }
 
 const CustomTree: React.FC<TreeProps> = ({
-    data, 
-    settings, 
-    selectedKey, 
+    data,
+    settings,
+    selectedKey,
     onSelect,
-    enableTour = false
+    enableTour = false,
 }) => {
     return (
         <div className={"h-full overflow-y-auto p-2"}>
diff --git a/web/oss/src/state/onboarding/assets/utils.ts b/web/oss/src/state/onboarding/assets/utils.ts
index e9f55571dc..81131a4b01 100644
--- a/web/oss/src/state/onboarding/assets/utils.ts
+++ b/web/oss/src/state/onboarding/assets/utils.ts
@@ -19,7 +19,12 @@ import {waitForValidURL, getURLValues} from "@/oss/state/url"
 import {demoOnlineEvaluationAtom, type DemoOnlineEvaluationContext} from "../atoms/helperAtom"
 
 const DEMO_EVALUATION_NAME = "demo-evaluation"
-const LLM_JUDGE_KEYS = new Set(["llm-as-a-judge", "llm_as_a_judge", "auto_ai_critique", "ai_critique"])
+const LLM_JUDGE_KEYS = new Set([
+    "llm-as-a-judge",
+    "llm_as_a_judge",
+    "auto_ai_critique",
+    "ai_critique",
+])
 
 const ensureEvaluatorConfigs = async (): Promise<EvaluatorConfig[]> => {
     const store = getDefaultStore()
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index e221fc04d3..2c36a4f688 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -219,7 +219,7 @@ const ONLINE_EVAL_RUN_SECTION_STEPS = withOnboardingSection(
 const SME_TOUR_CACHE = new Map<string, TourDefinition>()
 
 const resolveSmeJourneyTour = (ctx: OnboardingStepsContext): TourDefinition => {
-    if(ctx.userOnboardingStatus.fullJourney !== "idle"){
+    if (ctx.userOnboardingStatus.fullJourney !== "idle") {
         return resolveGlobalAppTour()
     }
     const store = getDefaultStore()

From 9d6bcb9356e610df83fea5b10789588637bf6ba1 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Tue, 25 Nov 2025 17:59:14 +0600
Subject: [PATCH 21/53] cleanup

---
 .../PostSignupForm/PostSignupForm.tsx         |   4 +-
 .../InvocationResponse.tsx                    |   5 +-
 .../components/EvalRunScenarioCard/index.tsx  |   2 +-
 .../ScenarioAnnotationPanel/index.tsx         |   6 +-
 .../EvalRunScenariosViewSelector/index.tsx    |  22 +--
 .../CustomNextStepProvider/index.tsx          |  31 ++--
 .../components/WelcomeModal/index.tsx         |  28 +---
 web/oss/src/components/Onboarding/index.tsx   |  28 +---
 .../components/GetStartedSection.tsx          |   1 -
 .../components/CustomWorkflowModalContent.tsx |  10 +-
 .../components/CustomWorkflowModalFooter.tsx  |   1 -
 .../src/state/onboarding/atoms/stepsAtom.ts   |  19 +--
 .../onboarding/steps/appManagementSteps.tsx   | 105 +------------
 .../evaluations/humanEvaluationSteps.tsx      | 146 ------------------
 .../onboarding/steps/evaluations/index.tsx    |   8 -
 15 files changed, 48 insertions(+), 368 deletions(-)
 delete mode 100644 web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx

diff --git a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
index 589a47b9cb..f51efe9a88 100644
--- a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
+++ b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
@@ -11,7 +11,7 @@ import ListOfOrgs from "@/oss/components/Sidebar/components/ListOfOrgs"
 import useURL from "@/oss/hooks/useURL"
 import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
 import {useSurvey} from "@/oss/lib/helpers/analytics/hooks/useSurvey"
-import {userOnboardingProfileContextAtom} from "@/oss/state/onboarding"
+import {userOnboardingProfileAtom} from "@/oss/state/onboarding"
 import {useOrgData} from "@/oss/state/org"
 import {useProfileData} from "@/oss/state/profile"
 import {buildPostLoginPath, waitForWorkspaceContext} from "@/oss/state/url/postLoginRedirect"
@@ -66,7 +66,7 @@ const PostSignupForm = () => {
     const {user} = useProfileData()
     const classes = useStyles()
     const {orgs} = useOrgData()
-    const setUserOnboardingProfileContext = useSetAtom(userOnboardingProfileContextAtom)
+    const setUserOnboardingProfileContext = useSetAtom(userOnboardingProfileAtom)
     const selectedHearAboutUsOption = Form.useWatch("hearAboutUs", form)
     const selectedUserInterests = Form.useWatch("userInterests", form)
     const formData = Form.useWatch([], form)
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
index 35e0ecb6bf..4511e41376 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
@@ -27,10 +27,7 @@ const InvocationResponse = ({
                 <Typography.Title level={4} className="!font-medium !m-0">
                     Model Response
                 </Typography.Title>
-                <div
-                    id={highlightTour ? "tour-human-eval-run-button" : undefined}
-                    className="flex items-center"
-                >
+                <div className="flex items-center">
                     <RunEvalScenarioButton
                         stepKey={stepKey}
                         scenarioId={scenarioId}
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/index.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/index.tsx
index 308bb8f1d7..57558062c8 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/index.tsx
@@ -58,7 +58,7 @@ const EvalRunScenarioCard = ({scenarioId, runId, viewType = "list"}: EvalRunScen
             <EvalRunScenarioCardBody scenarioId={scenarioId} runId={runId} />
         </Card>
     ) : (
-        <div className="flex flex-col gap-4 w-full" id="tour-human-eval-io-panel">
+        <div className="flex flex-col gap-4 w-full">
             <EvalRunScenarioCardBody scenarioId={scenarioId} runId={runId} />
         </div>
     )
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
index 537bd50f01..8b89bba3e6 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
@@ -4,7 +4,7 @@ import {Card, Typography} from "antd"
 import clsx from "clsx"
 import deepEqual from "fast-deep-equal"
 import {useAtomValue} from "jotai"
-import {selectAtom, loadable} from "jotai/utils"
+import {loadable, selectAtom} from "jotai/utils"
 import dynamic from "next/dynamic"
 
 import {
@@ -15,10 +15,10 @@ import {UpdatedMetricsType} from "@/oss/components/pages/observability/drawer/An
 import {isAnnotationCreatedByCurrentUser} from "@/oss/components/pages/observability/drawer/AnnotateDrawer/assets/utils"
 import {AnnotationDto} from "@/oss/lib/hooks/useAnnotations/types"
 import {
+    evaluationRunStateFamily,
     getCurrentRunId,
     scenarioStepFamily,
 } from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
-import {evaluationRunStateFamily} from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
 import {UseEvaluationRunScenarioStepsFetcherResult} from "@/oss/lib/hooks/useEvaluationRunScenarioSteps/types"
 
 import AnnotateScenarioButton from "../AnnotateScenarioButton"
@@ -257,7 +257,7 @@ const ScenarioAnnotationPanel: FC<ScenarioAnnotationPanelProps> = ({
     const hasAnyTrace = useMemo(() => _invocationSteps.some((s) => s.traceId), [_invocationSteps])
 
     return (
-        <Card className={className} classNames={classNames} id="tour-human-eval-annotation-panel">
+        <Card className={className} classNames={classNames}>
             <div className="flex flex-col gap-6">
                 {_invocationSteps.map((invStep) => {
                     return (
diff --git a/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx b/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
index 7638cb284f..27b5f801f9 100644
--- a/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
@@ -9,8 +9,8 @@ import {runViewTypeAtom} from "../../state/urlState"
 
 import {
     ENABLE_CARD_VIEW,
-    VIEW_HUMAN_OPTIONS,
     VIEW_AUTO_OPTIONS,
+    VIEW_HUMAN_OPTIONS,
     VIEW_ONLINE_OPTIONS,
 } from "./assets/constants"
 
@@ -23,13 +23,6 @@ const EvalRunScenariosViewSelector = () => {
     const router = useRouter()
 
     // Sync local atom from urlStateAtom changes
-    const resolveTourId = (value: string) => {
-        if (evalType !== "online") return undefined
-        if (value === "overview") return "tour-online-eval-tab-overview"
-        if (value === "results") return "tour-online-eval-tab-results"
-        if (value === "configuration") return "tour-online-eval-tab-configuration"
-        return undefined
-    }
 
     return (
         <div className="flex items-center gap-2 shrink-0">
@@ -58,17 +51,7 @@ const EvalRunScenariosViewSelector = () => {
                 defaultValue={evalType === "online" ? "results" : "focus"}
                 value={ENABLE_CARD_VIEW ? viewType : viewType === "list" ? "focus" : viewType}
             >
-                <div
-                    id={
-                        viewType === "focus"
-                            ? "tour-human-eval-focus-tab"
-                            : viewType === "table"
-                              ? "tour-human-eval-table-view"
-                              : viewType === "results"
-                                ? "tour-human-eval-results-tab"
-                                : ""
-                    }
-                >
+                <div>
                     {(evalType === "human"
                         ? VIEW_HUMAN_OPTIONS
                         : evalType === "online"
@@ -79,7 +62,6 @@ const EvalRunScenariosViewSelector = () => {
                             key={option.value}
                             value={option.value}
                             disabled={option.disabled}
-                            id={resolveTourId(option.value)}
                         >
                             {option.label}
                         </Radio.Button>
diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index ad05bc7c91..b93a8cae14 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -1,21 +1,19 @@
 import {
-    newOnboardingStateAtom,
     isNewUserAtom,
-    userOnboardingStatusAtom,
+    onboardingStepsAtom,
     resolveOnboardingSection,
     triggerOnboardingAtom,
+    userOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
-import {useAtomValue, useSetAtom} from "jotai"
-import {NextStep} from "nextstepjs"
-import OnboardingCard from "../../index"
+import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
 import {urlLocationAtom} from "@/oss/state/url"
+import {useAtomValue, useSetAtom} from "jotai"
+import {NextStep, useNextStep} from "nextstepjs"
 import {useEffect, useRef} from "react"
-import {useNextStep} from "nextstepjs"
-import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
-import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
+import OnboardingCard from "../../index"
 
 const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
-    const onboardingSteps = useAtomValue(newOnboardingStateAtom)
+    const onboardingSteps = useAtomValue(onboardingStepsAtom)
     const isNewUser = useAtomValue(isNewUserAtom)
     const userLocation = useAtomValue(urlLocationAtom)
     const userOnboardingJourneyStatus = useAtomValue(userOnboardingStatusAtom)
@@ -25,7 +23,6 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
     const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
     const {startNextStep} = useNextStep()
     const autoStartSignatureRef = useRef<string | null>(null)
-    const posthog = usePostHogAg()
 
     const previousSectionRef = useRef(userLocation.section)
     useEffect(() => {
@@ -70,11 +67,7 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         if (autoStartSignatureRef.current === signature) return
 
         autoStartSignatureRef.current = signature
-        posthog?.capture("onboarding_tour_started", {
-            tourId: currentTour.tour,
-            section: tourSection,
-            trigger: "auto",
-        })
+
         startNextStep(currentTour.tour)
     }, [
         isNewUser,
@@ -97,13 +90,9 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         lastManualTriggerRef.current = manualTrigger
         const tourId = onboardingSteps[0]?.tour
         if (!tourId) return
-        posthog?.capture("onboarding_tour_started", {
-            tourId,
-            trigger: "manual",
-            section: manualTrigger.state,
-        })
+
         startNextStep(tourId)
-    }, [manualTrigger, onboardingSteps, startNextStep, posthog, fullJourneyState.journeyId])
+    }, [manualTrigger, onboardingSteps, startNextStep, fullJourneyState.journeyId])
 
     const handleComplete = () => {
         setTriggerOnboarding(null)
diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
index 58d8ef7483..4bde8dab47 100644
--- a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
+++ b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
@@ -4,25 +4,23 @@ import {useCallback, useEffect, useMemo, useState} from "react"
 
 import {message} from "@/oss/components/AppMessageContext"
 import EnhancedModal from "@/oss/components/EnhancedUIs/Modal"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
+
 import {
     isNewUserAtom,
-    isNewUserStorageAtom,
-    newOnboardingStateAtom,
     resolveOnboardingSection,
     triggerOnboardingAtom,
     updateUserOnboardingStatusAtom,
+    userOnboardingProfileAtom,
     userOnboardingStatusAtom,
-    userOnboardingProfileContextAtom,
 } from "@/oss/state/onboarding"
-import {urlLocationAtom} from "@/oss/state/url"
-import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import {createOnlineEvaluation, redirectToAppsPage} from "@/oss/state/onboarding/assets/utils"
 import {
     demoOnlineEvaluationAtom,
     fullJourneyStateAtom,
 } from "@/oss/state/onboarding/atoms/helperAtom"
+import {urlLocationAtom} from "@/oss/state/url"
 import {WelcomeModalProps} from "../../types"
-import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
 
 const WelcomeModalContent = dynamic(() => import("./assets/WelcomeModalContent"), {ssr: false})
 
@@ -30,13 +28,12 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
     const isNewUser = useAtomValue(isNewUserAtom)
     const userLocation = useAtomValue(urlLocationAtom)
     const userOnboardingJourneyStatus = useAtomValue(userOnboardingStatusAtom)
-    const userProfile = useAtomValue(userOnboardingProfileContextAtom)
+    const userProfile = useAtomValue(userOnboardingProfileAtom)
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
     const updateOnboardingStatus = useSetAtom(updateUserOnboardingStatusAtom)
     const setDemoEvaluationContext = useSetAtom(demoOnlineEvaluationAtom)
     const setLastVisitedEvaluation = useSetAtom(lastVisitedEvaluationAtom)
     const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
-    const posthog = usePostHogAg()
 
     const [isModalOpen, setIsModalOpen] = useState(false)
     const [isStartingTour, setIsStartingTour] = useState(false)
@@ -59,26 +56,18 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
         if (sectionStatus !== "idle") return
 
         setIsModalOpen(true)
-        posthog?.capture("onboarding_welcome_action", {
-            action: "visible",
-        })
-    }, [isNewUser, userLocation, userOnboardingJourneyStatus, posthog, isSme])
+    }, [isNewUser, userLocation, userOnboardingJourneyStatus, isSme])
 
     const onSkip = useCallback(() => {
         if (isStartingTour) return
-        posthog?.capture("onboarding_welcome_action", {
-            action: "skip",
-        })
+
         updateOnboardingStatus({section: "apps", status: "skipped"})
         setFullJourneyState({active: false, state: null, journeyId: null})
         updateOnboardingStatus({section: "fullJourney", status: "skipped"})
         setIsModalOpen(false)
-    }, [isStartingTour, updateOnboardingStatus, setFullJourneyState, posthog, isSme])
+    }, [isStartingTour, updateOnboardingStatus, setFullJourneyState, isSme])
 
     const onStartTour = useCallback(async () => {
-        posthog?.capture("onboarding_welcome_action", {
-            action: "start",
-        })
         updateOnboardingStatus({section: "apps", status: "started"})
 
         if (!isSme) {
@@ -111,7 +100,6 @@ const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
         setLastVisitedEvaluation,
         setTriggerOnboarding,
         setFullJourneyState,
-        posthog,
     ])
 
     return (
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index 1d9094cdf4..b44b3f16e5 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -7,17 +7,16 @@ import {useAtomValue, useSetAtom} from "jotai"
 import type {CardComponentProps} from "nextstepjs"
 import {NormalizedStepContent} from "./types"
 
+import type {UserOnboardingStatus} from "@/oss/state/onboarding"
 import {
     currentOnboardingStepAtom,
     isNewUserAtom,
     resolveOnboardingSection,
-    updateUserOnboardingStatusAtom,
     triggerOnboardingAtom,
+    updateUserOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
-import type {UserOnboardingStatus} from "@/oss/state/onboarding"
-import {urlLocationAtom} from "@/oss/state/url"
 import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
-import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
+import {urlLocationAtom} from "@/oss/state/url"
 
 const {Text} = Typography
 
@@ -54,7 +53,6 @@ const OnboardingCard = ({
     const fullJourneyState = useAtomValue(fullJourneyStateAtom)
     const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
-    const posthog = usePostHogAg()
 
     const cleanupHandlersRef = useRef<Set<() => void>>(new Set())
 
@@ -82,15 +80,6 @@ const OnboardingCard = ({
             cleanupHandlersRef.current.add(extendedStep.onCleanup)
         }
 
-        const resolvedSection =
-            extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
-        posthog?.capture("onboarding_step_viewed", {
-            title: step?.title,
-            stepIndex: currentStep,
-            totalSteps,
-            section: resolvedSection,
-        })
-
         return () => {
             extendedStep?.onExit?.()
         }
@@ -106,17 +95,8 @@ const OnboardingCard = ({
     const captureStepAction = useCallback(
         (action: string) => {
             const extendedStep = step as StepWithEffects | undefined
-            const resolvedSection =
-                extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
-            posthog?.capture("onboarding_step_action", {
-                action,
-                title: step?.title,
-                stepIndex: currentStep,
-                totalSteps,
-                section: resolvedSection,
-            })
         },
-        [step, posthog, currentStep, totalSteps, userSection],
+        [step, currentStep, totalSteps, userSection],
     )
 
     const onPrevStep = useCallback(() => {
diff --git a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
index 6995b07e1d..349b3a63fb 100644
--- a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -105,7 +105,6 @@ const GetStartedSection = ({
                     title={<Code size={24} />}
                     className={classes.getStartedCard}
                     onClick={() => setIsWriteOwnAppModal(true)}
-                    id="tour-create-custom-app"
                 >
                     <div className="flex items-center justify-between">
                         <Text>Create Custom Workflow</Text>
diff --git a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
index d7bf899b91..5d90704880 100644
--- a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
+++ b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
@@ -2,7 +2,7 @@ import {useCallback, useEffect, useMemo} from "react"
 
 import {CloseOutlined} from "@ant-design/icons"
 import {Scroll} from "@phosphor-icons/react"
-import {Typography, Space, Button, notification} from "antd"
+import {Button, notification, Space, Typography} from "antd"
 import {useAtom} from "jotai"
 
 import SharedEditor from "@/oss/components/Playground/Components/SharedEditor"
@@ -12,9 +12,9 @@ import {findCustomWorkflowPath, removeTrailingSlash} from "@/oss/lib/shared/vari
 import {updateVariant} from "@/oss/services/app-selector/api"
 import {useAppsData} from "@/oss/state/app"
 import {
-    customWorkflowValuesAtomFamily,
-    customWorkflowTestStatusAtom,
     customWorkflowConfiguringAtom,
+    customWorkflowTestStatusAtom,
+    customWorkflowValuesAtomFamily,
 } from "@/oss/state/customWorkflow/modalAtoms"
 
 import {useStyles} from "../assets/styles"
@@ -250,7 +250,7 @@ const CustomWorkflowModalContent = ({
                 </Text>
             )}
 
-            <div className="space-y-1" id="tour-custom-app-name-input">
+            <div className="space-y-1">
                 <SharedEditor
                     header={<Typography className={classes.label}>App name *</Typography>}
                     initialValue={values.appName}
@@ -301,7 +301,7 @@ const CustomWorkflowModalContent = ({
                 )}
             </div>
 
-            <div id="tour-custom-app-url-input">
+            <div>
                 <SharedEditor
                     header={<Typography className={classes.label}>Workflow URL *</Typography>}
                     initialValue={workflowUrlInput}
diff --git a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalFooter.tsx b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalFooter.tsx
index c2e44980da..1934856297 100644
--- a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalFooter.tsx
+++ b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalFooter.tsx
@@ -115,7 +115,6 @@ const CustomWorkflowModalFooter = ({
                     }
                 >
                     <Button
-                        id="tour-create-custom-app-button"
                         type="primary"
                         disabled={
                             !customWorkflowAppValues.appName ||
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index cfa8316238..a78752dd9d 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -1,8 +1,8 @@
-import {atom, getDefaultStore} from "jotai"
+import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
+import {atom} from "jotai"
 import {eagerAtom} from "jotai-eager"
 import {atomWithStorage} from "jotai/utils"
 import {Tour} from "nextstepjs"
-import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
 
 import {userAtom} from "../../profile"
 import {sessionExistsAtom} from "../../session"
@@ -14,8 +14,7 @@ import {
     OnboardingState,
     UserOnboardingStatus,
 } from "../types"
-import {playgroundHasFirstRunAtom, fullJourneyStateAtom} from "./helperAtom"
-import {posthogAtom} from "@/oss/lib/helpers/analytics/store/atoms"
+import {fullJourneyStateAtom, playgroundHasFirstRunAtom} from "./helperAtom"
 
 const NEW_USER_STORAGE_KEY = "new-user"
 const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
@@ -37,7 +36,7 @@ export const isNewUserAtom = eagerAtom((get) => {
 })
 
 // Rename to userOnboardingProfileAtom
-export const userOnboardingProfileContextAtom = atomWithStorage<{
+export const userOnboardingProfileAtom = atomWithStorage<{
     userRole: string
     userExperience: string
     userInterest: string
@@ -124,11 +123,6 @@ export const updateUserOnboardingStatusAtom = atom(
         if (currentStatus[params.section] === params.status) return
 
         set(userOnboardingStatusAtom, {...currentStatus, [params.section]: params.status})
-        const posthog = getDefaultStore().get(posthogAtom)
-        posthog?.capture("onboarding_tour_status", {
-            section: params.section,
-            status: params.status,
-        })
     },
 )
 
@@ -155,10 +149,9 @@ export const triggerOnboardingAtom = atom<{
     type?: "beginner" | "advanced"
 } | null>(null)
 
-// rename to onboardingStateAtom
-export const newOnboardingStateAtom = atom<Tour[]>((get) => {
+export const onboardingStepsAtom = atom<Tour[]>((get) => {
     const appStatusLoading = get(appStatusLoadingAtom)
-    const onboardingProfile = get(userOnboardingProfileContextAtom)
+    const onboardingProfile = get(userOnboardingProfileAtom)
     const userLocation = get(urlLocationAtom)
     const userOnboardingJourneyStatus = get(userOnboardingStatusAtom)
     const isNewUser = get(isNewUserStorageAtom)
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index 2c36a4f688..99f6243e40 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -1,18 +1,14 @@
-import {getDefaultStore} from "jotai"
 import {isAddAppFromTemplatedAtom} from "@/oss/components/pages/app-management/state/atom"
+import {appChatModeAtom} from "@/oss/components/Playground/state/atoms"
+import {getDefaultStore} from "jotai"
 import {
-    closeCustomWorkflowModalAtom,
-    openCustomWorkflowModalAtom,
-} from "../../customWorkflow/modalAtoms"
-import {OnboardingStepsContext, TourDefinition} from "./types"
-import {PLAYGROUND_COMPLETION_TOUR, PLAYGROUND_CHAT_TOUR} from "./playgroundSteps"
-import {ONLINE_EVAL_RUN_STEPS} from "./evaluations/onlineEvaluationSteps"
-import {
-    getOnlineEvaluationsRoute,
     getDemoEvaluationRunRoute,
+    getOnlineEvaluationsRoute,
     getPlaygroundRoute,
 } from "../assets/utils"
-import {appChatModeAtom} from "@/oss/components/Playground/state/atoms"
+import {ONLINE_EVAL_RUN_STEPS} from "./evaluations/onlineEvaluationSteps"
+import {PLAYGROUND_CHAT_TOUR, PLAYGROUND_COMPLETION_TOUR} from "./playgroundSteps"
+import {OnboardingStepsContext, TourDefinition} from "./types"
 
 const openTemplateModal = () => {
     getDefaultStore().set(isAddAppFromTemplatedAtom, true)
@@ -22,22 +18,6 @@ const closeTemplateModal = () => {
     getDefaultStore().set(isAddAppFromTemplatedAtom, false)
 }
 
-const closeCustomWorkflowModal = () => {
-    getDefaultStore().set(closeCustomWorkflowModalAtom)
-}
-
-const openCustomWorkflowModal = () => {
-    getDefaultStore().set(openCustomWorkflowModalAtom, {
-        open: true,
-        onCancel: () => {
-            closeCustomWorkflowModal()
-        },
-        handleCreateApp: () => {},
-        configureWorkflow: false,
-        appId: "new-app",
-    })
-}
-
 export const GLOBAL_APP_MANAGEMENT_STEPS = [
     {
         icon: "🚀",
@@ -97,79 +77,6 @@ export const GLOBAL_APP_MANAGEMENT_STEPS = [
     },
 ]
 
-export const CUSTOM_APPS_CREATION_STEPS = [
-    {
-        icon: "🚀",
-        title: "Create a custom app",
-        content: (
-            <span>
-                This card opens the guided flow for app creation. Click it to launch the template
-                library.
-            </span>
-        ),
-        selector: "#tour-create-custom-app",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        userRole: ["Hobbyist"],
-        onEnter: closeCustomWorkflowModal,
-        onCleanup: closeCustomWorkflowModal,
-    },
-    {
-        icon: "📝",
-        title: "Name your app",
-        content: (
-            <span>
-                Give your app a descriptive name so teammates immediately understand its purpose.
-            </span>
-        ),
-        selector: "#tour-custom-app-name-input",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openCustomWorkflowModal,
-        onCleanup: closeCustomWorkflowModal,
-    },
-    {
-        icon: "📚",
-        title: "Add your custom workflow URL",
-        content: (
-            <span>
-                Add your custom workflow URL to connect your app to Agenta. Check docs for more
-                details.{" "}
-                <a href="https://docs.agenta.ai/custom-workflows/quick-start">
-                    Learn more about custom workflows
-                </a>
-            </span>
-        ),
-        selector: "#tour-custom-app-url-input",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openCustomWorkflowModal,
-        onCleanup: closeCustomWorkflowModal,
-    },
-    {
-        icon: "✅",
-        title: "Create the app",
-        content: <span>Provision your first app by creating it with the selected template.</span>,
-        selector: "#tour-create-custom-app-button",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openCustomWorkflowModal,
-        onCleanup: closeCustomWorkflowModal,
-    },
-]
-
 const resolveGlobalAppTour = (): TourDefinition => {
     return [
         {
diff --git a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
deleted file mode 100644
index b9eff18a8f..0000000000
--- a/web/oss/src/state/onboarding/steps/evaluations/humanEvaluationSteps.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-import {EvalRunUrlState, urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
-import {getDefaultStore} from "jotai"
-import {OnboardingStepsContext, TourDefinition} from "../types"
-import {isHumanEvaluatorAvailableAtom} from "../../atoms/helperAtom"
-
-// Functions
-const onChangeTab = (tab: string) => {
-    getDefaultStore().set(urlStateAtom, (draft) => {
-        if (draft.view === tab) return
-        draft.view = tab as EvalRunUrlState["view"]
-        if (tab !== "focus") {
-            draft.scenarioId = undefined
-        }
-    })
-}
-
-// Steps
-const HUMAN_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
-    {
-        icon: "🎯",
-        title: "Focus mode",
-        content: (
-            <span>
-                Stay in this tab to review one scenario at a time with the navigator pinned to the
-                left for fast switching.
-            </span>
-        ),
-        selector: "#tour-human-eval-focus-tab",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 20,
-        pointerRadius: 12,
-    },
-    {
-        icon: "🧾",
-        title: "Inputs & responses",
-        content: (
-            <span>
-                The scenario card shows the captured inputs, ground truth, and the latest model
-                response so you can inspect what was evaluated.
-            </span>
-        ),
-        selector: "#tour-human-eval-io-panel",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-    },
-    {
-        icon: "⚡️",
-        title: "Re-run this scenario",
-        content: (
-            <span>
-                Trigger a fresh invocation whenever you tweak prompts or want a new trace before you
-                record feedback.
-            </span>
-        ),
-        selector: "#tour-human-eval-run-button",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-    },
-    {
-        icon: "✍️",
-        title: "Annotate findings",
-        content: (
-            <span>
-                Record rubric scores, qualitative notes, and evaluator overrides here—each entry is
-                versioned per scenario and reviewer.
-            </span>
-        ),
-        selector: "#tour-human-eval-annotation-panel",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-    },
-    {
-        icon: "📋",
-        title: "Table view",
-        content: (
-            <span>
-                Jump to the table to scan every scenario, filter by status, and open the ones that
-                still need annotations.
-            </span>
-        ),
-        selector: "#tour-human-eval-table-view",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 20,
-        pointerRadius: 12,
-        onEnter: () => onChangeTab("table"),
-    },
-    {
-        icon: "📊",
-        title: "Results tab",
-        content: (
-            <span>
-                Use the results tab to review aggregate evaluator scores and compare performance
-                across metrics for the entire run.
-            </span>
-        ),
-        selector: "#tour-human-eval-results-tab",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: () => onChangeTab("results"),
-    },
-]
-
-// Helper functions
-export const resolveOnlineEvaluationSteps = (ctx: OnboardingStepsContext) => {
-    const hasEvaluators = getDefaultStore().get(isHumanEvaluatorAvailableAtom)
-    if (hasEvaluators) return []
-
-    if (!hasEvaluators) return []
-
-    if (ctx.location?.subsection === "results") {
-        return [{tour: "online-evaluation-page-tour", steps: HUMAN_EVAL_RUN_STEPS}]
-    }
-
-    return []
-}
-
-const HUMAN_EVALUATION_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
-    Hobbyist: (ctx) => resolveOnlineEvaluationSteps(ctx),
-    "ML/AI Engineer or Data scientist": (ctx) => resolveOnlineEvaluationSteps(ctx),
-    "Frontend / Backend Developer": (ctx) => resolveOnlineEvaluationSteps(ctx),
-}
-
-export const HUMAN_EVALUATION_TOURS = new Proxy(HUMAN_EVALUATION_TOUR_MAP, {
-    get(target, prop: string | symbol) {
-        if (typeof prop === "string" && prop in target) {
-            return target[prop]
-        }
-        return target.Hobbyist
-    },
-}) as typeof HUMAN_EVALUATION_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/evaluations/index.tsx b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
index 91fa98225f..e8cdf7ad50 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/index.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
@@ -2,8 +2,6 @@ import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
 import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import {getDefaultStore} from "jotai"
 import {OnboardingStepsContext} from "../types"
-import {AUTO_EVALUATION_TOURS} from "./autoEvaluationSteps"
-import {HUMAN_EVALUATION_TOURS} from "./humanEvaluationSteps"
 import {ONLINE_EVALUATION_TOURS} from "./onlineEvaluationSteps"
 
 export const evaluationTour = (ctx: OnboardingStepsContext) => {
@@ -17,14 +15,8 @@ export const evaluationTour = (ctx: OnboardingStepsContext) => {
     }
 
     if (currentEval === "auto_evaluation" || evalType === "auto") {
-        // const resolver = (AUTO_EVALUATION_TOURS as any)[role] ?? AUTO_EVALUATION_TOURS.Hobbyist
         return []
     }
 
-    if (currentEval === "human_evaluation" || evalType === "human") {
-        const resolver = (HUMAN_EVALUATION_TOURS as any)[role] ?? HUMAN_EVALUATION_TOURS.Hobbyist
-        return resolver(ctx)
-    }
-
     return []
 }

From 5b9c76cc2aaff171ffba7fcae82d3ea6cdaa446e Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Tue, 25 Nov 2025 19:34:51 +0600
Subject: [PATCH 22/53] removed redundend playground steps

---
 .../ChatCommon/LastTurnFooterControls.tsx     |   9 +-
 .../DeployVariantModalContent/index.tsx       |   1 -
 .../Modals/DeployVariantModal/index.tsx       |   1 -
 .../GenerationCompletionRow/SingleView.tsx    |   3 +-
 .../assets/GenerationHeader/index.tsx         |   6 +-
 .../assets/PlaygroundVariantConfigHeader.tsx  |   5 +-
 .../onboarding/steps/playgroundSteps.tsx      | 250 +++---------------
 7 files changed, 44 insertions(+), 231 deletions(-)

diff --git a/web/oss/src/components/Playground/Components/ChatCommon/LastTurnFooterControls.tsx b/web/oss/src/components/Playground/Components/ChatCommon/LastTurnFooterControls.tsx
index de75e6684c..eec4f36cb6 100644
--- a/web/oss/src/components/Playground/Components/ChatCommon/LastTurnFooterControls.tsx
+++ b/web/oss/src/components/Playground/Components/ChatCommon/LastTurnFooterControls.tsx
@@ -29,14 +29,9 @@ const LastTurnFooterControls: React.FC<Props> = ({
     return (
         <div className={clsx("flex items-center gap-2 p-3 pl-0", className)}>
             {!isAnyRunning ? (
-                <RunButton id="tour-playground-run-button" onClick={onRun} size="small" />
+                <RunButton onClick={onRun} size="small" />
             ) : (
-                <RunButton
-                    id="tour-playground-run-button"
-                    isCancel
-                    onClick={onCancelAll}
-                    size="small"
-                />
+                <RunButton isCancel onClick={onCancelAll} size="small" />
             )}
             <AddButton onClick={onAddMessage} size="small" label="Message" />
         </div>
diff --git a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx
index 0330a8d0bf..89dbd4c557 100644
--- a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx
+++ b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx
@@ -57,7 +57,6 @@ const DeployVariantModalContent = ({variantName, revision, isLoading}: any) => {
             </Typography.Text>
 
             <Table
-                id="tour-playground-deploy-modal-table"
                 rowSelection={{
                     type: "radio",
                     columnWidth: 48,
diff --git a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
index 82f3769611..432335ed4a 100644
--- a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
+++ b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
@@ -97,7 +97,6 @@ const DeployVariantModal = ({
             okButtonProps={{
                 icon: <Rocket size={14} className="mt-0.5" />,
                 disabled: !selectedEnvName.length,
-                id: "tour-playground-deploy-modal-confirm",
             }}
             classNames={{footer: "flex items-center justify-end"}}
             afterClose={() => onClose()}
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/SingleView.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/SingleView.tsx
index a43113034d..f47a319d08 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/SingleView.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationCompletionRow/SingleView.tsx
@@ -10,7 +10,7 @@ import RunButton from "@/oss/components/Playground/assets/RunButton"
 import TypingIndicator from "@/oss/components/Playground/assets/TypingIndicator"
 import {variableIdsUnifiedAtomFamily} from "@/oss/state/newPlayground/generation/selectors"
 
-import {RunningPlaceholder, ClickRunPlaceholder} from "../ResultPlaceholder"
+import {ClickRunPlaceholder} from "../ResultPlaceholder"
 
 import ErrorPanel from "./ErrorPanel"
 import GenerationResponsePanel from "./GenerationResponsePanel"
@@ -124,7 +124,6 @@ const SingleView = ({
             {!inputOnly ? (
                 <div className="w-full flex gap-1">
                     <div
-                        id={enableTourTargets ? "tour-playground-run-button" : undefined}
                         className={clsx("flex items-start justify-start h-fit w-[100px] shrink-0")}
                     >
                         {!isBusy ? (
diff --git a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
index 854cf51d4b..8b4eb6c5e7 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundGenerations/assets/GenerationHeader/index.tsx
@@ -5,10 +5,7 @@ import clsx from "clsx"
 import {useAtomValue, useSetAtom} from "jotai"
 
 import {appTypeAtom} from "@/oss/components/Playground/state/atoms/app"
-import {
-    generationInputRowIdsAtom,
-    generationRowIdsAtom,
-} from "@/oss/components/Playground/state/atoms/generationProperties"
+import {generationInputRowIdsAtom} from "@/oss/components/Playground/state/atoms/generationProperties"
 import {clearAllRunsMutationAtom} from "@/oss/components/Playground/state/atoms/utilityMutations"
 import {runAllChatAtom} from "@/oss/state/newPlayground/chat/actions"
 
@@ -100,6 +97,7 @@ const GenerationHeader = ({variantId}: GenerationHeaderProps) => {
                     {!isRunning ? (
                         <Tooltip title="Run all (Ctrl+Enter / ⌘+Enter)">
                             <RunButton
+                                id="tour-playground-run-all-button"
                                 isRunAll
                                 type="primary"
                                 onClick={() => runTests()}
diff --git a/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/PlaygroundVariantConfigHeader.tsx b/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/PlaygroundVariantConfigHeader.tsx
index 98fddf5a79..90f5655715 100644
--- a/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/PlaygroundVariantConfigHeader.tsx
+++ b/web/oss/src/components/Playground/Components/PlaygroundVariantConfig/assets/PlaygroundVariantConfigHeader.tsx
@@ -118,10 +118,7 @@ const PlaygroundVariantConfigHeader = ({
             </div>
             {!embedded && (
                 <div className="flex items-center gap-2">
-                    <DeployVariantButton
-                        revisionId={variantId}
-                        id="tour-playground-deploy-button"
-                    />
+                    <DeployVariantButton revisionId={variantId} />
 
                     <CommitVariantChangesButton
                         variantId={variantId}
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index a55daf9e8c..5862ad2660 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -1,65 +1,7 @@
+import {appChatModeAtom} from "@/oss/components/Playground/state/atoms"
 import {getDefaultStore} from "jotai"
-import {
-    appChatModeAtom,
-    displayedVariantsAtom,
-    variantByRevisionIdAtomFamily,
-} from "@/oss/components/Playground/state/atoms"
-import {closeTraceDrawerAtom} from "@/oss/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore"
-import {
-    openDeployVariantModalAtom,
-    closeDeployVariantModalAtom,
-} from "@/oss/components/Playground/Components/Modals/DeployVariantModal/store/deployVariantModalStore"
-import {TRACE_DRAWER_STEPS} from "./traceSteps"
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
-const triggerTraceButtonClick = () => {
-    if (typeof window === "undefined") return
-    const button = document.getElementById("tour-playground-trace-button")
-    if (!button) return
-    button.dispatchEvent(new MouseEvent("click", {bubbles: true}))
-}
-
-const closeTraceDrawer = () => {
-    getDefaultStore().set(closeTraceDrawerAtom)
-}
-
-const TRACE_STEPS_FOR_PLAYGROUND = TRACE_DRAWER_STEPS.slice(0, 5).map((step) => {
-    if (step.selector === "#tour-trace-tree-panel") {
-        return {
-            ...step,
-            onEnter: () => triggerTraceButtonClick(),
-            onboardingSection: "playgroundPostRun",
-        }
-    }
-
-    return {
-        ...step,
-        onboardingSection: "playgroundPostRun",
-    }
-})
-
-const openDeployModalForCurrentVariant = () => {
-    const store = getDefaultStore()
-    const variants = store.get(displayedVariantsAtom) || []
-    const revisionId = variants[0]
-    if (!revisionId) return
-    const variant = store.get(variantByRevisionIdAtomFamily(revisionId)) as any
-
-    const payload = {
-        parentVariantId: variant?.variantId ?? null,
-        revisionId: variant?.id ?? revisionId,
-        variantName: variant?.variantName ?? variant?.name ?? "Current variant",
-        revision: variant?.revisionNumber ?? variant?.revision ?? "",
-        mutate: undefined,
-    }
-
-    store.set(openDeployVariantModalAtom, payload as any)
-}
-
-const closeDeployModal = () => {
-    getDefaultStore().set(closeDeployVariantModalAtom)
-}
-
 export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
     {
         icon: "🧠",
@@ -76,22 +18,6 @@ export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
     },
-    {
-        icon: "🎛️",
-        title: "Set test variables",
-        content: (
-            <span>
-                Provide example values for your template inputs to preview different scenarios.
-            </span>
-        ),
-        selector: "#tour-playground-variable",
-        side: "right",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        viewportId: "scrollable-viewport",
-    },
     {
         icon: "🧪",
         title: "Load a saved testset",
@@ -178,7 +104,7 @@ export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
                 Execute the chat turn to preview the assistant response and iterate quickly.
             </span>
         ),
-        selector: "#tour-playground-run-button",
+        selector: "#tour-playground-run-all-button",
         side: "bottom",
         showControls: true,
         showSkip: true,
@@ -188,149 +114,49 @@ export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
     },
 ]
 
-const getPlaygroundTourDefinition = (): TourDefinition => {
-    const store = getDefaultStore()
-    const isChat = store.get(appChatModeAtom)
-    return isChat
-        ? [{tour: "playground-chat-quickstart", steps: PLAYGROUND_CHAT_TOUR}]
-        : [{tour: "playground-completion-quickstart", steps: PLAYGROUND_COMPLETION_TOUR}]
-}
-
-const buildPostRunSteps = (mode: "completion" | "chat") => {
-    const isChat = mode === "chat"
-
-    return [
-        {
-            icon: isChat ? "💬" : "📄",
-            title: isChat ? "Inspect assistant turns" : "Review the response",
-            content: (
-                <span>
-                    {isChat
-                        ? "Scroll through the assistant response to validate tool calls, JSON payloads, and structured replies."
-                        : "Inspect the latest output and verify whether the completion follows the variables and instructions you provided."}
-                </span>
-            ),
-            selector: "#tour-playground-output-panel",
-            side: "left",
-            showControls: true,
-            showSkip: true,
-            pointerPadding: 12,
-            pointerRadius: 12,
-            viewportId: "scrollable-viewport",
-            onboardingSection: "playgroundPostRun" as const,
-        },
-        {
-            icon: "🧠",
-            title: "Trace every run",
-            content: (
-                <span>
-                    Open the trace drawer to debug latency, token usage, and each span that powered
-                    this run.
-                </span>
-            ),
-            selector: "#tour-playground-trace-button",
-            side: "bottom",
-            showControls: true,
-            showSkip: true,
-            pointerPadding: 12,
-            pointerRadius: 12,
-            onboardingSection: "playgroundPostRun" as const,
-            onEnter: () => closeTraceDrawer(),
-        },
-        ...TRACE_STEPS_FOR_PLAYGROUND,
-        {
-            icon: "🧪",
-            title: "Add runs to a testset",
-            content: (
-                <span>
-                    Capture the current outputs into a testset so you can build regression suites
-                    and evaluate new variants later.
-                </span>
-            ),
-            selector: "#tour-playground-add-testset",
-            side: "left",
-            showControls: true,
-            showSkip: true,
-            pointerPadding: 12,
-            pointerRadius: 12,
-            onboardingSection: "playgroundPostRun" as const,
-            onEnter: () => closeTraceDrawer(),
-        },
-        {
-            icon: "🚀",
-            title: "Deploy your variant",
-            content: (
-                <span>
-                    Ship this iteration to an environment when you&apos;re confident with the
-                    current run.
-                </span>
-            ),
-            selector: "#tour-playground-deploy-button",
-            side: "bottom",
-            showControls: true,
-            showSkip: true,
-            pointerPadding: 12,
-            pointerRadius: 12,
-            onboardingSection: "playgroundPostRun" as const,
-            onEnter: () => closeDeployModal(),
-        },
-        {
-            icon: "🌐",
-            title: "Choose an environment",
-            content: (
-                <span>
-                    Pick the target environment for this deployment. Each row represents one of your
-                    configured stages.
-                </span>
-            ),
-            selector: "#tour-playground-deploy-modal-table",
-            side: "top",
-            showControls: true,
-            showSkip: true,
-            pointerPadding: 12,
-            pointerRadius: 12,
-            onboardingSection: "playgroundPostRun" as const,
-            onEnter: () => openDeployModalForCurrentVariant(),
-        },
-        {
-            icon: "✅",
-            title: "Confirm deployment",
-            content: (
-                <span>
-                    Deploy the selected variant to the chosen environment. You can always redeploy
-                    after more changes.
-                </span>
-            ),
-            selector: "#tour-playground-deploy-modal-confirm",
-            side: "bottom",
-            showControls: true,
-            showSkip: true,
-            pointerPadding: 12,
-            pointerRadius: 12,
-            onboardingSection: "playgroundPostRun" as const,
-            onCleanup: () => closeDeployModal(),
-        },
-    ]
-}
-
-const PLAYGROUND_COMPLETION_RESULT_TOUR: TourDefinition = [
+export const POST_PLAYGROUND_TOUR = [
     {
-        tour: "playground-completion-post-run",
-        steps: buildPostRunSteps("completion"),
+        icon: "🧠",
+        title: "Trace every run",
+        content: (
+            <span>
+                Open the trace drawer to debug latency, token usage, and each span that powered this
+                run.
+            </span>
+        ),
+        selector: "#tour-playground-trace-button",
+        side: "bottom",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onboardingSection: "playgroundPostRun" as const,
     },
-]
-
-const PLAYGROUND_CHAT_RESULT_TOUR: TourDefinition = [
     {
-        tour: "playground-chat-post-run",
-        steps: buildPostRunSteps("chat"),
+        icon: "🧪",
+        title: "Add runs to a testset",
+        content: (
+            <span>
+                Capture the current outputs into a testset so you can build regression suites and
+                evaluate new variants later.
+            </span>
+        ),
+        selector: "#tour-playground-add-testset",
+        side: "left",
+        showControls: true,
+        showSkip: true,
+        pointerPadding: 12,
+        pointerRadius: 12,
+        onboardingSection: "playgroundPostRun" as const,
     },
 ]
 
-const getPlaygroundResultTourDefinition = (): TourDefinition => {
+const getPlaygroundTourDefinition = (): TourDefinition => {
     const store = getDefaultStore()
     const isChat = store.get(appChatModeAtom)
-    return isChat ? PLAYGROUND_CHAT_RESULT_TOUR : PLAYGROUND_COMPLETION_RESULT_TOUR
+    return isChat
+        ? [{tour: "playground-chat-quickstart", steps: PLAYGROUND_CHAT_TOUR}]
+        : [{tour: "playground-completion-quickstart", steps: PLAYGROUND_COMPLETION_TOUR}]
 }
 
 const PLAYGROUND_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
@@ -348,4 +174,4 @@ export const PLAYGROUND_TOURS = new Proxy(PLAYGROUND_TOUR_MAP, {
     },
 }) as typeof PLAYGROUND_TOUR_MAP
 
-export const resolvePlaygroundPostRunTour = () => getPlaygroundResultTourDefinition()
+export const resolvePlaygroundPostRunTour = () => POST_PLAYGROUND_TOUR

From b3767e8b8943904a5e8dafa446272bca9e74dfbe Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Wed, 26 Nov 2025 20:20:17 +0600
Subject: [PATCH 23/53] fixed issue for finish actions

---
 web/oss/src/components/Onboarding/index.tsx   | 46 ++++-----
 .../ApplicationManagementSection.tsx          |  1 +
 .../components/GetStartedSection.tsx          |  1 -
 .../src/state/onboarding/atoms/stepsAtom.ts   |  4 +-
 .../onboarding/steps/appManagementSteps.tsx   | 98 ++++---------------
 5 files changed, 45 insertions(+), 105 deletions(-)

diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index b44b3f16e5..c1b6824301 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -69,6 +69,12 @@ const OnboardingCard = ({
         cleanupHandlersRef.current.clear()
     }, [])
 
+    useEffect(() => {
+        if (!step?.selector && !currentStep) {
+            skipTour?.()
+        }
+    }, [step, skipTour, currentStep])
+
     useEffect(() => {
         if (!step) return
 
@@ -92,22 +98,13 @@ const OnboardingCard = ({
         }
     }, [setCurrentStep, runCleanupHandlers])
 
-    const captureStepAction = useCallback(
-        (action: string) => {
-            const extendedStep = step as StepWithEffects | undefined
-        },
-        [step, currentStep, totalSteps, userSection],
-    )
-
     const onPrevStep = useCallback(() => {
-        captureStepAction("previous")
         prevStep()
-    }, [captureStepAction, prevStep])
+    }, [prevStep])
 
     const onNextStep = useCallback(() => {
-        captureStepAction("next")
         nextStep()
-    }, [captureStepAction, nextStep])
+    }, [nextStep])
 
     const onSkipStep = useCallback(
         (status: string) => {
@@ -122,7 +119,6 @@ const OnboardingCard = ({
                 extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
             if (!resolvedSection) return
 
-            captureStepAction(status === "done" ? "finish" : "skip")
             updateOnboardingStatus({section: resolvedSection, status})
 
             if (fullJourneyState.active) {
@@ -141,7 +137,6 @@ const OnboardingCard = ({
             fullJourneyState.active,
             setFullJourneyState,
             setTriggerOnboarding,
-            captureStepAction,
         ],
     )
 
@@ -200,17 +195,16 @@ const OnboardingCard = ({
                             {normalized.content}
                         </Text>
                     </div>
+                    {normalized.showControls ? (
+                        <div className="flex flex-col gap-4">
+                            <div className="h-1.5 w-full rounded-full bg-gray-200">
+                                <div
+                                    className="h-full rounded-full bg-colorPrimary transition-all duration-300"
+                                    style={{width: progressWidth}}
+                                    role="presentation"
+                                />
+                            </div>
 
-                    <div className="flex flex-col gap-4">
-                        <div className="h-1.5 w-full rounded-full bg-gray-200">
-                            <div
-                                className="h-full rounded-full bg-colorPrimary transition-all duration-300"
-                                style={{width: progressWidth}}
-                                role="presentation"
-                            />
-                        </div>
-
-                        {normalized.showControls ? (
                             <div className="flex flex-wrap items-center justify-between gap-3">
                                 <Button
                                     onClick={onPrevStep}
@@ -243,8 +237,8 @@ const OnboardingCard = ({
                                     </Button>
                                 )}
                             </div>
-                        ) : null}
-                    </div>
+                        </div>
+                    ) : null}
                 </div>
 
                 {normalized.showSkip && skipTour ? (
@@ -254,7 +248,7 @@ const OnboardingCard = ({
                         onClick={() => onSkipStep("skipped")}
                         disabled={currentStep === totalSteps - 1}
                     >
-                        Skip Tour
+                        Skip
                     </Button>
                 ) : null}
 
diff --git a/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx b/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
index 3dcd964f04..e1f6dc9c63 100644
--- a/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
+++ b/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
@@ -87,6 +87,7 @@ const ApplicationManagementSection = ({
                         <Button
                             type="primary"
                             icon={<PlusOutlined />}
+                            id="tour-create-new-prompt"
                             onClick={() => {
                                 setIsAddAppFromTemplatedModal(true)
                             }}
diff --git a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
index 349b3a63fb..70d95d942f 100644
--- a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -73,7 +73,6 @@ const GetStartedSection = ({
                 <Card
                     title={<Rocket size={24} />}
                     className={classes.getStartedCard}
-                    id="tour-create-new-prompt"
                     onClick={() => {
                         setIsAddAppFromTemplatedModal(true)
                     }}
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index a78752dd9d..8600f5eaad 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -15,6 +15,7 @@ import {
     UserOnboardingStatus,
 } from "../types"
 import {fullJourneyStateAtom, playgroundHasFirstRunAtom} from "./helperAtom"
+import {isAddAppFromTemplatedAtom} from "@/oss/components/pages/app-management/state/atom"
 
 const NEW_USER_STORAGE_KEY = "new-user"
 const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
@@ -160,8 +161,9 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
     const hasPlaygroundRun = get(playgroundHasFirstRunAtom)
     const fullJourneyState = get(fullJourneyStateAtom)
     const fullJourneyStatus = userOnboardingJourneyStatus.fullJourney
+    const isAddAppFromTemplated = get(isAddAppFromTemplatedAtom)
 
-    if (appStatusLoading) return []
+    if (appStatusLoading || isAddAppFromTemplated) return []
 
     const resolveStepsForState = (stateKey: keyof typeof TOUR_STEPS) => {
         const tourSteps = TOUR_STEPS[stateKey]
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index 99f6243e40..9fbe3c696f 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -1,4 +1,3 @@
-import {isAddAppFromTemplatedAtom} from "@/oss/components/pages/app-management/state/atom"
 import {appChatModeAtom} from "@/oss/components/Playground/state/atoms"
 import {getDefaultStore} from "jotai"
 import {
@@ -10,82 +9,27 @@ import {ONLINE_EVAL_RUN_STEPS} from "./evaluations/onlineEvaluationSteps"
 import {PLAYGROUND_CHAT_TOUR, PLAYGROUND_COMPLETION_TOUR} from "./playgroundSteps"
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
-const openTemplateModal = () => {
-    getDefaultStore().set(isAddAppFromTemplatedAtom, true)
-}
-
-const closeTemplateModal = () => {
-    getDefaultStore().set(isAddAppFromTemplatedAtom, false)
-}
-
-export const GLOBAL_APP_MANAGEMENT_STEPS = [
-    {
-        icon: "🚀",
-        title: "Create a new prompt",
-        content: <span>Click here to create new application using predefined templates</span>,
-        selector: "#tour-create-new-prompt",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: closeTemplateModal,
-        onCleanup: closeTemplateModal,
-    },
-    {
-        icon: "📝",
-        title: "Name your app",
-        content: (
-            <span>
-                Give your app a descriptive name so teammates immediately understand its purpose.
-            </span>
-        ),
-        selector: "#tour-app-name-input",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openTemplateModal,
-        onCleanup: closeTemplateModal,
-    },
+const APP_CREATION_STEPS = [
     {
-        icon: "📚",
-        title: "Choose a template",
-        content: <span>Select a template that fits your use case.</span>,
-        selector: "#tour-template-list",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openTemplateModal,
-        onCleanup: closeTemplateModal,
-    },
-    {
-        icon: "✅",
-        title: "Create the app",
-        content: <span>Provision your first app by creating it with the selected template.</span>,
-        selector: "#tour-create-app-button",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openTemplateModal,
-        onCleanup: closeTemplateModal,
+        tour: "create-first-app",
+        steps: [
+            {
+                icon: "🚀",
+                title: "Create a new prompt",
+                content: (
+                    <span>Click here to create new application using predefined templates</span>
+                ),
+                selector: "#tour-create-new-prompt",
+                side: "left",
+                showControls: false,
+                showSkip: false,
+                pointerPadding: 12,
+                pointerRadius: 12,
+            },
+        ],
     },
 ]
 
-const resolveGlobalAppTour = (): TourDefinition => {
-    return [
-        {
-            tour: "create-first-app",
-            steps: GLOBAL_APP_MANAGEMENT_STEPS,
-        },
-    ]
-}
-
 const withOnboardingSection = (() => {
     const cache = new WeakMap<
         TourDefinition[number]["steps"],
@@ -112,7 +56,7 @@ const withOnboardingSection = (() => {
     }
 })()
 
-const APP_SECTION_STEPS = withOnboardingSection(GLOBAL_APP_MANAGEMENT_STEPS, "apps")
+const APP_SECTION_STEPS = withOnboardingSection(APP_CREATION_STEPS, "apps")
 const COMPLETION_PLAYGROUND_SECTION_STEPS = withOnboardingSection(
     PLAYGROUND_COMPLETION_TOUR,
     "playground",
@@ -185,9 +129,9 @@ const resolveSmeJourneyTour = (ctx: OnboardingStepsContext): TourDefinition => {
 }
 
 const APP_MANAGEMENT_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
-    Hobbyist: () => resolveGlobalAppTour(),
-    "ML/AI Engineer or Data scientist": () => resolveGlobalAppTour(),
-    "Frontend / Backend Developer": () => resolveGlobalAppTour(),
+    Hobbyist: () => APP_CREATION_STEPS,
+    "ML/AI Engineer or Data scientist": () => APP_CREATION_STEPS,
+    "Frontend / Backend Developer": () => APP_CREATION_STEPS,
     sme: (ctx) => resolveSmeJourneyTour(ctx),
 }
 

From 202c2f07f58124854e26291156bcd722d3c97585 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sat, 29 Nov 2025 18:30:20 +0600
Subject: [PATCH 24/53] cleaned up breadcrumb

---
 .../components/Layout/assets/Breadcrumbs.tsx  |   16 -
 web/pnpm-lock.yaml                            | 4452 ++++++++---------
 2 files changed, 1951 insertions(+), 2517 deletions(-)

diff --git a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
index acbc813140..f91065a1b0 100644
--- a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
+++ b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
@@ -9,16 +9,12 @@ import Link from "next/link"
 import {breadcrumbAtom, type BreadcrumbAtom} from "@/oss/lib/atoms/breadcrumb"
 import {sidebarCollapsedAtom} from "@/oss/lib/atoms/sidebar"
 import {getUniquePartOfId, isUuid} from "@/oss/lib/helpers/utils"
-import {resolveOnboardingSection} from "@/oss/state/onboarding"
-import {urlLocationAtom} from "@/oss/state/url"
 
 import packageJsonData from "../../../../package.json"
 import EnhancedButton from "../../Playground/assets/EnhancedButton"
 import TooltipWithCopyAction from "../../TooltipWithCopyAction"
-import OnboardingTriggerButton from "../../Onboarding/components/OnboardingTriggerButton"
 
 import {useStyles, type StyleProps} from "./styles"
-import {lastVisitedEvaluationAtom} from "../../pages/evaluations/state/lastVisitedEvaluationAtom"
 
 const breadcrumbItemsGenerator = (breadcrumbs: BreadcrumbAtom): {title: React.ReactNode}[] => {
     if (!breadcrumbs) return []
@@ -73,21 +69,10 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
     const classes = useStyles({themeMode: appTheme} as StyleProps)
     const breadcrumbs = useAtomValue(breadcrumbAtom)
     const [collapsed, setCollapsed] = useAtom(sidebarCollapsedAtom)
-    const userLocation = useAtomValue(urlLocationAtom)
-    const currentEval = useAtomValue(lastVisitedEvaluationAtom)
     const breadcrumbItems = useMemo(
         () => breadcrumbItemsGenerator(breadcrumbs || {}),
         [breadcrumbs],
     )
-    const showOnboardingTriggerButton = useMemo(() => {
-        const normalizedSection = resolveOnboardingSection(userLocation.section)
-        return (
-            normalizedSection === "apps" ||
-            normalizedSection === "playground" ||
-            normalizedSection === "playgroundPostRun" ||
-            (normalizedSection === "evaluations" && currentEval === "online_evaluation")
-        )
-    }, [userLocation.section, currentEval])
 
     return (
         <section
@@ -135,7 +120,6 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
             </div>
 
             <div className={clsx(classes.topRightBar, "shrink-0")}>
-                {showOnboardingTriggerButton && <OnboardingTriggerButton />}
                 <Typography.Text>agenta v{packageJsonData.version}</Typography.Text>
             </div>
         </section>
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 44b633834f..f2aba15123 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -22,13 +22,13 @@ importers:
         version: 3.0.1(ajv@8.17.1)
       jotai-eager:
         specifier: ^0.2.3
-        version: 0.2.3(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0))
+        version: 0.2.3(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0))
       json5:
         specifier: ^2.2.3
         version: 2.2.3
       next:
         specifier: 15.5.2
-        version: 15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.5.2(@playwright/test@1.57.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
     devDependencies:
       '@agenta/ee':
         specifier: workspace:./ee
@@ -41,37 +41,37 @@ importers:
         version: 3.3.1
       '@eslint/js':
         specifier: ^9.29.0
-        version: 9.29.0
+        version: 9.39.1
       '@lexical/eslint-plugin':
         specifier: ^0.33.1
-        version: 0.33.1(eslint@9.32.0(jiti@1.21.7))
+        version: 0.33.1(eslint@9.39.1(jiti@1.21.7))
       '@next/eslint-plugin-next':
         specifier: 15.5.2
         version: 15.5.2
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.35.0
-        version: 8.35.0(@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
+        version: 8.48.0(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
       '@typescript-eslint/parser':
         specifier: ^8.35.0
-        version: 8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
+        version: 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
       eslint:
         specifier: ^9.32.0
-        version: 9.32.0(jiti@1.21.7)
+        version: 9.39.1(jiti@1.21.7)
       eslint-config-next:
         specifier: 15.5.2
-        version: 15.5.2(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
+        version: 15.5.2(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
       eslint-config-prettier:
         specifier: ^10.1.5
-        version: 10.1.5(eslint@9.32.0(jiti@1.21.7))
+        version: 10.1.8(eslint@9.39.1(jiti@1.21.7))
       eslint-plugin-prettier:
         specifier: ^5.5.0
-        version: 5.5.0(@types/eslint@9.6.1)(eslint-config-prettier@10.1.5(eslint@9.32.0(jiti@1.21.7)))(eslint@9.32.0(jiti@1.21.7))(prettier@3.6.0)
+        version: 5.5.4(@types/eslint@9.6.1)(eslint-config-prettier@10.1.8(eslint@9.39.1(jiti@1.21.7)))(eslint@9.39.1(jiti@1.21.7))(prettier@3.6.0)
       eslint-plugin-react:
         specifier: ^7.37.5
-        version: 7.37.5(eslint@9.32.0(jiti@1.21.7))
+        version: 7.37.5(eslint@9.39.1(jiti@1.21.7))
       eslint-plugin-react-hooks:
         specifier: ^5.1.0
-        version: 5.2.0(eslint@9.32.0(jiti@1.21.7))
+        version: 5.2.0(eslint@9.39.1(jiti@1.21.7))
       husky:
         specifier: ^9.1.7
         version: 9.1.7
@@ -89,82 +89,82 @@ importers:
         version: 0.1.13(prettier@3.6.0)
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.19.19)(typescript@5.8.3)
+        version: 10.9.2(@swc/core@1.15.3(@swc/helpers@0.5.17))(@types/node@20.19.25)(typescript@5.8.3)
       tsconfig-paths:
         specifier: ^4.2.0
         version: 4.2.0
       tsx:
         specifier: ^4.20.3
-        version: 4.20.3
+        version: 4.20.6
       turbo:
         specifier: 2.5.4
         version: 2.5.4
       typescript-eslint:
         specifier: ^8.34.1
-        version: 8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
+        version: 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
 
   ee:
     dependencies:
       '@ag-grid-community/client-side-row-model':
         specifier: ^32.3.4
-        version: 32.3.4
+        version: 32.3.9
       '@ag-grid-community/core':
         specifier: ^32.3.4
-        version: 32.3.4
+        version: 32.3.9
       '@ag-grid-community/csv-export':
         specifier: ^32.3.4
-        version: 32.3.4
+        version: 32.3.9
       '@ag-grid-community/react':
         specifier: ^32.3.4
-        version: 32.3.4(@ag-grid-community/core@32.3.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 32.3.9(@ag-grid-community/core@32.3.9)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@ag-grid-community/styles':
         specifier: ^32.3.4
-        version: 32.3.4
+        version: 32.3.9
       '@agenta/oss':
         specifier: workspace:../oss
         version: link:../oss
       '@ant-design/colors':
         specifier: ^7.2.0
-        version: 7.2.0
+        version: 7.2.1
       '@ant-design/cssinjs':
         specifier: ^1.22.1
-        version: 1.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.24.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@ant-design/icons':
         specifier: ^5.5.2
-        version: 5.6.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 5.6.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@ant-design/v5-patch-for-react-19':
         specifier: ^1.0.3
-        version: 1.0.3(antd@5.26.1(date-fns@3.6.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.0.3(antd@5.29.1(date-fns@3.6.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@lexical/code-shiki':
         specifier: ^0.38.2
         version: 0.38.2
       '@monaco-editor/react':
         specifier: ^4.7.0-rc.0
-        version: 4.7.0(monaco-editor@0.52.2)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 4.7.0(monaco-editor@0.55.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@phosphor-icons/react':
         specifier: ^2.1.10
-        version: 2.1.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 2.1.10(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@tanstack/query-core':
         specifier: ^5.87.1
-        version: 5.87.1
+        version: 5.90.11
       '@tanstack/react-query':
         specifier: ^5.87.1
-        version: 5.87.1(react@19.0.0)
+        version: 5.90.11(react@19.2.0)
       '@tremor/react':
         specifier: ^3.18.7
-        version: 3.18.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 3.18.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@types/js-yaml':
         specifier: ^4.0.9
         version: 4.0.9
       '@types/lodash':
         specifier: ^4.17.18
-        version: 4.17.18
+        version: 4.17.21
       '@types/react':
         specifier: ^19.0.10
-        version: 19.0.10
+        version: 19.2.7
       '@types/react-dom':
         specifier: ^19.0.4
-        version: 19.0.4(@types/react@19.0.10)
+        version: 19.2.3(@types/react@19.2.7)
       '@types/react-resizable':
         specifier: ^3.0.7
         version: 3.0.8
@@ -173,19 +173,19 @@ importers:
         version: 1.8.8
       '@types/recharts':
         specifier: ^2.0.1
-        version: 2.0.1(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react-is@18.3.1)(react@19.0.0)(redux@5.0.1)
+        version: 2.0.1(@types/react@19.2.7)(eslint@9.39.1(jiti@1.21.7))(react-dom@19.2.0(react@19.2.0))(react-is@18.3.1)(react@19.2.0)(redux@5.0.1)
       '@types/uuid':
         specifier: ^10.0.0
         version: 10.0.0
       antd:
         specifier: ^5.26.1
-        version: 5.26.1(date-fns@3.6.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 5.29.1(date-fns@3.6.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       autoprefixer:
         specifier: 10.4.20
         version: 10.4.20(postcss@8.5.6)
       axios:
         specifier: ^1.12.2
-        version: 1.12.2(debug@4.4.0)
+        version: 1.13.2(debug@4.4.3)
       classnames:
         specifier: ^2.3.2
         version: 2.5.1
@@ -194,40 +194,40 @@ importers:
         version: 2.1.1
       crisp-sdk-web:
         specifier: ^1.0.25
-        version: 1.0.25
+        version: 1.0.26
       dayjs:
         specifier: ^1.11.10
-        version: 1.11.13
+        version: 1.11.19
       dotenv:
         specifier: ^16.5.0
-        version: 16.5.0
+        version: 16.6.1
       fast-deep-equal:
         specifier: ^3.1.3
         version: 3.1.3
       immer:
         specifier: ^10.1.1
-        version: 10.1.3
+        version: 10.2.0
       jotai:
         specifier: ^2.13.1
-        version: 2.13.1(@types/react@19.0.10)(react@19.0.0)
+        version: 2.15.1(@types/react@19.2.7)(react@19.2.0)
       jotai-devtools:
         specifier: ^0.12.0
-        version: 0.12.0(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(redux@5.0.1)(storybook@8.6.14(prettier@3.6.0))
+        version: 0.12.0(@types/react@19.2.7)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(redux@5.0.1)(storybook@8.6.14(prettier@3.6.0))
       jotai-eager:
         specifier: ^0.2.3
-        version: 0.2.3(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0))
+        version: 0.2.3(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0))
       jotai-immer:
         specifier: ^0.4.1
-        version: 0.4.1(immer@10.1.3)(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0))
+        version: 0.4.1(immer@10.2.0)(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0))
       jotai-tanstack-query:
         specifier: ^0.11.0
-        version: 0.11.0(@tanstack/query-core@5.87.1)(@tanstack/react-query@5.87.1(react@19.0.0))(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0))(react@19.0.0)
+        version: 0.11.0(@tanstack/query-core@5.90.11)(@tanstack/react-query@5.90.11(react@19.2.0))(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0))(react@19.2.0)
       js-yaml:
         specifier: ^4.1.0
-        version: 4.1.0
+        version: 4.1.1
       jsonrepair:
         specifier: ^3.13.0
-        version: 3.13.0
+        version: 3.13.1
       lodash:
         specifier: ^4.17.21
         version: 4.17.21
@@ -239,55 +239,55 @@ importers:
         version: 0.2.0(postcss@8.5.6)
       posthog-js:
         specifier: ^1.223.3
-        version: 1.229.5
+        version: 1.298.1
       rc-virtual-list:
         specifier: ^3.19.1
-        version: 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 3.19.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       react:
         specifier: ^19.0.0
-        version: 19.0.0
+        version: 19.2.0
       react-dom:
         specifier: ^19.0.0
-        version: 19.0.0(react@19.0.0)
+        version: 19.2.0(react@19.2.0)
       react-jss:
         specifier: ^10.10.0
-        version: 10.10.0(react@19.0.0)
+        version: 10.10.0(react@19.2.0)
       react-resizable:
         specifier: ^3.0.5
-        version: 3.0.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 3.0.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       react-window:
         specifier: ^1.8.11
-        version: 1.8.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.8.11(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       recharts:
         specifier: ^3.1.0
-        version: 3.1.0(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react-is@18.3.1)(react@19.0.0)(redux@5.0.1)
+        version: 3.5.0(@types/react@19.2.7)(eslint@9.39.1(jiti@1.21.7))(react-dom@19.2.0(react@19.2.0))(react-is@18.3.1)(react@19.2.0)(redux@5.0.1)
       shiki:
         specifier: ^3.12.2
-        version: 3.12.2
+        version: 3.17.0
       supertokens-auth-react:
         specifier: ^0.47.0
-        version: 0.47.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(supertokens-web-js@0.13.1)
+        version: 0.47.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(supertokens-web-js@0.13.1)
       supertokens-node:
         specifier: ^21.0.0
-        version: 21.1.0
+        version: 21.1.2
       swc-loader:
         specifier: ^0.2.6
-        version: 0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10))
+        version: 0.2.6(@swc/core@1.15.3(@swc/helpers@0.5.17))(webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12))
       swr:
         specifier: ^2.3.0
-        version: 2.3.3(react@19.0.0)
+        version: 2.3.6(react@19.2.0)
       tailwindcss:
         specifier: ^3.4.4
-        version: 3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))
+        version: 3.4.18(tsx@4.20.6)(yaml@2.8.1)
       typescript:
         specifier: 5.8.3
         version: 5.8.3
       use-animation-frame:
         specifier: ^0.2.1
-        version: 0.2.1(react@19.0.0)
+        version: 0.2.1(react@19.2.0)
       usehooks-ts:
         specifier: ^3.1.0
-        version: 3.1.1(react@19.0.0)
+        version: 3.1.1(react@19.2.0)
       uuid:
         specifier: ^11.1.0
         version: 11.1.0
@@ -303,73 +303,73 @@ importers:
         version: 0.3.0
       '@types/node':
         specifier: ^20.8.10
-        version: 20.17.24
+        version: 20.19.25
       '@types/prismjs':
         specifier: ^1.26.5
         version: 1.26.5
       node-mocks-http:
         specifier: ^1.17.2
-        version: 1.17.2(@types/node@20.17.24)
+        version: 1.17.2(@types/node@20.19.25)
       tailwind-scrollbar:
         specifier: ^3
-        version: 3.1.0(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)))
+        version: 3.1.0(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1))
 
   oss:
     dependencies:
       '@ag-grid-community/client-side-row-model':
         specifier: ^32.3.4
-        version: 32.3.4
+        version: 32.3.9
       '@ag-grid-community/core':
         specifier: ^32.3.4
-        version: 32.3.4
+        version: 32.3.9
       '@ag-grid-community/csv-export':
         specifier: ^32.3.4
-        version: 32.3.4
+        version: 32.3.9
       '@ag-grid-community/react':
         specifier: ^32.3.4
-        version: 32.3.4(@ag-grid-community/core@32.3.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 32.3.9(@ag-grid-community/core@32.3.9)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@ag-grid-community/styles':
         specifier: ^32.3.4
-        version: 32.3.4
+        version: 32.3.9
       '@agenta/web-tests':
         specifier: workspace:../tests
         version: link:../tests
       '@ant-design/colors':
         specifier: ^7.2.0
-        version: 7.2.0
+        version: 7.2.1
       '@ant-design/cssinjs':
         specifier: ^1.22.1
-        version: 1.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.24.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@ant-design/icons':
         specifier: ^5.5.2
-        version: 5.6.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 5.6.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@ant-design/v5-patch-for-react-19':
         specifier: ^1.0.3
-        version: 1.0.3(antd@5.26.1(date-fns@3.6.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.0.3(antd@5.29.1(date-fns@3.6.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@dnd-kit/core':
         specifier: ^6.3.1
-        version: 6.3.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 6.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@dnd-kit/modifiers':
         specifier: ^9.0.0
-        version: 9.0.0(@dnd-kit/core@6.3.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+        version: 9.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)
       '@dnd-kit/sortable':
         specifier: ^10.0.0
-        version: 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+        version: 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)
       '@dnd-kit/utilities':
         specifier: ^3.2.2
-        version: 3.2.2(react@19.0.0)
+        version: 3.2.2(react@19.2.0)
       '@floating-ui/dom':
         specifier: ^1.7.2
-        version: 1.7.2
+        version: 1.7.4
       '@floating-ui/react':
         specifier: ^0.27.13
-        version: 0.27.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 0.27.16(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@headlessui/react':
         specifier: 1.7.7
-        version: 1.7.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.7.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@headlessui/tailwindcss':
         specifier: ^0.2.1
-        version: 0.2.2(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)))
+        version: 0.2.2(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1))
       '@lexical/code':
         specifier: ^0.38.2
         version: 0.38.2
@@ -399,7 +399,7 @@ importers:
         version: 0.38.2
       '@lexical/react':
         specifier: ^0.38.2
-        version: 0.38.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(yjs@13.6.24)
+        version: 0.38.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(yjs@13.6.27)
       '@lexical/rich-text':
         specifier: ^0.38.2
         version: 0.38.2
@@ -414,13 +414,13 @@ importers:
         version: 0.38.2
       '@monaco-editor/react':
         specifier: ^4.7.0-rc.0
-        version: 4.7.0(monaco-editor@0.52.2)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 4.7.0(monaco-editor@0.55.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@next/bundle-analyzer':
         specifier: 15.5.2
         version: 15.5.2
       '@phosphor-icons/react':
         specifier: ^2.1.10
-        version: 2.1.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 2.1.10(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@prettier/sync':
         specifier: ^0.5.2
         version: 0.5.5(prettier@3.6.0)
@@ -432,16 +432,16 @@ importers:
         version: 0.1.9
       '@tailwindcss/container-queries':
         specifier: ^0.1.1
-        version: 0.1.1(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)))
+        version: 0.1.1(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1))
       '@tailwindcss/forms':
         specifier: ^0.5.7
-        version: 0.5.10(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)))
+        version: 0.5.10(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1))
       '@tanstack/react-query':
         specifier: ^5.87.1
-        version: 5.87.1(react@19.0.0)
+        version: 5.90.11(react@19.2.0)
       '@tremor/react':
         specifier: ^3.18.7
-        version: 3.18.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 3.18.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@types/diff':
         specifier: ^5.0.9
         version: 5.2.3
@@ -453,19 +453,19 @@ importers:
         version: 4.0.9
       '@types/lodash':
         specifier: ^4.17.18
-        version: 4.17.18
+        version: 4.17.21
       '@types/papaparse':
         specifier: ^5.3.14
-        version: 5.3.15
+        version: 5.5.0
       '@types/promise-retry':
         specifier: ^1.1.6
         version: 1.1.6
       '@types/react':
         specifier: ^19.0.10
-        version: 19.0.10
+        version: 19.2.7
       '@types/react-dom':
         specifier: ^19.0.4
-        version: 19.0.4(@types/react@19.0.10)
+        version: 19.2.3(@types/react@19.2.7)
       '@types/react-resizable':
         specifier: ^3.0.7
         version: 3.0.8
@@ -483,13 +483,13 @@ importers:
         version: 8.17.1
       antd:
         specifier: ^5.26.1
-        version: 5.26.1(date-fns@3.6.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 5.29.1(date-fns@3.6.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       autoprefixer:
         specifier: 10.4.20
         version: 10.4.20(postcss@8.5.6)
       axios:
         specifier: ^1.12.2
-        version: 1.12.2(debug@4.4.0)
+        version: 1.13.2(debug@4.4.3)
       blakejs:
         specifier: ^1.2.1
         version: 1.2.1
@@ -501,13 +501,13 @@ importers:
         version: 2.1.1
       dayjs:
         specifier: ^1.11.10
-        version: 1.11.13
+        version: 1.11.19
       diff:
         specifier: ^5.2.0
         version: 5.2.0
       dotenv:
         specifier: ^16.5.0
-        version: 16.5.0
+        version: 16.6.1
       fast-deep-equal:
         specifier: ^3.1.3
         version: 3.1.3
@@ -516,31 +516,31 @@ importers:
         version: 11.11.1
       immer:
         specifier: ^10.1.3
-        version: 10.1.3
+        version: 10.2.0
       jotai:
         specifier: ^2.13.1
-        version: 2.13.1(@types/react@19.0.10)(react@19.0.0)
+        version: 2.15.1(@types/react@19.2.7)(react@19.2.0)
       jotai-devtools:
         specifier: ^0.12.0
-        version: 0.12.0(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(redux@5.0.1)(storybook@8.6.14(prettier@3.6.0))
+        version: 0.12.0(@types/react@19.2.7)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(redux@5.0.1)(storybook@8.6.14(prettier@3.6.0))
       jotai-eager:
         specifier: ^0.2.3
-        version: 0.2.3(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0))
+        version: 0.2.3(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0))
       jotai-immer:
         specifier: ^0.4.1
-        version: 0.4.1(immer@10.1.3)(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0))
+        version: 0.4.1(immer@10.2.0)(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0))
       jotai-tanstack-query:
         specifier: ^0.11.0
-        version: 0.11.0(@tanstack/query-core@5.87.1)(@tanstack/react-query@5.87.1(react@19.0.0))(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0))(react@19.0.0)
+        version: 0.11.0(@tanstack/query-core@5.90.11)(@tanstack/react-query@5.90.11(react@19.2.0))(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0))(react@19.2.0)
       js-beautify:
         specifier: ^1.14.8
         version: 1.15.4
       js-yaml:
         specifier: ^4.1.0
-        version: 4.1.0
+        version: 4.1.1
       jsonrepair:
         specifier: ^3.13.0
-        version: 3.13.0
+        version: 3.13.1
       lexical:
         specifier: ^0.38.2
         version: 0.38.2
@@ -549,16 +549,16 @@ importers:
         version: 4.17.21
       lucide-react:
         specifier: ^0.475.0
-        version: 0.475.0(react@19.0.0)
+        version: 0.475.0(react@19.2.0)
       motion:
         specifier: ^12.23.24
-        version: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       next:
         specifier: 15.5.2
-        version: 15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.5.2(@playwright/test@1.57.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       nextstepjs:
         specifier: ^2.1.2
-        version: 2.1.2(patch_hash=95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 2.1.2(patch_hash=95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(next@15.5.2(@playwright/test@1.57.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       papaparse:
         specifier: ^5.5.3
         version: 5.5.3
@@ -570,7 +570,7 @@ importers:
         version: 0.2.0(postcss@8.5.6)
       posthog-js:
         specifier: ^1.223.3
-        version: 1.229.5
+        version: 1.298.1
       prismjs:
         specifier: ^1.30.0
         version: 1.30.0
@@ -579,70 +579,70 @@ importers:
         version: 2.0.1
       rc-virtual-list:
         specifier: ^3.19.1
-        version: 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 3.19.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       react:
         specifier: ^19.0.0
-        version: 19.0.0
+        version: 19.2.0
       react-dom:
         specifier: ^19.0.0
-        version: 19.0.0(react@19.0.0)
+        version: 19.2.0(react@19.2.0)
       react-error-boundary:
         specifier: ^4.0.11
-        version: 4.1.2(react@19.0.0)
+        version: 4.1.2(react@19.2.0)
       react-icons:
         specifier: ^5.4.0
-        version: 5.5.0(react@19.0.0)
+        version: 5.5.0(react@19.2.0)
       react-jss:
         specifier: ^10.10.0
-        version: 10.10.0(react@19.0.0)
+        version: 10.10.0(react@19.2.0)
       react-resizable:
         specifier: ^3.0.5
-        version: 3.0.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 3.0.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       react-syntax-highlighter:
         specifier: ^15.6.0
-        version: 15.6.1(react@19.0.0)
+        version: 15.6.6(react@19.2.0)
       react-window:
         specifier: ^1.8.11
-        version: 1.8.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.8.11(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       recharts:
         specifier: ^3.1.0
-        version: 3.1.0(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react-is@18.3.1)(react@19.0.0)(redux@5.0.1)
+        version: 3.5.0(@types/react@19.2.7)(eslint@9.39.1(jiti@1.21.7))(react-dom@19.2.0(react@19.2.0))(react-is@18.3.1)(react@19.2.0)(redux@5.0.1)
       semver:
         specifier: ^7.7.2
-        version: 7.7.2
+        version: 7.7.3
       shiki:
         specifier: ^3.12.2
-        version: 3.12.2
+        version: 3.17.0
       stable-hash:
         specifier: ^0.0.6
         version: 0.0.6
       supertokens-auth-react:
         specifier: ^0.47.0
-        version: 0.47.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(supertokens-web-js@0.13.1)
+        version: 0.47.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(supertokens-web-js@0.13.1)
       supertokens-node:
         specifier: ^21.0.0
-        version: 21.1.0
+        version: 21.1.2
       swc-loader:
         specifier: ^0.2.6
-        version: 0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17)))
+        version: 0.2.6(@swc/core@1.15.3(@swc/helpers@0.5.17))(webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17)))
       swr:
         specifier: ^2.3.0
-        version: 2.3.3(react@19.0.0)
+        version: 2.3.6(react@19.2.0)
       swr-devtools:
         specifier: ^1.3.2
-        version: 1.3.2(react@19.0.0)(swr@2.3.3(react@19.0.0))
+        version: 1.3.2(react@19.2.0)(swr@2.3.6(react@19.2.0))
       tailwindcss:
         specifier: ^3.4.4
-        version: 3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))
+        version: 3.4.18(tsx@4.20.6)(yaml@2.8.1)
       typescript:
         specifier: 5.8.3
         version: 5.8.3
       use-animation-frame:
         specifier: ^0.2.1
-        version: 0.2.1(react@19.0.0)
+        version: 0.2.1(react@19.2.0)
       usehooks-ts:
         specifier: ^3.1.1
-        version: 3.1.1(react@19.0.0)
+        version: 3.1.1(react@19.2.0)
       uuid:
         specifier: ^11.1.0
         version: 11.1.0
@@ -658,73 +658,70 @@ importers:
         version: 0.3.0
       '@types/node':
         specifier: ^20.8.10
-        version: 20.17.24
+        version: 20.19.25
       '@types/prismjs':
         specifier: ^1.26.5
         version: 1.26.5
       '@types/semver':
         specifier: ^7.7.0
-        version: 7.7.0
+        version: 7.7.1
       node-mocks-http:
         specifier: ^1.17.2
-        version: 1.17.2(@types/node@20.17.24)
+        version: 1.17.2(@types/node@20.19.25)
       tailwind-scrollbar:
         specifier: ^3
-        version: 3.1.0(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)))
+        version: 3.1.0(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1))
 
   tests:
     dependencies:
       axios:
         specifier: ^1.12.2
-        version: 1.12.2(debug@4.4.0)
+        version: 1.13.2(debug@4.4.3)
     devDependencies:
       '@playwright/test':
         specifier: ^1.53.1
-        version: 1.53.1
+        version: 1.57.0
       '@types/node':
         specifier: ^20.8.10
-        version: 20.17.24
+        version: 20.19.25
       dotenv:
         specifier: ^16.5.0
-        version: 16.5.0
+        version: 16.6.1
       tsx:
         specifier: ^4.20.3
-        version: 4.20.3
+        version: 4.20.6
       typescript:
         specifier: ^5.8.3
         version: 5.8.3
 
 packages:
 
-  '@adobe/css-tools@4.4.3':
-    resolution: {integrity: sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==}
+  '@adobe/css-tools@4.4.4':
+    resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
 
-  '@ag-grid-community/client-side-row-model@32.3.4':
-    resolution: {integrity: sha512-AZyLSemPyaCJi8wPJ/wvwow6v4MZKMkg9152TameKvaEf+m+N+gWJNKb1dQoqjgWCgEByqvM6SO8dJtYRrdr/A==}
+  '@ag-grid-community/client-side-row-model@32.3.9':
+    resolution: {integrity: sha512-/x6gPhxn6c/QQSmDuNf81xrBNc3TKGymmokznvXPPf4tAXeLZn5kF0cW3sGa52XyqZcIsYFQvLkI+pCsX+I4ng==}
 
-  '@ag-grid-community/core@32.3.4':
-    resolution: {integrity: sha512-g1CJOQuA4uRx1U3VP9SZLnTJBYdMwCTM348FsubdI6anaqxnHv3X0kridq9v1v26qXbl7yytm5X3v1hPcV8wVA==}
+  '@ag-grid-community/core@32.3.9':
+    resolution: {integrity: sha512-oZeAEPgaJVMzfKqbAPCyadcN5+iy+tjvhRLqEYJdBxtLgW/s2s0qXcXQvnrz7eUMD3Z7h3BQRVt2h/p0T6Ox/w==}
 
-  '@ag-grid-community/csv-export@32.3.4':
-    resolution: {integrity: sha512-LNVes/iz7y6F3Rbo1kcv/1WbvGTOp5QABPqvkqVEkQd6Fmj7gCkLYjfZ8HVRdcS+IssQq8v0ZLAi/qStC1zAaw==}
+  '@ag-grid-community/csv-export@32.3.9':
+    resolution: {integrity: sha512-pQuEoOQ8uMy2B9VkLWvBszDz1kLQD98RlmlBnlFneLKMBbt+iN+EHLZTNMFyXLhBLpQ1ZPucVt6SaJ5katRVbw==}
 
-  '@ag-grid-community/react@32.3.4':
-    resolution: {integrity: sha512-N6t5rA/GjMjNgxMS9dRtHGUSB6o9x5AIFUI1ulbhnzausVWZtv1Ay6t9vy2wRjIWok7zWE6x1LJxuxb625s61A==}
+  '@ag-grid-community/react@32.3.9':
+    resolution: {integrity: sha512-W21ELmhbniJQ2LMCytv5lwxz3FHpZp1iMp0Kvm9TXXxhldgDwMqVQa1uePeNBa068KIfXwnst0D2TGD8r0N/iA==}
     peerDependencies:
-      '@ag-grid-community/core': 32.3.4
+      '@ag-grid-community/core': 32.3.9
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@ag-grid-community/styles@32.3.4':
-    resolution: {integrity: sha512-kZZ7EPje5LhEIoUrIyjAw9CvQ7VXiTZzrtN0bY8apzzzH8bIG2lbAz9M4KVfB+nghu0I4gSh0XdpESOaBstrqg==}
+  '@ag-grid-community/styles@32.3.9':
+    resolution: {integrity: sha512-uPNR5EXeQqAIC0gohmY7CJ97cTIA/JtNSqAUzJ8AdVZcz4dbk9JJIl9DRFUYL+qWhMY+fUSTw2a+Yi6aOGSs8A==}
 
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
-  '@ant-design/colors@7.2.0':
-    resolution: {integrity: sha512-bjTObSnZ9C/O8MB/B4OUtd/q9COomuJAR2SYfhxLyHvCKn4EKwCN3e+fWGMo7H5InAyV0wL17jdE9ALrdOW/6A==}
-
   '@ant-design/colors@7.2.1':
     resolution: {integrity: sha512-lCHDcEzieu4GA3n8ELeZ5VQ8pKQAWcGGLRTQ50aQM2iqPpq2evTxER84jfdPvsPAtEcZ7m44NI45edFMo8oOYQ==}
 
@@ -734,8 +731,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  '@ant-design/cssinjs@1.23.0':
-    resolution: {integrity: sha512-7GAg9bD/iC9ikWatU9ym+P9ugJhi/WbsTWzcKN6T4gU0aehsprtke1UAaaSxxkjjmkJb3llet/rbUSLPgwlY4w==}
+  '@ant-design/cssinjs@1.24.0':
+    resolution: {integrity: sha512-K4cYrJBsgvL+IoozUXYjbT6LHHNt+19a9zkvpBPxLjFHas1UpPM2A5MlhROb0BT8N8WoavM5VsP9MeSeNK/3mg==}
     peerDependencies:
       react: '>=16.0.0'
       react-dom: '>=16.0.0'
@@ -771,16 +768,12 @@ packages:
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.27.1':
-    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/runtime@7.27.0':
-    resolution: {integrity: sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==}
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/runtime@7.27.6':
-    resolution: {integrity: sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==}
+  '@babel/runtime@7.28.4':
+    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
     engines: {node: '>=6.9.0'}
 
   '@cspotcode/source-map-support@0.8.1':
@@ -819,14 +812,14 @@ packages:
     peerDependencies:
       react: '>=16.8.0'
 
-  '@emnapi/core@1.4.3':
-    resolution: {integrity: sha512-4m62DuCE07lw01soJwPiBGC0nAww0Q+RY70VZ+n49yDIO13yyinhbWCeNnaob0lakDtWQzSdtNWzJeOJt2ma+g==}
+  '@emnapi/core@1.7.1':
+    resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
 
-  '@emnapi/runtime@1.5.0':
-    resolution: {integrity: sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==}
+  '@emnapi/runtime@1.7.1':
+    resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
 
-  '@emnapi/wasi-threads@1.0.2':
-    resolution: {integrity: sha512-5n3nTJblwRi8LlXkJ9eBzu+kZR8Yxcc7ubakyQTFzPMtIhFpUBRbsnc2Dv88IZDIbCDlBiWrknhB4Lsz7mg6BA==}
+  '@emnapi/wasi-threads@1.1.0':
+    resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
 
   '@emotion/hash@0.8.0':
     resolution: {integrity: sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==}
@@ -840,332 +833,182 @@ packages:
   '@emotion/unitless@0.7.5':
     resolution: {integrity: sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==}
 
-  '@esbuild/aix-ppc64@0.25.10':
-    resolution: {integrity: sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==}
+  '@esbuild/aix-ppc64@0.25.12':
+    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/aix-ppc64@0.25.5':
-    resolution: {integrity: sha512-9o3TMmpmftaCMepOdA5k/yDw8SfInyzWWTjYTFCX3kPSDJMROQTb8jg+h9Cnwnmm1vOzvxN7gIfB5V2ewpjtGA==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [aix]
-
-  '@esbuild/android-arm64@0.25.10':
-    resolution: {integrity: sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==}
+  '@esbuild/android-arm64@0.25.12':
+    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm64@0.25.5':
-    resolution: {integrity: sha512-VGzGhj4lJO+TVGV1v8ntCZWJktV7SGCs3Pn1GRWI1SBFtRALoomm8k5E9Pmwg3HOAal2VDc2F9+PM/rEY6oIDg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [android]
-
-  '@esbuild/android-arm@0.25.10':
-    resolution: {integrity: sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==}
+  '@esbuild/android-arm@0.25.12':
+    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-arm@0.25.5':
-    resolution: {integrity: sha512-AdJKSPeEHgi7/ZhuIPtcQKr5RQdo6OO2IL87JkianiMYMPbCtot9fxPbrMiBADOWWm3T2si9stAiVsGbTQFkbA==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [android]
-
-  '@esbuild/android-x64@0.25.10':
-    resolution: {integrity: sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==}
+  '@esbuild/android-x64@0.25.12':
+    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
-  '@esbuild/android-x64@0.25.5':
-    resolution: {integrity: sha512-D2GyJT1kjvO//drbRT3Hib9XPwQeWd9vZoBJn+bu/lVsOZ13cqNdDeqIF/xQ5/VmWvMduP6AmXvylO/PIc2isw==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [android]
-
-  '@esbuild/darwin-arm64@0.25.10':
-    resolution: {integrity: sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@esbuild/darwin-arm64@0.25.5':
-    resolution: {integrity: sha512-GtaBgammVvdF7aPIgH2jxMDdivezgFu6iKpmT+48+F8Hhg5J/sfnDieg0aeG/jfSvkYQU2/pceFPDKlqZzwnfQ==}
+  '@esbuild/darwin-arm64@0.25.12':
+    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.25.10':
-    resolution: {integrity: sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@esbuild/darwin-x64@0.25.5':
-    resolution: {integrity: sha512-1iT4FVL0dJ76/q1wd7XDsXrSW+oLoquptvh4CLR4kITDtqi2e/xwXwdCVH8hVHU43wgJdsq7Gxuzcs6Iq/7bxQ==}
+  '@esbuild/darwin-x64@0.25.12':
+    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.25.10':
-    resolution: {integrity: sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==}
+  '@esbuild/freebsd-arm64@0.25.12':
+    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-arm64@0.25.5':
-    resolution: {integrity: sha512-nk4tGP3JThz4La38Uy/gzyXtpkPW8zSAmoUhK9xKKXdBCzKODMc2adkB2+8om9BDYugz+uGV7sLmpTYzvmz6Sw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-x64@0.25.10':
-    resolution: {integrity: sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-x64@0.25.5':
-    resolution: {integrity: sha512-PrikaNjiXdR2laW6OIjlbeuCPrPaAl0IwPIaRv+SMV8CiM8i2LqVUHFC1+8eORgWyY7yhQY+2U2fA55mBzReaw==}
+  '@esbuild/freebsd-x64@0.25.12':
+    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.25.10':
-    resolution: {integrity: sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==}
+  '@esbuild/linux-arm64@0.25.12':
+    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm64@0.25.5':
-    resolution: {integrity: sha512-Z9kfb1v6ZlGbWj8EJk9T6czVEjjq2ntSYLY2cw6pAZl4oKtfgQuS4HOq41M/BcoLPzrUbNd+R4BXFyH//nHxVg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@esbuild/linux-arm@0.25.10':
-    resolution: {integrity: sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [linux]
-
-  '@esbuild/linux-arm@0.25.5':
-    resolution: {integrity: sha512-cPzojwW2okgh7ZlRpcBEtsX7WBuqbLrNXqLU89GxWbNt6uIg78ET82qifUy3W6OVww6ZWobWub5oqZOVtwolfw==}
+  '@esbuild/linux-arm@0.25.12':
+    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.25.10':
-    resolution: {integrity: sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==}
+  '@esbuild/linux-ia32@0.25.12':
+    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.25.5':
-    resolution: {integrity: sha512-sQ7l00M8bSv36GLV95BVAdhJ2QsIbCuCjh/uYrWiMQSUuV+LpXwIqhgJDcvMTj+VsQmqAHL2yYaasENvJ7CDKA==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [linux]
-
-  '@esbuild/linux-loong64@0.25.10':
-    resolution: {integrity: sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==}
-    engines: {node: '>=18'}
-    cpu: [loong64]
-    os: [linux]
-
-  '@esbuild/linux-loong64@0.25.5':
-    resolution: {integrity: sha512-0ur7ae16hDUC4OL5iEnDb0tZHDxYmuQyhKhsPBV8f99f6Z9KQM02g33f93rNH5A30agMS46u2HP6qTdEt6Q1kg==}
+  '@esbuild/linux-loong64@0.25.12':
+    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.25.10':
-    resolution: {integrity: sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==}
-    engines: {node: '>=18'}
-    cpu: [mips64el]
-    os: [linux]
-
-  '@esbuild/linux-mips64el@0.25.5':
-    resolution: {integrity: sha512-kB/66P1OsHO5zLz0i6X0RxlQ+3cu0mkxS3TKFvkb5lin6uwZ/ttOkP3Z8lfR9mJOBk14ZwZ9182SIIWFGNmqmg==}
+  '@esbuild/linux-mips64el@0.25.12':
+    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.25.10':
-    resolution: {integrity: sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==}
+  '@esbuild/linux-ppc64@0.25.12':
+    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.25.5':
-    resolution: {integrity: sha512-UZCmJ7r9X2fe2D6jBmkLBMQetXPXIsZjQJCjgwpVDz+YMcS6oFR27alkgGv3Oqkv07bxdvw7fyB71/olceJhkQ==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@esbuild/linux-riscv64@0.25.10':
-    resolution: {integrity: sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==}
-    engines: {node: '>=18'}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@esbuild/linux-riscv64@0.25.5':
-    resolution: {integrity: sha512-kTxwu4mLyeOlsVIFPfQo+fQJAV9mh24xL+y+Bm6ej067sYANjyEw1dNHmvoqxJUCMnkBdKpvOn0Ahql6+4VyeA==}
+  '@esbuild/linux-riscv64@0.25.12':
+    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.25.10':
-    resolution: {integrity: sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==}
+  '@esbuild/linux-s390x@0.25.12':
+    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.25.5':
-    resolution: {integrity: sha512-K2dSKTKfmdh78uJ3NcWFiqyRrimfdinS5ErLSn3vluHNeHVnBAFWC8a4X5N+7FgVE1EjXS1QDZbpqZBjfrqMTQ==}
-    engines: {node: '>=18'}
-    cpu: [s390x]
-    os: [linux]
-
-  '@esbuild/linux-x64@0.25.10':
-    resolution: {integrity: sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [linux]
-
-  '@esbuild/linux-x64@0.25.5':
-    resolution: {integrity: sha512-uhj8N2obKTE6pSZ+aMUbqq+1nXxNjZIIjCjGLfsWvVpy7gKCOL6rsY1MhRh9zLtUtAI7vpgLMK6DxjO8Qm9lJw==}
+  '@esbuild/linux-x64@0.25.12':
+    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/netbsd-arm64@0.25.10':
-    resolution: {integrity: sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==}
+  '@esbuild/netbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-arm64@0.25.5':
-    resolution: {integrity: sha512-pwHtMP9viAy1oHPvgxtOv+OkduK5ugofNTVDilIzBLpoWAM16r7b/mxBvfpuQDpRQFMfuVr5aLcn4yveGvBZvw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [netbsd]
-
-  '@esbuild/netbsd-x64@0.25.10':
-    resolution: {integrity: sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [netbsd]
-
-  '@esbuild/netbsd-x64@0.25.5':
-    resolution: {integrity: sha512-WOb5fKrvVTRMfWFNCroYWWklbnXH0Q5rZppjq0vQIdlsQKuw6mdSihwSo4RV/YdQ5UCKKvBy7/0ZZYLBZKIbwQ==}
+  '@esbuild/netbsd-x64@0.25.12':
+    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/openbsd-arm64@0.25.10':
-    resolution: {integrity: sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openbsd]
-
-  '@esbuild/openbsd-arm64@0.25.5':
-    resolution: {integrity: sha512-7A208+uQKgTxHd0G0uqZO8UjK2R0DDb4fDmERtARjSHWxqMTye4Erz4zZafx7Di9Cv+lNHYuncAkiGFySoD+Mw==}
+  '@esbuild/openbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.25.10':
-    resolution: {integrity: sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==}
+  '@esbuild/openbsd-x64@0.25.12':
+    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.25.5':
-    resolution: {integrity: sha512-G4hE405ErTWraiZ8UiSoesH8DaCsMm0Cay4fsFWOOUcz8b8rC6uCvnagr+gnioEjWn0wC+o1/TAHt+It+MpIMg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@esbuild/openharmony-arm64@0.25.10':
-    resolution: {integrity: sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==}
+  '@esbuild/openharmony-arm64@0.25.12':
+    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openharmony]
 
-  '@esbuild/sunos-x64@0.25.10':
-    resolution: {integrity: sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [sunos]
-
-  '@esbuild/sunos-x64@0.25.5':
-    resolution: {integrity: sha512-l+azKShMy7FxzY0Rj4RCt5VD/q8mG/e+mDivgspo+yL8zW7qEwctQ6YqKX34DTEleFAvCIUviCFX1SDZRSyMQA==}
+  '@esbuild/sunos-x64@0.25.12':
+    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.25.10':
-    resolution: {integrity: sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==}
+  '@esbuild/win32-arm64@0.25.12':
+    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-arm64@0.25.5':
-    resolution: {integrity: sha512-O2S7SNZzdcFG7eFKgvwUEZ2VG9D/sn/eIiz8XRZ1Q/DO5a3s76Xv0mdBzVM5j5R639lXQmPmSo0iRpHqUUrsxw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@esbuild/win32-ia32@0.25.10':
-    resolution: {integrity: sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@esbuild/win32-ia32@0.25.5':
-    resolution: {integrity: sha512-onOJ02pqs9h1iMJ1PQphR+VZv8qBMQ77Klcsqv9CNW2w6yLqoURLcgERAIurY6QE63bbLuqgP9ATqajFLK5AMQ==}
+  '@esbuild/win32-ia32@0.25.12':
+    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.25.10':
-    resolution: {integrity: sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==}
+  '@esbuild/win32-x64@0.25.12':
+    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
 
-  '@esbuild/win32-x64@0.25.5':
-    resolution: {integrity: sha512-TXv6YnJ8ZMVdX+SXWVBo/0p8LTcrUYngpWjvm91TMjjBQii7Oz11Lw5lbDV5Y0TzuhSJHwiH4hEtC1I42mMS0g==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [win32]
-
-  '@eslint-community/eslint-utils@4.7.0':
-    resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
+  '@eslint-community/eslint-utils@4.9.0':
+    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.12.1':
-    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/config-array@0.21.0':
-    resolution: {integrity: sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==}
+  '@eslint/config-array@0.21.1':
+    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/config-helpers@0.3.0':
-    resolution: {integrity: sha512-ViuymvFmcJi04qdZeDc2whTHryouGcDlaxPqarTD0ZE10ISpxGUVZGZDx4w01upyIynL3iu6IXH2bS1NhclQMw==}
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/core@0.15.1':
-    resolution: {integrity: sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==}
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/eslintrc@2.1.4':
@@ -1180,31 +1023,21 @@ packages:
     resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@eslint/js@9.29.0':
-    resolution: {integrity: sha512-3PIF4cBw/y+1u2EazflInpV+lYsSG0aByVIQzAgb1m1MhHFSbqTyNqtBKHgWf/9Ykud+DhILS9EGkmekVhbKoQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/js@9.32.0':
-    resolution: {integrity: sha512-BBpRFZK3eX6uMLKz8WxFOBIFFcGFJ/g8XuwjTHCqHROSIsopI+ddn/d5Cfh36+7+e5edVS8dbSHnBNhrLEX0zg==}
+  '@eslint/js@9.39.1':
+    resolution: {integrity: sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/object-schema@2.1.6':
-    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/plugin-kit@0.3.4':
-    resolution: {integrity: sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==}
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@floating-ui/core@1.7.2':
-    resolution: {integrity: sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==}
-
   '@floating-ui/core@1.7.3':
     resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
 
-  '@floating-ui/dom@1.7.2':
-    resolution: {integrity: sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==}
-
   '@floating-ui/dom@1.7.4':
     resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
 
@@ -1214,12 +1047,6 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@floating-ui/react-dom@2.1.4':
-    resolution: {integrity: sha512-JbbpPhp38UmXDDAu60RJmbeme37Jbgsm7NrHGgzYYFKmblzRUh6Pa641dII6LsjwF4XlScDrde2UAzDo/b9KPw==}
-    peerDependencies:
-      react: '>=16.8.0'
-      react-dom: '>=16.8.0'
-
   '@floating-ui/react-dom@2.1.6':
     resolution: {integrity: sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==}
     peerDependencies:
@@ -1238,12 +1065,6 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@floating-ui/react@0.27.13':
-    resolution: {integrity: sha512-Qmj6t9TjgWAvbygNEu1hj4dbHI9CY0ziCMIJrmYoDIn9TUAH5lRmiIeZmRd4c6QEZkzdoH7jNnoNyoY1AIESiA==}
-    peerDependencies:
-      react: '>=17.0.0'
-      react-dom: '>=17.0.0'
-
   '@floating-ui/react@0.27.16':
     resolution: {integrity: sha512-9O8N4SeG2z++TSM8QA/KTeKFBVCNEz/AGS7gWPJf6KFRzmRWixFRnCnkPHRDwSVZW6QPDO6uT0P2SpWNKCc9/g==}
     peerDependencies:
@@ -1277,8 +1098,8 @@ packages:
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
 
-  '@humanfs/node@0.16.6':
-    resolution: {integrity: sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==}
+  '@humanfs/node@0.16.7':
+    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
     engines: {node: '>=18.18.0'}
 
   '@humanwhocodes/config-array@0.13.0':
@@ -1294,132 +1115,143 @@ packages:
     resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
     deprecated: Use @eslint/object-schema instead
 
-  '@humanwhocodes/retry@0.3.1':
-    resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
-    engines: {node: '>=18.18'}
-
   '@humanwhocodes/retry@0.4.3':
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
-  '@img/sharp-darwin-arm64@0.34.3':
-    resolution: {integrity: sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg==}
+  '@img/colour@1.0.0':
+    resolution: {integrity: sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@img/sharp-darwin-x64@0.34.3':
-    resolution: {integrity: sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA==}
+  '@img/sharp-darwin-x64@0.34.5':
+    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [darwin]
 
-  '@img/sharp-libvips-darwin-arm64@1.2.0':
-    resolution: {integrity: sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ==}
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
     cpu: [arm64]
     os: [darwin]
 
-  '@img/sharp-libvips-darwin-x64@1.2.0':
-    resolution: {integrity: sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg==}
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
     cpu: [x64]
     os: [darwin]
 
-  '@img/sharp-libvips-linux-arm64@1.2.0':
-    resolution: {integrity: sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA==}
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-libvips-linux-arm@1.2.0':
-    resolution: {integrity: sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw==}
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
     cpu: [arm]
     os: [linux]
 
-  '@img/sharp-libvips-linux-ppc64@1.2.0':
-    resolution: {integrity: sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ==}
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
     cpu: [ppc64]
     os: [linux]
 
-  '@img/sharp-libvips-linux-s390x@1.2.0':
-    resolution: {integrity: sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw==}
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
     cpu: [s390x]
     os: [linux]
 
-  '@img/sharp-libvips-linux-x64@1.2.0':
-    resolution: {integrity: sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg==}
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.0':
-    resolution: {integrity: sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q==}
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-libvips-linuxmusl-x64@1.2.0':
-    resolution: {integrity: sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q==}
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-linux-arm64@0.34.3':
-    resolution: {integrity: sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA==}
+  '@img/sharp-linux-arm64@0.34.5':
+    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-linux-arm@0.34.3':
-    resolution: {integrity: sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A==}
+  '@img/sharp-linux-arm@0.34.5':
+    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm]
     os: [linux]
 
-  '@img/sharp-linux-ppc64@0.34.3':
-    resolution: {integrity: sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA==}
+  '@img/sharp-linux-ppc64@0.34.5':
+    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [ppc64]
     os: [linux]
 
-  '@img/sharp-linux-s390x@0.34.3':
-    resolution: {integrity: sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ==}
+  '@img/sharp-linux-riscv64@0.34.5':
+    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.34.5':
+    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [s390x]
     os: [linux]
 
-  '@img/sharp-linux-x64@0.34.3':
-    resolution: {integrity: sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ==}
+  '@img/sharp-linux-x64@0.34.5':
+    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-linuxmusl-arm64@0.34.3':
-    resolution: {integrity: sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ==}
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-linuxmusl-x64@0.34.3':
-    resolution: {integrity: sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ==}
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-wasm32@0.34.3':
-    resolution: {integrity: sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg==}
+  '@img/sharp-wasm32@0.34.5':
+    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [wasm32]
 
-  '@img/sharp-win32-arm64@0.34.3':
-    resolution: {integrity: sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ==}
+  '@img/sharp-win32-arm64@0.34.5':
+    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [win32]
 
-  '@img/sharp-win32-ia32@0.34.3':
-    resolution: {integrity: sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw==}
+  '@img/sharp-win32-ia32@0.34.5':
+    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [ia32]
     os: [win32]
 
-  '@img/sharp-win32-x64@0.34.3':
-    resolution: {integrity: sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g==}
+  '@img/sharp-win32-x64@0.34.5':
+    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [win32]
@@ -1435,30 +1267,16 @@ packages:
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
-  '@jridgewell/gen-mapping@0.3.8':
-    resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
-    engines: {node: '>=6.0.0'}
-
   '@jridgewell/resolve-uri@3.1.2':
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/set-array@1.2.1':
-    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
-    engines: {node: '>=6.0.0'}
-
   '@jridgewell/source-map@0.3.11':
     resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
 
-  '@jridgewell/sourcemap-codec@1.5.0':
-    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
-
   '@jridgewell/sourcemap-codec@1.5.5':
     resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
 
-  '@jridgewell/trace-mapping@0.3.30':
-    resolution: {integrity: sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==}
-
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
@@ -1567,8 +1385,8 @@ packages:
     peerDependencies:
       react: ^18.x || ^19.x
 
-  '@monaco-editor/loader@1.5.0':
-    resolution: {integrity: sha512-hKoGSM+7aAc7eRTRjpqAZucPmoNOC4UUbknb/VNoTkEIkCPhqV8LfbsgM1webRM7S/z21eHEx9Fkwx8Z/C/+Xw==}
+  '@monaco-editor/loader@1.7.0':
+    resolution: {integrity: sha512-gIwR1HrJrrx+vfyOhYmCZ0/JcWqG5kbfG7+d3f/C1LXk2EvzAbHSg3MQ5lO2sMlo9izoAZ04shohfKLVT6crVA==}
 
   '@monaco-editor/react@4.7.0':
     resolution: {integrity: sha512-cyzXQCtO47ydzxpQtCGSQGOC8Gk3ZUeBXFAxD+CWXYFo5OqZyZUonFl0DwUlTyAfRHntBfw2p3w4s9R6oe1eCA==}
@@ -1577,8 +1395,8 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@napi-rs/wasm-runtime@0.2.11':
-    resolution: {integrity: sha512-9DPkXtvHydrcOsopiYpUgPHpmj0HWZKMUnL2dZqpvC42lsratuBG06V5ipyno0fUek5VlFsNQ+AcFATSrJXgMA==}
+  '@napi-rs/wasm-runtime@0.2.12':
+    resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
 
   '@next/bundle-analyzer@15.5.2':
     resolution: {integrity: sha512-UWOFpy/NK5iSeIP0mgdq4VqGB4/z37uq5v5dEtvzmY/BlaPO6m4EtFUaH6RVI0w2wG5sh0TG86i/cA5wcaJtgg==}
@@ -1667,18 +1485,21 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
-  '@pkgr/core@0.2.7':
-    resolution: {integrity: sha512-YLT9Zo3oNPJoBjBc4q8G2mjU4tqIbf5CEOORbUUr48dCD9q3umJ3IPlVqOqDakPfd2HuwccBaqlGhN4Gmr5OWg==}
+  '@pkgr/core@0.2.9':
+    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
-  '@playwright/test@1.53.1':
-    resolution: {integrity: sha512-Z4c23LHV0muZ8hfv4jw6HngPJkbbtZxTkxPNIg7cJcTc9C28N/p2q7g3JZS2SiKBBHJ3uM1dgDye66bB7LEk5w==}
+  '@playwright/test@1.57.0':
+    resolution: {integrity: sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==}
     engines: {node: '>=18'}
     hasBin: true
 
   '@polka/url@1.0.0-next.29':
     resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
 
+  '@posthog/core@1.6.0':
+    resolution: {integrity: sha512-Tbh8UACwbb7jFdDC7wwXHtfNzO+4wKh3VbyMHmp2UBe6w1jliJixexTJNfkqdGZm+ht3M10mcKvGGPnoZ2zLBg==}
+
   '@preact/signals-core@1.12.1':
     resolution: {integrity: sha512-BwbTXpj+9QutoZLQvbttRg5x3l5468qaV2kufh+51yha1c53ep5dY4kTuZR35+3pAZxpfQerGJiQqg34ZNZ6uA==}
 
@@ -1721,8 +1542,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  '@rc-component/qrcode@1.0.0':
-    resolution: {integrity: sha512-L+rZ4HXP2sJ1gHMGHjsg9jlYBX/SLN2D6OxP9Zn3qgtpMWtO2vUfxVFwiogHpAIqs54FnALxraUy/BCO1yRIgg==}
+  '@rc-component/qrcode@1.1.0':
+    resolution: {integrity: sha512-ABA80Yer0c6I2+moqNY0kF3Y1NxIT6wDP/EINIqbiRbfZKP1HtHpKMh8WuTXLgVGYsoWG2g9/n0PgM8KdnJb4Q==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
@@ -1735,47 +1556,47 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  '@rc-component/trigger@2.2.7':
-    resolution: {integrity: sha512-Qggj4Z0AA2i5dJhzlfFSmg1Qrziu8dsdHOihROL5Kl18seO2Eh/ZaTYt2c8a/CyGaTChnFry7BEYew1+/fhSbA==}
+  '@rc-component/trigger@2.3.0':
+    resolution: {integrity: sha512-iwaxZyzOuK0D7lS+0AQEtW52zUWxoGqTGkke3dRyb8pYiShmRpCjB/8TzPI4R6YySCH7Vm9BZj/31VPiiQTLBg==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  '@react-aria/focus@3.20.0':
-    resolution: {integrity: sha512-KXZCwWzwnmtUo6xhnyV26ptxlxmqd0Reez7axduqqqeDDgDZOVscoo/5gFg71fdPZmnDC8MyUK1vxSbMhOTrGg==}
+  '@react-aria/focus@3.21.2':
+    resolution: {integrity: sha512-JWaCR7wJVggj+ldmM/cb/DXFg47CXR55lznJhZBh4XVqJjMKwaOOqpT5vNN7kpC1wUpXicGNuDnJDN1S/+6dhQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/interactions@3.24.0':
-    resolution: {integrity: sha512-6Zdhp1pswyPgbwEWzvXARdKAWPjP7mACczoIUvlEQiMsX04fuizBiBLAA+W/5mPe17pbJYHA/rxZF5Y5m+M0Ng==}
+  '@react-aria/interactions@3.25.6':
+    resolution: {integrity: sha512-5UgwZmohpixwNMVkMvn9K1ceJe6TzlRlAfuYoQDUuOkk62/JVJNDLAPKIf5YMRc7d2B0rmfgaZLMtbREb0Zvkw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/ssr@3.9.7':
-    resolution: {integrity: sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==}
+  '@react-aria/ssr@3.9.10':
+    resolution: {integrity: sha512-hvTm77Pf+pMBhuBm760Li0BVIO38jv1IBws1xFm1NoL26PU+fe+FMW5+VZWyANR6nYL65joaJKZqOdTQMkO9IQ==}
     engines: {node: '>= 12'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/utils@3.28.0':
-    resolution: {integrity: sha512-FfpvpADk61OvEnFe37k6jF1zr5gtafIPN9ccJRnPCTqrzuExag01mGi+wX/hWyFK0zAe1OjWf1zFOX3FsFvikg==}
+  '@react-aria/utils@3.31.0':
+    resolution: {integrity: sha512-ABOzCsZrWzf78ysswmguJbx3McQUja7yeGj6/vZo4JVsZNlxAN+E9rs381ExBRI0KzVo6iBTeX5De8eMZPJXig==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/flags@3.1.0':
-    resolution: {integrity: sha512-KSHOCxTFpBtxhIRcKwsD1YDTaNxFtCYuAUb0KEihc16QwqZViq4hasgPBs2gYm7fHRbw7WYzWKf6ZSo/+YsFlg==}
+  '@react-stately/flags@3.1.2':
+    resolution: {integrity: sha512-2HjFcZx1MyQXoPqcBGALwWWmgFVUk2TuKVIQxCbRq7fPyWXIl6VHcakCLurdtYC2Iks7zizvz0Idv48MQ38DWg==}
 
-  '@react-stately/utils@3.10.5':
-    resolution: {integrity: sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==}
+  '@react-stately/utils@3.10.8':
+    resolution: {integrity: sha512-SN3/h7SzRsusVQjQ4v10LaVsDc81jyyR0DD5HnsQitm/I5WDpaSr2nRHtyloPFU48jlql1XX/S04T2DLQM7Y3g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/shared@3.28.0':
-    resolution: {integrity: sha512-9oMEYIDc3sk0G5rysnYvdNrkSg7B04yTKl50HHSZVbokeHpnU0yRmsDaWb9B/5RprcKj8XszEk5guBO8Sa/Q+Q==}
+  '@react-types/shared@3.32.1':
+    resolution: {integrity: sha512-famxyD5emrGGpFuUlgOP6fVW2h/ZaF405G5KDi3zPHzyjAWys/8W6NAVJtNbkCkhedmvL0xOhvt8feGXyXaw5w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -1784,8 +1605,8 @@ packages:
     peerDependencies:
       redux: ^3.1.0 || ^4.0.0 || ^5.0.0
 
-  '@reduxjs/toolkit@2.8.2':
-    resolution: {integrity: sha512-MYlOhQ0sLdw4ud48FoC5w0dH9VfWQjtCjreKwYTT3l+r427qYC5Y8PihNutepr8XrNaBUDQo9khWUwQxZaqt5A==}
+  '@reduxjs/toolkit@2.11.0':
+    resolution: {integrity: sha512-hBjYg0aaRL1O2Z0IqWhnTLytnjDIxekmRxm1snsHjHaKVmIF1HiImWqsq+PuEbn6zdMlkIj9WofK1vR8jjx+Xw==}
     peerDependencies:
       react: ^16.9.0 || ^17.0.0 || ^18 || ^19
       react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
@@ -1798,8 +1619,8 @@ packages:
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@rushstack/eslint-patch@1.11.0':
-    resolution: {integrity: sha512-zxnHvoMQVqewTJr/W4pKjF0bMGiKJv1WX7bSrkl46Hg0QjESbzBROWK0Wg4RphzSOS5Jiy7eFimmM3UgMrMZbQ==}
+  '@rushstack/eslint-patch@1.15.0':
+    resolution: {integrity: sha512-ojSshQPKwVvSMR8yT2L/QtUkV5SXi/IfDiJ4/8d6UbTPjiHVmxZzUAzGD8Tzks1b9+qQkZa0isUOvYObedITaw==}
 
   '@scalar/openapi-parser@0.9.0':
     resolution: {integrity: sha512-ylUDBtfCfqMWe3Wv3uJkDKjsT0NOqtkp7tGwQUfHlcVnMkzChRc/v/6x/pV+hlQ+buqr/5chcnQupjXEWzy09Q==}
@@ -1809,23 +1630,23 @@ packages:
     resolution: {integrity: sha512-HQQudOSQBU7ewzfnBW9LhDmBE2XOJgSfwrh5PlUB7zJup/kaRkBGNgV2wMjNz9Af/uztiU/xNrO179FysmUT+g==}
     engines: {node: '>=18'}
 
-  '@shikijs/core@3.12.2':
-    resolution: {integrity: sha512-L1Safnhra3tX/oJK5kYHaWmLEBJi1irASwewzY3taX5ibyXyMkkSDZlq01qigjryOBwrXSdFgTiZ3ryzSNeu7Q==}
+  '@shikijs/core@3.17.0':
+    resolution: {integrity: sha512-/HjeOnbc62C+n33QFNFrAhUlIADKwfuoS50Ht0pxujxP4QjZAlFp5Q+OkDo531SCTzivx5T18khwyBdKoPdkuw==}
 
-  '@shikijs/engine-javascript@3.12.2':
-    resolution: {integrity: sha512-Nm3/azSsaVS7hk6EwtHEnTythjQfwvrO5tKqMlaH9TwG1P+PNaR8M0EAKZ+GaH2DFwvcr4iSfTveyxMIvXEHMw==}
+  '@shikijs/engine-javascript@3.17.0':
+    resolution: {integrity: sha512-WwF99xdP8KfuDrIbT4wxyypfhoIxMeeOCp1AiuvzzZ6JT5B3vIuoclL8xOuuydA6LBeeNXUF/XV5zlwwex1jlA==}
 
-  '@shikijs/engine-oniguruma@3.12.2':
-    resolution: {integrity: sha512-hozwnFHsLvujK4/CPVHNo3Bcg2EsnG8krI/ZQ2FlBlCRpPZW4XAEQmEwqegJsypsTAN9ehu2tEYe30lYKSZW/w==}
+  '@shikijs/engine-oniguruma@3.17.0':
+    resolution: {integrity: sha512-flSbHZAiOZDNTrEbULY8DLWavu/TyVu/E7RChpLB4WvKX4iHMfj80C6Hi3TjIWaQtHOW0KC6kzMcuB5TO1hZ8Q==}
 
-  '@shikijs/langs@3.12.2':
-    resolution: {integrity: sha512-bVx5PfuZHDSHoBal+KzJZGheFuyH4qwwcwG/n+MsWno5cTlKmaNtTsGzJpHYQ8YPbB5BdEdKU1rga5/6JGY8ww==}
+  '@shikijs/langs@3.17.0':
+    resolution: {integrity: sha512-icmur2n5Ojb+HAiQu6NEcIIJ8oWDFGGEpiqSCe43539Sabpx7Y829WR3QuUW2zjTM4l6V8Sazgb3rrHO2orEAw==}
 
-  '@shikijs/themes@3.12.2':
-    resolution: {integrity: sha512-fTR3QAgnwYpfGczpIbzPjlRnxyONJOerguQv1iwpyQZ9QXX4qy/XFQqXlf17XTsorxnHoJGbH/LXBvwtqDsF5A==}
+  '@shikijs/themes@3.17.0':
+    resolution: {integrity: sha512-/xEizMHLBmMHwtx4JuOkRf3zwhWD2bmG5BRr0IPjpcWpaq4C3mYEuTk/USAEglN0qPrTwEHwKVpSu/y2jhferA==}
 
-  '@shikijs/types@3.12.2':
-    resolution: {integrity: sha512-K5UIBzxCyv0YoxN3LMrKB9zuhp1bV+LgewxuVwHdl4Gz5oePoUFrr9EfgJlGlDeXCU1b/yhdnXeuRvAnz8HN8Q==}
+  '@shikijs/types@3.17.0':
+    resolution: {integrity: sha512-wjLVfutYWVUnxAjsWEob98xgyaGv0dTEnMZDruU5mRjVN7szcGOfgO+997W2yR6odp+1PtSBNeSITRRTfUzK/g==}
 
   '@shikijs/vscode-textmate@10.0.2':
     resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
@@ -1871,71 +1692,71 @@ packages:
   '@swc-jotai/react-refresh@0.3.0':
     resolution: {integrity: sha512-WIWesycqFWqFRlfMa/NYON7AX6zTtSwK7z+nVRgdlk2r5iIv2/BDTeRgg3on+YvYlKR7IipioRVswyPOTq/ZKA==}
 
-  '@swc/core-darwin-arm64@1.11.8':
-    resolution: {integrity: sha512-rrSsunyJWpHN+5V1zumndwSSifmIeFQBK9i2RMQQp15PgbgUNxHK5qoET1n20pcUrmZeT6jmJaEWlQchkV//Og==}
+  '@swc/core-darwin-arm64@1.15.3':
+    resolution: {integrity: sha512-AXfeQn0CvcQ4cndlIshETx6jrAM45oeUrK8YeEY6oUZU/qzz0Id0CyvlEywxkWVC81Ajpd8TQQ1fW5yx6zQWkQ==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@swc/core-darwin-x64@1.11.8':
-    resolution: {integrity: sha512-44goLqQuuo0HgWnG8qC+ZFw/qnjCVVeqffhzFr9WAXXotogVaxM8ze6egE58VWrfEc8me8yCcxOYL9RbtjhS/Q==}
+  '@swc/core-darwin-x64@1.15.3':
+    resolution: {integrity: sha512-p68OeCz1ui+MZYG4wmfJGvcsAcFYb6Sl25H9TxWl+GkBgmNimIiRdnypK9nBGlqMZAcxngNPtnG3kEMNnvoJ2A==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
 
-  '@swc/core-linux-arm-gnueabihf@1.11.8':
-    resolution: {integrity: sha512-Mzo8umKlhTWwF1v8SLuTM1z2A+P43UVhf4R8RZDhzIRBuB2NkeyE+c0gexIOJBuGSIATryuAF4O4luDu727D1w==}
+  '@swc/core-linux-arm-gnueabihf@1.15.3':
+    resolution: {integrity: sha512-Nuj5iF4JteFgwrai97mUX+xUOl+rQRHqTvnvHMATL/l9xE6/TJfPBpd3hk/PVpClMXG3Uvk1MxUFOEzM1JrMYg==}
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
 
-  '@swc/core-linux-arm64-gnu@1.11.8':
-    resolution: {integrity: sha512-EyhO6U+QdoGYC1MeHOR0pyaaSaKYyNuT4FQNZ1eZIbnuueXpuICC7iNmLIOfr3LE5bVWcZ7NKGVPlM2StJEcgA==}
+  '@swc/core-linux-arm64-gnu@1.15.3':
+    resolution: {integrity: sha512-2Nc/s8jE6mW2EjXWxO/lyQuLKShcmTrym2LRf5Ayp3ICEMX6HwFqB1EzDhwoMa2DcUgmnZIalesq2lG3krrUNw==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
 
-  '@swc/core-linux-arm64-musl@1.11.8':
-    resolution: {integrity: sha512-QU6wOkZnS6/QuBN1MHD6G2BgFxB0AclvTVGbqYkRA7MsVkcC29PffESqzTXnypzB252/XkhQjoB2JIt9rPYf6A==}
+  '@swc/core-linux-arm64-musl@1.15.3':
+    resolution: {integrity: sha512-j4SJniZ/qaZ5g8op+p1G9K1z22s/EYGg1UXIb3+Cg4nsxEpF5uSIGEE4mHUfA70L0BR9wKT2QF/zv3vkhfpX4g==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
 
-  '@swc/core-linux-x64-gnu@1.11.8':
-    resolution: {integrity: sha512-r72onUEIU1iJi9EUws3R28pztQ/eM3EshNpsPRBfuLwKy+qn3et55vXOyDhIjGCUph5Eg2Yn8H3h6MTxDdLd+w==}
+  '@swc/core-linux-x64-gnu@1.15.3':
+    resolution: {integrity: sha512-aKttAZnz8YB1VJwPQZtyU8Uk0BfMP63iDMkvjhJzRZVgySmqt/apWSdnoIcZlUoGheBrcqbMC17GGUmur7OT5A==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
 
-  '@swc/core-linux-x64-musl@1.11.8':
-    resolution: {integrity: sha512-294k8cLpO103++f4ZUEDr3vnBeUfPitW6G0a3qeVZuoXFhFgaW7ANZIWknUc14WiLOMfMecphJAEiy9C8OeYSw==}
+  '@swc/core-linux-x64-musl@1.15.3':
+    resolution: {integrity: sha512-oe8FctPu1gnUsdtGJRO2rvOUIkkIIaHqsO9xxN0bTR7dFTlPTGi2Fhk1tnvXeyAvCPxLIcwD8phzKg6wLv9yug==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
 
-  '@swc/core-win32-arm64-msvc@1.11.8':
-    resolution: {integrity: sha512-EbjOzQ+B85rumHyeesBYxZ+hq3ZQn+YAAT1ZNE9xW1/8SuLoBmHy/K9YniRGVDq/2NRmp5kI5+5h5TX0asIS9A==}
+  '@swc/core-win32-arm64-msvc@1.15.3':
+    resolution: {integrity: sha512-L9AjzP2ZQ/Xh58e0lTRMLvEDrcJpR7GwZqAtIeNLcTK7JVE+QineSyHp0kLkO1rttCHyCy0U74kDTj0dRz6raA==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
 
-  '@swc/core-win32-ia32-msvc@1.11.8':
-    resolution: {integrity: sha512-Z+FF5kgLHfQWIZ1KPdeInToXLzbY0sMAashjd/igKeP1Lz0qKXVAK+rpn6ASJi85Fn8wTftCGCyQUkRVn0bTDg==}
+  '@swc/core-win32-ia32-msvc@1.15.3':
+    resolution: {integrity: sha512-B8UtogMzErUPDWUoKONSVBdsgKYd58rRyv2sHJWKOIMCHfZ22FVXICR4O/VwIYtlnZ7ahERcjayBHDlBZpR0aw==}
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
 
-  '@swc/core-win32-x64-msvc@1.11.8':
-    resolution: {integrity: sha512-j6B6N0hChCeAISS6xp/hh6zR5CSCr037BAjCxNLsT8TGe5D+gYZ57heswUWXRH8eMKiRDGiLCYpPB2pkTqxCSw==}
+  '@swc/core-win32-x64-msvc@1.15.3':
+    resolution: {integrity: sha512-SpZKMR9QBTecHeqpzJdYEfgw30Oo8b/Xl6rjSzBt1g0ZsXyy60KLXrp6IagQyfTYqNYE/caDvwtF2FPn7pomog==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
 
-  '@swc/core@1.11.8':
-    resolution: {integrity: sha512-UAL+EULxrc0J73flwYHfu29mO8CONpDJiQv1QPDXsyCvDUcEhqAqUROVTgC+wtJCFFqMQdyr4stAA5/s0KSOmA==}
+  '@swc/core@1.15.3':
+    resolution: {integrity: sha512-Qd8eBPkUFL4eAONgGjycZXj1jFCBW8Fd+xF0PzdTlBCWQIV1xnUT7B93wUANtW3KGjl3TRcOyxwSx/u/jyKw/Q==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@swc/helpers': '*'
+      '@swc/helpers': '>=0.5.17'
     peerDependenciesMeta:
       '@swc/helpers':
         optional: true
@@ -1962,22 +1783,22 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1'
 
-  '@tanstack/query-core@5.87.1':
-    resolution: {integrity: sha512-HOFHVvhOCprrWvtccSzc7+RNqpnLlZ5R6lTmngb8aq7b4rc2/jDT0w+vLdQ4lD9bNtQ+/A4GsFXy030Gk4ollA==}
+  '@tanstack/query-core@5.90.11':
+    resolution: {integrity: sha512-f9z/nXhCgWDF4lHqgIE30jxLe4sYv15QodfdPDKYAk7nAEjNcndy4dHz3ezhdUaR23BpWa4I2EH4/DZ0//Uf8A==}
 
-  '@tanstack/react-query@5.87.1':
-    resolution: {integrity: sha512-YKauf8jfMowgAqcxj96AHs+Ux3m3bWT1oSVKamaRPXSnW2HqSznnTCEkAVqctF1e/W9R/mPcyzzINIgpOH94qg==}
+  '@tanstack/react-query@5.90.11':
+    resolution: {integrity: sha512-3uyzz01D1fkTLXuxF3JfoJoHQMU2fxsfJwE+6N5hHy0dVNoZOvwKP8Z2k7k1KDeD54N20apcJnG75TBAStIrBA==}
     peerDependencies:
       react: ^18 || ^19
 
-  '@tanstack/react-virtual@3.13.2':
-    resolution: {integrity: sha512-LceSUgABBKF6HSsHK2ZqHzQ37IKV/jlaWbHm+NyTa3/WNb/JZVcThDuTainf+PixltOOcFCYXwxbLpOX9sCx+g==}
+  '@tanstack/react-virtual@3.13.12':
+    resolution: {integrity: sha512-Gd13QdxPSukP8ZrkbgS2RwoZseTTbQPLnQEn7HY/rqtM+8Zt95f7xKC7N0EsKs7aoz0WzZ+fditZux+F8EzYxA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@tanstack/virtual-core@3.13.2':
-    resolution: {integrity: sha512-Qzz4EgzMbO5gKrmqUondCjiHcuu4B1ftHb0pjCut661lXZdGoHeze9f/M8iwsK1t5LGR6aNuNGU7mxkowaW6RQ==}
+  '@tanstack/virtual-core@3.13.12':
+    resolution: {integrity: sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==}
 
   '@testing-library/dom@10.4.0':
     resolution: {integrity: sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==}
@@ -1999,8 +1820,8 @@ packages:
       react: ^18.0.0
       react-dom: '>=16.6.0'
 
-  '@tsconfig/node10@1.0.11':
-    resolution: {integrity: sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==}
+  '@tsconfig/node10@1.0.12':
+    resolution: {integrity: sha512-UCYBaeFvM11aU2y3YPZ//O5Rhj+xKyzy7mvcIoAjASbigy8mHMryP5cK7dgjlz2hWxh1g5pLw084E0a/wlUSFQ==}
 
   '@tsconfig/node12@1.0.11':
     resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
@@ -2011,8 +1832,8 @@ packages:
   '@tsconfig/node16@1.0.4':
     resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
 
-  '@tybys/wasm-util@0.9.0':
-    resolution: {integrity: sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==}
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
 
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
@@ -2020,8 +1841,8 @@ packages:
   '@types/base16@1.0.5':
     resolution: {integrity: sha512-OzOWrTluG9cwqidEzC/Q6FAmIPcnZfm8BFRlIx0+UIUqnuAmi5OS88O0RpT3Yz6qdmqObvUhasrbNsCofE4W9A==}
 
-  '@types/d3-array@3.2.1':
-    resolution: {integrity: sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==}
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
 
   '@types/d3-color@3.1.3':
     resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
@@ -2077,23 +1898,17 @@ packages:
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
-  '@types/lodash@4.17.18':
-    resolution: {integrity: sha512-KJ65INaxqxmU6EoCiJmRPZC9H9RVWCRd349tXM2M3O5NA7cY6YL7c0bHAHQ93NOfTObEQ004kd2QVHs/r0+m4g==}
+  '@types/lodash@4.17.21':
+    resolution: {integrity: sha512-FOvQ0YPD5NOfPgMzJihoT+Za5pdkDJWcbpuj1DjaKZIr/gxodQjY/uWEFlTNqW2ugXHUiL8lRQgw63dzKHZdeQ==}
 
   '@types/mdast@4.0.4':
     resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
 
-  '@types/node@20.17.24':
-    resolution: {integrity: sha512-d7fGCyB96w9BnWQrOsJtpyiSaBcAYYr75bnK6ZRjDbql2cGLj/3GsL5OYmLPNq76l7Gf2q4Rv9J2o6h5CrD9sA==}
+  '@types/node@20.19.25':
+    resolution: {integrity: sha512-ZsJzA5thDQMSQO788d7IocwwQbI8B5OPzmqNvpf3NY/+MHDAS759Wo0gd2WQeXYt5AAAQjzcrTVC6SKCuYgoCQ==}
 
-  '@types/node@20.19.11':
-    resolution: {integrity: sha512-uug3FEEGv0r+jrecvUUpbY8lLisvIjg6AAic6a2bSP5OEOLeJsDSnvhCDov7ipFFMXS3orMpzlmi0ZcuGkBbow==}
-
-  '@types/node@20.19.19':
-    resolution: {integrity: sha512-pb1Uqj5WJP7wrcbLU7Ru4QtA0+3kAXrkutGiD26wUKzSMgNNaPARTUDQmElUXp64kh3cWdou3Q0C7qwwxqSFmg==}
-
-  '@types/papaparse@5.3.15':
-    resolution: {integrity: sha512-JHe6vF6x/8Z85nCX4yFdDslN11d+1pr12E526X8WAfhadOeaOTx5AuIkvDKIBopfvlzpzkdMx4YyvSKCM9oqtw==}
+  '@types/papaparse@5.5.0':
+    resolution: {integrity: sha512-GVs5iMQmUr54BAZYYkByv8zPofFxmyxUpISPb2oh8sayR3+1zbxasrOvoKiHJ/nnoq/uULuPsu1Lze1EkagVFg==}
 
   '@types/prismjs@1.26.5':
     resolution: {integrity: sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==}
@@ -2101,10 +1916,10 @@ packages:
   '@types/promise-retry@1.1.6':
     resolution: {integrity: sha512-EC1+OMXV0PZb0pf+cmyxc43MEP2CDumZe4AfuxWboxxEixztIebknpJPZAX5XlodGF1OY+C1E/RAeNGzxf+bJA==}
 
-  '@types/react-dom@19.0.4':
-    resolution: {integrity: sha512-4fSQ8vWFkg+TGhePfUzVmat3eC14TXYSsiiDSLI0dVLsrm9gZFABjPy/Qu6TKgl1tq1Bu1yDsuQgY3A3DOjCcg==}
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
     peerDependencies:
-      '@types/react': ^19.0.0
+      '@types/react': ^19.2.0
 
   '@types/react-resizable@3.0.8':
     resolution: {integrity: sha512-Pcvt2eGA7KNXldt1hkhVhAgZ8hK41m0mp89mFgQi7LAAEZiaLgm4fHJ5zbJZ/4m2LVaAyYrrRRv1LHDcrGQanA==}
@@ -2115,8 +1930,8 @@ packages:
   '@types/react-window@1.8.8':
     resolution: {integrity: sha512-8Ls660bHR1AUA2kuRvVG9D/4XpRC6wjAaPT9dil7Ckc76eP9TKWZwwmgfq8Q1LANX3QNDnoU4Zp48A3w+zK69Q==}
 
-  '@types/react@19.0.10':
-    resolution: {integrity: sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==}
+  '@types/react@19.2.7':
+    resolution: {integrity: sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==}
 
   '@types/recharts@2.0.1':
     resolution: {integrity: sha512-/cFs7oiafzByUwBSWA1IzE6FW+ppPwQAWsDTadSgVOwzveY9MESpyLHyyHY0SfPPKLW4+4qVNYHPXd0rFiC8vg==}
@@ -2125,8 +1940,11 @@ packages:
   '@types/retry@0.12.5':
     resolution: {integrity: sha512-3xSjTp3v03X/lSQLkczaN9UIEwJMoMCA1+Nb5HfbJEQWogdeQIyVtTvxPXDQjZ5zws8rFQfVfRdz03ARihPJgw==}
 
-  '@types/semver@7.7.0':
-    resolution: {integrity: sha512-k107IF4+Xr7UHjwDc7Cfd6PRQfbdkiRabXGRjo07b4WyPahFBZCZ1sE+BNxYIJPPg73UkfOsVOLwqVc/6ETrIA==}
+  '@types/semver@7.7.1':
+    resolution: {integrity: sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
@@ -2140,21 +1958,13 @@ packages:
   '@types/uuid@10.0.0':
     resolution: {integrity: sha512-7gqG38EyHgyP1S+7+xomFtL+ZNHcKv6DwNaCZmJmo1vgMugyF3TCnXVg4t1uk89mLNwnLtnY3TpOpCOyp1/xHQ==}
 
-  '@typescript-eslint/eslint-plugin@8.34.1':
-    resolution: {integrity: sha512-STXcN6ebF6li4PxwNeFnqF8/2BNDvBupf2OPx2yWNzr6mKNGF7q49VM00Pz5FaomJyqvbXpY6PhO+T9w139YEQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^8.34.1
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
-  '@typescript-eslint/eslint-plugin@8.35.0':
-    resolution: {integrity: sha512-ijItUYaiWuce0N1SoSMrEd0b6b6lYkYt99pqCPfybd+HKVXtEvYhICfLdwp42MhiI5mp0oq7PKEL+g1cNiz/Eg==}
+  '@typescript-eslint/eslint-plugin@8.48.0':
+    resolution: {integrity: sha512-XxXP5tL1txl13YFtrECECQYeZjBZad4fyd3cFV4a19LkAY/bIp9fev3US4S5fDVV2JaYFiKAZ/GRTOLer+mbyQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.35.0
+      '@typescript-eslint/parser': ^8.48.0
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/parser@6.21.0':
     resolution: {integrity: sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==}
@@ -2166,80 +1976,46 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@8.34.1':
-    resolution: {integrity: sha512-4O3idHxhyzjClSMJ0a29AcoK0+YwnEqzI6oz3vlRf3xw0zbzt15MzXwItOlnr5nIth6zlY2RENLsOPvhyrKAQA==}
+  '@typescript-eslint/parser@8.48.0':
+    resolution: {integrity: sha512-jCzKdm/QK0Kg4V4IK/oMlRZlY+QOcdjv89U2NgKHZk1CYTj82/RVSx1mV/0gqCVMJ/DA+Zf/S4NBWNF8GQ+eqQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.35.0':
-    resolution: {integrity: sha512-6sMvZePQrnZH2/cJkwRpkT7DxoAWh+g6+GFRK6bV3YQo7ogi3SX5rgF6099r5Q53Ma5qeT7LGmOmuIutF4t3lA==}
+  '@typescript-eslint/project-service@8.48.0':
+    resolution: {integrity: sha512-Ne4CTZyRh1BecBf84siv42wv5vQvVmgtk8AuiEffKTUo3DrBaGYZueJSxxBZ8fjk/N3DrgChH4TOdIOwOwiqqw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
-  '@typescript-eslint/project-service@8.34.1':
-    resolution: {integrity: sha512-nuHlOmFZfuRwLJKDGQOVc0xnQrAmuq1Mj/ISou5044y1ajGNp2BNliIqp7F2LPQ5sForz8lempMFCovfeS1XoA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
-
-  '@typescript-eslint/project-service@8.35.0':
-    resolution: {integrity: sha512-41xatqRwWZuhUMF/aZm2fcUsOFKNcG28xqRSS6ZVr9BVJtGExosLAm5A1OxTjRMagx8nJqva+P5zNIGt8RIgbQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/scope-manager@6.21.0':
     resolution: {integrity: sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/scope-manager@8.34.1':
-    resolution: {integrity: sha512-beu6o6QY4hJAgL1E8RaXNC071G4Kso2MGmJskCFQhRhg8VOH/FDbC8soP8NHN7e/Hdphwp8G8cE6OBzC8o41ZA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/scope-manager@8.35.0':
-    resolution: {integrity: sha512-+AgL5+mcoLxl1vGjwNfiWq5fLDZM1TmTPYs2UkyHfFhgERxBbqHlNjRzhThJqz+ktBqTChRYY6zwbMwy0591AA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/tsconfig-utils@8.34.1':
-    resolution: {integrity: sha512-K4Sjdo4/xF9NEeA2khOb7Y5nY6NSXBnod87uniVYW9kHP+hNlDV8trUSFeynA2uxWam4gIWgWoygPrv9VMWrYg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
-
-  '@typescript-eslint/tsconfig-utils@8.35.0':
-    resolution: {integrity: sha512-04k/7247kZzFraweuEirmvUj+W3bJLI9fX6fbo1Qm2YykuBvEhRTPl8tcxlYO8kZZW+HIXfkZNoasVb8EV4jpA==}
+  '@typescript-eslint/scope-manager@8.48.0':
+    resolution: {integrity: sha512-uGSSsbrtJrLduti0Q1Q9+BF1/iFKaxGoQwjWOIVNJv0o6omrdyR8ct37m4xIl5Zzpkp69Kkmvom7QFTtue89YQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/type-utils@8.34.1':
-    resolution: {integrity: sha512-Tv7tCCr6e5m8hP4+xFugcrwTOucB8lshffJ6zf1mF1TbU67R+ntCc6DzLNKM+s/uzDyv8gLq7tufaAhIBYeV8g==}
+  '@typescript-eslint/tsconfig-utils@8.48.0':
+    resolution: {integrity: sha512-WNebjBdFdyu10sR1M4OXTt2OkMd5KWIL+LLfeH9KhgP+jzfDV/LI3eXzwJ1s9+Yc0Kzo2fQCdY/OpdusCMmh6w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.35.0':
-    resolution: {integrity: sha512-ceNNttjfmSEoM9PW87bWLDEIaLAyR+E6BoYJQ5PfaDau37UGca9Nyq3lBk8Bw2ad0AKvYabz6wxc7DMTO2jnNA==}
+  '@typescript-eslint/type-utils@8.48.0':
+    resolution: {integrity: sha512-zbeVaVqeXhhab6QNEKfK96Xyc7UQuoFWERhEnj3mLVnUWrQnv15cJNseUni7f3g557gm0e46LZ6IJ4NJVOgOpw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/types@6.21.0':
     resolution: {integrity: sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/types@8.34.1':
-    resolution: {integrity: sha512-rjLVbmE7HR18kDsjNIZQHxmv9RZwlgzavryL5Lnj2ujIRTeXlKtILHgRNmQ3j4daw7zd+mQgy+uyt6Zo6I0IGA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/types@8.35.0':
-    resolution: {integrity: sha512-0mYH3emanku0vHw2aRLNGqe7EXh9WHEhi7kZzscrMDf6IIRUQ5Jk4wp1QrledE/36KtdZrVfKnE32eZCf/vaVQ==}
+  '@typescript-eslint/types@8.48.0':
+    resolution: {integrity: sha512-cQMcGQQH7kwKoVswD1xdOytxQR60MWKM1di26xSUtxehaDs/32Zpqsu5WJlXTtTTqyAVK8R7hvsUnIXRS+bjvA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@typescript-eslint/typescript-estree@6.21.0':
@@ -2251,139 +2027,122 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/typescript-estree@8.34.1':
-    resolution: {integrity: sha512-rjCNqqYPuMUF5ODD+hWBNmOitjBWghkGKJg6hiCHzUvXRy6rK22Jd3rwbP2Xi+R7oYVvIKhokHVhH41BxPV5mA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
-
-  '@typescript-eslint/typescript-estree@8.35.0':
-    resolution: {integrity: sha512-F+BhnaBemgu1Qf8oHrxyw14wq6vbL8xwWKKMwTMwYIRmFFY/1n/9T/jpbobZL8vp7QyEUcC6xGrnAO4ua8Kp7w==}
+  '@typescript-eslint/typescript-estree@8.48.0':
+    resolution: {integrity: sha512-ljHab1CSO4rGrQIAyizUS6UGHHCiAYhbfcIZ1zVJr5nMryxlXMVWS3duFPSKvSUbFPwkXMFk1k0EMIjub4sRRQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.34.1':
-    resolution: {integrity: sha512-mqOwUdZ3KjtGk7xJJnLbHxTuWVn3GO2WZZuM+Slhkun4+qthLdXx32C8xIXbO1kfCECb3jIs3eoxK3eryk7aoQ==}
+  '@typescript-eslint/utils@8.48.0':
+    resolution: {integrity: sha512-yTJO1XuGxCsSfIVt1+1UrLHtue8xz16V8apzPYI06W0HbEbEWHxHXgZaAgavIkoh+GeV6hKKd5jm0sS6OYxWXQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
-  '@typescript-eslint/utils@8.35.0':
-    resolution: {integrity: sha512-nqoMu7WWM7ki5tPgLVsmPM8CkqtoPUG6xXGeefM5t4x3XumOEKMoUZPdi+7F+/EotukN4R9OWdmDxN80fqoZeg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/visitor-keys@6.21.0':
     resolution: {integrity: sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/visitor-keys@8.34.1':
-    resolution: {integrity: sha512-xoh5rJ+tgsRKoXnkBPFRLZ7rjKM0AfVbC68UZ/ECXoDbfggb9RbEySN359acY1vS3qZ0jVTVWzbtfapwm5ztxw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/visitor-keys@8.35.0':
-    resolution: {integrity: sha512-zTh2+1Y8ZpmeQaQVIc/ZZxsx8UzgKJyNg1PTvjzC7WMhPSVS8bfDX34k1SrwOf016qd5RU3az2UxUNue3IfQ5g==}
+  '@typescript-eslint/visitor-keys@8.48.0':
+    resolution: {integrity: sha512-T0XJMaRPOH3+LBbAfzR2jalckP1MSG/L9eUtY0DEzUyVaXJ/t6zN0nR7co5kz0Jko/nkSYCBRkz1djvjajVTTg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@ungap/structured-clone@1.3.0':
     resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
 
-  '@unrs/resolver-binding-android-arm-eabi@1.9.1':
-    resolution: {integrity: sha512-dd7yIp1hfJFX9ZlVLQRrh/Re9WMUHHmF9hrKD1yIvxcyNr2BhQ3xc1upAVhy8NijadnCswAxWQu8MkkSMC1qXQ==}
+  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
+    resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
     cpu: [arm]
     os: [android]
 
-  '@unrs/resolver-binding-android-arm64@1.9.1':
-    resolution: {integrity: sha512-EzUPcMFtDVlo5yrbzMqUsGq3HnLXw+3ZOhSd7CUaDmbTtnrzM+RO2ntw2dm2wjbbc5djWj3yX0wzbbg8pLhx8g==}
+  '@unrs/resolver-binding-android-arm64@1.11.1':
+    resolution: {integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==}
     cpu: [arm64]
     os: [android]
 
-  '@unrs/resolver-binding-darwin-arm64@1.9.1':
-    resolution: {integrity: sha512-nB+dna3q4kOleKFcSZJ/wDXIsAd1kpMO9XrVAt8tG3RDWJ6vi+Ic6bpz4cmg5tWNeCfHEY4KuqJCB+pKejPEmQ==}
+  '@unrs/resolver-binding-darwin-arm64@1.11.1':
+    resolution: {integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==}
     cpu: [arm64]
     os: [darwin]
 
-  '@unrs/resolver-binding-darwin-x64@1.9.1':
-    resolution: {integrity: sha512-aKWHCrOGaCGwZcekf3TnczQoBxk5w//W3RZ4EQyhux6rKDwBPgDU9Y2yGigCV1Z+8DWqZgVGQi+hdpnlSy3a1w==}
+  '@unrs/resolver-binding-darwin-x64@1.11.1':
+    resolution: {integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==}
     cpu: [x64]
     os: [darwin]
 
-  '@unrs/resolver-binding-freebsd-x64@1.9.1':
-    resolution: {integrity: sha512-4dIEMXrXt0UqDVgrsUd1I+NoIzVQWXy/CNhgpfS75rOOMK/4Abn0Mx2M2gWH4Mk9+ds/ASAiCmqoUFynmMY5hA==}
+  '@unrs/resolver-binding-freebsd-x64@1.11.1':
+    resolution: {integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==}
     cpu: [x64]
     os: [freebsd]
 
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.9.1':
-    resolution: {integrity: sha512-vtvS13IXPs1eE8DuS/soiosqMBeyh50YLRZ+p7EaIKAPPeevRnA9G/wu/KbVt01ZD5qiGjxS+CGIdVC7I6gTOw==}
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
+    resolution: {integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==}
     cpu: [arm]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.9.1':
-    resolution: {integrity: sha512-BfdnN6aZ7NcX8djW8SR6GOJc+K+sFhWRF4vJueVE0vbUu5N1bLnBpxJg1TGlhSyo+ImC4SR0jcNiKN0jdoxt+A==}
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
+    resolution: {integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==}
     cpu: [arm]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-arm64-gnu@1.9.1':
-    resolution: {integrity: sha512-Jhge7lFtH0QqfRz2PyJjJXWENqywPteITd+nOS0L6AhbZli+UmEyGBd2Sstt1c+l9C+j/YvKTl9wJo9PPmsFNg==}
+  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
+    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
     cpu: [arm64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-arm64-musl@1.9.1':
-    resolution: {integrity: sha512-ofdK/ow+ZSbSU0pRoB7uBaiRHeaAOYQFU5Spp87LdcPL/P1RhbCTMSIYVb61XWzsVEmYKjHFtoIE0wxP6AFvrA==}
+  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
+    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
     cpu: [arm64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.9.1':
-    resolution: {integrity: sha512-eC8SXVn8de67HacqU7PoGdHA+9tGbqfEdD05AEFRAB81ejeQtNi5Fx7lPcxpLH79DW0BnMAHau3hi4RVkHfSCw==}
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
+    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
     cpu: [ppc64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.9.1':
-    resolution: {integrity: sha512-fIkwvAAQ41kfoGWfzeJ33iLGShl0JEDZHrMnwTHMErUcPkaaZRJYjQjsFhMl315NEQ4mmTlC+2nfK/J2IszDOw==}
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
+    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
     cpu: [riscv64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-riscv64-musl@1.9.1':
-    resolution: {integrity: sha512-RAAszxImSOFLk44aLwnSqpcOdce8sBcxASledSzuFAd8Q5ZhhVck472SisspnzHdc7THCvGXiUeZ2hOC7NUoBQ==}
+  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
+    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
     cpu: [riscv64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-s390x-gnu@1.9.1':
-    resolution: {integrity: sha512-QoP9vkY+THuQdZi05bA6s6XwFd6HIz3qlx82v9bTOgxeqin/3C12Ye7f7EOD00RQ36OtOPWnhEMMm84sv7d1XQ==}
+  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
+    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
     cpu: [s390x]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-x64-gnu@1.9.1':
-    resolution: {integrity: sha512-/p77cGN/h9zbsfCseAP5gY7tK+7+DdM8fkPfr9d1ye1fsF6bmtGbtZN6e/8j4jCZ9NEIBBkT0GhdgixSelTK9g==}
+  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
+    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
     cpu: [x64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-x64-musl@1.9.1':
-    resolution: {integrity: sha512-wInTqT3Bu9u50mDStEig1v8uxEL2Ht+K8pir/YhyyrM5ordJtxoqzsL1vR/CQzOJuDunUTrDkMM0apjW/d7/PA==}
+  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
+    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
     cpu: [x64]
     os: [linux]
 
-  '@unrs/resolver-binding-wasm32-wasi@1.9.1':
-    resolution: {integrity: sha512-eNwqO5kUa+1k7yFIircwwiniKWA0UFHo2Cfm8LYgkh9km7uMad+0x7X7oXbQonJXlqfitBTSjhA0un+DsHIrhw==}
+  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
+    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@unrs/resolver-binding-win32-arm64-msvc@1.9.1':
-    resolution: {integrity: sha512-Eaz1xMUnoa2mFqh20mPqSdbYl6crnk8HnIXDu6nsla9zpgZJZO8w3c1gvNN/4Eb0RXRq3K9OG6mu8vw14gIqiA==}
+  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
+    resolution: {integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==}
     cpu: [arm64]
     os: [win32]
 
-  '@unrs/resolver-binding-win32-ia32-msvc@1.9.1':
-    resolution: {integrity: sha512-H/+d+5BGlnEQif0gnwWmYbYv7HJj563PUKJfn8PlmzF8UmF+8KxdvXdwCsoOqh4HHnENnoLrav9NYBrv76x1wQ==}
+  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
+    resolution: {integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==}
     cpu: [ia32]
     os: [win32]
 
-  '@unrs/resolver-binding-win32-x64-msvc@1.9.1':
-    resolution: {integrity: sha512-rS86wI4R6cknYM3is3grCb/laE8XBEbpWAMSIPjYfmYp75KL5dT87jXF2orDa4tQYg5aajP5G8Fgh34dRyR+Rw==}
+  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
+    resolution: {integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==}
     cpu: [x64]
     os: [win32]
 
@@ -2464,6 +2223,12 @@ packages:
     resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
     engines: {node: '>= 0.6'}
 
+  acorn-import-phases@1.0.4:
+    resolution: {integrity: sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==}
+    engines: {node: '>=10.13.0'}
+    peerDependencies:
+      acorn: ^8.14.0
+
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -2478,8 +2243,8 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  ag-charts-types@10.3.4:
-    resolution: {integrity: sha512-MU+3gvKn1jEyLlMHS0Vu0nHmIQxiVJAnA6ftUatLZvV0c7hOWap4VWghqZ0cVZUJsCdMI59Iuq1u3xquKv4LOQ==}
+  ag-charts-types@10.3.9:
+    resolution: {integrity: sha512-drcRiJVencliC8LnRwk4MmeQDNNBg5GzmOoLFihO3/k0CUK0VF/N+2nc7iFozwaNG0btSB9vAhYuJLjqHMtRrQ==}
 
   agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
@@ -2528,8 +2293,8 @@ packages:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
 
-  ansi-regex@6.1.0:
-    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
     engines: {node: '>=12'}
 
   ansi-styles@2.2.1:
@@ -2544,12 +2309,12 @@ packages:
     resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
     engines: {node: '>=10'}
 
-  ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
     engines: {node: '>=12'}
 
-  antd@5.26.1:
-    resolution: {integrity: sha512-CiLGZ2Ftld+fuoj+U3OL8uouuqUppqFJnW4O/4bOgSWzM9XsJGibpNtUa9QArhrZ5ndfnzlPP/4RVXUK/xfSvQ==}
+  antd@5.29.1:
+    resolution: {integrity: sha512-TTFVbpKbyL6cPfEoKq6Ya3BIjTUr7uDW9+7Z+1oysRv1gpcN7kQ4luH8r/+rXXwz4n6BIz1iBJ1ezKCdsdNW0w==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -2570,8 +2335,8 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  aria-hidden@1.2.4:
-    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
     engines: {node: '>=10'}
 
   aria-query@5.3.0:
@@ -2646,12 +2411,12 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axe-core@4.10.3:
-    resolution: {integrity: sha512-Xm7bpRXnDSX2YE2YFfBk2FnF0ep6tmG7xPh8iHee8MIcrgq762Nkce856dYtJYLkuIoYZvGfTs/PbZhideTcEg==}
+  axe-core@4.11.0:
+    resolution: {integrity: sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==}
     engines: {node: '>=4'}
 
-  axios@1.12.2:
-    resolution: {integrity: sha512-vMJzPewAlRyOgxV2dU0Cuz2O8zzzx9VYtbJOaBgXFeLc4IV/Eg50n4LowmehOOR61S8ZMpc2K5Sa7g6A4jfkUw==}
+  axios@1.13.2:
+    resolution: {integrity: sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==}
 
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
@@ -2666,8 +2431,8 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  baseline-browser-mapping@2.8.13:
-    resolution: {integrity: sha512-7s16KR8io8nIBWQyCYhmFhd+ebIzb9VKTzki+wOJXHTxTnV6+mFGH3+Jwn1zoKaY9/H9T/0BcKCZnzXljPnpSQ==}
+  baseline-browser-mapping@2.8.31:
+    resolution: {integrity: sha512-a28v2eWrrRWPpJSzxc+mKwm0ZtVx/G8SepdQZDArnXYU/XS+IF6mp8aB/4E+hH1tyGCoDo3KlUCdlSxGDsRkAw==}
     hasBin: true
 
   better-opn@3.0.2:
@@ -2697,13 +2462,8 @@ packages:
   browser-tabs-lock@1.3.0:
     resolution: {integrity: sha512-g6nHaobTiT0eMZ7jh16YpD2kcjAp+PInbiVq3M1x6KKaEIVhT4v9oURNIpZLOZ3LQbQ3XYfNhMAb/9hzNLIWrw==}
 
-  browserslist@4.24.4:
-    resolution: {integrity: sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
-  browserslist@4.26.3:
-    resolution: {integrity: sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==}
+  browserslist@4.28.0:
+    resolution: {integrity: sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -2736,14 +2496,8 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
-  caniuse-lite@1.0.30001703:
-    resolution: {integrity: sha512-kRlAGTRWgPsOj7oARC9m1okJEXdL/8fekFVcxA8Hl7GH4r/sN4OJn/i6Flde373T50KS7Y37oFbMwlE8+F42kQ==}
-
-  caniuse-lite@1.0.30001734:
-    resolution: {integrity: sha512-uhE1Ye5vgqju6OI71HTQqcBCZrvHugk0MjLak7Q+HfoBgoq5Bi+5YnwjP4fjDgrtYr/l8MVRBvzz9dPD4KyK0A==}
-
-  caniuse-lite@1.0.30001748:
-    resolution: {integrity: sha512-5P5UgAr0+aBmNiplks08JLw+AW/XG/SurlgZLgB1dDLfAw7EfRGxIwzPHxdSCGY/BTKDqIVyJL87cCN6s0ZR0w==}
+  caniuse-lite@1.0.30001757:
+    resolution: {integrity: sha512-r0nnL/I28Zi/yjk1el6ilj27tKcdjLsNqAOZr0yVjWPrSQyHgKI2INaEWw21bAQSv2LXRt1XuCS/GomNpWOxsQ==}
 
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -2797,10 +2551,6 @@ packages:
   client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
 
-  clsx@1.2.1:
-    resolution: {integrity: sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==}
-    engines: {node: '>=6'}
-
   clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -2824,10 +2574,6 @@ packages:
   color@3.2.1:
     resolution: {integrity: sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==}
 
-  color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
-
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
@@ -2885,14 +2631,14 @@ packages:
   copy-to-clipboard@3.3.3:
     resolution: {integrity: sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==}
 
-  core-js@3.41.0:
-    resolution: {integrity: sha512-SJ4/EHwS36QMJd6h/Rg+GyR4A5xE0FSI3eZ+iBVpfqf1x0eTSg1smWLHrA+2jQThZSh97fmSgFSU8B61nxosxA==}
+  core-js@3.47.0:
+    resolution: {integrity: sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==}
 
   create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
 
-  crisp-sdk-web@1.0.25:
-    resolution: {integrity: sha512-CWTHFFeHRV0oqiXoPh/aIAKhFs6xcIM4NenGPnClAMCZUDQgQsF1OWmZWmnVNjJriXUmWRgDfeUxcxygS0dCRA==}
+  crisp-sdk-web@1.0.26:
+    resolution: {integrity: sha512-MBK/+tCNJmt/l9ZYHb0cUUaaF02rCKeqLw1cruY/HU48tPOOnhUM0JdvuPaeq1d5VB2DCILY4rGYE4NeJbXvzg==}
 
   cross-fetch@3.2.0:
     resolution: {integrity: sha512-Q+xVJLoGOeIMXZmbUK4HYk+69cQH6LudR0Vu/pRm2YlU/hDV9CiS0gKUMaWY5f2NeUH9C1nV3bsTlCo0FsTV1Q==}
@@ -2918,8 +2664,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  csstype@3.1.3:
-    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
   d3-array@3.2.4:
     resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
@@ -2987,8 +2733,8 @@ packages:
   date-fns@3.6.0:
     resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
 
-  dayjs@1.11.13:
-    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
+  dayjs@1.11.19:
+    resolution: {integrity: sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==}
 
   debounce@1.2.1:
     resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
@@ -3001,24 +2747,6 @@ packages:
       supports-color:
         optional: true
 
-  debug@4.4.0:
-    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  debug@4.4.1:
-    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -3062,8 +2790,8 @@ packages:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
 
-  detect-libc@2.0.4:
-    resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
 
   detect-node-es@1.1.0:
@@ -3110,8 +2838,11 @@ packages:
   dom-helpers@5.2.1:
     resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
 
-  dotenv@16.5.0:
-    resolution: {integrity: sha512-m/C+AwOAr9/W1UOIZUo232ejMNnJAJtYQjUbHoNTBNTJSvqzzDh7vnrei3o3r3m9blf6ZoDkvcw0VmozNRFJxg==}
+  dompurify@3.2.7:
+    resolution: {integrity: sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==}
+
+  dotenv@16.6.1:
+    resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
     engines: {node: '>=12'}
 
   dunder-proto@1.0.1:
@@ -3132,11 +2863,8 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  electron-to-chromium@1.5.113:
-    resolution: {integrity: sha512-wjT2O4hX+wdWPJ76gWSkMhcHAV2PTMX+QetUCPYEdCIe+cxmgzzSSiGRCKW8nuh4mwKZlpv0xvoW7OF2X+wmHg==}
-
-  electron-to-chromium@1.5.232:
-    resolution: {integrity: sha512-ENirSe7wf8WzyPCibqKUG1Cg43cPaxH4wRR7AJsX7MCABCHBIOFqvaYODSLKUuZdraxUTHRE/0A2Aq8BYKEHOg==}
+  electron-to-chromium@1.5.262:
+    resolution: {integrity: sha512-NlAsMteRHek05jRUxUR0a5jpjYq9ykk6+kO0yRaMi5moe7u0fVIOeQ3Y30A8dIiWFBNUoQGi1ljb1i5VtS9WQQ==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -3186,21 +2914,16 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
-  es-toolkit@1.39.7:
-    resolution: {integrity: sha512-ek/wWryKouBrZIjkwW2BFf91CWOIMvoy2AE5YYgUrfWsJQM2Su1LoLtrw8uusEpN9RfqLlV/0FVNjT0WMv8Bxw==}
+  es-toolkit@1.42.0:
+    resolution: {integrity: sha512-SLHIyY7VfDJBM8clz4+T2oquwTQxEzu263AyhVK4jREOAwJ+8eebaa4wM3nlvnAqhDrMm2EsA6hWHaQsMPQ1nA==}
 
   esbuild-register@3.6.0:
     resolution: {integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==}
     peerDependencies:
       esbuild: '>=0.12 <1'
 
-  esbuild@0.25.10:
-    resolution: {integrity: sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==}
-    engines: {node: '>=18'}
-    hasBin: true
-
-  esbuild@0.25.5:
-    resolution: {integrity: sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==}
+  esbuild@0.25.12:
+    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -3225,8 +2948,8 @@ packages:
       typescript:
         optional: true
 
-  eslint-config-prettier@10.1.5:
-    resolution: {integrity: sha512-zc1UmCpNltmVY34vuLRV61r1K27sWuX39E+uyUnY8xS2Bex88VV9cugG+UZbRSRGtGyFboj+D8JODyme1plMpw==}
+  eslint-config-prettier@10.1.8:
+    resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
@@ -3284,8 +3007,8 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
 
-  eslint-plugin-prettier@5.5.0:
-    resolution: {integrity: sha512-8qsOYwkkGrahrgoUv76NZi23koqXOGiiEzXMrT8Q7VcYaUISR+5MorIUxfWqYXN0fN/31WbSrxCxFkVQ43wwrA==}
+  eslint-plugin-prettier@5.5.4:
+    resolution: {integrity: sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       '@types/eslint': '>=8.0.0'
@@ -3304,6 +3027,12 @@ packages:
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
+  eslint-plugin-react-perf@3.3.3:
+    resolution: {integrity: sha512-EzPdxsRJg5IllCAH9ny/3nK7sv9251tvKmi/d3Ouv5KzI8TB3zNhzScxL9wnh9Hvv8GYC5LEtzTauynfOEYiAw==}
+    engines: {node: '>=6.9.1'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+
   eslint-plugin-react@7.37.5:
     resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
     engines: {node: '>=4'}
@@ -3336,8 +3065,8 @@ packages:
     deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
-  eslint@9.32.0:
-    resolution: {integrity: sha512-LSehfdpgMeWcTZkWZVIJl+tkZ2nuSkyyB9C27MZqFWXuph7DvaowgcTvKqxvpLW1JZIk8PN7hFY3Rj9LQ7m7lg==}
+  eslint@9.39.1:
+    resolution: {integrity: sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -3398,8 +3127,8 @@ packages:
   fast-diff@1.3.0:
     resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
 
-  fast-equals@5.2.2:
-    resolution: {integrity: sha512-V7/RktU11J3I36Nwq2JnZEM7tNm17eBJz+u25qdxBZeCKiX6BkVSZQjwWIr+IobgnZy+ag73tTZgZi7tr0LrBw==}
+  fast-equals@5.3.3:
+    resolution: {integrity: sha512-/boTcHZeIAQ2r/tL11voclBHDeP9WPxLt+tyAbVSyyXuUFyh0Tne7gJZTqGbxnvj79TjLdCXLOY7UIPhyG5MTw==}
     engines: {node: '>=6.0.0'}
 
   fast-glob@3.3.1:
@@ -3416,8 +3145,8 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
-  fast-uri@3.0.6:
-    resolution: {integrity: sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==}
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
 
   fastq@1.19.1:
     resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
@@ -3425,8 +3154,9 @@ packages:
   fault@1.0.4:
     resolution: {integrity: sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==}
 
-  fdir@6.4.6:
-    resolution: {integrity: sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==}
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
     peerDependencies:
       picomatch: ^3 || ^4
     peerDependenciesMeta:
@@ -3484,8 +3214,8 @@ packages:
     resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
     engines: {node: '>=14'}
 
-  form-data@4.0.4:
-    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
+  form-data@4.0.5:
+    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
 
   format@0.2.2:
@@ -3560,8 +3290,8 @@ packages:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
 
-  get-tsconfig@4.10.1:
-    resolution: {integrity: sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ==}
+  get-tsconfig@4.13.0:
+    resolution: {integrity: sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==}
 
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
@@ -3574,8 +3304,8 @@ packages:
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
-  glob@10.4.5:
-    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+  glob@10.5.0:
+    resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
     hasBin: true
 
   glob@7.2.3:
@@ -3697,8 +3427,11 @@ packages:
     resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
     engines: {node: '>= 4'}
 
-  immer@10.1.3:
-    resolution: {integrity: sha512-tmjF/k8QDKydUlm3mZU+tjM6zeq9/fFpPqH9SzWmBnVVKsPBg/V66qsMwb3/Bo90cgUN+ghdVBess+hPsxUyRw==}
+  immer@10.2.0:
+    resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
+
+  immer@11.0.0:
+    resolution: {integrity: sha512-XtRG4SINt4dpqlnJvs70O2j6hH7H0X8fUzFsjMn1rwnETaxwp83HLNimXBjZ78MrKl3/d3/pkzDH0o0Lkxm37Q==}
 
   immutable@4.3.7:
     resolution: {integrity: sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==}
@@ -3750,8 +3483,8 @@ packages:
     resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
 
-  is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+  is-arrayish@0.3.4:
+    resolution: {integrity: sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==}
 
   is-async-function@2.1.1:
     resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
@@ -3808,10 +3541,6 @@ packages:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
-  is-generator-function@1.1.0:
-    resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
-    engines: {node: '>= 0.4'}
-
   is-generator-function@1.1.2:
     resolution: {integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==}
     engines: {node: '>= 0.4'}
@@ -3954,8 +3683,8 @@ packages:
       react:
         optional: true
 
-  jotai@2.13.1:
-    resolution: {integrity: sha512-cRsw6kFeGC9Z/D3egVKrTXRweycZ4z/k7i2MrfCzPYsL9SIWcPXTyqv258/+Ay8VUEcihNiE/coBLE6Kic6b8A==}
+  jotai@2.15.1:
+    resolution: {integrity: sha512-yHT1HAZ3ba2Q8wgaUQ+xfBzEtcS8ie687I8XVCBinfg4bNniyqLIN+utPXWKQE93LMF5fPbQSVRZqgpcN5yd6Q==}
     engines: {node: '>=12.20.0'}
     peerDependencies:
       '@babel/core': '>=7.0.0'
@@ -3984,8 +3713,8 @@ packages:
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
-  js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
   jsdoc-type-pratt-parser@4.8.0:
@@ -4023,14 +3752,13 @@ packages:
     resolution: {integrity: sha512-Quz3MvAwHxVYNXsOByL7xI5EB2WYOeFswqaHIA3qOK3isRWTxiplBEocmmru6XmxDB2L7jDNYtYA4FyimoAFEw==}
     engines: {node: '>=8.17.0'}
     hasBin: true
-    bundledDependencies: []
 
   jsonpointer@5.0.1:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
 
-  jsonrepair@3.13.0:
-    resolution: {integrity: sha512-5YRzlAQ7tuzV1nAJu3LvDlrKtBFIALHN2+a+I1MGJCt3ldRDBF/bZuvIPzae8Epot6KBXd0awRZZcuoeAsZ/mw==}
+  jsonrepair@3.13.1:
+    resolution: {integrity: sha512-WJeiE0jGfxYmtLwBTEk8+y/mYcaleyLXWaqp5bJu0/ZTSeG0KQq/wWQ8pmnkKenEdN6pdnn6QtcoSUkbqDHWNw==}
     hasBin: true
 
   jsonwebtoken@9.0.2:
@@ -4083,8 +3811,8 @@ packages:
     resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
     engines: {node: '>=4.0'}
 
-  jwa@1.4.1:
-    resolution: {integrity: sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==}
+  jwa@1.4.2:
+    resolution: {integrity: sha512-eeH5JO+21J78qMvTIDdBXidBd6nG2kZjg5Ohz/1fpa28Z4CcsWUzJ1ZZyFq/3z3N17aZy+ZuBoHljASbL1WfOw==}
 
   jws@3.2.2:
     resolution: {integrity: sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==}
@@ -4099,8 +3827,8 @@ packages:
     resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
     engines: {node: '>=0.10'}
 
-  leven@4.0.0:
-    resolution: {integrity: sha512-puehA3YKku3osqPlNuzGDUHq8WpwXupUg1V6NXdV38G+gr+gkBwFC8g1b/+YcIvp8gnqVIus+eJCH/eGsRmJNw==}
+  leven@4.1.0:
+    resolution: {integrity: sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
   levn@0.4.1:
@@ -4115,8 +3843,8 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  libphonenumber-js@1.12.5:
-    resolution: {integrity: sha512-DOjiaVjjSmap12ztyb4QgoFmUe/GbgnEXHu+R7iowk0lzDIjScvPAm8cK9RYTEobbRb0OPlwlZUGTTJPJg13Kw==}
+  libphonenumber-js@1.12.29:
+    resolution: {integrity: sha512-P2aLrbeqHbmh8+9P35LXQfXOKc7XJ0ymUKl7tyeyQjdRNfzunXWxQXGc4yl3fUf28fqLRfPY+vIVvFXK7KEBTw==}
 
   lilconfig@3.1.3:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
@@ -4125,8 +3853,8 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  loader-runner@4.3.0:
-    resolution: {integrity: sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==}
+  loader-runner@4.3.1:
+    resolution: {integrity: sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==}
     engines: {node: '>=6.11.5'}
 
   locate-path@6.0.0:
@@ -4177,8 +3905,8 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
-  loupe@3.2.0:
-    resolution: {integrity: sha512-2NCfZcT5VGVNX9mSZIxLRkEAegDGBpuQZBy13desuHeVORmBDyAET4TkJr4SjqQy3A8JDofMN6LpkK8Xcm/dlw==}
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
 
   lowlight@1.20.0:
     resolution: {integrity: sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==}
@@ -4201,12 +3929,17 @@ packages:
   make-synchronized@0.4.2:
     resolution: {integrity: sha512-EwEJSg8gSGLicKXp/VzNi1tvzhdmNBxOzslkkJSoNUCQFZKH/NIUIp7xlfN+noaHrz4BJDN73gne8IHnjl/F/A==}
 
+  marked@14.0.0:
+    resolution: {integrity: sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==}
+    engines: {node: '>= 18'}
+    hasBin: true
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
-  mdast-util-to-hast@13.2.0:
-    resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
 
   media-typer@0.3.0:
     resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
@@ -4291,8 +4024,8 @@ packages:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  monaco-editor@0.52.2:
-    resolution: {integrity: sha512-GEQWEZmfkOGLdd3XK8ryrfWz3AIP8YymVXiPHEdewrUq7mh0qrKrfHLNCXcbB6sTnMLnOZ3ztSiKcciFUkIJwQ==}
+  monaco-editor@0.55.1:
+    resolution: {integrity: sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==}
 
   motion-dom@12.23.23:
     resolution: {integrity: sha512-n5yolOs0TQQBRUFImrRfs/+6X4p3Q4n1dUEqt/H58Vx7OW6RF+foWEgmTVDhIWJIMXOuNNL0apKH2S16en9eiA==}
@@ -4329,8 +4062,8 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  napi-postinstall@0.2.4:
-    resolution: {integrity: sha512-ZEzHJwBhZ8qQSbknHqYcdtQVr8zUgGyM/q6h6qAyhtyVMNrSgDhrC4disf03dYW0e+czXyLnZINnCTEkWy0eJg==}
+  napi-postinstall@0.3.4:
+    resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
     hasBin: true
 
@@ -4412,14 +4145,11 @@ packages:
       '@types/node':
         optional: true
 
-  node-releases@2.0.19:
-    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
+  node-releases@2.0.27:
+    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
 
-  node-releases@2.0.23:
-    resolution: {integrity: sha512-cCmFDMSm26S6tQSDpBCg/NR8NENrVPhAJSf+XbxBG4rPFaaonlEoE9wHQmun+cls499TQGSb7ZyPBRlzgKfpeg==}
-
-  nodemailer@6.10.0:
-    resolution: {integrity: sha512-SQ3wZCExjeSatLE/HBaXS5vqUOQk6GtBdIIKxiFdmm01mOQZX/POJkO3SUX1wDiYcwUOJwT23scFSC9fY2H8IA==}
+  nodemailer@6.10.1:
+    resolution: {integrity: sha512-Z+iLaBGVaSjbIzQ4pX6XV41HrooLsQ10ZWPUehGmuantvzWoDVBnmsdUcOIDM1t+yPor5pDhVlDESgOMEGxhHA==}
     engines: {node: '>=6.0.0'}
 
   nopt@7.2.1:
@@ -4477,8 +4207,8 @@ packages:
   oniguruma-parser@0.12.1:
     resolution: {integrity: sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==}
 
-  oniguruma-to-es@4.3.3:
-    resolution: {integrity: sha512-rPiZhzC3wXwE59YQMRDodUwwT9FZ9nNBwQQfsd1wfdtlKEyCdRV0avrTcSZ5xlIvGRVPd/cx6ZN45ECmS39xvg==}
+  oniguruma-to-es@4.3.4:
+    resolution: {integrity: sha512-3VhUGN3w2eYxnTzHn+ikMI+fp/96KoRSVK9/kMTcFqj1NRDh2IhQCKvYxDnWePKRXY/AqH+Fuiyb7VHSzBjHfA==}
 
   open@8.4.2:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
@@ -4558,28 +4288,28 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  picomatch@4.0.2:
-    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
     engines: {node: '>=12'}
 
   pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
 
-  pirates@4.0.6:
-    resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
+  pirates@4.0.7:
+    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
     engines: {node: '>= 6'}
 
   pkce-challenge@3.1.0:
     resolution: {integrity: sha512-bQ/0XPZZ7eX+cdAkd61uYWpfMhakH3NeteUF1R8GNa+LMqX8QFAkbCLqq+AYAns1/ueACBu/BMWhrlKGrdvGZg==}
 
-  playwright-core@1.53.1:
-    resolution: {integrity: sha512-Z46Oq7tLAyT0lGoFx4DOuB1IA9D1TPj0QkYxpPVUnGDqHHvDpCftu1J2hM2PiWsNMoZh8+LQaarAWcDfPBc6zg==}
+  playwright-core@1.57.0:
+    resolution: {integrity: sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.53.1:
-    resolution: {integrity: sha512-LJ13YLr/ocweuwxyGf1XNFWIU4M2zUSo149Qbp+A4cpwDjsxRPj7k6H25LBrEHiEwxvRbD8HdwvQmRMSvquhYw==}
+  playwright@1.57.0:
+    resolution: {integrity: sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -4598,22 +4328,28 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
 
-  postcss-js@4.0.1:
-    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
+  postcss-js@4.1.0:
+    resolution: {integrity: sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.4.21
 
-  postcss-load-config@4.0.2:
-    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
-    engines: {node: '>= 14'}
+  postcss-load-config@6.0.1:
+    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
+    engines: {node: '>= 18'}
     peerDependencies:
+      jiti: '>=1.21.0'
       postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
+      tsx: ^4.8.1
+      yaml: ^2.4.2
     peerDependenciesMeta:
+      jiti:
+        optional: true
       postcss:
         optional: true
-      ts-node:
+      tsx:
+        optional: true
+      yaml:
         optional: true
 
   postcss-nested@6.2.0:
@@ -4637,19 +4373,11 @@ packages:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
-  posthog-js@1.229.5:
-    resolution: {integrity: sha512-M7WewK9nltttOpQ7TVksrTYun+A4MOC3auHQ7IGTEariXfTrRApvWnQFbRTZ1C4kLWFvsvsamotJf9nC+PgCug==}
-    peerDependencies:
-      '@rrweb/types': 2.0.0-alpha.17
-      rrweb-snapshot: 2.0.0-alpha.17
-    peerDependenciesMeta:
-      '@rrweb/types':
-        optional: true
-      rrweb-snapshot:
-        optional: true
+  posthog-js@1.298.1:
+    resolution: {integrity: sha512-MynFhC2HO6sg5moUfpkd0s6RzAqcqFX75kjIi4Xrj2Gl0/YQWYvFUgvv8FCpWPKPs2mdvNWYhs+oqJg0BVVHPw==}
 
-  preact@10.26.4:
-    resolution: {integrity: sha512-KJhO7LBFTjP71d83trW+Ilnjbo+ySsaAgCfXOXUlmGzJ4ygYPWmysm77yg4emwfmoz3b22yvH5IsVFHbhUaH5w==}
+  preact@10.27.2:
+    resolution: {integrity: sha512-5SYSgFKSyhCbk6SrXyMpqjb5+MQBgfvEKE/OC+PujcY34sOpqtr+0AZQtPYx5IA6VxynQ7rUPCtKzyovpj9Bpg==}
 
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
@@ -4777,8 +4505,8 @@ packages:
       react: '>=16.11.0'
       react-dom: '>=16.11.0'
 
-  rc-field-form@2.7.0:
-    resolution: {integrity: sha512-hgKsCay2taxzVnBPZl+1n4ZondsV78G++XVsMIJCAoioMjlMQR9YwAp7JZDIECzIu2Z66R+f4SFIRrO2DjDNAA==}
+  rc-field-form@2.7.1:
+    resolution: {integrity: sha512-vKeSifSJ6HoLaAB+B8aq/Qgm8a3dyxROzCtKNCsBQgiverpc4kWDQihoUwzUj+zNWJOykwSY4dNX3QrGwtVb9A==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
@@ -4827,8 +4555,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-overflow@1.4.1:
-    resolution: {integrity: sha512-3MoPQQPV1uKyOMVNd6SZfONi+f3st0r8PksexIdBTeIYbMX0Jr+k7pHEDvsXtR4BpCv90/Pv2MovVNhktKrwvw==}
+  rc-overflow@1.5.0:
+    resolution: {integrity: sha512-Lm/v9h0LymeUYJf0x39OveU52InkdRXqnn2aYXfWmo8WdOonIKB2kfau+GF0fWq6jPgtdO9yMqveGcK6aIhJmg==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -4891,8 +4619,8 @@ packages:
       react: '*'
       react-dom: '*'
 
-  rc-slider@11.1.8:
-    resolution: {integrity: sha512-2gg/72YFSpKP+Ja5AjC5DPL1YnV8DEITDQrcc1eASrUYjl0esptaBVJBh5nLTXCCp15eD8EuGjwezVGSHhs9tQ==}
+  rc-slider@11.1.9:
+    resolution: {integrity: sha512-h8IknhzSh3FEM9u8ivkskh+Ef4Yo4JRIY2nj7MrH6GQmrwV6mcpJf5/4KgH5JaVI1H3E52yCdpOlVyGZIeph5A==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
@@ -4911,22 +4639,22 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-table@7.51.1:
-    resolution: {integrity: sha512-5iq15mTHhvC42TlBLRCoCBLoCmGlbRZAlyF21FonFnS/DIC8DeRqnmdyVREwt2CFbPceM0zSNdEeVfiGaqYsKw==}
+  rc-table@7.54.0:
+    resolution: {integrity: sha512-/wDTkki6wBTjwylwAGjpLKYklKo9YgjZwAU77+7ME5mBoS32Q4nAwoqhA2lSge6fobLW3Tap6uc5xfwaL2p0Sw==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-tabs@15.6.1:
-    resolution: {integrity: sha512-/HzDV1VqOsUWyuC0c6AkxVYFjvx9+rFPKZ32ejxX0Uc7QCzcEjTA9/xMgv4HemPKwzBNX8KhGVbbumDjnj92aA==}
+  rc-tabs@15.7.0:
+    resolution: {integrity: sha512-ZepiE+6fmozYdWf/9gVp7k56PKHB1YYoDsKeQA1CBlJ/POIhjkcYiv0AGP0w2Jhzftd3AVvZP/K+V+Lpi2ankA==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-textarea@1.10.0:
-    resolution: {integrity: sha512-ai9IkanNuyBS4x6sOL8qu/Ld40e6cEs6pgk93R+XLYg0mDSjNBGey6/ZpDs5+gNLD7urQ14po3V6Ck2dJLt9SA==}
+  rc-textarea@1.10.2:
+    resolution: {integrity: sha512-HfaeXiaSlpiSp0I/pvWpecFEHpVysZ9tpDLNkxQbMvMz6gsr7aVZ7FpWP9kt4t7DB+jJXesYS0us1uPZnlRnwQ==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -4950,8 +4678,8 @@ packages:
       react: '*'
       react-dom: '*'
 
-  rc-upload@4.9.2:
-    resolution: {integrity: sha512-nHx+9rbd1FKMiMRYsqQ3NkXUv7COHPBo3X1Obwq9SWS6/diF/A0aJ5OHubvwUAIDs+4RMleljV0pcrNUc823GQ==}
+  rc-upload@4.11.0:
+    resolution: {integrity: sha512-ZUyT//2JAehfHzjWowqROcwYJKnZkIUGWaTE/VogVrepSl7AFNbQf4+zGfX4zl9Vrj/Jm8scLO0R6UlPDKK4wA==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -4962,8 +4690,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-virtual-list@3.19.1:
-    resolution: {integrity: sha512-DCapO2oyPqmooGhxBuXHM4lFuX+sshQwWqqkuyFA+4rShLe//+GEPVwiDgO+jKtKHtbeYwZoNvetwfHdOf+iUQ==}
+  rc-virtual-list@3.19.2:
+    resolution: {integrity: sha512-Ys6NcjwGkuwkeaWBDqfI3xWuZ7rDiQXlH1o2zLfFzATfEgXcqpk8CkgMfbJD81McqjcJVez25a3kPxCR807evA==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
@@ -4981,13 +4709,13 @@ packages:
   react-display-name@0.2.5:
     resolution: {integrity: sha512-I+vcaK9t4+kypiSgaiVWAipqHRXYmZIuAiS8vzFvXHHXVigg/sMKwlRgLy6LH2i3rmP+0Vzfl5lFsFRwF1r3pg==}
 
-  react-dom@19.0.0:
-    resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==}
+  react-dom@19.2.0:
+    resolution: {integrity: sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==}
     peerDependencies:
-      react: ^19.0.0
+      react: ^19.2.0
 
-  react-draggable@4.4.6:
-    resolution: {integrity: sha512-LtY5Xw1zTPqHkVmtM3X8MUOxNDOUhv/khTgBgrUvwaS064bwVvxT+q5El0uUFNx5IEPKXuRejr7UqLwBIg5pdw==}
+  react-draggable@4.5.0:
+    resolution: {integrity: sha512-VC+HBLEZ0XJxnOxVAZsdRi8rD04Iz3SiiKOoYzamjylUcju/hP9np/aZdLHf/7WOD268WMoNJMvYfB5yAK45cw==}
     peerDependencies:
       react: '>= 16.3.0'
       react-dom: '>= 16.3.0'
@@ -5038,8 +4766,8 @@ packages:
       react: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  react-qr-code@2.0.15:
-    resolution: {integrity: sha512-MkZcjEXqVKqXEIMVE0mbcGgDpkfSdd8zhuzXEl9QzYeNcw8Hq2oVIzDLWuZN2PQBwM5PWjc2S31K8Q1UbcFMfw==}
+  react-qr-code@2.0.18:
+    resolution: {integrity: sha512-v1Jqz7urLMhkO6jkgJuBYhnqvXagzceg3qJUWayuCK/c6LTIonpWbwxR1f1APGd4xrW/QcQEovNrAojbUz65Tg==}
     peerDependencies:
       react: '*'
 
@@ -5102,8 +4830,8 @@ packages:
       '@types/react':
         optional: true
 
-  react-syntax-highlighter@15.6.1:
-    resolution: {integrity: sha512-OqJ2/vL7lEeV5zTJyG7kmARppUjiB9h9udl4qHQjjgEos66z00Ia0OckwYfRxCSFrW8RJIBnsBwQsHZbVPspqg==}
+  react-syntax-highlighter@15.6.6:
+    resolution: {integrity: sha512-DgXrc+AZF47+HvAPEmn7Ua/1p10jNoVZVI/LoPiYdtY+OM+/nG5yefLHKJwdKqY1adMuHFbeyBaG9j64ML7vTw==}
     peerDependencies:
       react: '>= 0.14.0'
 
@@ -5119,8 +4847,8 @@ packages:
       react: '>=16.6.0'
       react-dom: '>=16.6.0'
 
-  react-transition-state@2.3.0:
-    resolution: {integrity: sha512-OucQRyIpeq5g1/5qSBJH4p4U+SzYEoB3MsAXXz3ty116rPqG4jhwrzInImZ2gFi4XOffeLu6HNCZvkCM3DKaeg==}
+  react-transition-state@2.3.1:
+    resolution: {integrity: sha512-Z48el73x+7HUEM131dof9YpcQ5IlM4xB+pKWH/lX3FhxGfQaNTZa16zb7pWkC/y5btTZzXfCtglIJEGc57giOw==}
     peerDependencies:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
@@ -5132,8 +4860,8 @@ packages:
       react: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  react@19.0.0:
-    resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
+  react@19.2.0:
+    resolution: {integrity: sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==}
     engines: {node: '>=0.10.0'}
 
   read-cache@1.0.0:
@@ -5150,15 +4878,15 @@ packages:
   recharts-scale@0.4.5:
     resolution: {integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==}
 
-  recharts@2.15.1:
-    resolution: {integrity: sha512-v8PUTUlyiDe56qUj82w/EDVuzEFXwEHp9/xOowGAZwfLjB9uAy3GllQVIYMWF6nU+qibx85WF75zD7AjqoT54Q==}
+  recharts@2.15.4:
+    resolution: {integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==}
     engines: {node: '>=14'}
     peerDependencies:
       react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  recharts@3.1.0:
-    resolution: {integrity: sha512-NqAqQcGBmLrfDs2mHX/bz8jJCQtG2FeXfE0GqpZmIuXIjkpIwj8sd9ad0WyvKiBKPd8ZgNG0hL85c8sFDwascw==}
+  recharts@3.5.0:
+    resolution: {integrity: sha512-jWqBtu8L3VICXWa3g/y+bKjL8DDHSRme7DHD/70LQ/Tk0di1h11Y0kKC0nPh6YJ2oaa0k6anIFNhg6SfzHWdEA==}
     engines: {node: '>=18'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
@@ -5184,9 +4912,6 @@ packages:
   refractor@3.6.0:
     resolution: {integrity: sha512-MY9W41IOWxxk31o+YvFCNyNzdkc9M20NoZK5vq6jkv4I/uh2zkWcfudj0Q1fovjUQJrNewS9NMzeTtqPf+n5EA==}
 
-  regenerator-runtime@0.14.1:
-    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
-
   regex-recursion@6.0.2:
     resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
 
@@ -5223,8 +4948,8 @@ packages:
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
-  resolve@1.22.10:
-    resolution: {integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==}
+  resolve@1.22.11:
+    resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
     engines: {node: '>= 0.4'}
     hasBin: true
 
@@ -5263,8 +4988,8 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
-  scheduler@0.25.0:
-    resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
   schema-utils@4.3.3:
     resolution: {integrity: sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==}
@@ -5280,16 +5005,16 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.7.2:
-    resolution: {integrity: sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==}
+  semver@7.7.3:
+    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
     engines: {node: '>=10'}
     hasBin: true
 
   serialize-javascript@6.0.2:
     resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
 
-  set-cookie-parser@2.7.1:
-    resolution: {integrity: sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==}
+  set-cookie-parser@2.7.2:
+    resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
 
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
@@ -5306,8 +5031,8 @@ packages:
   shallow-equal@1.2.1:
     resolution: {integrity: sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==}
 
-  sharp@0.34.3:
-    resolution: {integrity: sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg==}
+  sharp@0.34.5:
+    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
 
   shebang-command@2.0.0:
@@ -5318,8 +5043,8 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  shiki@3.12.2:
-    resolution: {integrity: sha512-uIrKI+f9IPz1zDT+GMz+0RjzKJiijVr6WDWm9Pe3NNY6QigKCfifCEv9v9R2mDASKKjzjQ2QpFLcxaR3iHSnMA==}
+  shiki@3.17.0:
+    resolution: {integrity: sha512-lUZfWsyW7czITYTdo/Tb6ZM4VfyXlzmKYBQBjTz+pBzPPkP08RgIt00Ls1Z50Cl3SfwJsue6WbJeF3UgqLVI9Q==}
 
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
@@ -5341,8 +5066,8 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
-  simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+  simple-swizzle@0.2.4:
+    resolution: {integrity: sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==}
 
   sirv@2.0.4:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
@@ -5436,8 +5161,8 @@ packages:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
 
-  strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+  strip-ansi@7.1.2:
+    resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
     engines: {node: '>=12'}
 
   strip-bom@3.0.0:
@@ -5468,8 +5193,8 @@ packages:
   stylis@4.3.6:
     resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
 
-  sucrase@3.35.0:
-    resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
+  sucrase@3.35.1:
+    resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
@@ -5488,8 +5213,8 @@ packages:
   supertokens-js-override@0.0.4:
     resolution: {integrity: sha512-r0JFBjkMIdep3Lbk3JA+MpnpuOtw4RSyrlRAbrzMcxwiYco3GFWl/daimQZ5b1forOiUODpOlXbSOljP/oyurg==}
 
-  supertokens-node@21.1.0:
-    resolution: {integrity: sha512-QcIeNg1OcXK5k7x0dqIwq6kL2kiNQeV1OT242aOvjOJR5nsP4H5XiCt7Fk3ZHl6gy6x62EPQVIo6RGUY0T0ldg==}
+  supertokens-node@21.1.2:
+    resolution: {integrity: sha512-YX5qxT/cP/qsuvsH9j8oSsOdkvJhOk4eM+pGpJ0YToj4LZMa8FIUFnh4SDuAO/AC4SuTeIyhysMG4DdDUJdz8Q==}
 
   supertokens-web-js@0.13.1:
     resolution: {integrity: sha512-8ZWlC+01SuyrEerF/Wjkwlikw9SiLPdDIY3CrtVtri6zoJ2enziyg5dbkFrWbxgOagziyl2yjnD0/EEmXxl5tw==}
@@ -5525,8 +5250,8 @@ packages:
       react: '>=17.0.2'
       swr: '>=1.0.0'
 
-  swr@2.3.3:
-    resolution: {integrity: sha512-dshNvs3ExOqtZ6kJBaAsabhPdHyeY4P2cKwRCniDVifBMoG/SVI7tfLWqPXriVspf2Rg4tPzXJTnwaihIeFw2A==}
+  swr@2.3.6:
+    resolution: {integrity: sha512-wfHRmHWk/isGNMwlLGlZX5Gzz/uTgo0o2IRuTMcf4CPuPFJZlq0rDaKUx+ozB5nBOReNV1kiOyzMfj+MBMikLw==}
     peerDependencies:
       react: ^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
@@ -5534,12 +5259,12 @@ packages:
     resolution: {integrity: sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==}
     engines: {node: '>=0.10.0'}
 
-  synckit@0.11.8:
-    resolution: {integrity: sha512-+XZ+r1XGIJGeQk3VvXhT6xx/VpbHsRzsTkGgF6E5RX9TTXD0118l87puaEBZ566FhqblC6U0d4XnubznJDm30A==}
+  synckit@0.11.11:
+    resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  tabbable@6.2.0:
-    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
+  tabbable@6.3.0:
+    resolution: {integrity: sha512-EIHvdY5bPLuWForiR/AN2Bxngzpuwn1is4asboytXtpTgsArc+WmSJKVLlhdh71u7jFcryDqB2A8lQvj78MkyQ==}
 
   tailwind-merge@2.6.0:
     resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
@@ -5550,8 +5275,8 @@ packages:
     peerDependencies:
       tailwindcss: 3.x
 
-  tailwindcss@3.4.17:
-    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
+  tailwindcss@3.4.18:
+    resolution: {integrity: sha512-6A2rnmW5xZMdw11LYjhcI5846rt9pbLSabY5XPxo+XWdxwZaFEn47Go4NzFiHu9sNNmr/kXivP1vStfvMaK1GQ==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
@@ -5575,8 +5300,8 @@ packages:
       uglify-js:
         optional: true
 
-  terser@5.44.0:
-    resolution: {integrity: sha512-nIVck8DK+GM/0Frwd+nIhZ84pR/BX7rmXMfYwyg+Sri5oGVE99/E3KvXqpC2xHFxyqXyGHTKBSioxxplrO4I4w==}
+  terser@5.44.1:
+    resolution: {integrity: sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -5606,8 +5331,8 @@ packages:
   tiny-warning@1.0.3:
     resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
 
-  tinyglobby@0.2.14:
-    resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
   tinyrainbow@1.2.0:
@@ -5618,11 +5343,11 @@ packages:
     resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
     engines: {node: '>=14.0.0'}
 
-  tldts-core@6.1.83:
-    resolution: {integrity: sha512-I2wb9OJc6rXyh9d4aInhSNWChNI+ra6qDnFEGEwe9OoA68lE4Temw29bOkf1Uvwt8VZS079t1BFZdXVBmmB4dw==}
+  tldts-core@6.1.86:
+    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
 
-  tldts@6.1.83:
-    resolution: {integrity: sha512-FHxxNJJ0WNsEBPHyC1oesQb3rRoxpuho/z2g3zIIAhw1WHJeQsUzK1jYK8TI1/iClaa4fS3Z2TCA9mtxXsENSg==}
+  tldts@6.1.86:
+    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
     hasBin: true
 
   to-regex-range@5.0.1:
@@ -5681,8 +5406,8 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  tsx@4.20.3:
-    resolution: {integrity: sha512-qjbnuR9Tr+FJOMBqJCW5ehvIo/buZq7vH7qD7JziU98h6l3qGy0a/yPFjwO+y0/T7GFpNgNAvEcPPVfyT8rrPQ==}
+  tsx@4.20.6:
+    resolution: {integrity: sha512-ytQKuwgmrrkDTFP4LjR0ToE2nqgy886GpvRSpU0JAnrdBYppuY5rLkRUYPU1yCryb24SsKBTL/hlDQAEFVwtZg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -5756,12 +5481,12 @@ packages:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typescript-eslint@8.34.1:
-    resolution: {integrity: sha512-XjS+b6Vg9oT1BaIUfkW3M3LvqZE++rbzAMEHuccCfO/YkP43ha6w3jTEMilQxMF92nVOYCcdjv1ZUhAa1D/0ow==}
+  typescript-eslint@8.48.0:
+    resolution: {integrity: sha512-fcKOvQD9GUn3Xw63EgiDqhvWJ5jsyZUaekl3KVpGsDJnN46WJTe3jWxtQP9lMZm1LJNkFLlTaWAxK2vUQR+cqw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   typescript@5.8.3:
     resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
@@ -5772,14 +5497,11 @@ packages:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
 
-  undici-types@6.19.8:
-    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
-
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
-  unist-util-is@6.0.0:
-    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
 
   unist-util-position@5.0.0:
     resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
@@ -5787,17 +5509,17 @@ packages:
   unist-util-stringify-position@4.0.0:
     resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
 
-  unist-util-visit-parents@6.0.1:
-    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
 
   unist-util-visit@5.0.0:
     resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
 
-  unrs-resolver@1.9.1:
-    resolution: {integrity: sha512-4AZVxP05JGN6DwqIkSP4VKLOcwQa5l37SWHF/ahcuqBMbfxbpN1L1QKafEhWCziHhzKex9H/AR09H0OuVyU+9g==}
+  unrs-resolver@1.11.1:
+    resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
 
-  update-browserslist-db@1.1.3:
-    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
+  update-browserslist-db@1.1.4:
+    resolution: {integrity: sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
@@ -5860,8 +5582,8 @@ packages:
       '@types/react':
         optional: true
 
-  use-sync-external-store@1.4.0:
-    resolution: {integrity: sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==}
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
@@ -5929,8 +5651,8 @@ packages:
     resolution: {integrity: sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==}
     engines: {node: '>=10.13.0'}
 
-  webpack@5.98.0:
-    resolution: {integrity: sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA==}
+  webpack@5.103.0:
+    resolution: {integrity: sha512-HU1JOuV1OavsZ+mfigY0j8d1TgQgbZ6M+J75zDkpEAwYeXjWSqrGJtgnPblJjd/mAyTNQ7ygw0MiKOn6etz8yw==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     peerDependencies:
@@ -6010,13 +5732,13 @@ packages:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
 
-  yaml@2.7.0:
-    resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
-    engines: {node: '>= 14'}
+  yaml@2.8.1:
+    resolution: {integrity: sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==}
+    engines: {node: '>= 14.6'}
     hasBin: true
 
-  yjs@13.6.24:
-    resolution: {integrity: sha512-xn/pYLTZa3uD1uDG8lpxfLRo5SR/rp0frdASOl2a71aYNvUXdWcLtVL91s2y7j+Q8ppmjZ9H3jsGVgoFMbT2VA==}
+  yjs@13.6.27:
+    resolution: {integrity: sha512-OIDwaflOaq4wC6YlPBy2L6ceKeKuF7DeTxx+jPzv1FHn9tCZ0ZwSRnUBxD05E3yed46fv/FWJbvR+Ud7x0L7zw==}
     engines: {node: '>=16.0.0', npm: '>=8.0.0'}
 
   yn@3.1.1:
@@ -6032,106 +5754,98 @@ packages:
 
 snapshots:
 
-  '@adobe/css-tools@4.4.3': {}
+  '@adobe/css-tools@4.4.4': {}
 
-  '@ag-grid-community/client-side-row-model@32.3.4':
+  '@ag-grid-community/client-side-row-model@32.3.9':
     dependencies:
-      '@ag-grid-community/core': 32.3.4
+      '@ag-grid-community/core': 32.3.9
       tslib: 2.8.1
 
-  '@ag-grid-community/core@32.3.4':
+  '@ag-grid-community/core@32.3.9':
     dependencies:
-      ag-charts-types: 10.3.4
+      ag-charts-types: 10.3.9
       tslib: 2.8.1
 
-  '@ag-grid-community/csv-export@32.3.4':
+  '@ag-grid-community/csv-export@32.3.9':
     dependencies:
-      '@ag-grid-community/core': 32.3.4
+      '@ag-grid-community/core': 32.3.9
       tslib: 2.8.1
 
-  '@ag-grid-community/react@32.3.4(@ag-grid-community/core@32.3.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@ag-grid-community/react@32.3.9(@ag-grid-community/core@32.3.9)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@ag-grid-community/core': 32.3.4
+      '@ag-grid-community/core': 32.3.9
       prop-types: 15.8.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@ag-grid-community/styles@32.3.4': {}
+  '@ag-grid-community/styles@32.3.9': {}
 
   '@alloc/quick-lru@5.2.0': {}
 
-  '@ant-design/colors@7.2.0':
-    dependencies:
-      '@ant-design/fast-color': 2.0.6
-
   '@ant-design/colors@7.2.1':
     dependencies:
       '@ant-design/fast-color': 2.0.6
 
-  '@ant-design/cssinjs-utils@1.1.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@ant-design/cssinjs-utils@1.1.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@ant-design/cssinjs': 1.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@babel/runtime': 7.27.6
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@ant-design/cssinjs': 1.24.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@babel/runtime': 7.28.4
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@ant-design/cssinjs@1.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@ant-design/cssinjs@1.24.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.27.0
+      '@babel/runtime': 7.28.4
       '@emotion/hash': 0.8.0
       '@emotion/unitless': 0.7.5
       classnames: 2.5.1
-      csstype: 3.1.3
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      csstype: 3.2.3
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
       stylis: 4.3.6
 
   '@ant-design/fast-color@2.0.6':
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
 
   '@ant-design/icons-svg@4.4.2': {}
 
-  '@ant-design/icons@5.6.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@ant-design/icons@5.6.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@ant-design/colors': 7.2.0
+      '@ant-design/colors': 7.2.1
       '@ant-design/icons-svg': 4.4.2
-      '@babel/runtime': 7.27.0
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@ant-design/react-slick@1.1.2(react@19.0.0)':
+  '@ant-design/react-slick@1.1.2(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
       json2mq: 0.2.0
-      react: 19.0.0
+      react: 19.2.0
       resize-observer-polyfill: 1.5.1
       throttle-debounce: 5.0.2
 
-  '@ant-design/v5-patch-for-react-19@1.0.3(antd@5.26.1(date-fns@3.6.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@ant-design/v5-patch-for-react-19@1.0.3(antd@5.29.1(date-fns@3.6.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      antd: 5.26.1(date-fns@3.6.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      antd: 5.29.1(date-fns@3.6.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
   '@babel/code-frame@7.27.1':
     dependencies:
-      '@babel/helper-validator-identifier': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/helper-validator-identifier@7.27.1': {}
+  '@babel/helper-validator-identifier@7.28.5': {}
 
-  '@babel/runtime@7.27.0':
-    dependencies:
-      regenerator-runtime: 0.14.1
-
-  '@babel/runtime@7.27.6': {}
+  '@babel/runtime@7.28.4': {}
 
   '@cspotcode/source-map-support@0.8.1':
     dependencies:
@@ -6139,50 +5853,50 @@ snapshots:
 
   '@discoveryjs/json-ext@0.5.7': {}
 
-  '@dnd-kit/accessibility@3.1.1(react@19.0.0)':
+  '@dnd-kit/accessibility@3.1.1(react@19.2.0)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
       tslib: 2.8.1
 
-  '@dnd-kit/core@6.3.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@dnd-kit/core@6.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@dnd-kit/accessibility': 3.1.1(react@19.0.0)
-      '@dnd-kit/utilities': 3.2.2(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@dnd-kit/accessibility': 3.1.1(react@19.2.0)
+      '@dnd-kit/utilities': 3.2.2(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
       tslib: 2.8.1
 
-  '@dnd-kit/modifiers@9.0.0(@dnd-kit/core@6.3.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
+  '@dnd-kit/modifiers@9.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@dnd-kit/core': 6.3.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@dnd-kit/utilities': 3.2.2(react@19.0.0)
-      react: 19.0.0
+      '@dnd-kit/core': 6.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@dnd-kit/utilities': 3.2.2(react@19.2.0)
+      react: 19.2.0
       tslib: 2.8.1
 
-  '@dnd-kit/sortable@10.0.0(@dnd-kit/core@6.3.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
+  '@dnd-kit/sortable@10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@dnd-kit/core': 6.3.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@dnd-kit/utilities': 3.2.2(react@19.0.0)
-      react: 19.0.0
+      '@dnd-kit/core': 6.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@dnd-kit/utilities': 3.2.2(react@19.2.0)
+      react: 19.2.0
       tslib: 2.8.1
 
-  '@dnd-kit/utilities@3.2.2(react@19.0.0)':
+  '@dnd-kit/utilities@3.2.2(react@19.2.0)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
       tslib: 2.8.1
 
-  '@emnapi/core@1.4.3':
+  '@emnapi/core@1.7.1':
     dependencies:
-      '@emnapi/wasi-threads': 1.0.2
+      '@emnapi/wasi-threads': 1.1.0
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/runtime@1.5.0':
+  '@emnapi/runtime@1.7.1':
     dependencies:
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/wasi-threads@1.0.2':
+  '@emnapi/wasi-threads@1.1.0':
     dependencies:
       tslib: 2.8.1
     optional: true
@@ -6197,194 +5911,121 @@ snapshots:
 
   '@emotion/unitless@0.7.5': {}
 
-  '@esbuild/aix-ppc64@0.25.10':
+  '@esbuild/aix-ppc64@0.25.12':
     optional: true
 
-  '@esbuild/aix-ppc64@0.25.5':
+  '@esbuild/android-arm64@0.25.12':
     optional: true
 
-  '@esbuild/android-arm64@0.25.10':
+  '@esbuild/android-arm@0.25.12':
     optional: true
 
-  '@esbuild/android-arm64@0.25.5':
+  '@esbuild/android-x64@0.25.12':
     optional: true
 
-  '@esbuild/android-arm@0.25.10':
+  '@esbuild/darwin-arm64@0.25.12':
     optional: true
 
-  '@esbuild/android-arm@0.25.5':
+  '@esbuild/darwin-x64@0.25.12':
     optional: true
 
-  '@esbuild/android-x64@0.25.10':
+  '@esbuild/freebsd-arm64@0.25.12':
     optional: true
 
-  '@esbuild/android-x64@0.25.5':
+  '@esbuild/freebsd-x64@0.25.12':
     optional: true
 
-  '@esbuild/darwin-arm64@0.25.10':
+  '@esbuild/linux-arm64@0.25.12':
     optional: true
 
-  '@esbuild/darwin-arm64@0.25.5':
+  '@esbuild/linux-arm@0.25.12':
     optional: true
 
-  '@esbuild/darwin-x64@0.25.10':
+  '@esbuild/linux-ia32@0.25.12':
     optional: true
 
-  '@esbuild/darwin-x64@0.25.5':
+  '@esbuild/linux-loong64@0.25.12':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.25.10':
+  '@esbuild/linux-mips64el@0.25.12':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.25.5':
+  '@esbuild/linux-ppc64@0.25.12':
     optional: true
 
-  '@esbuild/freebsd-x64@0.25.10':
+  '@esbuild/linux-riscv64@0.25.12':
     optional: true
 
-  '@esbuild/freebsd-x64@0.25.5':
+  '@esbuild/linux-s390x@0.25.12':
     optional: true
 
-  '@esbuild/linux-arm64@0.25.10':
+  '@esbuild/linux-x64@0.25.12':
     optional: true
 
-  '@esbuild/linux-arm64@0.25.5':
+  '@esbuild/netbsd-arm64@0.25.12':
     optional: true
 
-  '@esbuild/linux-arm@0.25.10':
+  '@esbuild/netbsd-x64@0.25.12':
     optional: true
 
-  '@esbuild/linux-arm@0.25.5':
+  '@esbuild/openbsd-arm64@0.25.12':
     optional: true
 
-  '@esbuild/linux-ia32@0.25.10':
+  '@esbuild/openbsd-x64@0.25.12':
     optional: true
 
-  '@esbuild/linux-ia32@0.25.5':
+  '@esbuild/openharmony-arm64@0.25.12':
     optional: true
 
-  '@esbuild/linux-loong64@0.25.10':
+  '@esbuild/sunos-x64@0.25.12':
     optional: true
 
-  '@esbuild/linux-loong64@0.25.5':
+  '@esbuild/win32-arm64@0.25.12':
     optional: true
 
-  '@esbuild/linux-mips64el@0.25.10':
+  '@esbuild/win32-ia32@0.25.12':
     optional: true
 
-  '@esbuild/linux-mips64el@0.25.5':
+  '@esbuild/win32-x64@0.25.12':
     optional: true
 
-  '@esbuild/linux-ppc64@0.25.10':
-    optional: true
-
-  '@esbuild/linux-ppc64@0.25.5':
-    optional: true
-
-  '@esbuild/linux-riscv64@0.25.10':
-    optional: true
-
-  '@esbuild/linux-riscv64@0.25.5':
-    optional: true
-
-  '@esbuild/linux-s390x@0.25.10':
-    optional: true
-
-  '@esbuild/linux-s390x@0.25.5':
-    optional: true
-
-  '@esbuild/linux-x64@0.25.10':
-    optional: true
-
-  '@esbuild/linux-x64@0.25.5':
-    optional: true
-
-  '@esbuild/netbsd-arm64@0.25.10':
-    optional: true
-
-  '@esbuild/netbsd-arm64@0.25.5':
-    optional: true
-
-  '@esbuild/netbsd-x64@0.25.10':
-    optional: true
-
-  '@esbuild/netbsd-x64@0.25.5':
-    optional: true
-
-  '@esbuild/openbsd-arm64@0.25.10':
-    optional: true
-
-  '@esbuild/openbsd-arm64@0.25.5':
-    optional: true
-
-  '@esbuild/openbsd-x64@0.25.10':
-    optional: true
-
-  '@esbuild/openbsd-x64@0.25.5':
-    optional: true
-
-  '@esbuild/openharmony-arm64@0.25.10':
-    optional: true
-
-  '@esbuild/sunos-x64@0.25.10':
-    optional: true
-
-  '@esbuild/sunos-x64@0.25.5':
-    optional: true
-
-  '@esbuild/win32-arm64@0.25.10':
-    optional: true
-
-  '@esbuild/win32-arm64@0.25.5':
-    optional: true
-
-  '@esbuild/win32-ia32@0.25.10':
-    optional: true
-
-  '@esbuild/win32-ia32@0.25.5':
-    optional: true
-
-  '@esbuild/win32-x64@0.25.10':
-    optional: true
-
-  '@esbuild/win32-x64@0.25.5':
-    optional: true
-
-  '@eslint-community/eslint-utils@4.7.0(eslint@8.57.1)':
+  '@eslint-community/eslint-utils@4.9.0(eslint@8.57.1)':
     dependencies:
       eslint: 8.57.1
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/eslint-utils@4.7.0(eslint@9.32.0(jiti@1.21.7))':
+  '@eslint-community/eslint-utils@4.9.0(eslint@9.39.1(jiti@1.21.7))':
     dependencies:
-      eslint: 9.32.0(jiti@1.21.7)
+      eslint: 9.39.1(jiti@1.21.7)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.12.1': {}
+  '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint/config-array@0.21.0':
+  '@eslint/config-array@0.21.1':
     dependencies:
-      '@eslint/object-schema': 2.1.6
-      debug: 4.4.1
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-helpers@0.3.0': {}
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
 
-  '@eslint/core@0.15.1':
+  '@eslint/core@0.17.0':
     dependencies:
       '@types/json-schema': 7.0.15
 
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.1
+      debug: 4.4.3
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.3.2
       import-fresh: 3.3.1
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       minimatch: 3.1.2
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
@@ -6393,12 +6034,12 @@ snapshots:
   '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.1
+      debug: 4.4.3
       espree: 10.4.0
       globals: 14.0.0
       ignore: 5.3.2
       import-fresh: 3.3.1
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       minimatch: 3.1.2
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
@@ -6406,117 +6047,92 @@ snapshots:
 
   '@eslint/js@8.57.1': {}
 
-  '@eslint/js@9.29.0': {}
-
-  '@eslint/js@9.32.0': {}
+  '@eslint/js@9.39.1': {}
 
-  '@eslint/object-schema@2.1.6': {}
+  '@eslint/object-schema@2.1.7': {}
 
-  '@eslint/plugin-kit@0.3.4':
+  '@eslint/plugin-kit@0.4.1':
     dependencies:
-      '@eslint/core': 0.15.1
+      '@eslint/core': 0.17.0
       levn: 0.4.1
 
-  '@floating-ui/core@1.7.2':
-    dependencies:
-      '@floating-ui/utils': 0.2.10
-
   '@floating-ui/core@1.7.3':
     dependencies:
       '@floating-ui/utils': 0.2.10
 
-  '@floating-ui/dom@1.7.2':
-    dependencies:
-      '@floating-ui/core': 1.7.2
-      '@floating-ui/utils': 0.2.10
-
   '@floating-ui/dom@1.7.4':
     dependencies:
       '@floating-ui/core': 1.7.3
       '@floating-ui/utils': 0.2.10
 
-  '@floating-ui/react-dom@1.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
-    dependencies:
-      '@floating-ui/dom': 1.7.2
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-
-  '@floating-ui/react-dom@2.1.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
-    dependencies:
-      '@floating-ui/dom': 1.7.2
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-
-  '@floating-ui/react-dom@2.1.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@floating-ui/react-dom@1.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
       '@floating-ui/dom': 1.7.4
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@floating-ui/react@0.19.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@floating-ui/react-dom@2.1.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@floating-ui/react-dom': 1.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      aria-hidden: 1.2.4
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      tabbable: 6.2.0
+      '@floating-ui/dom': 1.7.4
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@floating-ui/react@0.26.28(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@floating-ui/react@0.19.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@floating-ui/react-dom': 2.1.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@floating-ui/utils': 0.2.10
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      tabbable: 6.2.0
+      '@floating-ui/react-dom': 1.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      aria-hidden: 1.2.6
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      tabbable: 6.3.0
 
-  '@floating-ui/react@0.27.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@floating-ui/react@0.26.28(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@floating-ui/react-dom': 2.1.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@floating-ui/react-dom': 2.1.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@floating-ui/utils': 0.2.10
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      tabbable: 6.2.0
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      tabbable: 6.3.0
 
-  '@floating-ui/react@0.27.16(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@floating-ui/react@0.27.16(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@floating-ui/react-dom': 2.1.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@floating-ui/react-dom': 2.1.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@floating-ui/utils': 0.2.10
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      tabbable: 6.2.0
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      tabbable: 6.3.0
 
   '@floating-ui/utils@0.2.10': {}
 
-  '@headlessui/react@1.7.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@headlessui/react@1.7.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
       client-only: 0.0.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@headlessui/react@2.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@headlessui/react@2.2.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@floating-ui/react': 0.26.28(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@tanstack/react-virtual': 3.13.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@floating-ui/react': 0.26.28(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@react-aria/focus': 3.21.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@react-aria/interactions': 3.25.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@tanstack/react-virtual': 3.13.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@headlessui/tailwindcss@0.2.2(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)))':
+  '@headlessui/tailwindcss@0.2.2(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1))':
     dependencies:
-      tailwindcss: 3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))
+      tailwindcss: 3.4.18(tsx@4.20.6)(yaml@2.8.1)
 
   '@humanfs/core@0.19.1': {}
 
-  '@humanfs/node@0.16.6':
+  '@humanfs/node@0.16.7':
     dependencies:
       '@humanfs/core': 0.19.1
-      '@humanwhocodes/retry': 0.3.1
+      '@humanwhocodes/retry': 0.4.3
 
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.4.1
+      debug: 4.4.3
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -6525,101 +6141,110 @@ snapshots:
 
   '@humanwhocodes/object-schema@2.0.3': {}
 
-  '@humanwhocodes/retry@0.3.1': {}
-
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@img/sharp-darwin-arm64@0.34.3':
+  '@img/colour@1.0.0':
+    optional: true
+
+  '@img/sharp-darwin-arm64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-darwin-arm64': 1.2.0
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
     optional: true
 
-  '@img/sharp-darwin-x64@0.34.3':
+  '@img/sharp-darwin-x64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-darwin-x64': 1.2.0
+      '@img/sharp-libvips-darwin-x64': 1.2.4
     optional: true
 
-  '@img/sharp-libvips-darwin-arm64@1.2.0':
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-darwin-x64@1.2.0':
+  '@img/sharp-libvips-darwin-x64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-arm64@1.2.0':
+  '@img/sharp-libvips-linux-arm64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-arm@1.2.0':
+  '@img/sharp-libvips-linux-arm@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-ppc64@1.2.0':
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-s390x@1.2.0':
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-x64@1.2.0':
+  '@img/sharp-libvips-linux-s390x@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.0':
+  '@img/sharp-libvips-linux-x64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linuxmusl-x64@1.2.0':
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
     optional: true
 
-  '@img/sharp-linux-arm64@0.34.3':
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-arm64': 1.2.0
+      '@img/sharp-libvips-linux-arm64': 1.2.4
     optional: true
 
-  '@img/sharp-linux-arm@0.34.3':
+  '@img/sharp-linux-arm@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-arm': 1.2.0
+      '@img/sharp-libvips-linux-arm': 1.2.4
     optional: true
 
-  '@img/sharp-linux-ppc64@0.34.3':
+  '@img/sharp-linux-ppc64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-ppc64': 1.2.0
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
     optional: true
 
-  '@img/sharp-linux-s390x@0.34.3':
+  '@img/sharp-linux-riscv64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-s390x': 1.2.0
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
     optional: true
 
-  '@img/sharp-linux-x64@0.34.3':
+  '@img/sharp-linux-s390x@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-x64': 1.2.0
+      '@img/sharp-libvips-linux-s390x': 1.2.4
     optional: true
 
-  '@img/sharp-linuxmusl-arm64@0.34.3':
+  '@img/sharp-linux-x64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.0
+      '@img/sharp-libvips-linux-x64': 1.2.4
     optional: true
 
-  '@img/sharp-linuxmusl-x64@0.34.3':
+  '@img/sharp-linuxmusl-arm64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.0
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
     optional: true
 
-  '@img/sharp-wasm32@0.34.3':
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-wasm32@0.34.5':
     dependencies:
-      '@emnapi/runtime': 1.5.0
+      '@emnapi/runtime': 1.7.1
     optional: true
 
-  '@img/sharp-win32-arm64@0.34.3':
+  '@img/sharp-win32-arm64@0.34.5':
     optional: true
 
-  '@img/sharp-win32-ia32@0.34.3':
+  '@img/sharp-win32-ia32@0.34.5':
     optional: true
 
-  '@img/sharp-win32-x64@0.34.3':
+  '@img/sharp-win32-x64@0.34.5':
     optional: true
 
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
       string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.1.0
+      strip-ansi: 7.1.2
       strip-ansi-cjs: strip-ansi@6.0.1
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
@@ -6633,30 +6258,15 @@ snapshots:
       '@jridgewell/sourcemap-codec': 1.5.5
       '@jridgewell/trace-mapping': 0.3.31
 
-  '@jridgewell/gen-mapping@0.3.8':
-    dependencies:
-      '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@jridgewell/trace-mapping': 0.3.30
-
   '@jridgewell/resolve-uri@3.1.2': {}
 
-  '@jridgewell/set-array@1.2.1': {}
-
   '@jridgewell/source-map@0.3.11':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
 
-  '@jridgewell/sourcemap-codec@1.5.0': {}
-
   '@jridgewell/sourcemap-codec@1.5.5': {}
 
-  '@jridgewell/trace-mapping@0.3.30':
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.5
-
   '@jridgewell/trace-mapping@0.3.31':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
@@ -6679,12 +6289,12 @@ snapshots:
     dependencies:
       '@lexical/code': 0.38.2
       '@lexical/utils': 0.38.2
-      '@shikijs/core': 3.12.2
-      '@shikijs/engine-javascript': 3.12.2
-      '@shikijs/langs': 3.12.2
-      '@shikijs/themes': 3.12.2
+      '@shikijs/core': 3.17.0
+      '@shikijs/engine-javascript': 3.17.0
+      '@shikijs/langs': 3.17.0
+      '@shikijs/themes': 3.17.0
       lexical: 0.38.2
-      shiki: 3.12.2
+      shiki: 3.17.0
 
   '@lexical/code@0.38.2':
     dependencies:
@@ -6692,7 +6302,7 @@ snapshots:
       lexical: 0.38.2
       prismjs: 1.30.0
 
-  '@lexical/devtools-core@0.38.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@lexical/devtools-core@0.38.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
       '@lexical/html': 0.38.2
       '@lexical/link': 0.38.2
@@ -6700,17 +6310,17 @@ snapshots:
       '@lexical/table': 0.38.2
       '@lexical/utils': 0.38.2
       lexical: 0.38.2
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
   '@lexical/dragon@0.38.2':
     dependencies:
       '@lexical/extension': 0.38.2
       lexical: 0.38.2
 
-  '@lexical/eslint-plugin@0.33.1(eslint@9.32.0(jiti@1.21.7))':
+  '@lexical/eslint-plugin@0.33.1(eslint@9.39.1(jiti@1.21.7))':
     dependencies:
-      eslint: 9.32.0(jiti@1.21.7)
+      eslint: 9.39.1(jiti@1.21.7)
 
   '@lexical/extension@0.38.2':
     dependencies:
@@ -6780,10 +6390,10 @@ snapshots:
       '@lexical/utils': 0.38.2
       lexical: 0.38.2
 
-  '@lexical/react@0.38.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(yjs@13.6.24)':
+  '@lexical/react@0.38.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(yjs@13.6.27)':
     dependencies:
-      '@floating-ui/react': 0.27.16(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@lexical/devtools-core': 0.38.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@floating-ui/react': 0.27.16(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@lexical/devtools-core': 0.38.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@lexical/dragon': 0.38.2
       '@lexical/extension': 0.38.2
       '@lexical/hashtag': 0.38.2
@@ -6798,11 +6408,11 @@ snapshots:
       '@lexical/table': 0.38.2
       '@lexical/text': 0.38.2
       '@lexical/utils': 0.38.2
-      '@lexical/yjs': 0.38.2(yjs@13.6.24)
+      '@lexical/yjs': 0.38.2(yjs@13.6.27)
       lexical: 0.38.2
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-error-boundary: 6.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      react-error-boundary: 6.0.0(react@19.2.0)
     transitivePeerDependencies:
       - yjs
 
@@ -6836,56 +6446,56 @@ snapshots:
       '@lexical/table': 0.38.2
       lexical: 0.38.2
 
-  '@lexical/yjs@0.38.2(yjs@13.6.24)':
+  '@lexical/yjs@0.38.2(yjs@13.6.27)':
     dependencies:
       '@lexical/offset': 0.38.2
       '@lexical/selection': 0.38.2
       lexical: 0.38.2
-      yjs: 13.6.24
+      yjs: 13.6.27
 
-  '@mantine/code-highlight@7.17.8(@mantine/core@7.17.8(@mantine/hooks@7.17.8(react@19.0.0))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(@mantine/hooks@7.17.8(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@mantine/code-highlight@7.17.8(@mantine/core@7.17.8(@mantine/hooks@7.17.8(react@19.2.0))(@types/react@19.2.7)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(@mantine/hooks@7.17.8(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@mantine/core': 7.17.8(@mantine/hooks@7.17.8(react@19.0.0))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@mantine/hooks': 7.17.8(react@19.0.0)
+      '@mantine/core': 7.17.8(@mantine/hooks@7.17.8(react@19.2.0))(@types/react@19.2.7)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@mantine/hooks': 7.17.8(react@19.2.0)
       clsx: 2.1.1
       highlight.js: 11.11.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@mantine/core@7.17.8(@mantine/hooks@7.17.8(react@19.0.0))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@mantine/core@7.17.8(@mantine/hooks@7.17.8(react@19.2.0))(@types/react@19.2.7)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@floating-ui/react': 0.26.28(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@mantine/hooks': 7.17.8(react@19.0.0)
+      '@floating-ui/react': 0.26.28(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@mantine/hooks': 7.17.8(react@19.2.0)
       clsx: 2.1.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-number-format: 5.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react-remove-scroll: 2.7.1(@types/react@19.0.10)(react@19.0.0)
-      react-textarea-autosize: 8.5.9(@types/react@19.0.10)(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      react-number-format: 5.4.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.0)
+      react-textarea-autosize: 8.5.9(@types/react@19.2.7)(react@19.2.0)
       type-fest: 4.41.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@mantine/hooks@7.17.8(react@19.0.0)':
+  '@mantine/hooks@7.17.8(react@19.2.0)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
 
-  '@monaco-editor/loader@1.5.0':
+  '@monaco-editor/loader@1.7.0':
     dependencies:
       state-local: 1.0.7
 
-  '@monaco-editor/react@4.7.0(monaco-editor@0.52.2)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@monaco-editor/react@4.7.0(monaco-editor@0.55.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@monaco-editor/loader': 1.5.0
-      monaco-editor: 0.52.2
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@monaco-editor/loader': 1.7.0
+      monaco-editor: 0.55.1
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@napi-rs/wasm-runtime@0.2.11':
+  '@napi-rs/wasm-runtime@0.2.12':
     dependencies:
-      '@emnapi/core': 1.4.3
-      '@emnapi/runtime': 1.5.0
-      '@tybys/wasm-util': 0.9.0
+      '@emnapi/core': 1.7.1
+      '@emnapi/runtime': 1.7.1
+      '@tybys/wasm-util': 0.10.1
     optional: true
 
   '@next/bundle-analyzer@15.5.2':
@@ -6941,22 +6551,26 @@ snapshots:
 
   '@one-ini/wasm@0.1.1': {}
 
-  '@phosphor-icons/react@2.1.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@phosphor-icons/react@2.1.10(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
-  '@pkgr/core@0.2.7': {}
+  '@pkgr/core@0.2.9': {}
 
-  '@playwright/test@1.53.1':
+  '@playwright/test@1.57.0':
     dependencies:
-      playwright: 1.53.1
+      playwright: 1.57.0
 
   '@polka/url@1.0.0-next.29': {}
 
+  '@posthog/core@1.6.0':
+    dependencies:
+      cross-spawn: 7.0.6
+
   '@preact/signals-core@1.12.1': {}
 
   '@prettier/sync@0.5.5(prettier@3.6.0)':
@@ -6966,143 +6580,142 @@ snapshots:
 
   '@rc-component/async-validator@5.0.4':
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
 
-  '@rc-component/color-picker@2.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@rc-component/color-picker@2.0.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
       '@ant-design/fast-color': 2.0.6
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@rc-component/context@1.4.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@rc-component/context@1.4.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.27.6
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
   '@rc-component/mini-decimal@1.1.0':
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
 
-  '@rc-component/mutate-observer@1.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@rc-component/mutate-observer@1.1.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@rc-component/portal@1.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@rc-component/portal@1.1.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@rc-component/qrcode@1.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@rc-component/qrcode@1.1.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@rc-component/tour@1.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@rc-component/tour@1.15.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/portal': 1.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@rc-component/trigger': 2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/portal': 1.1.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@rc-component/trigger': 2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@rc-component/trigger@2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@rc-component/trigger@2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/portal': 1.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/portal': 1.1.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-resize-observer: 1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-resize-observer: 1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@react-aria/focus@3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/focus@3.21.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-aria/interactions': 3.25.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@react-aria/utils': 3.31.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@react-types/shared': 3.32.1(react@19.2.0)
       '@swc/helpers': 0.5.17
       clsx: 2.1.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@react-aria/interactions@3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/interactions@3.25.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/flags': 3.1.0
-      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-aria/ssr': 3.9.10(react@19.2.0)
+      '@react-aria/utils': 3.31.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@react-stately/flags': 3.1.2
+      '@react-types/shared': 3.32.1(react@19.2.0)
       '@swc/helpers': 0.5.17
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@react-aria/ssr@3.9.7(react@19.0.0)':
+  '@react-aria/ssr@3.9.10(react@19.2.0)':
     dependencies:
       '@swc/helpers': 0.5.17
-      react: 19.0.0
+      react: 19.2.0
 
-  '@react-aria/utils@3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/utils@3.31.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-stately/flags': 3.1.0
-      '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-aria/ssr': 3.9.10(react@19.2.0)
+      '@react-stately/flags': 3.1.2
+      '@react-stately/utils': 3.10.8(react@19.2.0)
+      '@react-types/shared': 3.32.1(react@19.2.0)
       '@swc/helpers': 0.5.17
       clsx: 2.1.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@react-stately/flags@3.1.0':
+  '@react-stately/flags@3.1.2':
     dependencies:
       '@swc/helpers': 0.5.17
 
-  '@react-stately/utils@3.10.5(react@19.0.0)':
+  '@react-stately/utils@3.10.8(react@19.2.0)':
     dependencies:
       '@swc/helpers': 0.5.17
-      react: 19.0.0
+      react: 19.2.0
 
-  '@react-types/shared@3.28.0(react@19.0.0)':
+  '@react-types/shared@3.32.1(react@19.2.0)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
 
   '@redux-devtools/extension@3.3.0(redux@5.0.1)':
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       immutable: 4.3.7
       redux: 5.0.1
 
-  '@reduxjs/toolkit@2.8.2(react-redux@9.2.0(@types/react@19.0.10)(react@19.0.0)(redux@5.0.1))(react@19.0.0)':
+  '@reduxjs/toolkit@2.11.0(react-redux@9.2.0(@types/react@19.2.7)(react@19.2.0)(redux@5.0.1))(react@19.2.0)':
     dependencies:
       '@standard-schema/spec': 1.0.0
       '@standard-schema/utils': 0.3.0
-      immer: 10.1.3
+      immer: 11.0.0
       redux: 5.0.1
       redux-thunk: 3.1.0(redux@5.0.1)
       reselect: 5.1.1
     optionalDependencies:
-      react: 19.0.0
-      react-redux: 9.2.0(@types/react@19.0.10)(react@19.0.0)(redux@5.0.1)
+      react: 19.2.0
+      react-redux: 9.2.0(@types/react@19.2.7)(react@19.2.0)(redux@5.0.1)
 
   '@rtsao/scc@1.1.0': {}
 
-  '@rushstack/eslint-patch@1.11.0': {}
+  '@rushstack/eslint-patch@1.15.0': {}
 
   '@scalar/openapi-parser@0.9.0':
     dependencies:
@@ -7110,38 +6723,38 @@ snapshots:
       ajv-draft-04: 1.0.0(ajv@8.17.1)
       ajv-formats: 3.0.1(ajv@8.17.1)
       jsonpointer: 5.0.1
-      leven: 4.0.0
-      yaml: 2.7.0
+      leven: 4.1.0
+      yaml: 2.8.1
 
   '@scalar/openapi-types@0.1.9': {}
 
-  '@shikijs/core@3.12.2':
+  '@shikijs/core@3.17.0':
     dependencies:
-      '@shikijs/types': 3.12.2
+      '@shikijs/types': 3.17.0
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
       hast-util-to-html: 9.0.5
 
-  '@shikijs/engine-javascript@3.12.2':
+  '@shikijs/engine-javascript@3.17.0':
     dependencies:
-      '@shikijs/types': 3.12.2
+      '@shikijs/types': 3.17.0
       '@shikijs/vscode-textmate': 10.0.2
-      oniguruma-to-es: 4.3.3
+      oniguruma-to-es: 4.3.4
 
-  '@shikijs/engine-oniguruma@3.12.2':
+  '@shikijs/engine-oniguruma@3.17.0':
     dependencies:
-      '@shikijs/types': 3.12.2
+      '@shikijs/types': 3.17.0
       '@shikijs/vscode-textmate': 10.0.2
 
-  '@shikijs/langs@3.12.2':
+  '@shikijs/langs@3.17.0':
     dependencies:
-      '@shikijs/types': 3.12.2
+      '@shikijs/types': 3.17.0
 
-  '@shikijs/themes@3.12.2':
+  '@shikijs/themes@3.17.0':
     dependencies:
-      '@shikijs/types': 3.12.2
+      '@shikijs/types': 3.17.0
 
-  '@shikijs/types@3.12.2':
+  '@shikijs/types@3.17.0':
     dependencies:
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
@@ -7159,12 +6772,12 @@ snapshots:
       '@storybook/theming': 8.6.14(storybook@8.6.14(prettier@3.6.0))
       better-opn: 3.0.2
       browser-assert: 1.2.1
-      esbuild: 0.25.10
-      esbuild-register: 3.6.0(esbuild@0.25.10)
+      esbuild: 0.25.12
+      esbuild-register: 3.6.0(esbuild@0.25.12)
       jsdoc-type-pratt-parser: 4.8.0
       process: 0.11.10
       recast: 0.23.11
-      semver: 7.7.2
+      semver: 7.7.3
       util: 0.12.5
       ws: 8.18.3
     optionalDependencies:
@@ -7202,51 +6815,51 @@ snapshots:
 
   '@swc-jotai/react-refresh@0.3.0': {}
 
-  '@swc/core-darwin-arm64@1.11.8':
+  '@swc/core-darwin-arm64@1.15.3':
     optional: true
 
-  '@swc/core-darwin-x64@1.11.8':
+  '@swc/core-darwin-x64@1.15.3':
     optional: true
 
-  '@swc/core-linux-arm-gnueabihf@1.11.8':
+  '@swc/core-linux-arm-gnueabihf@1.15.3':
     optional: true
 
-  '@swc/core-linux-arm64-gnu@1.11.8':
+  '@swc/core-linux-arm64-gnu@1.15.3':
     optional: true
 
-  '@swc/core-linux-arm64-musl@1.11.8':
+  '@swc/core-linux-arm64-musl@1.15.3':
     optional: true
 
-  '@swc/core-linux-x64-gnu@1.11.8':
+  '@swc/core-linux-x64-gnu@1.15.3':
     optional: true
 
-  '@swc/core-linux-x64-musl@1.11.8':
+  '@swc/core-linux-x64-musl@1.15.3':
     optional: true
 
-  '@swc/core-win32-arm64-msvc@1.11.8':
+  '@swc/core-win32-arm64-msvc@1.15.3':
     optional: true
 
-  '@swc/core-win32-ia32-msvc@1.11.8':
+  '@swc/core-win32-ia32-msvc@1.15.3':
     optional: true
 
-  '@swc/core-win32-x64-msvc@1.11.8':
+  '@swc/core-win32-x64-msvc@1.15.3':
     optional: true
 
-  '@swc/core@1.11.8(@swc/helpers@0.5.17)':
+  '@swc/core@1.15.3(@swc/helpers@0.5.17)':
     dependencies:
       '@swc/counter': 0.1.3
       '@swc/types': 0.1.25
     optionalDependencies:
-      '@swc/core-darwin-arm64': 1.11.8
-      '@swc/core-darwin-x64': 1.11.8
-      '@swc/core-linux-arm-gnueabihf': 1.11.8
-      '@swc/core-linux-arm64-gnu': 1.11.8
-      '@swc/core-linux-arm64-musl': 1.11.8
-      '@swc/core-linux-x64-gnu': 1.11.8
-      '@swc/core-linux-x64-musl': 1.11.8
-      '@swc/core-win32-arm64-msvc': 1.11.8
-      '@swc/core-win32-ia32-msvc': 1.11.8
-      '@swc/core-win32-x64-msvc': 1.11.8
+      '@swc/core-darwin-arm64': 1.15.3
+      '@swc/core-darwin-x64': 1.15.3
+      '@swc/core-linux-arm-gnueabihf': 1.15.3
+      '@swc/core-linux-arm64-gnu': 1.15.3
+      '@swc/core-linux-arm64-musl': 1.15.3
+      '@swc/core-linux-x64-gnu': 1.15.3
+      '@swc/core-linux-x64-musl': 1.15.3
+      '@swc/core-win32-arm64-msvc': 1.15.3
+      '@swc/core-win32-ia32-msvc': 1.15.3
+      '@swc/core-win32-x64-msvc': 1.15.3
       '@swc/helpers': 0.5.17
 
   '@swc/counter@0.1.3': {}
@@ -7263,34 +6876,34 @@ snapshots:
     dependencies:
       '@swc/counter': 0.1.3
 
-  '@tailwindcss/container-queries@0.1.1(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)))':
+  '@tailwindcss/container-queries@0.1.1(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1))':
     dependencies:
-      tailwindcss: 3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))
+      tailwindcss: 3.4.18(tsx@4.20.6)(yaml@2.8.1)
 
-  '@tailwindcss/forms@0.5.10(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)))':
+  '@tailwindcss/forms@0.5.10(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1))':
     dependencies:
       mini-svg-data-uri: 1.4.4
-      tailwindcss: 3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))
+      tailwindcss: 3.4.18(tsx@4.20.6)(yaml@2.8.1)
 
-  '@tanstack/query-core@5.87.1': {}
+  '@tanstack/query-core@5.90.11': {}
 
-  '@tanstack/react-query@5.87.1(react@19.0.0)':
+  '@tanstack/react-query@5.90.11(react@19.2.0)':
     dependencies:
-      '@tanstack/query-core': 5.87.1
-      react: 19.0.0
+      '@tanstack/query-core': 5.90.11
+      react: 19.2.0
 
-  '@tanstack/react-virtual@3.13.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@tanstack/react-virtual@3.13.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@tanstack/virtual-core': 3.13.2
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@tanstack/virtual-core': 3.13.12
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  '@tanstack/virtual-core@3.13.2': {}
+  '@tanstack/virtual-core@3.13.12': {}
 
   '@testing-library/dom@10.4.0':
     dependencies:
       '@babel/code-frame': 7.27.1
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       '@types/aria-query': 5.0.4
       aria-query: 5.3.0
       chalk: 4.1.2
@@ -7300,7 +6913,7 @@ snapshots:
 
   '@testing-library/jest-dom@6.5.0':
     dependencies:
-      '@adobe/css-tools': 4.4.3
+      '@adobe/css-tools': 4.4.4
       aria-query: 5.3.2
       chalk: 3.0.0
       css.escape: 1.5.1
@@ -7312,19 +6925,19 @@ snapshots:
     dependencies:
       '@testing-library/dom': 10.4.0
 
-  '@tremor/react@3.18.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@tremor/react@3.18.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
-      '@floating-ui/react': 0.19.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@headlessui/react': 2.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@floating-ui/react': 0.19.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@headlessui/react': 2.2.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       date-fns: 3.6.0
-      react: 19.0.0
-      react-day-picker: 8.10.1(date-fns@3.6.0)(react@19.0.0)
-      react-dom: 19.0.0(react@19.0.0)
-      react-transition-state: 2.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      recharts: 2.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.2.0
+      react-day-picker: 8.10.1(date-fns@3.6.0)(react@19.2.0)
+      react-dom: 19.2.0(react@19.2.0)
+      react-transition-state: 2.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      recharts: 2.15.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       tailwind-merge: 2.6.0
 
-  '@tsconfig/node10@1.0.11': {}
+  '@tsconfig/node10@1.0.12': {}
 
   '@tsconfig/node12@1.0.11': {}
 
@@ -7332,7 +6945,7 @@ snapshots:
 
   '@tsconfig/node16@1.0.4': {}
 
-  '@tybys/wasm-util@0.9.0':
+  '@tybys/wasm-util@0.10.1':
     dependencies:
       tslib: 2.8.1
     optional: true
@@ -7341,7 +6954,7 @@ snapshots:
 
   '@types/base16@1.0.5': {}
 
-  '@types/d3-array@3.2.1': {}
+  '@types/d3-array@3.2.2': {}
 
   '@types/d3-color@3.1.3': {}
 
@@ -7385,7 +6998,7 @@ snapshots:
 
   '@types/hast@3.0.4':
     dependencies:
-      '@types/unist': 2.0.11
+      '@types/unist': 3.0.3
 
   '@types/js-beautify@1.14.3': {}
 
@@ -7395,27 +7008,19 @@ snapshots:
 
   '@types/json5@0.0.29': {}
 
-  '@types/lodash@4.17.18': {}
+  '@types/lodash@4.17.21': {}
 
   '@types/mdast@4.0.4':
     dependencies:
       '@types/unist': 3.0.3
 
-  '@types/node@20.17.24':
-    dependencies:
-      undici-types: 6.19.8
-
-  '@types/node@20.19.11':
-    dependencies:
-      undici-types: 6.21.0
-
-  '@types/node@20.19.19':
+  '@types/node@20.19.25':
     dependencies:
       undici-types: 6.21.0
 
-  '@types/papaparse@5.3.15':
+  '@types/papaparse@5.5.0':
     dependencies:
-      '@types/node': 20.19.11
+      '@types/node': 20.19.25
 
   '@types/prismjs@1.26.5': {}
 
@@ -7423,31 +7028,32 @@ snapshots:
     dependencies:
       '@types/retry': 0.12.5
 
-  '@types/react-dom@19.0.4(@types/react@19.0.10)':
+  '@types/react-dom@19.2.3(@types/react@19.2.7)':
     dependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
   '@types/react-resizable@3.0.8':
     dependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
   '@types/react-syntax-highlighter@15.5.13':
     dependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
   '@types/react-window@1.8.8':
     dependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  '@types/react@19.0.10':
+  '@types/react@19.2.7':
     dependencies:
-      csstype: 3.1.3
+      csstype: 3.2.3
 
-  '@types/recharts@2.0.1(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react-is@18.3.1)(react@19.0.0)(redux@5.0.1)':
+  '@types/recharts@2.0.1(@types/react@19.2.7)(eslint@9.39.1(jiti@1.21.7))(react-dom@19.2.0(react@19.2.0))(react-is@18.3.1)(react@19.2.0)(redux@5.0.1)':
     dependencies:
-      recharts: 3.1.0(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react-is@18.3.1)(react@19.0.0)(redux@5.0.1)
+      recharts: 3.5.0(@types/react@19.2.7)(eslint@9.39.1(jiti@1.21.7))(react-dom@19.2.0(react@19.2.0))(react-is@18.3.1)(react@19.2.0)(redux@5.0.1)
     transitivePeerDependencies:
       - '@types/react'
+      - eslint
       - react
       - react-dom
       - react-is
@@ -7455,7 +7061,10 @@ snapshots:
 
   '@types/retry@0.12.5': {}
 
-  '@types/semver@7.7.0': {}
+  '@types/semver@7.7.1': {}
+
+  '@types/trusted-types@2.0.7':
+    optional: true
 
   '@types/unist@2.0.11': {}
 
@@ -7465,32 +7074,15 @@ snapshots:
 
   '@types/uuid@10.0.0': {}
 
-  '@typescript-eslint/eslint-plugin@8.34.1(@typescript-eslint/parser@8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/scope-manager': 8.34.1
-      '@typescript-eslint/type-utils': 8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/utils': 8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/visitor-keys': 8.34.1
-      eslint: 9.32.0(jiti@1.21.7)
-      graphemer: 1.4.0
-      ignore: 7.0.5
-      natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.8.3)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/eslint-plugin@8.35.0(@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)':
+  '@typescript-eslint/eslint-plugin@8.48.0(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/scope-manager': 8.35.0
-      '@typescript-eslint/type-utils': 8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/utils': 8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/visitor-keys': 8.35.0
-      eslint: 9.32.0(jiti@1.21.7)
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      '@typescript-eslint/scope-manager': 8.48.0
+      '@typescript-eslint/type-utils': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      '@typescript-eslint/utils': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      '@typescript-eslint/visitor-keys': 8.48.0
+      eslint: 9.39.1(jiti@1.21.7)
       graphemer: 1.4.0
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -7505,51 +7097,30 @@ snapshots:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.8.3)
       '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.4.1
+      debug: 4.4.3
       eslint: 8.57.1
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)':
+  '@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.34.1
-      '@typescript-eslint/types': 8.34.1
-      '@typescript-eslint/typescript-estree': 8.34.1(typescript@5.8.3)
-      '@typescript-eslint/visitor-keys': 8.34.1
-      debug: 4.4.1
-      eslint: 9.32.0(jiti@1.21.7)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 8.35.0
-      '@typescript-eslint/types': 8.35.0
-      '@typescript-eslint/typescript-estree': 8.35.0(typescript@5.8.3)
-      '@typescript-eslint/visitor-keys': 8.35.0
-      debug: 4.4.1
-      eslint: 9.32.0(jiti@1.21.7)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/project-service@8.34.1(typescript@5.8.3)':
-    dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.34.1(typescript@5.8.3)
-      '@typescript-eslint/types': 8.34.1
-      debug: 4.4.1
+      '@typescript-eslint/scope-manager': 8.48.0
+      '@typescript-eslint/types': 8.48.0
+      '@typescript-eslint/typescript-estree': 8.48.0(typescript@5.8.3)
+      '@typescript-eslint/visitor-keys': 8.48.0
+      debug: 4.4.3
+      eslint: 9.39.1(jiti@1.21.7)
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.35.0(typescript@5.8.3)':
+  '@typescript-eslint/project-service@8.48.0(typescript@5.8.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.35.0(typescript@5.8.3)
-      '@typescript-eslint/types': 8.35.0
-      debug: 4.4.1
+      '@typescript-eslint/tsconfig-utils': 8.48.0(typescript@5.8.3)
+      '@typescript-eslint/types': 8.48.0
+      debug: 4.4.3
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
@@ -7559,41 +7130,22 @@ snapshots:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/visitor-keys': 6.21.0
 
-  '@typescript-eslint/scope-manager@8.34.1':
-    dependencies:
-      '@typescript-eslint/types': 8.34.1
-      '@typescript-eslint/visitor-keys': 8.34.1
-
-  '@typescript-eslint/scope-manager@8.35.0':
+  '@typescript-eslint/scope-manager@8.48.0':
     dependencies:
-      '@typescript-eslint/types': 8.35.0
-      '@typescript-eslint/visitor-keys': 8.35.0
+      '@typescript-eslint/types': 8.48.0
+      '@typescript-eslint/visitor-keys': 8.48.0
 
-  '@typescript-eslint/tsconfig-utils@8.34.1(typescript@5.8.3)':
+  '@typescript-eslint/tsconfig-utils@8.48.0(typescript@5.8.3)':
     dependencies:
       typescript: 5.8.3
 
-  '@typescript-eslint/tsconfig-utils@8.35.0(typescript@5.8.3)':
-    dependencies:
-      typescript: 5.8.3
-
-  '@typescript-eslint/type-utils@8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)':
-    dependencies:
-      '@typescript-eslint/typescript-estree': 8.34.1(typescript@5.8.3)
-      '@typescript-eslint/utils': 8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      debug: 4.4.1
-      eslint: 9.32.0(jiti@1.21.7)
-      ts-api-utils: 2.1.0(typescript@5.8.3)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/type-utils@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)':
+  '@typescript-eslint/type-utils@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.35.0(typescript@5.8.3)
-      '@typescript-eslint/utils': 8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      debug: 4.4.1
-      eslint: 9.32.0(jiti@1.21.7)
+      '@typescript-eslint/types': 8.48.0
+      '@typescript-eslint/typescript-estree': 8.48.0(typescript@5.8.3)
+      '@typescript-eslint/utils': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      debug: 4.4.3
+      eslint: 9.39.1(jiti@1.21.7)
       ts-api-utils: 2.1.0(typescript@5.8.3)
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -7601,75 +7153,45 @@ snapshots:
 
   '@typescript-eslint/types@6.21.0': {}
 
-  '@typescript-eslint/types@8.34.1': {}
-
-  '@typescript-eslint/types@8.35.0': {}
+  '@typescript-eslint/types@8.48.0': {}
 
   '@typescript-eslint/typescript-estree@6.21.0(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.4.1
+      debug: 4.4.3
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.3
-      semver: 7.7.2
+      semver: 7.7.3
       ts-api-utils: 1.4.3(typescript@5.8.3)
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.34.1(typescript@5.8.3)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.34.1(typescript@5.8.3)
-      '@typescript-eslint/tsconfig-utils': 8.34.1(typescript@5.8.3)
-      '@typescript-eslint/types': 8.34.1
-      '@typescript-eslint/visitor-keys': 8.34.1
-      debug: 4.4.1
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.2
-      ts-api-utils: 2.1.0(typescript@5.8.3)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/typescript-estree@8.35.0(typescript@5.8.3)':
+  '@typescript-eslint/typescript-estree@8.48.0(typescript@5.8.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.35.0(typescript@5.8.3)
-      '@typescript-eslint/tsconfig-utils': 8.35.0(typescript@5.8.3)
-      '@typescript-eslint/types': 8.35.0
-      '@typescript-eslint/visitor-keys': 8.35.0
-      debug: 4.4.1
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
+      '@typescript-eslint/project-service': 8.48.0(typescript@5.8.3)
+      '@typescript-eslint/tsconfig-utils': 8.48.0(typescript@5.8.3)
+      '@typescript-eslint/types': 8.48.0
+      '@typescript-eslint/visitor-keys': 8.48.0
+      debug: 4.4.3
       minimatch: 9.0.5
-      semver: 7.7.2
+      semver: 7.7.3
+      tinyglobby: 0.2.15
       ts-api-utils: 2.1.0(typescript@5.8.3)
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0(jiti@1.21.7))
-      '@typescript-eslint/scope-manager': 8.34.1
-      '@typescript-eslint/types': 8.34.1
-      '@typescript-eslint/typescript-estree': 8.34.1(typescript@5.8.3)
-      eslint: 9.32.0(jiti@1.21.7)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/utils@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)':
+  '@typescript-eslint/utils@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0(jiti@1.21.7))
-      '@typescript-eslint/scope-manager': 8.35.0
-      '@typescript-eslint/types': 8.35.0
-      '@typescript-eslint/typescript-estree': 8.35.0(typescript@5.8.3)
-      eslint: 9.32.0(jiti@1.21.7)
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@typescript-eslint/scope-manager': 8.48.0
+      '@typescript-eslint/types': 8.48.0
+      '@typescript-eslint/typescript-estree': 8.48.0(typescript@5.8.3)
+      eslint: 9.39.1(jiti@1.21.7)
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
@@ -7679,75 +7201,70 @@ snapshots:
       '@typescript-eslint/types': 6.21.0
       eslint-visitor-keys: 3.4.3
 
-  '@typescript-eslint/visitor-keys@8.34.1':
-    dependencies:
-      '@typescript-eslint/types': 8.34.1
-      eslint-visitor-keys: 4.2.1
-
-  '@typescript-eslint/visitor-keys@8.35.0':
+  '@typescript-eslint/visitor-keys@8.48.0':
     dependencies:
-      '@typescript-eslint/types': 8.35.0
+      '@typescript-eslint/types': 8.48.0
       eslint-visitor-keys: 4.2.1
 
   '@ungap/structured-clone@1.3.0': {}
 
-  '@unrs/resolver-binding-android-arm-eabi@1.9.1':
+  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-android-arm64@1.9.1':
+  '@unrs/resolver-binding-android-arm64@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-darwin-arm64@1.9.1':
+  '@unrs/resolver-binding-darwin-arm64@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-darwin-x64@1.9.1':
+  '@unrs/resolver-binding-darwin-x64@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-freebsd-x64@1.9.1':
+  '@unrs/resolver-binding-freebsd-x64@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.9.1':
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.9.1':
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-arm64-gnu@1.9.1':
+  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-arm64-musl@1.9.1':
+  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.9.1':
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.9.1':
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-riscv64-musl@1.9.1':
+  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-s390x-gnu@1.9.1':
+  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-x64-gnu@1.9.1':
+  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-x64-musl@1.9.1':
+  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-wasm32-wasi@1.9.1':
+  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
     dependencies:
-      '@napi-rs/wasm-runtime': 0.2.11
+      '@napi-rs/wasm-runtime': 0.2.12
     optional: true
 
-  '@unrs/resolver-binding-win32-arm64-msvc@1.9.1':
+  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-win32-ia32-msvc@1.9.1':
+  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-win32-x64-msvc@1.9.1':
+  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
   '@vitest/expect@2.0.5':
@@ -7773,13 +7290,13 @@ snapshots:
     dependencies:
       '@vitest/pretty-format': 2.0.5
       estree-walker: 3.0.3
-      loupe: 3.2.0
+      loupe: 3.2.1
       tinyrainbow: 1.2.0
 
   '@vitest/utils@2.1.9':
     dependencies:
       '@vitest/pretty-format': 2.1.9
-      loupe: 3.2.0
+      loupe: 3.2.1
       tinyrainbow: 1.2.0
 
   '@webassemblyjs/ast@1.14.1':
@@ -7869,6 +7386,10 @@ snapshots:
       mime-types: 2.1.35
       negotiator: 0.6.3
 
+  acorn-import-phases@1.0.4(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
   acorn-jsx@5.3.2(acorn@8.15.0):
     dependencies:
       acorn: 8.15.0
@@ -7879,11 +7400,11 @@ snapshots:
 
   acorn@8.15.0: {}
 
-  ag-charts-types@10.3.4: {}
+  ag-charts-types@10.3.9: {}
 
   agent-base@6.0.2:
     dependencies:
-      debug: 4.4.1
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
@@ -7914,7 +7435,7 @@ snapshots:
   ajv@8.17.1:
     dependencies:
       fast-deep-equal: 3.1.3
-      fast-uri: 3.0.6
+      fast-uri: 3.1.0
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
@@ -7922,7 +7443,7 @@ snapshots:
 
   ansi-regex@5.0.1: {}
 
-  ansi-regex@6.1.0: {}
+  ansi-regex@6.2.2: {}
 
   ansi-styles@2.2.1: {}
 
@@ -7932,59 +7453,59 @@ snapshots:
 
   ansi-styles@5.2.0: {}
 
-  ansi-styles@6.2.1: {}
+  ansi-styles@6.2.3: {}
 
-  antd@5.26.1(date-fns@3.6.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  antd@5.29.1(date-fns@3.6.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
       '@ant-design/colors': 7.2.1
-      '@ant-design/cssinjs': 1.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@ant-design/cssinjs-utils': 1.1.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@ant-design/cssinjs': 1.24.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@ant-design/cssinjs-utils': 1.1.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@ant-design/fast-color': 2.0.6
-      '@ant-design/icons': 5.6.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@ant-design/react-slick': 1.1.2(react@19.0.0)
-      '@babel/runtime': 7.27.6
-      '@rc-component/color-picker': 2.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@rc-component/mutate-observer': 1.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@rc-component/qrcode': 1.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@rc-component/tour': 1.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@rc-component/trigger': 2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@ant-design/icons': 5.6.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@ant-design/react-slick': 1.1.2(react@19.2.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/color-picker': 2.0.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@rc-component/mutate-observer': 1.1.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@rc-component/qrcode': 1.1.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@rc-component/tour': 1.15.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@rc-component/trigger': 2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
       copy-to-clipboard: 3.3.3
-      dayjs: 1.11.13
-      rc-cascader: 3.34.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-checkbox: 3.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-collapse: 3.9.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-dialog: 9.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-drawer: 7.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-dropdown: 4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-field-form: 2.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-image: 7.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-input: 1.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-input-number: 9.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-mentions: 2.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-menu: 9.16.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-notification: 5.6.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-pagination: 5.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-picker: 4.11.3(date-fns@3.6.0)(dayjs@1.11.13)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-progress: 4.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-rate: 2.13.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-resize-observer: 1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-segmented: 2.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-select: 14.16.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-slider: 11.1.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-steps: 6.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-switch: 4.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-table: 7.51.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-tabs: 15.6.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-textarea: 1.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-tooltip: 6.4.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-tree: 5.13.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-tree-select: 5.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-upload: 4.9.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      dayjs: 1.11.19
+      rc-cascader: 3.34.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-checkbox: 3.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-collapse: 3.9.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-dialog: 9.6.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-drawer: 7.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-dropdown: 4.2.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-field-form: 2.7.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-image: 7.12.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-input: 1.8.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-input-number: 9.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-mentions: 2.20.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-menu: 9.16.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-notification: 5.6.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-pagination: 5.1.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-picker: 4.11.3(date-fns@3.6.0)(dayjs@1.11.19)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-progress: 4.0.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-rate: 2.13.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-resize-observer: 1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-segmented: 2.7.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-select: 14.16.8(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-slider: 11.1.9(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-steps: 6.0.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-switch: 4.1.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-table: 7.54.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-tabs: 15.7.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-textarea: 1.10.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-tooltip: 6.4.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-tree: 5.13.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-tree-select: 5.27.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-upload: 4.11.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
       scroll-into-view-if-needed: 3.1.0
       throttle-debounce: 5.0.2
     transitivePeerDependencies:
@@ -8005,7 +7526,7 @@ snapshots:
 
   argparse@2.0.1: {}
 
-  aria-hidden@1.2.4:
+  aria-hidden@1.2.6:
     dependencies:
       tslib: 2.8.1
 
@@ -8098,8 +7619,8 @@ snapshots:
 
   autoprefixer@10.4.20(postcss@8.5.6):
     dependencies:
-      browserslist: 4.24.4
-      caniuse-lite: 1.0.30001703
+      browserslist: 4.28.0
+      caniuse-lite: 1.0.30001757
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.1
@@ -8110,12 +7631,12 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.1.0
 
-  axe-core@4.10.3: {}
+  axe-core@4.11.0: {}
 
-  axios@1.12.2(debug@4.4.0):
+  axios@1.13.2(debug@4.4.3):
     dependencies:
-      follow-redirects: 1.15.11(debug@4.4.0)
-      form-data: 4.0.4
+      follow-redirects: 1.15.11(debug@4.4.3)
+      form-data: 4.0.5
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
       - debug
@@ -8128,7 +7649,7 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  baseline-browser-mapping@2.8.13: {}
+  baseline-browser-mapping@2.8.31: {}
 
   better-opn@3.0.2:
     dependencies:
@@ -8157,20 +7678,13 @@ snapshots:
     dependencies:
       lodash: 4.17.21
 
-  browserslist@4.24.4:
-    dependencies:
-      caniuse-lite: 1.0.30001703
-      electron-to-chromium: 1.5.113
-      node-releases: 2.0.19
-      update-browserslist-db: 1.1.3(browserslist@4.24.4)
-
-  browserslist@4.26.3:
+  browserslist@4.28.0:
     dependencies:
-      baseline-browser-mapping: 2.8.13
-      caniuse-lite: 1.0.30001748
-      electron-to-chromium: 1.5.232
-      node-releases: 2.0.23
-      update-browserslist-db: 1.1.3(browserslist@4.26.3)
+      baseline-browser-mapping: 2.8.31
+      caniuse-lite: 1.0.30001757
+      electron-to-chromium: 1.5.262
+      node-releases: 2.0.27
+      update-browserslist-db: 1.1.4(browserslist@4.28.0)
 
   buffer-equal-constant-time@1.0.1: {}
 
@@ -8202,11 +7716,7 @@ snapshots:
 
   camelcase-css@2.0.1: {}
 
-  caniuse-lite@1.0.30001703: {}
-
-  caniuse-lite@1.0.30001734: {}
-
-  caniuse-lite@1.0.30001748: {}
+  caniuse-lite@1.0.30001757: {}
 
   ccount@2.0.1: {}
 
@@ -8215,7 +7725,7 @@ snapshots:
       assertion-error: 2.0.1
       check-error: 2.1.1
       deep-eql: 5.0.2
-      loupe: 3.2.0
+      loupe: 3.2.1
       pathval: 2.0.1
 
   chalk@1.1.3:
@@ -8266,8 +7776,6 @@ snapshots:
 
   client-only@0.0.1: {}
 
-  clsx@1.2.1: {}
-
   clsx@2.1.1: {}
 
   color-convert@1.9.3:
@@ -8285,19 +7793,13 @@ snapshots:
   color-string@1.9.1:
     dependencies:
       color-name: 1.1.4
-      simple-swizzle: 0.2.2
+      simple-swizzle: 0.2.4
 
   color@3.2.1:
     dependencies:
       color-convert: 1.9.3
       color-string: 1.9.1
 
-  color@4.2.3:
-    dependencies:
-      color-convert: 2.0.1
-      color-string: 1.9.1
-    optional: true
-
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
@@ -8341,11 +7843,11 @@ snapshots:
     dependencies:
       toggle-selection: 1.0.6
 
-  core-js@3.41.0: {}
+  core-js@3.47.0: {}
 
   create-require@1.1.1: {}
 
-  crisp-sdk-web@1.0.25: {}
+  crisp-sdk-web@1.0.26: {}
 
   cross-fetch@3.2.0:
     dependencies:
@@ -8363,20 +7865,20 @@ snapshots:
 
   css-jss@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
       jss-preset-default: 10.10.0
 
   css-vendor@2.0.8:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       is-in-browser: 1.1.3
 
   css.escape@1.5.1: {}
 
   cssesc@3.0.0: {}
 
-  csstype@3.1.3: {}
+  csstype@3.2.3: {}
 
   d3-array@3.2.4:
     dependencies:
@@ -8440,7 +7942,7 @@ snapshots:
 
   date-fns@3.6.0: {}
 
-  dayjs@1.11.13: {}
+  dayjs@1.11.19: {}
 
   debounce@1.2.1: {}
 
@@ -8448,14 +7950,6 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  debug@4.4.0:
-    dependencies:
-      ms: 2.1.3
-
-  debug@4.4.1:
-    dependencies:
-      ms: 2.1.3
-
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
@@ -8486,7 +7980,7 @@ snapshots:
 
   dequal@2.0.3: {}
 
-  detect-libc@2.0.4:
+  detect-libc@2.1.2:
     optional: true
 
   detect-node-es@1.1.0: {}
@@ -8523,10 +8017,14 @@ snapshots:
 
   dom-helpers@5.2.1:
     dependencies:
-      '@babel/runtime': 7.27.6
-      csstype: 3.1.3
+      '@babel/runtime': 7.28.4
+      csstype: 3.2.3
 
-  dotenv@16.5.0: {}
+  dompurify@3.2.7:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
+  dotenv@16.6.1: {}
 
   dunder-proto@1.0.1:
     dependencies:
@@ -8547,11 +8045,9 @@ snapshots:
       '@one-ini/wasm': 0.1.1
       commander: 10.0.1
       minimatch: 9.0.1
-      semver: 7.7.2
-
-  electron-to-chromium@1.5.113: {}
+      semver: 7.7.3
 
-  electron-to-chromium@1.5.232: {}
+  electron-to-chromium@1.5.262: {}
 
   emoji-regex@8.0.0: {}
 
@@ -8667,71 +8163,43 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
-  es-toolkit@1.39.7: {}
+  es-toolkit@1.42.0: {}
 
-  esbuild-register@3.6.0(esbuild@0.25.10):
+  esbuild-register@3.6.0(esbuild@0.25.12):
     dependencies:
       debug: 4.4.3
-      esbuild: 0.25.10
+      esbuild: 0.25.12
     transitivePeerDependencies:
       - supports-color
 
-  esbuild@0.25.10:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.25.10
-      '@esbuild/android-arm': 0.25.10
-      '@esbuild/android-arm64': 0.25.10
-      '@esbuild/android-x64': 0.25.10
-      '@esbuild/darwin-arm64': 0.25.10
-      '@esbuild/darwin-x64': 0.25.10
-      '@esbuild/freebsd-arm64': 0.25.10
-      '@esbuild/freebsd-x64': 0.25.10
-      '@esbuild/linux-arm': 0.25.10
-      '@esbuild/linux-arm64': 0.25.10
-      '@esbuild/linux-ia32': 0.25.10
-      '@esbuild/linux-loong64': 0.25.10
-      '@esbuild/linux-mips64el': 0.25.10
-      '@esbuild/linux-ppc64': 0.25.10
-      '@esbuild/linux-riscv64': 0.25.10
-      '@esbuild/linux-s390x': 0.25.10
-      '@esbuild/linux-x64': 0.25.10
-      '@esbuild/netbsd-arm64': 0.25.10
-      '@esbuild/netbsd-x64': 0.25.10
-      '@esbuild/openbsd-arm64': 0.25.10
-      '@esbuild/openbsd-x64': 0.25.10
-      '@esbuild/openharmony-arm64': 0.25.10
-      '@esbuild/sunos-x64': 0.25.10
-      '@esbuild/win32-arm64': 0.25.10
-      '@esbuild/win32-ia32': 0.25.10
-      '@esbuild/win32-x64': 0.25.10
-
-  esbuild@0.25.5:
+  esbuild@0.25.12:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.25.5
-      '@esbuild/android-arm': 0.25.5
-      '@esbuild/android-arm64': 0.25.5
-      '@esbuild/android-x64': 0.25.5
-      '@esbuild/darwin-arm64': 0.25.5
-      '@esbuild/darwin-x64': 0.25.5
-      '@esbuild/freebsd-arm64': 0.25.5
-      '@esbuild/freebsd-x64': 0.25.5
-      '@esbuild/linux-arm': 0.25.5
-      '@esbuild/linux-arm64': 0.25.5
-      '@esbuild/linux-ia32': 0.25.5
-      '@esbuild/linux-loong64': 0.25.5
-      '@esbuild/linux-mips64el': 0.25.5
-      '@esbuild/linux-ppc64': 0.25.5
-      '@esbuild/linux-riscv64': 0.25.5
-      '@esbuild/linux-s390x': 0.25.5
-      '@esbuild/linux-x64': 0.25.5
-      '@esbuild/netbsd-arm64': 0.25.5
-      '@esbuild/netbsd-x64': 0.25.5
-      '@esbuild/openbsd-arm64': 0.25.5
-      '@esbuild/openbsd-x64': 0.25.5
-      '@esbuild/sunos-x64': 0.25.5
-      '@esbuild/win32-arm64': 0.25.5
-      '@esbuild/win32-ia32': 0.25.5
-      '@esbuild/win32-x64': 0.25.5
+      '@esbuild/aix-ppc64': 0.25.12
+      '@esbuild/android-arm': 0.25.12
+      '@esbuild/android-arm64': 0.25.12
+      '@esbuild/android-x64': 0.25.12
+      '@esbuild/darwin-arm64': 0.25.12
+      '@esbuild/darwin-x64': 0.25.12
+      '@esbuild/freebsd-arm64': 0.25.12
+      '@esbuild/freebsd-x64': 0.25.12
+      '@esbuild/linux-arm': 0.25.12
+      '@esbuild/linux-arm64': 0.25.12
+      '@esbuild/linux-ia32': 0.25.12
+      '@esbuild/linux-loong64': 0.25.12
+      '@esbuild/linux-mips64el': 0.25.12
+      '@esbuild/linux-ppc64': 0.25.12
+      '@esbuild/linux-riscv64': 0.25.12
+      '@esbuild/linux-s390x': 0.25.12
+      '@esbuild/linux-x64': 0.25.12
+      '@esbuild/netbsd-arm64': 0.25.12
+      '@esbuild/netbsd-x64': 0.25.12
+      '@esbuild/openbsd-arm64': 0.25.12
+      '@esbuild/openbsd-x64': 0.25.12
+      '@esbuild/openharmony-arm64': 0.25.12
+      '@esbuild/sunos-x64': 0.25.12
+      '@esbuild/win32-arm64': 0.25.12
+      '@esbuild/win32-ia32': 0.25.12
+      '@esbuild/win32-x64': 0.25.12
 
   escalade@3.2.0: {}
 
@@ -8739,19 +8207,19 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-next@15.5.2(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3):
+  eslint-config-next@15.5.2(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3):
     dependencies:
       '@next/eslint-plugin-next': 15.5.2
-      '@rushstack/eslint-patch': 1.11.0
-      '@typescript-eslint/eslint-plugin': 8.35.0(@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/parser': 8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      eslint: 9.32.0(jiti@1.21.7)
+      '@rushstack/eslint-patch': 1.15.0
+      '@typescript-eslint/eslint-plugin': 8.48.0(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      eslint: 9.39.1(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.32.0(jiti@1.21.7))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@1.21.7))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.32.0(jiti@1.21.7))
-      eslint-plugin-react: 7.37.5(eslint@9.32.0(jiti@1.21.7))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.32.0(jiti@1.21.7))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.1(jiti@1.21.7))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@1.21.7))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.1(jiti@1.21.7))
+      eslint-plugin-react: 7.37.5(eslint@9.39.1(jiti@1.21.7))
+      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.1(jiti@1.21.7))
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -8759,45 +8227,45 @@ snapshots:
       - eslint-plugin-import-x
       - supports-color
 
-  eslint-config-prettier@10.1.5(eslint@9.32.0(jiti@1.21.7)):
+  eslint-config-prettier@10.1.8(eslint@9.39.1(jiti@1.21.7)):
     dependencies:
-      eslint: 9.32.0(jiti@1.21.7)
+      eslint: 9.39.1(jiti@1.21.7)
 
   eslint-import-resolver-node@0.3.9:
     dependencies:
       debug: 3.2.7
       is-core-module: 2.16.1
-      resolve: 1.22.10
+      resolve: 1.22.11
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.32.0(jiti@1.21.7)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.1(jiti@1.21.7)):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
-      debug: 4.4.1
-      eslint: 9.32.0(jiti@1.21.7)
-      get-tsconfig: 4.10.1
+      debug: 4.4.3
+      eslint: 9.39.1(jiti@1.21.7)
+      get-tsconfig: 4.13.0
       is-bun-module: 2.0.0
       stable-hash: 0.0.5
-      tinyglobby: 0.2.14
-      unrs-resolver: 1.9.1
+      tinyglobby: 0.2.15
+      unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@1.21.7))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@1.21.7)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@1.21.7)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      eslint: 9.32.0(jiti@1.21.7)
+      '@typescript-eslint/parser': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      eslint: 9.39.1(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.32.0(jiti@1.21.7))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.1(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@1.21.7)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@1.21.7)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -8806,9 +8274,9 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.32.0(jiti@1.21.7)
+      eslint: 9.39.1(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@1.21.7))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@1.21.7))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -8820,23 +8288,23 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.35.0(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.32.0(jiti@1.21.7)):
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.1(jiti@1.21.7)):
     dependencies:
       aria-query: 5.3.2
       array-includes: 3.1.9
       array.prototype.flatmap: 1.3.3
       ast-types-flow: 0.0.8
-      axe-core: 4.10.3
+      axe-core: 4.11.0
       axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      eslint: 9.32.0(jiti@1.21.7)
+      eslint: 9.39.1(jiti@1.21.7)
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
@@ -8845,21 +8313,25 @@ snapshots:
       safe-regex-test: 1.1.0
       string.prototype.includes: 2.0.1
 
-  eslint-plugin-prettier@5.5.0(@types/eslint@9.6.1)(eslint-config-prettier@10.1.5(eslint@9.32.0(jiti@1.21.7)))(eslint@9.32.0(jiti@1.21.7))(prettier@3.6.0):
+  eslint-plugin-prettier@5.5.4(@types/eslint@9.6.1)(eslint-config-prettier@10.1.8(eslint@9.39.1(jiti@1.21.7)))(eslint@9.39.1(jiti@1.21.7))(prettier@3.6.0):
     dependencies:
-      eslint: 9.32.0(jiti@1.21.7)
+      eslint: 9.39.1(jiti@1.21.7)
       prettier: 3.6.0
       prettier-linter-helpers: 1.0.0
-      synckit: 0.11.8
+      synckit: 0.11.11
     optionalDependencies:
       '@types/eslint': 9.6.1
-      eslint-config-prettier: 10.1.5(eslint@9.32.0(jiti@1.21.7))
+      eslint-config-prettier: 10.1.8(eslint@9.39.1(jiti@1.21.7))
+
+  eslint-plugin-react-hooks@5.2.0(eslint@9.39.1(jiti@1.21.7)):
+    dependencies:
+      eslint: 9.39.1(jiti@1.21.7)
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.32.0(jiti@1.21.7)):
+  eslint-plugin-react-perf@3.3.3(eslint@9.39.1(jiti@1.21.7)):
     dependencies:
-      eslint: 9.32.0(jiti@1.21.7)
+      eslint: 9.39.1(jiti@1.21.7)
 
-  eslint-plugin-react@7.37.5(eslint@9.32.0(jiti@1.21.7)):
+  eslint-plugin-react@7.37.5(eslint@9.39.1(jiti@1.21.7)):
     dependencies:
       array-includes: 3.1.9
       array.prototype.findlast: 1.2.5
@@ -8867,7 +8339,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.2.1
-      eslint: 9.32.0(jiti@1.21.7)
+      eslint: 9.39.1(jiti@1.21.7)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
@@ -8902,8 +8374,8 @@ snapshots:
 
   eslint@8.57.1:
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@8.57.1)
-      '@eslint-community/regexpp': 4.12.1
+      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
+      '@eslint-community/regexpp': 4.12.2
       '@eslint/eslintrc': 2.1.4
       '@eslint/js': 8.57.1
       '@humanwhocodes/config-array': 0.13.0
@@ -8913,7 +8385,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.1
+      debug: 4.4.3
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -8931,7 +8403,7 @@ snapshots:
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       is-path-inside: 3.0.3
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       json-stable-stringify-without-jsonify: 1.0.1
       levn: 0.4.1
       lodash.merge: 4.6.2
@@ -8943,25 +8415,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint@9.32.0(jiti@1.21.7):
+  eslint@9.39.1(jiti@1.21.7):
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0(jiti@1.21.7))
-      '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.21.0
-      '@eslint/config-helpers': 0.3.0
-      '@eslint/core': 0.15.1
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.1
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
       '@eslint/eslintrc': 3.3.1
-      '@eslint/js': 9.32.0
-      '@eslint/plugin-kit': 0.3.4
-      '@humanfs/node': 0.16.6
+      '@eslint/js': 9.39.1
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.7
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
       '@types/estree': 1.0.8
-      '@types/json-schema': 7.0.15
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.1
+      debug: 4.4.3
       escape-string-regexp: 4.0.0
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
@@ -9027,7 +8498,7 @@ snapshots:
 
   fast-diff@1.3.0: {}
 
-  fast-equals@5.2.2: {}
+  fast-equals@5.3.3: {}
 
   fast-glob@3.3.1:
     dependencies:
@@ -9049,7 +8520,7 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
-  fast-uri@3.0.6: {}
+  fast-uri@3.1.0: {}
 
   fastq@1.19.1:
     dependencies:
@@ -9059,9 +8530,9 @@ snapshots:
     dependencies:
       format: 0.2.2
 
-  fdir@6.4.6(picomatch@4.0.2):
+  fdir@6.5.0(picomatch@4.0.3):
     optionalDependencies:
-      picomatch: 4.0.2
+      picomatch: 4.0.3
 
   fetch-blob@3.2.0:
     dependencies:
@@ -9100,9 +8571,9 @@ snapshots:
 
   flatted@3.3.3: {}
 
-  follow-redirects@1.15.11(debug@4.4.0):
+  follow-redirects@1.15.11(debug@4.4.3):
     optionalDependencies:
-      debug: 4.4.0
+      debug: 4.4.3
 
   for-each@0.3.5:
     dependencies:
@@ -9113,7 +8584,7 @@ snapshots:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
-  form-data@4.0.4:
+  form-data@4.0.5:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
@@ -9129,15 +8600,15 @@ snapshots:
 
   fraction.js@4.3.7: {}
 
-  framer-motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  framer-motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
       motion-dom: 12.23.23
       motion-utils: 12.23.6
       tslib: 2.8.1
     optionalDependencies:
       '@emotion/is-prop-valid': 0.7.3
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
   fresh@0.5.2: {}
 
@@ -9190,7 +8661,7 @@ snapshots:
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
 
-  get-tsconfig@4.10.1:
+  get-tsconfig@4.13.0:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
@@ -9204,7 +8675,7 @@ snapshots:
 
   glob-to-regexp@0.4.1: {}
 
-  glob@10.4.5:
+  glob@10.5.0:
     dependencies:
       foreground-child: 3.3.1
       jackspeak: 3.4.3
@@ -9288,7 +8759,7 @@ snapshots:
       comma-separated-tokens: 2.0.3
       hast-util-whitespace: 3.0.0
       html-void-elements: 3.0.0
-      mdast-util-to-hast: 13.2.0
+      mdast-util-to-hast: 13.2.1
       property-information: 7.1.0
       space-separated-tokens: 2.0.2
       stringify-entities: 4.0.4
@@ -9323,7 +8794,7 @@ snapshots:
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
-      debug: 4.4.1
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
@@ -9337,7 +8808,9 @@ snapshots:
 
   ignore@7.0.5: {}
 
-  immer@10.1.3: {}
+  immer@10.2.0: {}
+
+  immer@11.0.0: {}
 
   immutable@4.3.7: {}
 
@@ -9387,7 +8860,7 @@ snapshots:
       call-bound: 1.0.4
       get-intrinsic: 1.3.0
 
-  is-arrayish@0.3.2: {}
+  is-arrayish@0.3.4: {}
 
   is-async-function@2.1.1:
     dependencies:
@@ -9412,7 +8885,7 @@ snapshots:
 
   is-bun-module@2.0.0:
     dependencies:
-      semver: 7.7.2
+      semver: 7.7.3
 
   is-callable@1.2.7: {}
 
@@ -9443,13 +8916,6 @@ snapshots:
 
   is-fullwidth-code-point@3.0.0: {}
 
-  is-generator-function@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
   is-generator-function@1.1.2:
     dependencies:
       call-bound: 1.0.4
@@ -9551,7 +9017,7 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 20.19.19
+      '@types/node': 20.19.25
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -9559,22 +9025,22 @@ snapshots:
 
   jose@4.15.9: {}
 
-  jotai-devtools@0.12.0(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(redux@5.0.1)(storybook@8.6.14(prettier@3.6.0)):
+  jotai-devtools@0.12.0(@types/react@19.2.7)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(redux@5.0.1)(storybook@8.6.14(prettier@3.6.0)):
     dependencies:
-      '@mantine/code-highlight': 7.17.8(@mantine/core@7.17.8(@mantine/hooks@7.17.8(react@19.0.0))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(@mantine/hooks@7.17.8(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@mantine/core': 7.17.8(@mantine/hooks@7.17.8(react@19.0.0))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@mantine/hooks': 7.17.8(react@19.0.0)
+      '@mantine/code-highlight': 7.17.8(@mantine/core@7.17.8(@mantine/hooks@7.17.8(react@19.2.0))(@types/react@19.2.7)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(@mantine/hooks@7.17.8(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@mantine/core': 7.17.8(@mantine/hooks@7.17.8(react@19.2.0))(@types/react@19.2.7)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@mantine/hooks': 7.17.8(react@19.2.0)
       '@redux-devtools/extension': 3.3.0(redux@5.0.1)
       '@storybook/test': 8.6.14(storybook@8.6.14(prettier@3.6.0))
       clsx: 2.1.1
       javascript-stringify: 2.1.0
-      jotai: 2.13.1(@types/react@19.0.10)(react@19.0.0)
+      jotai: 2.15.1(@types/react@19.2.7)(react@19.2.0)
       jsondiffpatch: 0.5.0
-      react: 19.0.0
+      react: 19.2.0
       react-base16-styling: 0.9.1
-      react-error-boundary: 5.0.0(react@19.0.0)
-      react-json-tree: 0.18.0(@types/react@19.0.10)(react@19.0.0)
-      react-resizable-panels: 2.1.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react-error-boundary: 5.0.0(react@19.2.0)
+      react-json-tree: 0.18.0(@types/react@19.2.7)(react@19.2.0)
+      react-resizable-panels: 2.1.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
     transitivePeerDependencies:
       - '@babel/core'
       - '@babel/template'
@@ -9583,33 +9049,33 @@ snapshots:
       - redux
       - storybook
 
-  jotai-eager@0.2.3(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0)):
+  jotai-eager@0.2.3(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0)):
     dependencies:
-      jotai: 2.13.1(@types/react@19.0.10)(react@19.0.0)
+      jotai: 2.15.1(@types/react@19.2.7)(react@19.2.0)
 
-  jotai-immer@0.4.1(immer@10.1.3)(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0)):
+  jotai-immer@0.4.1(immer@10.2.0)(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0)):
     dependencies:
-      immer: 10.1.3
-      jotai: 2.13.1(@types/react@19.0.10)(react@19.0.0)
+      immer: 10.2.0
+      jotai: 2.15.1(@types/react@19.2.7)(react@19.2.0)
 
-  jotai-tanstack-query@0.11.0(@tanstack/query-core@5.87.1)(@tanstack/react-query@5.87.1(react@19.0.0))(jotai@2.13.1(@types/react@19.0.10)(react@19.0.0))(react@19.0.0):
+  jotai-tanstack-query@0.11.0(@tanstack/query-core@5.90.11)(@tanstack/react-query@5.90.11(react@19.2.0))(jotai@2.15.1(@types/react@19.2.7)(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@tanstack/query-core': 5.87.1
-      jotai: 2.13.1(@types/react@19.0.10)(react@19.0.0)
+      '@tanstack/query-core': 5.90.11
+      jotai: 2.15.1(@types/react@19.2.7)(react@19.2.0)
     optionalDependencies:
-      '@tanstack/react-query': 5.87.1(react@19.0.0)
-      react: 19.0.0
+      '@tanstack/react-query': 5.90.11(react@19.2.0)
+      react: 19.2.0
 
-  jotai@2.13.1(@types/react@19.0.10)(react@19.0.0):
+  jotai@2.15.1(@types/react@19.2.7)(react@19.2.0):
     optionalDependencies:
-      '@types/react': 19.0.10
-      react: 19.0.0
+      '@types/react': 19.2.7
+      react: 19.2.0
 
   js-beautify@1.15.4:
     dependencies:
       config-chain: 1.1.13
       editorconfig: 1.0.4
-      glob: 10.4.5
+      glob: 10.5.0
       js-cookie: 3.0.5
       nopt: 7.2.1
 
@@ -9617,7 +9083,7 @@ snapshots:
 
   js-tokens@4.0.0: {}
 
-  js-yaml@4.1.0:
+  js-yaml@4.1.1:
     dependencies:
       argparse: 2.0.1
 
@@ -9650,7 +9116,7 @@ snapshots:
 
   jsonpointer@5.0.1: {}
 
-  jsonrepair@3.13.0: {}
+  jsonrepair@3.13.1: {}
 
   jsonwebtoken@9.0.2:
     dependencies:
@@ -9663,79 +9129,79 @@ snapshots:
       lodash.isstring: 4.0.1
       lodash.once: 4.1.1
       ms: 2.1.3
-      semver: 7.7.2
+      semver: 7.7.3
 
   jss-plugin-camel-case@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       hyphenate-style-name: 1.1.0
       jss: 10.10.0
 
   jss-plugin-compose@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
       tiny-warning: 1.0.3
 
   jss-plugin-default-unit@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
 
   jss-plugin-expand@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
 
   jss-plugin-extend@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
       tiny-warning: 1.0.3
 
   jss-plugin-global@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
 
   jss-plugin-nested@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
       tiny-warning: 1.0.3
 
   jss-plugin-props-sort@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
 
   jss-plugin-rule-value-function@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
       tiny-warning: 1.0.3
 
   jss-plugin-rule-value-observable@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
       symbol-observable: 1.2.0
 
   jss-plugin-template@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
       tiny-warning: 1.0.3
 
   jss-plugin-vendor-prefixer@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       css-vendor: 2.0.8
       jss: 10.10.0
 
   jss-preset-default@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       jss: 10.10.0
       jss-plugin-camel-case: 10.10.0
       jss-plugin-compose: 10.10.0
@@ -9752,8 +9218,8 @@ snapshots:
 
   jss@10.10.0:
     dependencies:
-      '@babel/runtime': 7.27.6
-      csstype: 3.1.3
+      '@babel/runtime': 7.28.4
+      csstype: 3.2.3
       is-in-browser: 1.1.3
       tiny-warning: 1.0.3
 
@@ -9764,7 +9230,7 @@ snapshots:
       object.assign: 4.1.7
       object.values: 1.2.1
 
-  jwa@1.4.1:
+  jwa@1.4.2:
     dependencies:
       buffer-equal-constant-time: 1.0.1
       ecdsa-sig-formatter: 1.0.11
@@ -9772,7 +9238,7 @@ snapshots:
 
   jws@3.2.2:
     dependencies:
-      jwa: 1.4.1
+      jwa: 1.4.2
       safe-buffer: 5.2.1
 
   keyv@4.5.4:
@@ -9785,7 +9251,7 @@ snapshots:
     dependencies:
       language-subtag-registry: 0.3.23
 
-  leven@4.0.0: {}
+  leven@4.1.0: {}
 
   levn@0.4.1:
     dependencies:
@@ -9798,13 +9264,13 @@ snapshots:
     dependencies:
       isomorphic.js: 0.2.5
 
-  libphonenumber-js@1.12.5: {}
+  libphonenumber-js@1.12.29: {}
 
   lilconfig@3.1.3: {}
 
   lines-and-columns@1.2.4: {}
 
-  loader-runner@4.3.0: {}
+  loader-runner@4.3.1: {}
 
   locate-path@6.0.0:
     dependencies:
@@ -9843,7 +9309,7 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
-  loupe@3.2.0: {}
+  loupe@3.2.1: {}
 
   lowlight@1.20.0:
     dependencies:
@@ -9852,9 +9318,9 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
-  lucide-react@0.475.0(react@19.0.0):
+  lucide-react@0.475.0(react@19.2.0):
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
 
   lz-string@1.5.0: {}
 
@@ -9862,9 +9328,11 @@ snapshots:
 
   make-synchronized@0.4.2: {}
 
+  marked@14.0.0: {}
+
   math-intrinsics@1.1.0: {}
 
-  mdast-util-to-hast@13.2.0:
+  mdast-util-to-hast@13.2.1:
     dependencies:
       '@types/hast': 3.0.4
       '@types/mdast': 4.0.4
@@ -9942,7 +9410,10 @@ snapshots:
 
   minipass@7.1.2: {}
 
-  monaco-editor@0.52.2: {}
+  monaco-editor@0.55.1:
+    dependencies:
+      dompurify: 3.2.7
+      marked: 14.0.0
 
   motion-dom@12.23.23:
     dependencies:
@@ -9950,14 +9421,14 @@ snapshots:
 
   motion-utils@12.23.6: {}
 
-  motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      framer-motion: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      framer-motion: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       tslib: 2.8.1
     optionalDependencies:
       '@emotion/is-prop-valid': 0.7.3
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
   mrmime@2.0.1: {}
 
@@ -9971,7 +9442,7 @@ snapshots:
 
   nanoid@3.3.11: {}
 
-  napi-postinstall@0.2.4: {}
+  napi-postinstall@0.3.4: {}
 
   natural-compare@1.4.0: {}
 
@@ -9979,15 +9450,15 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next@15.5.2(@playwright/test@1.57.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
       '@next/env': 15.5.2
       '@swc/helpers': 0.5.15
-      caniuse-lite: 1.0.30001734
+      caniuse-lite: 1.0.30001757
       postcss: 8.4.31
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      styled-jsx: 5.1.6(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      styled-jsx: 5.1.6(react@19.2.0)
     optionalDependencies:
       '@next/swc-darwin-arm64': 15.5.2
       '@next/swc-darwin-x64': 15.5.2
@@ -9997,19 +9468,19 @@ snapshots:
       '@next/swc-linux-x64-musl': 15.5.2
       '@next/swc-win32-arm64-msvc': 15.5.2
       '@next/swc-win32-x64-msvc': 15.5.2
-      '@playwright/test': 1.53.1
-      sharp: 0.34.3
+      '@playwright/test': 1.57.0
+      sharp: 0.34.5
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
 
-  nextstepjs@2.1.2(patch_hash=95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  nextstepjs@2.1.2(patch_hash=95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a)(motion@12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(next@15.5.2(@playwright/test@1.57.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      motion: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      motion: 12.23.24(@emotion/is-prop-valid@0.7.3)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
     optionalDependencies:
-      next: 15.5.2(@playwright/test@1.53.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.5.2(@playwright/test@1.57.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
 
   node-domexception@1.0.0: {}
 
@@ -10023,7 +9494,7 @@ snapshots:
       fetch-blob: 3.2.0
       formdata-polyfill: 4.0.10
 
-  node-mocks-http@1.17.2(@types/node@20.17.24):
+  node-mocks-http@1.17.2(@types/node@20.19.25):
     dependencies:
       accepts: 1.3.8
       content-disposition: 0.5.4
@@ -10036,13 +9507,11 @@ snapshots:
       range-parser: 1.2.1
       type-is: 1.6.18
     optionalDependencies:
-      '@types/node': 20.17.24
-
-  node-releases@2.0.19: {}
+      '@types/node': 20.19.25
 
-  node-releases@2.0.23: {}
+  node-releases@2.0.27: {}
 
-  nodemailer@6.10.0: {}
+  nodemailer@6.10.1: {}
 
   nopt@7.2.1:
     dependencies:
@@ -10102,7 +9571,7 @@ snapshots:
 
   oniguruma-parser@0.12.1: {}
 
-  oniguruma-to-es@4.3.3:
+  oniguruma-to-es@4.3.4:
     dependencies:
       oniguruma-parser: 0.12.1
       regex: 6.0.1
@@ -10181,21 +9650,21 @@ snapshots:
 
   picomatch@2.3.1: {}
 
-  picomatch@4.0.2: {}
+  picomatch@4.0.3: {}
 
   pify@2.3.0: {}
 
-  pirates@4.0.6: {}
+  pirates@4.0.7: {}
 
   pkce-challenge@3.1.0:
     dependencies:
       crypto-js: 4.2.0
 
-  playwright-core@1.53.1: {}
+  playwright-core@1.57.0: {}
 
-  playwright@1.53.1:
+  playwright@1.57.0:
     dependencies:
-      playwright-core: 1.53.1
+      playwright-core: 1.57.0
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -10210,20 +9679,21 @@ snapshots:
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
-      resolve: 1.22.10
+      resolve: 1.22.11
 
-  postcss-js@4.0.1(postcss@8.5.6):
+  postcss-js@4.1.0(postcss@8.5.6):
     dependencies:
       camelcase-css: 2.0.1
       postcss: 8.5.6
 
-  postcss-load-config@4.0.2(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)):
+  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.6)(tsx@4.20.6)(yaml@2.8.1):
     dependencies:
       lilconfig: 3.1.3
-      yaml: 2.7.0
     optionalDependencies:
+      jiti: 1.21.7
       postcss: 8.5.6
-      ts-node: 10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)
+      tsx: 4.20.6
+      yaml: 2.8.1
 
   postcss-nested@6.2.0(postcss@8.5.6):
     dependencies:
@@ -10249,14 +9719,15 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  posthog-js@1.229.5:
+  posthog-js@1.298.1:
     dependencies:
-      core-js: 3.41.0
+      '@posthog/core': 1.6.0
+      core-js: 3.47.0
       fflate: 0.4.8
-      preact: 10.26.4
+      preact: 10.27.2
       web-vitals: 4.2.4
 
-  preact@10.26.4: {}
+  preact@10.27.2: {}
 
   prelude-ls@1.2.1: {}
 
@@ -10343,373 +9814,373 @@ snapshots:
 
   range-parser@1.2.1: {}
 
-  rc-cascader@3.34.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-cascader@3.34.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-select: 14.16.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-tree: 5.13.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-select: 14.16.8(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-tree: 5.13.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-checkbox@3.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-checkbox@3.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-collapse@3.9.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-collapse@3.9.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-dialog@9.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-dialog@9.6.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/portal': 1.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/portal': 1.1.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-drawer@7.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-drawer@7.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/portal': 1.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/portal': 1.1.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-dropdown@4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-dropdown@4.2.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/trigger': 2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/trigger': 2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-field-form@2.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-field-form@2.7.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       '@rc-component/async-validator': 5.0.4
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-image@7.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-image@7.12.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/portal': 1.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/portal': 1.1.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-dialog: 9.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-dialog: 9.6.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-input-number@9.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-input-number@9.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       '@rc-component/mini-decimal': 1.1.0
       classnames: 2.5.1
-      rc-input: 1.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-input: 1.8.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-input@1.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-input@1.8.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-mentions@2.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-mentions@2.20.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/trigger': 2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/trigger': 2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-input: 1.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-menu: 9.16.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-textarea: 1.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-input: 1.8.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-menu: 9.16.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-textarea: 1.10.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-menu@9.16.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-menu@9.16.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/trigger': 2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/trigger': 2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-overflow: 1.4.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-overflow: 1.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-motion@2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-motion@2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-notification@5.6.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-notification@5.6.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-overflow@1.4.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-overflow@1.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-resize-observer: 1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-resize-observer: 1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-pagination@5.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-pagination@5.1.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-picker@4.11.3(date-fns@3.6.0)(dayjs@1.11.13)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-picker@4.11.3(date-fns@3.6.0)(dayjs@1.11.19)(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/trigger': 2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/trigger': 2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-overflow: 1.4.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-resize-observer: 1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-overflow: 1.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-resize-observer: 1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
     optionalDependencies:
       date-fns: 3.6.0
-      dayjs: 1.11.13
+      dayjs: 1.11.19
 
-  rc-progress@4.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-progress@4.0.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-rate@2.13.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-rate@2.13.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-resize-observer@1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-resize-observer@1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
       resize-observer-polyfill: 1.5.1
 
-  rc-segmented@2.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-segmented@2.7.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-select@14.16.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-select@14.16.8(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/trigger': 2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/trigger': 2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-overflow: 1.4.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-virtual-list: 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-overflow: 1.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-virtual-list: 3.19.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-slider@11.1.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-slider@11.1.9(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-steps@6.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-steps@6.0.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-switch@4.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-switch@4.1.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-table@7.51.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-table@7.54.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/context': 1.4.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/context': 1.4.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-resize-observer: 1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-virtual-list: 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-resize-observer: 1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-virtual-list: 3.19.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-tabs@15.6.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-tabs@15.7.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-dropdown: 4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-menu: 9.16.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-resize-observer: 1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-dropdown: 4.2.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-menu: 9.16.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-resize-observer: 1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-textarea@1.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-textarea@1.10.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-input: 1.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-resize-observer: 1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-input: 1.8.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-resize-observer: 1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-tooltip@6.4.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-tooltip@6.4.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@rc-component/trigger': 2.2.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      '@rc-component/trigger': 2.3.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-tree-select@5.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-tree-select@5.27.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-select: 14.16.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-tree: 5.13.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-select: 14.16.8(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-tree: 5.13.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-tree@5.13.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-tree@5.13.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-virtual-list: 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-motion: 2.9.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-virtual-list: 3.19.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-upload@4.9.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-upload@4.11.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  rc-util@5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-util@5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
       react-is: 18.3.1
 
-  rc-virtual-list@3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  rc-virtual-list@3.19.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       classnames: 2.5.1
-      rc-resize-observer: 1.4.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      rc-util: 5.44.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      rc-resize-observer: 1.4.3(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      rc-util: 5.44.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
   react-base16-styling@0.9.1:
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       '@types/base16': 1.0.5
-      '@types/lodash': 4.17.18
+      '@types/lodash': 4.17.21
       base16: 1.0.0
       color: 3.2.1
-      csstype: 3.1.3
+      csstype: 3.2.3
       lodash.curry: 4.1.1
 
-  react-day-picker@8.10.1(date-fns@3.6.0)(react@19.0.0):
+  react-day-picker@8.10.1(date-fns@3.6.0)(react@19.2.0):
     dependencies:
       date-fns: 3.6.0
-      react: 19.0.0
+      react: 19.2.0
 
   react-display-name@0.2.5: {}
 
-  react-dom@19.0.0(react@19.0.0):
+  react-dom@19.2.0(react@19.2.0):
     dependencies:
-      react: 19.0.0
-      scheduler: 0.25.0
+      react: 19.2.0
+      scheduler: 0.27.0
 
-  react-draggable@4.4.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-draggable@4.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      clsx: 1.2.1
+      clsx: 2.1.1
       prop-types: 15.8.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  react-error-boundary@4.1.2(react@19.0.0):
+  react-error-boundary@4.1.2(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.0
-      react: 19.0.0
+      '@babel/runtime': 7.28.4
+      react: 19.2.0
 
-  react-error-boundary@5.0.0(react@19.0.0):
+  react-error-boundary@5.0.0(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      react: 19.0.0
+      '@babel/runtime': 7.28.4
+      react: 19.2.0
 
-  react-error-boundary@6.0.0(react@19.0.0):
+  react-error-boundary@6.0.0(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      react: 19.0.0
+      '@babel/runtime': 7.28.4
+      react: 19.2.0
 
-  react-icons@5.5.0(react@19.0.0):
+  react-icons@5.5.0(react@19.2.0):
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
 
   react-is@16.13.1: {}
 
@@ -10717,17 +10188,17 @@ snapshots:
 
   react-is@18.3.1: {}
 
-  react-json-tree@0.18.0(@types/react@19.0.10)(react@19.0.0):
+  react-json-tree@0.18.0(@types/react@19.2.7)(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      '@types/lodash': 4.17.18
-      '@types/react': 19.0.10
-      react: 19.0.0
+      '@babel/runtime': 7.28.4
+      '@types/lodash': 4.17.21
+      '@types/react': 19.2.7
+      react: 19.2.0
       react-base16-styling: 0.9.1
 
-  react-jss@10.10.0(react@19.0.0):
+  react-jss@10.10.0(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.0
+      '@babel/runtime': 7.28.4
       '@emotion/is-prop-valid': 0.7.3
       css-jss: 10.10.0
       hoist-non-react-statics: 3.3.2
@@ -10735,120 +10206,120 @@ snapshots:
       jss: 10.10.0
       jss-preset-default: 10.10.0
       prop-types: 15.8.1
-      react: 19.0.0
+      react: 19.2.0
       shallow-equal: 1.2.1
-      theming: 3.3.0(react@19.0.0)
+      theming: 3.3.0(react@19.2.0)
       tiny-warning: 1.0.3
 
-  react-number-format@5.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-number-format@5.4.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  react-qr-code@2.0.15(react@19.0.0):
+  react-qr-code@2.0.18(react@19.2.0):
     dependencies:
       prop-types: 15.8.1
       qr.js: 0.0.0
-      react: 19.0.0
+      react: 19.2.0
 
-  react-redux@9.2.0(@types/react@19.0.10)(react@19.0.0)(redux@5.0.1):
+  react-redux@9.2.0(@types/react@19.2.7)(react@19.2.0)(redux@5.0.1):
     dependencies:
       '@types/use-sync-external-store': 0.0.6
-      react: 19.0.0
-      use-sync-external-store: 1.4.0(react@19.0.0)
+      react: 19.2.0
+      use-sync-external-store: 1.6.0(react@19.2.0)
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
       redux: 5.0.1
 
-  react-remove-scroll-bar@2.3.8(@types/react@19.0.10)(react@19.0.0):
+  react-remove-scroll-bar@2.3.8(@types/react@19.2.7)(react@19.2.0):
     dependencies:
-      react: 19.0.0
-      react-style-singleton: 2.2.3(@types/react@19.0.10)(react@19.0.0)
+      react: 19.2.0
+      react-style-singleton: 2.2.3(@types/react@19.2.7)(react@19.2.0)
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  react-remove-scroll@2.7.1(@types/react@19.0.10)(react@19.0.0):
+  react-remove-scroll@2.7.1(@types/react@19.2.7)(react@19.2.0):
     dependencies:
-      react: 19.0.0
-      react-remove-scroll-bar: 2.3.8(@types/react@19.0.10)(react@19.0.0)
-      react-style-singleton: 2.2.3(@types/react@19.0.10)(react@19.0.0)
+      react: 19.2.0
+      react-remove-scroll-bar: 2.3.8(@types/react@19.2.7)(react@19.2.0)
+      react-style-singleton: 2.2.3(@types/react@19.2.7)(react@19.2.0)
       tslib: 2.8.1
-      use-callback-ref: 1.3.3(@types/react@19.0.10)(react@19.0.0)
-      use-sidecar: 1.1.3(@types/react@19.0.10)(react@19.0.0)
+      use-callback-ref: 1.3.3(@types/react@19.2.7)(react@19.2.0)
+      use-sidecar: 1.1.3(@types/react@19.2.7)(react@19.2.0)
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  react-resizable-panels@2.1.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-resizable-panels@2.1.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  react-resizable@3.0.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-resizable@3.0.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
       prop-types: 15.8.1
-      react: 19.0.0
-      react-draggable: 4.4.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.2.0
+      react-draggable: 4.5.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
     transitivePeerDependencies:
       - react-dom
 
-  react-smooth@4.0.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-smooth@4.0.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      fast-equals: 5.2.2
+      fast-equals: 5.3.3
       prop-types: 15.8.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-transition-group: 4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      react-transition-group: 4.4.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
 
-  react-style-singleton@2.2.3(@types/react@19.0.10)(react@19.0.0):
+  react-style-singleton@2.2.3(@types/react@19.2.7)(react@19.2.0):
     dependencies:
       get-nonce: 1.0.1
-      react: 19.0.0
+      react: 19.2.0
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  react-syntax-highlighter@15.6.1(react@19.0.0):
+  react-syntax-highlighter@15.6.6(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.0
+      '@babel/runtime': 7.28.4
       highlight.js: 10.7.3
       highlightjs-vue: 1.0.0
       lowlight: 1.20.0
       prismjs: 1.30.0
-      react: 19.0.0
+      react: 19.2.0
       refractor: 3.6.0
 
-  react-textarea-autosize@8.5.9(@types/react@19.0.10)(react@19.0.0):
+  react-textarea-autosize@8.5.9(@types/react@19.2.7)(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
-      react: 19.0.0
-      use-composed-ref: 1.4.0(@types/react@19.0.10)(react@19.0.0)
-      use-latest: 1.3.0(@types/react@19.0.10)(react@19.0.0)
+      '@babel/runtime': 7.28.4
+      react: 19.2.0
+      use-composed-ref: 1.4.0(@types/react@19.2.7)(react@19.2.0)
+      use-latest: 1.3.0(@types/react@19.2.7)(react@19.2.0)
     transitivePeerDependencies:
       - '@types/react'
 
-  react-transition-group@4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-transition-group@4.4.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  react-transition-state@2.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-transition-state@2.3.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  react-window@1.8.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-window@1.8.11(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
-      '@babel/runtime': 7.27.6
+      '@babel/runtime': 7.28.4
       memoize-one: 5.2.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
 
-  react@19.0.0: {}
+  react@19.2.0: {}
 
   read-cache@1.0.0:
     dependencies:
@@ -10870,37 +10341,39 @@ snapshots:
     dependencies:
       decimal.js-light: 2.5.1
 
-  recharts@2.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  recharts@2.15.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
       clsx: 2.1.1
       eventemitter3: 4.0.7
       lodash: 4.17.21
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
       react-is: 18.3.1
-      react-smooth: 4.0.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react-smooth: 4.0.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       recharts-scale: 0.4.5
       tiny-invariant: 1.3.3
       victory-vendor: 36.9.2
 
-  recharts@3.1.0(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react-is@18.3.1)(react@19.0.0)(redux@5.0.1):
+  recharts@3.5.0(@types/react@19.2.7)(eslint@9.39.1(jiti@1.21.7))(react-dom@19.2.0(react@19.2.0))(react-is@18.3.1)(react@19.2.0)(redux@5.0.1):
     dependencies:
-      '@reduxjs/toolkit': 2.8.2(react-redux@9.2.0(@types/react@19.0.10)(react@19.0.0)(redux@5.0.1))(react@19.0.0)
+      '@reduxjs/toolkit': 2.11.0(react-redux@9.2.0(@types/react@19.2.7)(react@19.2.0)(redux@5.0.1))(react@19.2.0)
       clsx: 2.1.1
       decimal.js-light: 2.5.1
-      es-toolkit: 1.39.7
+      es-toolkit: 1.42.0
+      eslint-plugin-react-perf: 3.3.3(eslint@9.39.1(jiti@1.21.7))
       eventemitter3: 5.0.1
-      immer: 10.1.3
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      immer: 10.2.0
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
       react-is: 18.3.1
-      react-redux: 9.2.0(@types/react@19.0.10)(react@19.0.0)(redux@5.0.1)
+      react-redux: 9.2.0(@types/react@19.2.7)(react@19.2.0)(redux@5.0.1)
       reselect: 5.1.1
       tiny-invariant: 1.3.3
-      use-sync-external-store: 1.4.0(react@19.0.0)
+      use-sync-external-store: 1.6.0(react@19.2.0)
       victory-vendor: 37.3.6
     transitivePeerDependencies:
       - '@types/react'
+      - eslint
       - redux
 
   redent@3.0.0:
@@ -10931,8 +10404,6 @@ snapshots:
       parse-entities: 2.0.0
       prismjs: 1.30.0
 
-  regenerator-runtime@0.14.1: {}
-
   regex-recursion@6.0.2:
     dependencies:
       regex-utilities: 2.3.0
@@ -10966,7 +10437,7 @@ snapshots:
 
   resolve-pkg-maps@1.0.0: {}
 
-  resolve@1.22.10:
+  resolve@1.22.11:
     dependencies:
       is-core-module: 2.16.1
       path-parse: 1.0.7
@@ -11011,7 +10482,7 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.2.1
 
-  scheduler@0.25.0: {}
+  scheduler@0.27.0: {}
 
   schema-utils@4.3.3:
     dependencies:
@@ -11028,13 +10499,13 @@ snapshots:
 
   semver@6.3.1: {}
 
-  semver@7.7.2: {}
+  semver@7.7.3: {}
 
   serialize-javascript@6.0.2:
     dependencies:
       randombytes: 2.1.0
 
-  set-cookie-parser@2.7.1: {}
+  set-cookie-parser@2.7.2: {}
 
   set-function-length@1.2.2:
     dependencies:
@@ -11060,34 +10531,36 @@ snapshots:
 
   shallow-equal@1.2.1: {}
 
-  sharp@0.34.3:
+  sharp@0.34.5:
     dependencies:
-      color: 4.2.3
-      detect-libc: 2.0.4
-      semver: 7.7.2
+      '@img/colour': 1.0.0
+      detect-libc: 2.1.2
+      semver: 7.7.3
     optionalDependencies:
-      '@img/sharp-darwin-arm64': 0.34.3
-      '@img/sharp-darwin-x64': 0.34.3
-      '@img/sharp-libvips-darwin-arm64': 1.2.0
-      '@img/sharp-libvips-darwin-x64': 1.2.0
-      '@img/sharp-libvips-linux-arm': 1.2.0
-      '@img/sharp-libvips-linux-arm64': 1.2.0
-      '@img/sharp-libvips-linux-ppc64': 1.2.0
-      '@img/sharp-libvips-linux-s390x': 1.2.0
-      '@img/sharp-libvips-linux-x64': 1.2.0
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.0
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.0
-      '@img/sharp-linux-arm': 0.34.3
-      '@img/sharp-linux-arm64': 0.34.3
-      '@img/sharp-linux-ppc64': 0.34.3
-      '@img/sharp-linux-s390x': 0.34.3
-      '@img/sharp-linux-x64': 0.34.3
-      '@img/sharp-linuxmusl-arm64': 0.34.3
-      '@img/sharp-linuxmusl-x64': 0.34.3
-      '@img/sharp-wasm32': 0.34.3
-      '@img/sharp-win32-arm64': 0.34.3
-      '@img/sharp-win32-ia32': 0.34.3
-      '@img/sharp-win32-x64': 0.34.3
+      '@img/sharp-darwin-arm64': 0.34.5
+      '@img/sharp-darwin-x64': 0.34.5
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+      '@img/sharp-libvips-linux-arm': 1.2.4
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+      '@img/sharp-libvips-linux-x64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+      '@img/sharp-linux-arm': 0.34.5
+      '@img/sharp-linux-arm64': 0.34.5
+      '@img/sharp-linux-ppc64': 0.34.5
+      '@img/sharp-linux-riscv64': 0.34.5
+      '@img/sharp-linux-s390x': 0.34.5
+      '@img/sharp-linux-x64': 0.34.5
+      '@img/sharp-linuxmusl-arm64': 0.34.5
+      '@img/sharp-linuxmusl-x64': 0.34.5
+      '@img/sharp-wasm32': 0.34.5
+      '@img/sharp-win32-arm64': 0.34.5
+      '@img/sharp-win32-ia32': 0.34.5
+      '@img/sharp-win32-x64': 0.34.5
     optional: true
 
   shebang-command@2.0.0:
@@ -11096,14 +10569,14 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
-  shiki@3.12.2:
+  shiki@3.17.0:
     dependencies:
-      '@shikijs/core': 3.12.2
-      '@shikijs/engine-javascript': 3.12.2
-      '@shikijs/engine-oniguruma': 3.12.2
-      '@shikijs/langs': 3.12.2
-      '@shikijs/themes': 3.12.2
-      '@shikijs/types': 3.12.2
+      '@shikijs/core': 3.17.0
+      '@shikijs/engine-javascript': 3.17.0
+      '@shikijs/engine-oniguruma': 3.17.0
+      '@shikijs/langs': 3.17.0
+      '@shikijs/themes': 3.17.0
+      '@shikijs/types': 3.17.0
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
 
@@ -11137,9 +10610,9 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
-  simple-swizzle@0.2.2:
+  simple-swizzle@0.2.4:
     dependencies:
-      is-arrayish: 0.3.2
+      is-arrayish: 0.3.4
 
   sirv@2.0.4:
     dependencies:
@@ -11195,7 +10668,7 @@ snapshots:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
-      strip-ansi: 7.1.0
+      strip-ansi: 7.1.2
 
   string.prototype.includes@2.0.1:
     dependencies:
@@ -11260,9 +10733,9 @@ snapshots:
     dependencies:
       ansi-regex: 5.0.1
 
-  strip-ansi@7.1.0:
+  strip-ansi@7.1.2:
     dependencies:
-      ansi-regex: 6.1.0
+      ansi-regex: 6.2.2
 
   strip-bom@3.0.0: {}
 
@@ -11272,56 +10745,56 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  styled-jsx@5.1.6(react@19.0.0):
+  styled-jsx@5.1.6(react@19.2.0):
     dependencies:
       client-only: 0.0.1
-      react: 19.0.0
+      react: 19.2.0
 
   stylis@4.3.6: {}
 
-  sucrase@3.35.0:
+  sucrase@3.35.1:
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
+      '@jridgewell/gen-mapping': 0.3.13
       commander: 4.1.1
-      glob: 10.4.5
       lines-and-columns: 1.2.4
       mz: 2.7.0
-      pirates: 4.0.6
+      pirates: 4.0.7
+      tinyglobby: 0.2.15
       ts-interface-checker: 0.1.13
 
   superjson@1.13.3:
     dependencies:
       copy-anything: 3.0.5
 
-  supertokens-auth-react@0.47.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(supertokens-web-js@0.13.1):
+  supertokens-auth-react@0.47.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(supertokens-web-js@0.13.1):
     dependencies:
       intl-tel-input: 17.0.21
       prop-types: 15.8.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-qr-code: 2.0.15(react@19.0.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      react-qr-code: 2.0.18(react@19.2.0)
       supertokens-js-override: 0.0.4
       supertokens-web-js: 0.13.1
 
   supertokens-js-override@0.0.4: {}
 
-  supertokens-node@21.1.0:
+  supertokens-node@21.1.2:
     dependencies:
       buffer: 6.0.3
       content-type: 1.0.5
       cookie: 0.7.2
       cross-fetch: 3.2.0
-      debug: 4.4.0
+      debug: 4.4.3
       jose: 4.15.9
-      libphonenumber-js: 1.12.5
-      nodemailer: 6.10.0
+      libphonenumber-js: 1.12.29
+      nodemailer: 6.10.1
       pako: 2.1.0
       pkce-challenge: 3.1.0
       process: 0.11.10
-      set-cookie-parser: 2.7.1
+      set-cookie-parser: 2.7.2
       supertokens-js-override: 0.0.4
-      tldts: 6.1.83
-      twilio: 4.23.0(debug@4.4.0)
+      tldts: 6.1.86
+      twilio: 4.23.0(debug@4.4.3)
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -11348,45 +10821,45 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  swc-loader@0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)):
+  swc-loader@0.2.6(@swc/core@1.15.3(@swc/helpers@0.5.17))(webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12)):
     dependencies:
-      '@swc/core': 1.11.8(@swc/helpers@0.5.17)
+      '@swc/core': 1.15.3(@swc/helpers@0.5.17)
       '@swc/counter': 0.1.3
-      webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)
+      webpack: 5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12)
 
-  swc-loader@0.2.6(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))):
+  swc-loader@0.2.6(@swc/core@1.15.3(@swc/helpers@0.5.17))(webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))):
     dependencies:
-      '@swc/core': 1.11.8(@swc/helpers@0.5.17)
+      '@swc/core': 1.15.3(@swc/helpers@0.5.17)
       '@swc/counter': 0.1.3
-      webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))
+      webpack: 5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))
 
-  swr-devtools@1.3.2(react@19.0.0)(swr@2.3.3(react@19.0.0)):
+  swr-devtools@1.3.2(react@19.2.0)(swr@2.3.6(react@19.2.0)):
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
       superjson: 1.13.3
-      swr: 2.3.3(react@19.0.0)
+      swr: 2.3.6(react@19.2.0)
 
-  swr@2.3.3(react@19.0.0):
+  swr@2.3.6(react@19.2.0):
     dependencies:
       dequal: 2.0.3
-      react: 19.0.0
-      use-sync-external-store: 1.4.0(react@19.0.0)
+      react: 19.2.0
+      use-sync-external-store: 1.6.0(react@19.2.0)
 
   symbol-observable@1.2.0: {}
 
-  synckit@0.11.8:
+  synckit@0.11.11:
     dependencies:
-      '@pkgr/core': 0.2.7
+      '@pkgr/core': 0.2.9
 
-  tabbable@6.2.0: {}
+  tabbable@6.3.0: {}
 
   tailwind-merge@2.6.0: {}
 
-  tailwind-scrollbar@3.1.0(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))):
+  tailwind-scrollbar@3.1.0(tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1)):
     dependencies:
-      tailwindcss: 3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))
+      tailwindcss: 3.4.18(tsx@4.20.6)(yaml@2.8.1)
 
-  tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3)):
+  tailwindcss@3.4.18(tsx@4.20.6)(yaml@2.8.1):
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -11404,41 +10877,42 @@ snapshots:
       picocolors: 1.1.1
       postcss: 8.5.6
       postcss-import: 15.1.0(postcss@8.5.6)
-      postcss-js: 4.0.1(postcss@8.5.6)
-      postcss-load-config: 4.0.2(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3))
+      postcss-js: 4.1.0(postcss@8.5.6)
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.6)(tsx@4.20.6)(yaml@2.8.1)
       postcss-nested: 6.2.0(postcss@8.5.6)
       postcss-selector-parser: 6.1.2
-      resolve: 1.22.10
-      sucrase: 3.35.0
+      resolve: 1.22.11
+      sucrase: 3.35.1
     transitivePeerDependencies:
-      - ts-node
+      - tsx
+      - yaml
 
   tapable@2.3.0: {}
 
-  terser-webpack-plugin@5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)):
+  terser-webpack-plugin@5.3.14(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12)(webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.3.3
       serialize-javascript: 6.0.2
-      terser: 5.44.0
-      webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)
+      terser: 5.44.1
+      webpack: 5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12)
     optionalDependencies:
-      '@swc/core': 1.11.8(@swc/helpers@0.5.17)
-      esbuild: 0.25.10
+      '@swc/core': 1.15.3(@swc/helpers@0.5.17)
+      esbuild: 0.25.12
 
-  terser-webpack-plugin@5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))):
+  terser-webpack-plugin@5.3.14(@swc/core@1.15.3(@swc/helpers@0.5.17))(webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.3.3
       serialize-javascript: 6.0.2
-      terser: 5.44.0
-      webpack: 5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))
+      terser: 5.44.1
+      webpack: 5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))
     optionalDependencies:
-      '@swc/core': 1.11.8(@swc/helpers@0.5.17)
+      '@swc/core': 1.15.3(@swc/helpers@0.5.17)
 
-  terser@5.44.0:
+  terser@5.44.1:
     dependencies:
       '@jridgewell/source-map': 0.3.11
       acorn: 8.15.0
@@ -11447,11 +10921,11 @@ snapshots:
 
   text-table@0.2.0: {}
 
-  theming@3.3.0(react@19.0.0):
+  theming@3.3.0(react@19.2.0):
     dependencies:
       hoist-non-react-statics: 3.3.2
       prop-types: 15.8.1
-      react: 19.0.0
+      react: 19.2.0
       react-display-name: 0.2.5
       tiny-warning: 1.0.3
 
@@ -11469,20 +10943,20 @@ snapshots:
 
   tiny-warning@1.0.3: {}
 
-  tinyglobby@0.2.14:
+  tinyglobby@0.2.15:
     dependencies:
-      fdir: 6.4.6(picomatch@4.0.2)
-      picomatch: 4.0.2
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
 
   tinyrainbow@1.2.0: {}
 
   tinyspy@3.0.2: {}
 
-  tldts-core@6.1.83: {}
+  tldts-core@6.1.86: {}
 
-  tldts@6.1.83:
+  tldts@6.1.86:
     dependencies:
-      tldts-core: 6.1.83
+      tldts-core: 6.1.86
 
   to-regex-range@5.0.1:
     dependencies:
@@ -11506,35 +10980,14 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
-  ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.17.24)(typescript@5.8.3):
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.11
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 20.17.24
-      acorn: 8.15.0
-      acorn-walk: 8.3.4
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 5.8.3
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-    optionalDependencies:
-      '@swc/core': 1.11.8(@swc/helpers@0.5.17)
-    optional: true
-
-  ts-node@10.9.2(@swc/core@1.11.8(@swc/helpers@0.5.17))(@types/node@20.19.19)(typescript@5.8.3):
+  ts-node@10.9.2(@swc/core@1.15.3(@swc/helpers@0.5.17))(@types/node@20.19.25)(typescript@5.8.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.11
+      '@tsconfig/node10': 1.0.12
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 20.19.19
+      '@types/node': 20.19.25
       acorn: 8.15.0
       acorn-walk: 8.3.4
       arg: 4.1.3
@@ -11545,7 +10998,7 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
-      '@swc/core': 1.11.8(@swc/helpers@0.5.17)
+      '@swc/core': 1.15.3(@swc/helpers@0.5.17)
 
   tsconfig-paths@3.15.0:
     dependencies:
@@ -11562,10 +11015,10 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tsx@4.20.3:
+  tsx@4.20.6:
     dependencies:
-      esbuild: 0.25.5
-      get-tsconfig: 4.10.1
+      esbuild: 0.25.12
+      get-tsconfig: 4.13.0
     optionalDependencies:
       fsevents: 2.3.3
 
@@ -11596,10 +11049,10 @@ snapshots:
       turbo-windows-64: 2.5.4
       turbo-windows-arm64: 2.5.4
 
-  twilio@4.23.0(debug@4.4.0):
+  twilio@4.23.0(debug@4.4.3):
     dependencies:
-      axios: 1.12.2(debug@4.4.0)
-      dayjs: 1.11.13
+      axios: 1.13.2(debug@4.4.3)
+      dayjs: 1.11.19
       https-proxy-agent: 5.0.1
       jsonwebtoken: 9.0.2
       qs: 6.14.0
@@ -11656,12 +11109,13 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3):
+  typescript-eslint@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.34.1(@typescript-eslint/parser@8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3))(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/parser': 8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      '@typescript-eslint/utils': 8.34.1(eslint@9.32.0(jiti@1.21.7))(typescript@5.8.3)
-      eslint: 9.32.0(jiti@1.21.7)
+      '@typescript-eslint/eslint-plugin': 8.48.0(@typescript-eslint/parser@8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      '@typescript-eslint/typescript-estree': 8.48.0(typescript@5.8.3)
+      '@typescript-eslint/utils': 8.48.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.8.3)
+      eslint: 9.39.1(jiti@1.21.7)
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
@@ -11675,11 +11129,9 @@ snapshots:
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
 
-  undici-types@6.19.8: {}
-
   undici-types@6.21.0: {}
 
-  unist-util-is@6.0.0:
+  unist-util-is@6.0.1:
     dependencies:
       '@types/unist': 3.0.3
 
@@ -11691,50 +11143,44 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.3
 
-  unist-util-visit-parents@6.0.1:
+  unist-util-visit-parents@6.0.2:
     dependencies:
       '@types/unist': 3.0.3
-      unist-util-is: 6.0.0
+      unist-util-is: 6.0.1
 
   unist-util-visit@5.0.0:
     dependencies:
       '@types/unist': 3.0.3
-      unist-util-is: 6.0.0
-      unist-util-visit-parents: 6.0.1
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
 
-  unrs-resolver@1.9.1:
+  unrs-resolver@1.11.1:
     dependencies:
-      napi-postinstall: 0.2.4
+      napi-postinstall: 0.3.4
     optionalDependencies:
-      '@unrs/resolver-binding-android-arm-eabi': 1.9.1
-      '@unrs/resolver-binding-android-arm64': 1.9.1
-      '@unrs/resolver-binding-darwin-arm64': 1.9.1
-      '@unrs/resolver-binding-darwin-x64': 1.9.1
-      '@unrs/resolver-binding-freebsd-x64': 1.9.1
-      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.9.1
-      '@unrs/resolver-binding-linux-arm-musleabihf': 1.9.1
-      '@unrs/resolver-binding-linux-arm64-gnu': 1.9.1
-      '@unrs/resolver-binding-linux-arm64-musl': 1.9.1
-      '@unrs/resolver-binding-linux-ppc64-gnu': 1.9.1
-      '@unrs/resolver-binding-linux-riscv64-gnu': 1.9.1
-      '@unrs/resolver-binding-linux-riscv64-musl': 1.9.1
-      '@unrs/resolver-binding-linux-s390x-gnu': 1.9.1
-      '@unrs/resolver-binding-linux-x64-gnu': 1.9.1
-      '@unrs/resolver-binding-linux-x64-musl': 1.9.1
-      '@unrs/resolver-binding-wasm32-wasi': 1.9.1
-      '@unrs/resolver-binding-win32-arm64-msvc': 1.9.1
-      '@unrs/resolver-binding-win32-ia32-msvc': 1.9.1
-      '@unrs/resolver-binding-win32-x64-msvc': 1.9.1
-
-  update-browserslist-db@1.1.3(browserslist@4.24.4):
-    dependencies:
-      browserslist: 4.24.4
-      escalade: 3.2.0
-      picocolors: 1.1.1
-
-  update-browserslist-db@1.1.3(browserslist@4.26.3):
-    dependencies:
-      browserslist: 4.26.3
+      '@unrs/resolver-binding-android-arm-eabi': 1.11.1
+      '@unrs/resolver-binding-android-arm64': 1.11.1
+      '@unrs/resolver-binding-darwin-arm64': 1.11.1
+      '@unrs/resolver-binding-darwin-x64': 1.11.1
+      '@unrs/resolver-binding-freebsd-x64': 1.11.1
+      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.11.1
+      '@unrs/resolver-binding-linux-arm-musleabihf': 1.11.1
+      '@unrs/resolver-binding-linux-arm64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-arm64-musl': 1.11.1
+      '@unrs/resolver-binding-linux-ppc64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-riscv64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-riscv64-musl': 1.11.1
+      '@unrs/resolver-binding-linux-s390x-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-x64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-x64-musl': 1.11.1
+      '@unrs/resolver-binding-wasm32-wasi': 1.11.1
+      '@unrs/resolver-binding-win32-arm64-msvc': 1.11.1
+      '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
+      '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
+
+  update-browserslist-db@1.1.4(browserslist@4.28.0):
+    dependencies:
+      browserslist: 4.28.0
       escalade: 3.2.0
       picocolors: 1.1.1
 
@@ -11747,52 +11193,52 @@ snapshots:
       querystringify: 2.2.0
       requires-port: 1.0.0
 
-  use-animation-frame@0.2.1(react@19.0.0):
+  use-animation-frame@0.2.1(react@19.2.0):
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
 
-  use-callback-ref@1.3.3(@types/react@19.0.10)(react@19.0.0):
+  use-callback-ref@1.3.3(@types/react@19.2.7)(react@19.2.0):
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  use-composed-ref@1.4.0(@types/react@19.0.10)(react@19.0.0):
+  use-composed-ref@1.4.0(@types/react@19.2.7)(react@19.2.0):
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  use-isomorphic-layout-effect@1.2.1(@types/react@19.0.10)(react@19.0.0):
+  use-isomorphic-layout-effect@1.2.1(@types/react@19.2.7)(react@19.2.0):
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  use-latest@1.3.0(@types/react@19.0.10)(react@19.0.0):
+  use-latest@1.3.0(@types/react@19.2.7)(react@19.2.0):
     dependencies:
-      react: 19.0.0
-      use-isomorphic-layout-effect: 1.2.1(@types/react@19.0.10)(react@19.0.0)
+      react: 19.2.0
+      use-isomorphic-layout-effect: 1.2.1(@types/react@19.2.7)(react@19.2.0)
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  use-sidecar@1.1.3(@types/react@19.0.10)(react@19.0.0):
+  use-sidecar@1.1.3(@types/react@19.2.7)(react@19.2.0):
     dependencies:
       detect-node-es: 1.1.0
-      react: 19.0.0
+      react: 19.2.0
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.0.10
+      '@types/react': 19.2.7
 
-  use-sync-external-store@1.4.0(react@19.0.0):
+  use-sync-external-store@1.6.0(react@19.2.0):
     dependencies:
-      react: 19.0.0
+      react: 19.2.0
 
-  usehooks-ts@3.1.1(react@19.0.0):
+  usehooks-ts@3.1.1(react@19.2.0):
     dependencies:
       lodash.debounce: 4.0.8
-      react: 19.0.0
+      react: 19.2.0
 
   util-deprecate@1.0.2: {}
 
@@ -11822,7 +11268,7 @@ snapshots:
 
   victory-vendor@36.9.2:
     dependencies:
-      '@types/d3-array': 3.2.1
+      '@types/d3-array': 3.2.2
       '@types/d3-ease': 3.0.2
       '@types/d3-interpolate': 3.0.4
       '@types/d3-scale': 4.0.9
@@ -11839,7 +11285,7 @@ snapshots:
 
   victory-vendor@37.3.6:
     dependencies:
-      '@types/d3-array': 3.2.1
+      '@types/d3-array': 3.2.2
       '@types/d3-ease': 3.0.2
       '@types/d3-interpolate': 3.0.4
       '@types/d3-scale': 4.0.9
@@ -11856,14 +11302,14 @@ snapshots:
 
   vue-eslint-parser@9.4.3(eslint@8.57.1):
     dependencies:
-      debug: 4.4.1
+      debug: 4.4.3
       eslint: 8.57.1
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
       esquery: 1.6.0
       lodash: 4.17.21
-      semver: 7.7.2
+      semver: 7.7.3
     transitivePeerDependencies:
       - supports-color
 
@@ -11899,15 +11345,17 @@ snapshots:
 
   webpack-sources@3.3.3: {}
 
-  webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17)):
+  webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17)):
     dependencies:
       '@types/eslint-scope': 3.7.7
       '@types/estree': 1.0.8
+      '@types/json-schema': 7.0.15
       '@webassemblyjs/ast': 1.14.1
       '@webassemblyjs/wasm-edit': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
       acorn: 8.15.0
-      browserslist: 4.26.3
+      acorn-import-phases: 1.0.4(acorn@8.15.0)
+      browserslist: 4.28.0
       chrome-trace-event: 1.0.4
       enhanced-resolve: 5.18.3
       es-module-lexer: 1.7.0
@@ -11916,12 +11364,12 @@ snapshots:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
       json-parse-even-better-errors: 2.3.1
-      loader-runner: 4.3.0
+      loader-runner: 4.3.1
       mime-types: 2.1.35
       neo-async: 2.6.2
       schema-utils: 4.3.3
       tapable: 2.3.0
-      terser-webpack-plugin: 5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17)))
+      terser-webpack-plugin: 5.3.14(@swc/core@1.15.3(@swc/helpers@0.5.17))(webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17)))
       watchpack: 2.4.4
       webpack-sources: 3.3.3
     transitivePeerDependencies:
@@ -11929,15 +11377,17 @@ snapshots:
       - esbuild
       - uglify-js
 
-  webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10):
+  webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12):
     dependencies:
       '@types/eslint-scope': 3.7.7
       '@types/estree': 1.0.8
+      '@types/json-schema': 7.0.15
       '@webassemblyjs/ast': 1.14.1
       '@webassemblyjs/wasm-edit': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
       acorn: 8.15.0
-      browserslist: 4.26.3
+      acorn-import-phases: 1.0.4(acorn@8.15.0)
+      browserslist: 4.28.0
       chrome-trace-event: 1.0.4
       enhanced-resolve: 5.18.3
       es-module-lexer: 1.7.0
@@ -11946,12 +11396,12 @@ snapshots:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
       json-parse-even-better-errors: 2.3.1
-      loader-runner: 4.3.0
+      loader-runner: 4.3.1
       mime-types: 2.1.35
       neo-async: 2.6.2
       schema-utils: 4.3.3
       tapable: 2.3.0
-      terser-webpack-plugin: 5.3.14(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10)(webpack@5.98.0(@swc/core@1.11.8(@swc/helpers@0.5.17))(esbuild@0.25.10))
+      terser-webpack-plugin: 5.3.14(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12)(webpack@5.103.0(@swc/core@1.15.3(@swc/helpers@0.5.17))(esbuild@0.25.12))
       watchpack: 2.4.4
       webpack-sources: 3.3.3
     transitivePeerDependencies:
@@ -11980,7 +11430,7 @@ snapshots:
       is-async-function: 2.1.1
       is-date-object: 1.1.0
       is-finalizationregistry: 1.1.1
-      is-generator-function: 1.1.0
+      is-generator-function: 1.1.2
       is-regex: 1.2.1
       is-weakref: 1.1.1
       isarray: 2.0.5
@@ -12019,9 +11469,9 @@ snapshots:
 
   wrap-ansi@8.1.0:
     dependencies:
-      ansi-styles: 6.2.1
+      ansi-styles: 6.2.3
       string-width: 5.1.2
-      strip-ansi: 7.1.0
+      strip-ansi: 7.1.2
 
   wrappy@1.0.2: {}
 
@@ -12033,9 +11483,9 @@ snapshots:
 
   xtend@4.0.2: {}
 
-  yaml@2.7.0: {}
+  yaml@2.8.1: {}
 
-  yjs@13.6.24:
+  yjs@13.6.27:
     dependencies:
       lib0: 0.2.114
 

From 34114e037549d9a74224719664748c2364dca312 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sat, 29 Nov 2025 18:34:42 +0600
Subject: [PATCH 25/53] cleaned up old code

---
 .../assets/WelcomeModalContent/index.tsx      |  58 --------
 .../components/WelcomeModal/index.tsx         | 124 -----------------
 web/oss/src/components/Onboarding/index.tsx   |   7 -
 .../ApplicationManagementSection.tsx          |   2 -
 .../src/state/onboarding/atoms/stepsAtom.ts   | 128 +++++++++---------
 .../onboarding/steps/evaluations/index.tsx    |  33 ++++-
 web/oss/src/state/onboarding/steps/types.ts   |   5 +-
 7 files changed, 95 insertions(+), 262 deletions(-)
 delete mode 100644 web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
 delete mode 100644 web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx

diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
deleted file mode 100644
index c61fb08f54..0000000000
--- a/web/oss/src/components/Onboarding/components/WelcomeModal/assets/WelcomeModalContent/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import {Typography} from "antd"
-
-const WELCOME_VIDEO_URL = "https://www.youtube.com/embed/N3B_ZOYzjLg"
-
-type WelcomeModalContentProps = {
-    variant?: "default" | "sme"
-}
-
-const WelcomeModalContent = ({variant = "default"}: WelcomeModalContentProps) => {
-    if (variant === "sme") {
-        return (
-            <div className="flex flex-col gap-2 mb-6 mt-5">
-                <Typography.Paragraph className="font-bold">
-                    Personalized onboarding
-                </Typography.Paragraph>
-                <Typography.Paragraph className="!mb-0 text-[#475467]">
-                    We&apos;ll spin up a live online evaluation, walk through app creation, run a
-                    few prompt experiments in the playground, and then jump straight into the
-                    evaluation we created so you can see how live scoring works. It only takes a
-                    couple of minutes.
-                </Typography.Paragraph>
-                <div className="rounded-lg border border-dashed border-[#D0D5DD] bg-[#F9FAFB] p-3">
-                    <ul className="list-disc pl-5 text-[#475467] space-y-1">
-                        <li>Auto-create a demo online evaluation powered by LLM-as-a-judge.</li>
-                        <li>Follow the guided flow to create your first app.</li>
-                        <li>Experiment in the playground and learn how to run tests.</li>
-                        <li>Review the live evaluation</li>
-                    </ul>
-                </div>
-            </div>
-        )
-    }
-
-    return (
-        <div className="flex flex-col gap-4 mb-10 mt-5">
-            <div
-                className="relative overflow-hidden rounded-lg bg-black"
-                style={{paddingTop: "56.25%"}}
-            >
-                <iframe
-                    src={WELCOME_VIDEO_URL}
-                    title="Welcome to Agenta"
-                    className="absolute left-0 top-0 h-full w-full border-0"
-                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                    allowFullScreen
-                />
-            </div>
-            <Typography.Paragraph className="!mb-0">
-                Welcome to Agenta Cloud! Our platform helps you build, deploy, and manage AI
-                applications with ease. Take this quick 2-minute tour to discover how to create your
-                first AI app, set up deployments, and monitor performance—all in one place. Or, feel
-                free to skip and explore at your own pace.
-            </Typography.Paragraph>
-        </div>
-    )
-}
-
-export default WelcomeModalContent
diff --git a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx b/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
deleted file mode 100644
index 4bde8dab47..0000000000
--- a/web/oss/src/components/Onboarding/components/WelcomeModal/index.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import {useAtomValue, useSetAtom} from "jotai"
-import dynamic from "next/dynamic"
-import {useCallback, useEffect, useMemo, useState} from "react"
-
-import {message} from "@/oss/components/AppMessageContext"
-import EnhancedModal from "@/oss/components/EnhancedUIs/Modal"
-import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
-
-import {
-    isNewUserAtom,
-    resolveOnboardingSection,
-    triggerOnboardingAtom,
-    updateUserOnboardingStatusAtom,
-    userOnboardingProfileAtom,
-    userOnboardingStatusAtom,
-} from "@/oss/state/onboarding"
-import {createOnlineEvaluation, redirectToAppsPage} from "@/oss/state/onboarding/assets/utils"
-import {
-    demoOnlineEvaluationAtom,
-    fullJourneyStateAtom,
-} from "@/oss/state/onboarding/atoms/helperAtom"
-import {urlLocationAtom} from "@/oss/state/url"
-import {WelcomeModalProps} from "../../types"
-
-const WelcomeModalContent = dynamic(() => import("./assets/WelcomeModalContent"), {ssr: false})
-
-const WelcomeModal = ({open, ...props}: WelcomeModalProps) => {
-    const isNewUser = useAtomValue(isNewUserAtom)
-    const userLocation = useAtomValue(urlLocationAtom)
-    const userOnboardingJourneyStatus = useAtomValue(userOnboardingStatusAtom)
-    const userProfile = useAtomValue(userOnboardingProfileAtom)
-    const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
-    const updateOnboardingStatus = useSetAtom(updateUserOnboardingStatusAtom)
-    const setDemoEvaluationContext = useSetAtom(demoOnlineEvaluationAtom)
-    const setLastVisitedEvaluation = useSetAtom(lastVisitedEvaluationAtom)
-    const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
-
-    const [isModalOpen, setIsModalOpen] = useState(false)
-    const [isStartingTour, setIsStartingTour] = useState(false)
-
-    const isSme = useMemo(() => {
-        const role = userProfile?.userRole?.trim().toLowerCase()
-        return role === "sme"
-    }, [userProfile?.userRole])
-
-    useEffect(() => {
-        if (!isNewUser) return
-
-        const normalizedSection = resolveOnboardingSection(userLocation.section)
-        if (!normalizedSection) return
-
-        const fullJourneyStatus = userOnboardingJourneyStatus.fullJourney
-        if (fullJourneyStatus && fullJourneyStatus !== "idle") return
-
-        const sectionStatus = userOnboardingJourneyStatus[normalizedSection]
-        if (sectionStatus !== "idle") return
-
-        setIsModalOpen(true)
-    }, [isNewUser, userLocation, userOnboardingJourneyStatus, isSme])
-
-    const onSkip = useCallback(() => {
-        if (isStartingTour) return
-
-        updateOnboardingStatus({section: "apps", status: "skipped"})
-        setFullJourneyState({active: false, state: null, journeyId: null})
-        updateOnboardingStatus({section: "fullJourney", status: "skipped"})
-        setIsModalOpen(false)
-    }, [isStartingTour, updateOnboardingStatus, setFullJourneyState, isSme])
-
-    const onStartTour = useCallback(async () => {
-        updateOnboardingStatus({section: "apps", status: "started"})
-
-        if (!isSme) {
-            setFullJourneyState({active: false, state: null, journeyId: null})
-            setTriggerOnboarding({state: "apps"})
-            setIsModalOpen(false)
-            return
-        }
-
-        try {
-            setIsStartingTour(true)
-            const context = await createOnlineEvaluation()
-            setDemoEvaluationContext(context)
-            setLastVisitedEvaluation("online_evaluation")
-            await redirectToAppsPage()
-            setFullJourneyState({active: true, state: "apps", journeyId: "sme-guided-journey"})
-            setTriggerOnboarding({state: "apps"})
-            setIsModalOpen(false)
-        } catch (error) {
-            console.error("[WelcomeModal] SME onboarding start failed", error)
-            const err = error as Error
-            message.error(err?.message || "Failed to create the demo evaluation. Try again.")
-        } finally {
-            setIsStartingTour(false)
-        }
-    }, [
-        isSme,
-        updateOnboardingStatus,
-        setDemoEvaluationContext,
-        setLastVisitedEvaluation,
-        setTriggerOnboarding,
-        setFullJourneyState,
-    ])
-
-    return (
-        <EnhancedModal
-            open={isModalOpen}
-            okText={isSme ? "Start tour" : "Create your first app"}
-            cancelText="Skip tour"
-            okButtonProps={{type: "primary", onClick: onStartTour, loading: isStartingTour}}
-            cancelButtonProps={{type: "default", onClick: onSkip, disabled: isStartingTour}}
-            maskClosable={false}
-            closable={false}
-            width={720}
-            title="Welcome to Agenta 👋"
-            onCancel={onSkip}
-            {...props}
-        >
-            <WelcomeModalContent variant={isSme ? "sme" : "default"} />
-        </EnhancedModal>
-    )
-}
-
-export default WelcomeModal
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index c1b6824301..7ba9df113c 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -113,19 +113,12 @@ const OnboardingCard = ({
             skipTour?.()
             setTriggerOnboarding(null)
             if (!status) return
-            if (!isNewUser) return
 
             const resolvedSection =
                 extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
             if (!resolvedSection) return
 
             updateOnboardingStatus({section: resolvedSection, status})
-
-            if (fullJourneyState.active) {
-                setFullJourneyState({active: false, state: null, journeyId: null})
-                updateOnboardingStatus({section: "fullJourney", status: status})
-                setTriggerOnboarding(null)
-            }
         },
         [
             step,
diff --git a/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx b/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
index e1f6dc9c63..855a503ede 100644
--- a/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
+++ b/web/oss/src/components/pages/app-management/components/ApplicationManagementSection.tsx
@@ -16,7 +16,6 @@ import {JSSTheme, ListAppsItem} from "@/oss/lib/Types"
 import AppCard from "./AppCard"
 import AppTable from "./AppTable"
 import EmptyAppView from "./EmptyAppView"
-import WelcomeModal from "@/oss/components/Onboarding/components/WelcomeModal"
 
 interface ApplicationManagementSectionProps {
     selectedOrg: any
@@ -156,7 +155,6 @@ const ApplicationManagementSection = ({
                     <EmptyAppView setIsAddAppFromTemplatedModal={setIsAddAppFromTemplatedModal} />
                 )}
             </div>
-            <WelcomeModal />
         </>
     )
 }
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 8600f5eaad..8b690d10d2 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -1,9 +1,10 @@
 import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
-import {atom} from "jotai"
+import {atom, getDefaultStore} from "jotai"
 import {eagerAtom} from "jotai-eager"
 import {atomWithStorage} from "jotai/utils"
 import {Tour} from "nextstepjs"
 
+import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
 import {userAtom} from "../../profile"
 import {sessionExistsAtom} from "../../session"
 import {urlLocationAtom} from "../../url"
@@ -16,6 +17,7 @@ import {
 } from "../types"
 import {fullJourneyStateAtom, playgroundHasFirstRunAtom} from "./helperAtom"
 import {isAddAppFromTemplatedAtom} from "@/oss/components/pages/app-management/state/atom"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 
 const NEW_USER_STORAGE_KEY = "new-user"
 const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
@@ -48,35 +50,58 @@ const defaultUserOnboardingState: UserOnboardingStatus = {
     apps: "idle",
     playground: "idle",
     playgroundPostRun: "idle",
-    evaluations: "idle",
-    observability: "idle",
-    trace: "idle",
-    fullJourney: "idle",
-}
-// new
-const defaultNewUserOnboardingState: UserOnboardingStatus = {
-    apps: "idle",
-    playground: "idle",
-    playgroundPostRun: "idle",
-    evaluations: "idle",
     autoEvaluations: "idle",
     humanEvaluations: "idle",
     onlineEvaluations: "idle",
     observability: "idle",
     trace: "idle",
-    annotate: "idle",
+    fullJourney: "idle",
 }
 
 export const ONBOARDING_SECTIONS = Object.keys(defaultUserOnboardingState) as Array<
     keyof UserOnboardingStatus
 >
+const getEvaluationSectionFromValue = (
+    value: string | null | undefined,
+): keyof UserOnboardingStatus | null => {
+    if (!value) return null
+    const normalized = value.toLowerCase()
+    if (normalized.includes("online")) return "onlineEvaluations"
+    if (normalized.includes("human")) return "humanEvaluations"
+    return "autoEvaluations"
+}
+
+const resolveEvaluationSectionFromContext = (): keyof UserOnboardingStatus => {
+    const store = getDefaultStore()
+    const evalType = store.get(evalTypeAtom)
+    if (evalType === "online") return "onlineEvaluations"
+    if (evalType === "human") return "humanEvaluations"
+    const lastVisited = store.get(lastVisitedEvaluationAtom)
+    return getEvaluationSectionFromValue(lastVisited) ?? "autoEvaluations"
+}
 
-const ONBOARDING_SECTION_ALIASES: Record<string, keyof UserOnboardingStatus> = {
+const resolvedKeyMapper: Record<string, keyof UserOnboardingStatus> = {
     traces: "trace",
     trace: "trace",
     "trace-drawer": "trace",
     "playground-post-run": "playgroundPostRun",
     "full-journey": "fullJourney",
+    evaluation: "autoEvaluations",
+    evaluations: "autoEvaluations",
+    "auto-evaluation": "autoEvaluations",
+    "auto-evaluations": "autoEvaluations",
+    auto_evaluation: "autoEvaluations",
+    auto_evaluations: "autoEvaluations",
+    "online-evaluation": "onlineEvaluations",
+    "online-evaluations": "onlineEvaluations",
+    online_evaluation: "onlineEvaluations",
+    online_evaluations: "onlineEvaluations",
+    "human-evaluation": "humanEvaluations",
+    "human-evaluations": "humanEvaluations",
+    human_annotation: "humanEvaluations",
+    "human-annotation": "humanEvaluations",
+    human_ab_testing: "humanEvaluations",
+    "human-ab-testing": "humanEvaluations",
 }
 
 const mergeUserOnboardingStatus = (state?: Partial<UserOnboardingStatus>): UserOnboardingStatus => {
@@ -93,7 +118,32 @@ export const resolveOnboardingSection = (
     if (ONBOARDING_SECTIONS.includes(value as keyof UserOnboardingStatus)) {
         return value as keyof UserOnboardingStatus
     }
-    return ONBOARDING_SECTION_ALIASES[value] ?? null
+
+    const candidates = value
+        .split("/")
+        .map((part) => part.trim())
+        .filter((part): part is string => Boolean(part))
+        .flatMap((part) => {
+            const lower = part.toLowerCase()
+            return [lower, lower.replace(/_/g, "-"), lower.replace(/[-_\s]/g, "")]
+        })
+
+    for (const candidate of candidates) {
+        if (candidate === "evaluation" || candidate === "evaluations") {
+            return resolveEvaluationSectionFromContext()
+        }
+        const mapped = resolvedKeyMapper[candidate]
+        if (mapped) {
+            if (mapped === "autoEvaluations" && candidate.includes("evaluation")) {
+                return resolveEvaluationSectionFromContext()
+            }
+            return mapped
+        }
+    }
+
+    const resolvedFromValue = getEvaluationSectionFromValue(value)
+    if (resolvedFromValue) return resolvedFromValue
+    return null
 }
 
 const userOnboardingStatusStorageAtom = atomWithStorage<UserOnboardingStatus>(
@@ -159,8 +209,6 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
     const manualTrigger = get(triggerOnboardingAtom)
     const currentStep = get(currentOnboardingStepWithLocationAtom)
     const hasPlaygroundRun = get(playgroundHasFirstRunAtom)
-    const fullJourneyState = get(fullJourneyStateAtom)
-    const fullJourneyStatus = userOnboardingJourneyStatus.fullJourney
     const isAddAppFromTemplated = get(isAddAppFromTemplatedAtom)
 
     if (appStatusLoading || isAddAppFromTemplated) return []
@@ -185,52 +233,6 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
         return resolveStepsForState(effectiveState)
     }
 
-    if (fullJourneyState.active && fullJourneyState.state) {
-        if (fullJourneyStatus && fullJourneyStatus !== "idle") {
-            return []
-        }
-        const stateKey = fullJourneyState.state as keyof typeof TOUR_STEPS
-        return resolveStepsForState(stateKey)
-    }
-
-    if (isNewUser) {
-        const normalizedSection = resolveOnboardingSection(userLocation.section)
-        if (!normalizedSection) return []
-
-        if (
-            normalizedSection === "playground" &&
-            hasPlaygroundRun &&
-            userOnboardingJourneyStatus.playgroundPostRun === "idle"
-        ) {
-            const postRunSteps = TOUR_STEPS.playgroundPostRun
-            if (postRunSteps) {
-                return postRunSteps({
-                    userContext: onboardingProfile,
-                    currentStep,
-                    location: userLocation,
-                    userOnboardingStatus: userOnboardingJourneyStatus,
-                })
-            }
-        }
-
-        if (normalizedSection === "apps") {
-            return []
-        }
-
-        const sectionStatus = userOnboardingJourneyStatus[normalizedSection]
-
-        if (sectionStatus !== "idle") return []
-
-        const tourSteps = TOUR_STEPS[normalizedSection as keyof typeof TOUR_STEPS]
-        if (!tourSteps) return []
-
-        return tourSteps({
-            userContext: onboardingProfile,
-            currentStep,
-            location: userLocation,
-            userOnboardingStatus: userOnboardingJourneyStatus,
-        })
-    }
 
     return []
 })
diff --git a/web/oss/src/state/onboarding/steps/evaluations/index.tsx b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
index e8cdf7ad50..9ee3d380ce 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/index.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
@@ -2,20 +2,41 @@ import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
 import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import {getDefaultStore} from "jotai"
 import {OnboardingStepsContext} from "../types"
+import {AUTO_EVALUATION_TOURS} from "./autoEvaluationSteps"
 import {ONLINE_EVALUATION_TOURS} from "./onlineEvaluationSteps"
 
-export const evaluationTour = (ctx: OnboardingStepsContext) => {
-    const currentEval = getDefaultStore().get(lastVisitedEvaluationAtom)
-    const evalType = getDefaultStore().get(evalTypeAtom)
+type EvaluationTourType = "auto" | "human" | "online"
+
+const resolveRequestedType = (
+    requested: EvaluationTourType | undefined,
+    lastVisited: string | null,
+    evalType: "auto" | "human" | "online" | "custom" | null,
+): EvaluationTourType => {
+    if (requested) return requested
+    if (evalType === "online") return "online"
+    if (evalType === "human") return "human"
+    if (evalType === "auto") return "auto"
+    const normalized = lastVisited?.toLowerCase() ?? ""
+    if (normalized.includes("online")) return "online"
+    if (normalized.includes("human")) return "human"
+    return "auto"
+}
+
+export const evaluationTour = (ctx: OnboardingStepsContext, type?: EvaluationTourType) => {
+    const store = getDefaultStore()
+    const currentEval = store.get(lastVisitedEvaluationAtom)
+    const evalType = store.get(evalTypeAtom)
     const role = ctx.userContext?.userRole as string | undefined
+    const resolvedType = resolveRequestedType(type, currentEval, evalType)
 
-    if (currentEval === "online_evaluation" || evalType === "online") {
+    if (resolvedType === "online") {
         const resolver = (ONLINE_EVALUATION_TOURS as any)[role] ?? ONLINE_EVALUATION_TOURS.Hobbyist
         return resolver(ctx)
     }
 
-    if (currentEval === "auto_evaluation" || evalType === "auto") {
-        return []
+    if (resolvedType === "auto") {
+        const resolver = (AUTO_EVALUATION_TOURS as any)[role] ?? AUTO_EVALUATION_TOURS.Hobbyist
+        return resolver(ctx)
     }
 
     return []
diff --git a/web/oss/src/state/onboarding/steps/types.ts b/web/oss/src/state/onboarding/steps/types.ts
index ca232f3353..c65c2b3e49 100644
--- a/web/oss/src/state/onboarding/steps/types.ts
+++ b/web/oss/src/state/onboarding/steps/types.ts
@@ -1,6 +1,6 @@
 import {Tour} from "nextstepjs"
 
-import {CurrentOnboardingStepExtended, UserOnboardingStatus} from "../types"
+import {CurrentOnboardingStepExtended, OnboardingStep, UserOnboardingStatus} from "../types"
 import {URLLocationState} from "@/oss/state/url"
 
 export type OnboardingStepsContext = {
@@ -14,7 +14,8 @@ export type OnboardingStepsContext = {
     userOnboardingStatus: UserOnboardingStatus
 }
 
-export interface CustomTour extends Tour {
+export interface CustomTour extends Omit<Tour, "steps"> {
+    steps: OnboardingStep[]
     onEnter?: (step?: {selector?: string | null}) => void
     onCleanup?: (step?: {selector?: string | null}) => void
 }

From 2bf80b4af7715e9613c59a8906e05fc93041525a Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sat, 29 Nov 2025 18:39:04 +0600
Subject: [PATCH 26/53] added auto advance step feature

---
 web/oss/src/components/Layout/Layout.tsx      |   8 ++
 .../CustomNextStepProvider/index.tsx          |   2 +
 .../OnboardingAutoAdvance/index.tsx           |  60 ++++++++++
 .../onboarding/steps/appManagementSteps.tsx   | 110 +-----------------
 .../steps/evaluations/autoEvaluationSteps.tsx |   1 +
 .../evaluations/onlineEvaluationSteps.tsx     |   8 +-
 web/oss/src/state/onboarding/steps/index.ts   |  10 +-
 .../onboarding/steps/playgroundSteps.tsx      |   5 +
 .../src/state/onboarding/steps/traceSteps.tsx |   4 +
 web/oss/src/state/onboarding/types.ts         |  14 ++-
 10 files changed, 108 insertions(+), 114 deletions(-)
 create mode 100644 web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx

diff --git a/web/oss/src/components/Layout/Layout.tsx b/web/oss/src/components/Layout/Layout.tsx
index 7f9f160de5..bf731d860a 100644
--- a/web/oss/src/components/Layout/Layout.tsx
+++ b/web/oss/src/components/Layout/Layout.tsx
@@ -27,6 +27,13 @@ import ErrorFallback from "./ErrorFallback"
 import {SidebarIsland} from "./SidebarIsland"
 import {getDeviceTheme, useAppTheme} from "./ThemeContextProvider"
 
+const OnboardingWidget = dynamic(
+    () => import("../Onboarding/components/OnboardingWidget").then((m) => m.OnboardingWidget),
+    {
+        ssr: false,
+        loading: () => null,
+    },
+)
 const FooterIsland = dynamic(() => import("./FooterIsland").then((m) => m.FooterIsland), {
     ssr: false,
     loading: () => null,
@@ -267,6 +274,7 @@ const App: React.FC<LayoutProps> = ({children}) => {
                         {children}
                         {contextHolder}
                     </AppWithVariants>
+                    <OnboardingWidget />
                 </ProtectedRoute>
             )}
         </Suspense>
diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index b93a8cae14..960a60e8f8 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -11,6 +11,7 @@ import {useAtomValue, useSetAtom} from "jotai"
 import {NextStep, useNextStep} from "nextstepjs"
 import {useEffect, useRef} from "react"
 import OnboardingCard from "../../index"
+import OnboardingAutoAdvance from "../OnboardingAutoAdvance"
 
 const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
     const onboardingSteps = useAtomValue(onboardingStepsAtom)
@@ -108,6 +109,7 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
             showNextStep={true}
             onComplete={handleComplete}
         >
+            <OnboardingAutoAdvance />
             {children}
         </NextStep>
     )
diff --git a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
new file mode 100644
index 0000000000..866ed80698
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
@@ -0,0 +1,60 @@
+import {useEffect, useMemo} from "react"
+import {useAtomValue} from "jotai"
+import {useNextStep} from "nextstepjs"
+
+import {onboardingStepsAtom} from "@/oss/state/onboarding"
+import type {OnboardingStep} from "@/oss/state/onboarding/types"
+
+const OnboardingAutoAdvance = () => {
+    const onboardingTours = useAtomValue(onboardingStepsAtom)
+    const {currentTour, currentStep, isNextStepVisible, setCurrentStep, closeNextStep} =
+        useNextStep()
+
+    const {activeStep, totalSteps} = useMemo(() => {
+        if (!currentTour) {
+            return {activeStep: null, totalSteps: 0}
+        }
+
+        const matchingTour = onboardingTours.find((tour) => tour.tour === currentTour)
+        if (!matchingTour) {
+            return {activeStep: null, totalSteps: 0}
+        }
+
+        const step = matchingTour.steps[currentStep] as OnboardingStep | undefined
+        return {activeStep: step ?? null, totalSteps: matchingTour.steps.length}
+    }, [currentTour, currentStep, onboardingTours])
+
+    useEffect(() => {
+        if (!activeStep?.advanceOnClick || !activeStep.selector || !isNextStepVisible) {
+            return
+        }
+
+        const handleClick = (event: MouseEvent) => {
+            if (!activeStep.selector) return
+
+            const target = event.target
+            if (!(target instanceof Element)) return
+
+            const matchedTarget = target.closest(activeStep.selector)
+            if (!matchedTarget) {
+                return
+            }
+
+            if (currentStep >= totalSteps - 1) {
+                closeNextStep()
+                return
+            }
+
+            setCurrentStep(currentStep + 1)
+        }
+
+        document.addEventListener("click", handleClick, true)
+        return () => {
+            document.removeEventListener("click", handleClick, true)
+        }
+    }, [activeStep, currentStep, totalSteps, isNextStepVisible, closeNextStep, setCurrentStep])
+
+    return null
+}
+
+export default OnboardingAutoAdvance
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index 9fbe3c696f..35eae1ee67 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -1,12 +1,3 @@
-import {appChatModeAtom} from "@/oss/components/Playground/state/atoms"
-import {getDefaultStore} from "jotai"
-import {
-    getDemoEvaluationRunRoute,
-    getOnlineEvaluationsRoute,
-    getPlaygroundRoute,
-} from "../assets/utils"
-import {ONLINE_EVAL_RUN_STEPS} from "./evaluations/onlineEvaluationSteps"
-import {PLAYGROUND_CHAT_TOUR, PLAYGROUND_COMPLETION_TOUR} from "./playgroundSteps"
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
 const APP_CREATION_STEPS = [
@@ -20,119 +11,22 @@ const APP_CREATION_STEPS = [
                     <span>Click here to create new application using predefined templates</span>
                 ),
                 selector: "#tour-create-new-prompt",
+                waitForSelector: true,
                 side: "left",
                 showControls: false,
                 showSkip: false,
                 pointerPadding: 12,
                 pointerRadius: 12,
+                advanceOnClick: true,
             },
         ],
     },
 ]
 
-const withOnboardingSection = (() => {
-    const cache = new WeakMap<
-        TourDefinition[number]["steps"],
-        Map<string, TourDefinition[number]["steps"]>
-    >()
-    return (
-        steps: TourDefinition[number]["steps"],
-        section: "apps" | "playground" | "evaluations",
-    ) => {
-        let sectionCache = cache.get(steps)
-        if (!sectionCache) {
-            sectionCache = new Map()
-            cache.set(steps, sectionCache)
-        }
-        if (sectionCache.has(section)) {
-            return sectionCache.get(section)!
-        }
-        const normalized = steps.map((step) => ({
-            ...step,
-            onboardingSection: section,
-        }))
-        sectionCache.set(section, normalized)
-        return normalized
-    }
-})()
-
-const APP_SECTION_STEPS = withOnboardingSection(APP_CREATION_STEPS, "apps")
-const COMPLETION_PLAYGROUND_SECTION_STEPS = withOnboardingSection(
-    PLAYGROUND_COMPLETION_TOUR,
-    "playground",
-)
-const CHAT_PLAYGROUND_SECTION_STEPS = withOnboardingSection(PLAYGROUND_CHAT_TOUR, "playground")
-const ONLINE_EVAL_RUN_SECTION_STEPS = withOnboardingSection(
-    ONLINE_EVAL_RUN_STEPS.slice(0, 2),
-    "evaluations",
-)
-
-const SME_TOUR_CACHE = new Map<string, TourDefinition>()
-
-const resolveSmeJourneyTour = (ctx: OnboardingStepsContext): TourDefinition => {
-    if (ctx.userOnboardingStatus.fullJourney !== "idle") {
-        return resolveGlobalAppTour()
-    }
-    const store = getDefaultStore()
-    const isChat = store.get(appChatModeAtom)
-    const playgroundRoute = getPlaygroundRoute()
-    const onlineEvaluationsRoute = getOnlineEvaluationsRoute()
-    const demoEvaluationRoute = getDemoEvaluationRunRoute()
-    const cacheKey = `${isChat ? "chat" : "completion"}|${playgroundRoute ?? "none"}|${onlineEvaluationsRoute ?? "none"}|${demoEvaluationRoute ?? "none"}`
-    const cached = SME_TOUR_CACHE.get(cacheKey)
-    if (cached) return cached
-
-    const playgroundSteps = isChat
-        ? CHAT_PLAYGROUND_SECTION_STEPS
-        : COMPLETION_PLAYGROUND_SECTION_STEPS
-
-    const tour: TourDefinition = [
-        {
-            tour: "sme-guided-journey",
-            steps: [
-                ...APP_SECTION_STEPS,
-                ...playgroundSteps,
-                {
-                    title: "Lets move to online evaluations now",
-                    content:
-                        "Now that you've explored the playground, let's move on to setting up always-on evaluations.",
-
-                    showControls: true,
-                    showSkip: true,
-                    pointerPadding: 6,
-                    pointerRadius: 12,
-                    onboardingSection: "playground",
-                    nextRoute: getOnlineEvaluationsRoute() ?? undefined,
-                },
-                {
-                    title: "Inspect demo-evaluation",
-                    content: (
-                        <span>
-                            Opening demo-evaluation so you can inspect the live table, overview, and
-                            metrics we&apos;ve prepared.
-                        </span>
-                    ),
-
-                    showControls: true,
-                    showSkip: true,
-                    pointerPadding: 6,
-                    pointerRadius: 12,
-                    onboardingSection: "evaluation",
-                    nextRoute: demoEvaluationRoute ?? undefined,
-                },
-                ...ONLINE_EVAL_RUN_SECTION_STEPS,
-            ],
-        },
-    ]
-    SME_TOUR_CACHE.set(cacheKey, tour)
-    return tour
-}
-
 const APP_MANAGEMENT_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
     Hobbyist: () => APP_CREATION_STEPS,
     "ML/AI Engineer or Data scientist": () => APP_CREATION_STEPS,
     "Frontend / Backend Developer": () => APP_CREATION_STEPS,
-    sme: (ctx) => resolveSmeJourneyTour(ctx),
 }
 
 export const APP_MANAGEMENT_TOURS = new Proxy(APP_MANAGEMENT_TOUR_MAP, {
diff --git a/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
index 8fb9b95a60..02a914f7c6 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
@@ -56,6 +56,7 @@ const AUTO_EVALUATION_STEPS: TourDefinition[number]["steps"] = [
         pointerRadius: 12,
         onEnter: closeAutoEvalModal,
         onCleanup: closeAutoEvalModal,
+        advanceOnClick: true,
     },
     {
         icon: "📱",
diff --git a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
index d4e3c138c8..53c656b320 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
@@ -21,9 +21,6 @@ const ensureOnlineEvalView = (view: "overview" | "results" | "configuration") =>
     getDefaultStore().set(urlStateAtom, (draft) => {
         if (draft.view === view) return
         draft.view = view
-        // if (view !== "focus") {
-        //     draft.scenarioId = undefined
-        // }
     })
 }
 
@@ -41,6 +38,7 @@ export const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
         pointerRadius: 12,
         onCleanup: closeOnlineEvalDrawer,
         onEnter: closeOnlineEvalDrawer,
+        advanceOnClick: true,
     },
     {
         icon: "📝",
@@ -80,6 +78,7 @@ export const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
         pointerRadius: 12,
         onEnter: openOnlineEvalDrawer,
         onCleanup: closeOnlineEvalDrawer,
+        advanceOnClick: true,
     },
 ]
 
@@ -108,6 +107,7 @@ export const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
         onEnter: () => ensureOnlineEvalView("results"),
+        advanceOnClick: true,
     },
     {
         icon: "🗂️",
@@ -120,6 +120,7 @@ export const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
         onEnter: () => ensureOnlineEvalView("results"),
+        advanceOnClick: true,
     },
     {
         icon: "🏁",
@@ -166,6 +167,7 @@ export const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
         onEnter: () => ensureOnlineEvalView("overview"),
+        advanceOnClick: true,
     },
 ]
 
diff --git a/web/oss/src/state/onboarding/steps/index.ts b/web/oss/src/state/onboarding/steps/index.ts
index 98b66e9a74..8c39733761 100644
--- a/web/oss/src/state/onboarding/steps/index.ts
+++ b/web/oss/src/state/onboarding/steps/index.ts
@@ -15,8 +15,14 @@ export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDef
     playgroundPostRun: (_ctx) => {
         return resolvePlaygroundPostRunTour()
     },
-    evaluations: (ctx) => {
-        return evaluationTour(ctx)
+    autoEvaluations: (ctx) => {
+        return evaluationTour(ctx, "auto")
+    },
+    humanEvaluations: (ctx) => {
+        return evaluationTour(ctx, "human")
+    },
+    onlineEvaluations: (ctx) => {
+        return evaluationTour(ctx, "online")
     },
     trace: (ctx) => {
         const resolver = TRACE_TOURS[ctx.userContext?.userRole] ?? TRACE_TOURS.Hobbyist
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index 5862ad2660..e5c2d45b03 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -33,6 +33,7 @@ export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
         showSkip: true,
         pointerPadding: 12,
         pointerRadius: 12,
+        advanceOnClick: true,
     },
     {
         icon: "⚡️",
@@ -45,6 +46,7 @@ export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
         pointerPadding: 6,
         pointerRadius: 12,
         viewportId: "scrollable-viewport",
+        advanceOnClick: true,
     },
 ]
 
@@ -111,6 +113,7 @@ export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
         viewportId: "scrollable-viewport",
+        advanceOnClick: true,
     },
 ]
 
@@ -131,6 +134,7 @@ export const POST_PLAYGROUND_TOUR = [
         pointerPadding: 12,
         pointerRadius: 12,
         onboardingSection: "playgroundPostRun" as const,
+        advanceOnClick: true,
     },
     {
         icon: "🧪",
@@ -148,6 +152,7 @@ export const POST_PLAYGROUND_TOUR = [
         pointerPadding: 12,
         pointerRadius: 12,
         onboardingSection: "playgroundPostRun" as const,
+        advanceOnClick: true,
     },
 ]
 
diff --git a/web/oss/src/state/onboarding/steps/traceSteps.tsx b/web/oss/src/state/onboarding/steps/traceSteps.tsx
index beb9942ecc..54ce066088 100644
--- a/web/oss/src/state/onboarding/steps/traceSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/traceSteps.tsx
@@ -41,6 +41,7 @@ export const TRACE_DRAWER_STEPS: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
         viewportID: TRACE_DRAWER_VIEWPORT_ID,
+        advanceOnClick: true,
     },
     {
         icon: "📊",
@@ -58,6 +59,7 @@ export const TRACE_DRAWER_STEPS: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
         viewportID: TRACE_DRAWER_VIEWPORT_ID,
+        advanceOnClick: true,
     },
     {
         icon: "🧪",
@@ -75,6 +77,7 @@ export const TRACE_DRAWER_STEPS: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
         viewportID: TRACE_DRAWER_VIEWPORT_ID,
+        advanceOnClick: true,
     },
     {
         icon: "✍️",
@@ -92,6 +95,7 @@ export const TRACE_DRAWER_STEPS: TourDefinition[number]["steps"] = [
         pointerPadding: 12,
         pointerRadius: 12,
         viewportID: TRACE_DRAWER_VIEWPORT_ID,
+        advanceOnClick: true,
     },
     {
         icon: "💬",
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index f69929277c..8fab8daa51 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -6,7 +6,9 @@ export type UserOnboardingStatus<T = OnboardingState> = {
     apps: T
     playground: T
     playgroundPostRun: T
-    evaluations: T
+    autoEvaluations: T
+    humanEvaluations: T
+    onlineEvaluations: T
     observability: T
     trace: T
     fullJourney: T
@@ -17,6 +19,7 @@ export type OnboardingStep = Tour["steps"][number] & {
     onExit?: () => void
     onCleanup?: () => void
     onboardingSection?: keyof UserOnboardingStatus
+    advanceOnClick?: boolean
 }
 
 export type CurrentOnboardingStep = OnboardingStep
@@ -26,3 +29,12 @@ export interface CurrentOnboardingStepExtended extends CurrentOnboardingStep {
     currentStep?: number
     totalSteps?: number
 }
+
+export type OnboardingLandingFeatureKey =
+    | "apps"
+    | "playground"
+    | "auto-evaluation"
+    | "online-evaluation"
+    | "human-evaluation"
+    | "observability"
+    | "projects"

From 431218bce158d2f4e4e621a3451944ff1d997319 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sat, 29 Nov 2025 19:09:29 +0600
Subject: [PATCH 27/53] added widget

---
 web/oss/src/components/Layout/Layout.tsx      |  13 +-
 .../OnboardingWaitForSelector/index.tsx       | 167 ++++++
 .../components/OnboardingWidget/constants.ts  |   8 +
 .../components/OnboardingWidget/index.tsx     | 551 ++++++++++++++++++
 .../components/OnboardingWidget/types.ts      |  34 ++
 .../components/OnboardingWidget/utils.tsx     | 113 ++++
 .../Sidebar/hooks/useSidebarConfig/index.tsx  |  30 +-
 .../src/state/onboarding/atoms/stepsAtom.ts   |   3 +-
 .../src/state/onboarding/atoms/widgetAtom.ts  | 111 ++++
 9 files changed, 1014 insertions(+), 16 deletions(-)
 create mode 100644 web/oss/src/components/Onboarding/components/OnboardingWaitForSelector/index.tsx
 create mode 100644 web/oss/src/components/Onboarding/components/OnboardingWidget/constants.ts
 create mode 100644 web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
 create mode 100644 web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
 create mode 100644 web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
 create mode 100644 web/oss/src/state/onboarding/atoms/widgetAtom.ts

diff --git a/web/oss/src/components/Layout/Layout.tsx b/web/oss/src/components/Layout/Layout.tsx
index bf731d860a..d45e2d327b 100644
--- a/web/oss/src/components/Layout/Layout.tsx
+++ b/web/oss/src/components/Layout/Layout.tsx
@@ -22,18 +22,15 @@ import CustomWorkflowBanner from "../CustomWorkflowBanner"
 import ProtectedRoute from "../ProtectedRoute/ProtectedRoute"
 
 import BreadcrumbContainer from "./assets/Breadcrumbs"
-import {useStyles} from "./assets/styles"
+import {StyleProps, useStyles} from "./assets/styles"
 import ErrorFallback from "./ErrorFallback"
 import {SidebarIsland} from "./SidebarIsland"
 import {getDeviceTheme, useAppTheme} from "./ThemeContextProvider"
 
-const OnboardingWidget = dynamic(
-    () => import("../Onboarding/components/OnboardingWidget").then((m) => m.OnboardingWidget),
-    {
-        ssr: false,
-        loading: () => null,
-    },
-)
+const OnboardingWidget = dynamic(() => import("../Onboarding/components/OnboardingWidget"), {
+    ssr: false,
+    loading: () => null,
+})
 const FooterIsland = dynamic(() => import("./FooterIsland").then((m) => m.FooterIsland), {
     ssr: false,
     loading: () => null,
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWaitForSelector/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWaitForSelector/index.tsx
new file mode 100644
index 0000000000..093563e060
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/OnboardingWaitForSelector/index.tsx
@@ -0,0 +1,167 @@
+import {useEffect, useMemo, useRef, useState} from "react"
+import {useAtomValue} from "jotai"
+import {useNextStep} from "nextstepjs"
+
+import {onboardingStepsAtom} from "@/oss/state/onboarding"
+import type {OnboardingStep} from "@/oss/state/onboarding/types"
+
+const WAIT_CLASSNAME = "onboarding-waiting-for-selector"
+const DEFAULT_WAIT_TIMEOUT_MS = 10000
+const SETTLE_DELAY_MS = 100
+
+const OnboardingWaitForSelector = () => {
+    const onboardingTours = useAtomValue(onboardingStepsAtom)
+    const {currentTour, currentStep, isNextStepVisible, setCurrentStep, closeNextStep} =
+        useNextStep()
+    const [isWaiting, setIsWaiting] = useState(false)
+    const observerRef = useRef<MutationObserver | null>(null)
+    const timeoutRef = useRef<number | null>(null)
+    const settleTimeoutRef = useRef<number | null>(null)
+
+    useEffect(() => {
+        if (typeof document === "undefined") return
+        if (document.getElementById("onboarding-wait-style")) return
+
+        const style = document.createElement("style")
+        style.id = "onboarding-wait-style"
+        style.innerHTML = `
+            body.${WAIT_CLASSNAME} [data-name="nextstep-overlay"],
+            body.${WAIT_CLASSNAME} [data-name="nextstep-overlay2"] {
+                display: none !important;
+            }
+        `
+        document.head.appendChild(style)
+
+        return () => {
+            style.remove()
+        }
+    }, [])
+
+    useEffect(() => {
+        if (typeof document === "undefined") return
+        const body = document.body
+        if (!body) return
+
+        if (isWaiting) {
+            body.classList.add(WAIT_CLASSNAME)
+        } else {
+            body.classList.remove(WAIT_CLASSNAME)
+        }
+
+        return () => {
+            body.classList.remove(WAIT_CLASSNAME)
+        }
+    }, [isWaiting])
+
+    const {activeStep, totalSteps} = useMemo(() => {
+        if (!currentTour) {
+            return {activeStep: null, totalSteps: 0}
+        }
+
+        const tour = onboardingTours.find((item) => item.tour === currentTour)
+        if (!tour) {
+            return {activeStep: null, totalSteps: 0}
+        }
+
+        const step = tour.steps[currentStep] as OnboardingStep | undefined
+        return {activeStep: step ?? null, totalSteps: tour.steps.length}
+    }, [currentTour, currentStep, onboardingTours])
+
+    useEffect(() => {
+        const clearWaitHelpers = () => {
+            if (observerRef.current) {
+                observerRef.current.disconnect()
+                observerRef.current = null
+            }
+            if (timeoutRef.current) {
+                window.clearTimeout(timeoutRef.current)
+                timeoutRef.current = null
+            }
+            if (settleTimeoutRef.current) {
+                window.clearTimeout(settleTimeoutRef.current)
+                settleTimeoutRef.current = null
+            }
+        }
+
+        if (!isNextStepVisible || !activeStep?.waitForSelector || !activeStep.selector) {
+            setIsWaiting(false)
+            clearWaitHelpers()
+            return
+        }
+
+        if (typeof document === "undefined") {
+            return
+        }
+
+        const rootNode = document.body
+        if (!rootNode) {
+            return
+        }
+
+        let resolved = false
+
+        const finishWaiting = () => {
+            if (resolved) return
+            resolved = true
+            setIsWaiting(false)
+            clearWaitHelpers()
+        }
+
+        const settleAfterResolve = () => {
+            if (settleTimeoutRef.current) {
+                window.clearTimeout(settleTimeoutRef.current)
+            }
+            settleTimeoutRef.current = window.setTimeout(() => {
+                finishWaiting()
+            }, SETTLE_DELAY_MS)
+        }
+
+        const attemptResolve = () => {
+            const element = document.querySelector(activeStep.selector!)
+            if (element) {
+                settleAfterResolve()
+                return true
+            }
+            return false
+        }
+
+        setIsWaiting(true)
+
+        if (attemptResolve()) {
+            return () => {
+                clearWaitHelpers()
+            }
+        }
+
+        observerRef.current = new MutationObserver(() => {
+            attemptResolve()
+        })
+        observerRef.current.observe(rootNode, {childList: true, subtree: true})
+
+        const timeoutMs =
+            typeof activeStep.waitTimeoutMs === "number"
+                ? activeStep.waitTimeoutMs
+                : DEFAULT_WAIT_TIMEOUT_MS
+
+        if (timeoutMs > 0) {
+            timeoutRef.current = window.setTimeout(() => {
+                if (!attemptResolve()) {
+                    finishWaiting()
+                    if (currentStep < totalSteps - 1) {
+                        setCurrentStep(currentStep + 1)
+                    } else {
+                        closeNextStep()
+                    }
+                }
+            }, timeoutMs)
+        }
+
+        return () => {
+            clearWaitHelpers()
+        }
+    }, [activeStep, closeNextStep, currentStep, isNextStepVisible, setCurrentStep, totalSteps])
+
+    return null
+}
+
+export default OnboardingWaitForSelector
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/constants.ts b/web/oss/src/components/Onboarding/components/OnboardingWidget/constants.ts
new file mode 100644
index 0000000000..f4f4d7643e
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/constants.ts
@@ -0,0 +1,8 @@
+export const BOUNDARY_PADDING = 24
+export const TOGGLE_DRAG_THRESHOLD = 4
+export const CLOSING_ANIMATION_MS = 250
+
+export const CHECKLIST_PREREQUISITES = {
+    needsApp: "needsApp",
+    needsProject: "needsProject",
+} as const
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
new file mode 100644
index 0000000000..d1593d80fd
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -0,0 +1,551 @@
+import {useCallback, useEffect, useMemo, useRef, useState} from "react"
+
+import {CheckCircle, Circle, Minus, Question, X} from "@phosphor-icons/react"
+import {Button, Modal, Progress, Tooltip} from "antd"
+import clsx from "clsx"
+import {useAtom, useAtomValue, useSetAtom} from "jotai"
+import {useRouter} from "next/router"
+
+import useURL from "@/oss/hooks/useURL"
+import {
+    currentOnboardingStepWithLocationAtom,
+    isNewUserAtom,
+    triggerOnboardingAtom,
+    UserOnboardingStatus,
+    userOnboardingStatusAtom,
+} from "@/oss/state/onboarding"
+import {userAtom} from "@/oss/state/profile"
+import {sessionExistsAtom} from "@/oss/state/session"
+import {
+    currentRunningWidgetOnboardingAtom,
+    onboardingWidgetClosedAtom,
+    onboardingWidgetCompletionAtom,
+    onboardingWidgetMinimizedAtom,
+    onboardingWidgetMinimizeHintAtom,
+    onboardingWidgetPositionAtom,
+    onboardingWidgetTogglePositionAtom,
+    type OnboardingWidgetPosition,
+} from "@/oss/state/onboarding/atoms/widgetAtom"
+import {BOUNDARY_PADDING, CLOSING_ANIMATION_MS, TOGGLE_DRAG_THRESHOLD} from "./constants"
+import {type ChecklistItem} from "./types"
+import {buildChecklistSections, clamp} from "./utils"
+
+const normalizeRoutePath = (value: string) => {
+    if (!value) return ""
+    const withoutOrigin = value.replace(/^https?:\/\/[^/]+/i, "")
+    const [pathWithQuery] = withoutOrigin.split("#")
+    const [path, query] = pathWithQuery.split("?")
+    if (!path || path === "/") {
+        return query ? `/?${query}` : "/"
+    }
+    const normalizedPath = path.replace(/\/+$/, "")
+    return query ? `${normalizedPath}?${query}` : normalizedPath
+}
+
+const OnboardingWidget = () => {
+    const router = useRouter()
+    const {projectURL, appURL, recentlyVisitedAppURL} = useURL()
+    const [completedMap, setCompletedMap] = useAtom(onboardingWidgetCompletionAtom)
+    const [isMinimized, setIsMinimized] = useAtom(onboardingWidgetMinimizedAtom)
+    const [currentRunningWidgetOnboarding, setCurrentRunningWidgetOnboarding] = useAtom(
+        currentRunningWidgetOnboardingAtom,
+    )
+    const [hasSeenMinimizeHint, setHasSeenMinimizeHint] = useAtom(onboardingWidgetMinimizeHintAtom)
+    const [storedPosition, setStoredPosition] = useAtom(onboardingWidgetPositionAtom)
+    const [toggleStoredPosition, setToggleStoredPosition] = useAtom(
+        onboardingWidgetTogglePositionAtom,
+    )
+    const [isClosed, setIsClosed] = useAtom(onboardingWidgetClosedAtom)
+    const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
+    const userOnboardingStatus = useAtomValue(userOnboardingStatusAtom)
+    const currentTourStep = useAtomValue(currentOnboardingStepWithLocationAtom)
+    const isNewUser = useAtomValue(isNewUserAtom)
+    const sessionExists = useAtomValue(sessionExistsAtom)
+    const user = useAtomValue(userAtom)
+    const canInitializeVisibility = sessionExists && Boolean(user)
+
+    const widgetRef = useRef<HTMLDivElement | null>(null)
+    const toggleRef = useRef<HTMLDivElement | null>(null)
+    const dragStateRef = useRef<{
+        offsetX: number
+        offsetY: number
+        width: number
+        height: number
+    } | null>(null)
+    const toggleDragStateRef = useRef<{
+        offsetX: number
+        offsetY: number
+        width: number
+        height: number
+        startX: number
+        startY: number
+    } | null>(null)
+    const toggleMovedRef = useRef(false)
+    const toggleIgnoreClickRef = useRef(false)
+    const wasMinimizedBeforeTourRef = useRef<boolean | null>(null)
+    const appliedVisibilityStateRef = useRef<boolean | null>(null)
+    const autoOpenedRef = useRef(false)
+    const autoClosedRef = useRef(false)
+    const [isDragging, setIsDragging] = useState(false)
+    const [isDraggingToggle, setIsDraggingToggle] = useState(false)
+    const [isClosing, setIsClosing] = useState(false)
+
+    useEffect(() => {
+        if (!isClosing) return
+        const timeout = window.setTimeout(() => {
+            setIsClosing(false)
+        }, CLOSING_ANIMATION_MS)
+        return () => window.clearTimeout(timeout)
+    }, [isClosing])
+
+    useEffect(() => {
+        if (!canInitializeVisibility) return
+        if (appliedVisibilityStateRef.current === isNewUser) return
+
+        if (isNewUser) {
+            setIsClosed(false)
+            setIsMinimized(false)
+            autoOpenedRef.current = true
+            autoClosedRef.current = false
+        } else {
+            setIsClosed(true)
+            setIsMinimized(true)
+            autoOpenedRef.current = false
+            autoClosedRef.current = false
+        }
+
+        appliedVisibilityStateRef.current = isNewUser
+    }, [canInitializeVisibility, isNewUser, setIsClosed, setIsMinimized])
+
+    useEffect(() => {
+        // Minimize the widget while a tour is actively showing a step,
+        // and restore it to its previous state once the tour finishes or is skipped.
+        if (currentTourStep?.selector) {
+            if (wasMinimizedBeforeTourRef.current === null) {
+                wasMinimizedBeforeTourRef.current = isMinimized
+            }
+
+            if (!isMinimized) {
+                onMinimize()
+            }
+
+            return
+        }
+
+        if (!currentTourStep?.selector && wasMinimizedBeforeTourRef.current !== null) {
+            const wasMinimizedBeforeTour = wasMinimizedBeforeTourRef.current
+            wasMinimizedBeforeTourRef.current = null
+
+            if (!wasMinimizedBeforeTour) {
+                onRestore()
+            }
+        }
+    }, [currentTourStep, isMinimized])
+
+    // // marking widget onboarding as completed
+    useEffect(() => {
+        if (!currentRunningWidgetOnboarding) return
+        if (
+            userOnboardingStatus[currentRunningWidgetOnboarding as keyof UserOnboardingStatus] ==
+            "idle"
+        )
+            return
+        if (completedMap[currentRunningWidgetOnboarding]) return
+
+        setCompletedMap((prev) => ({
+            ...prev,
+            [currentRunningWidgetOnboarding]: true,
+        }))
+        setCurrentRunningWidgetOnboarding(null)
+    }, [currentRunningWidgetOnboarding, userOnboardingStatus])
+
+    const sections = useMemo(
+        () =>
+            buildChecklistSections({
+                projectURL,
+                appURL,
+                recentlyVisitedAppURL,
+            }),
+        [projectURL, appURL, recentlyVisitedAppURL],
+    )
+
+    const allItems = useMemo(
+        () => sections.reduce<ChecklistItem[]>((acc, section) => acc.concat(section.items), []),
+        [sections],
+    )
+    const totalTasks = allItems.length
+    const completedCount = useMemo(() => {
+        return allItems.reduce(
+            (count, item) => (completedMap[item.tour?.section] ? count + 1 : count),
+            0,
+        )
+    }, [allItems, completedMap])
+    const progressPercent = totalTasks ? Math.round((completedCount / totalTasks) * 100) : 0
+
+    useEffect(() => {
+        if (!canInitializeVisibility) return
+        if (!isNewUser) return
+        if (!autoOpenedRef.current) return
+        if (autoClosedRef.current) return
+        if (!totalTasks) return
+        if (completedCount < totalTasks) return
+
+        setIsClosed(true)
+        setIsMinimized(true)
+        autoClosedRef.current = true
+    }, [
+        canInitializeVisibility,
+        isNewUser,
+        completedCount,
+        totalTasks,
+        setIsClosed,
+        setIsMinimized,
+    ])
+
+    const onClickGuideItem = useCallback(
+        async (item: ChecklistItem) => {
+            if (item.disabled) return
+
+            const navigateIfNeeded = async () => {
+                if (!item.href) return true
+                const currentPath = normalizeRoutePath(router.asPath)
+                const targetPath = normalizeRoutePath(item.href)
+                if (currentPath === targetPath) {
+                    return true
+                }
+                try {
+                    await router.push(item.href)
+                    return true
+                } catch (error) {
+                    console.error("Failed to navigate to onboarding target", error)
+                    return false
+                }
+            }
+
+            const navigationCompleted = await navigateIfNeeded()
+            if (!navigationCompleted) return
+
+            if (item.tour) {
+                setTriggerOnboarding({state: item.tour.section})
+                setCurrentRunningWidgetOnboarding(item.tour.section)
+            }
+        },
+        [router, setCompletedMap, setTriggerOnboarding, setCurrentRunningWidgetOnboarding],
+    )
+
+    const onMinimize = useCallback(() => {
+        if (isClosing) return
+
+        setIsMinimized(true)
+
+        if (!hasSeenMinimizeHint) {
+            setHasSeenMinimizeHint(true)
+        }
+    }, [hasSeenMinimizeHint, isClosing, setHasSeenMinimizeHint, setIsMinimized])
+
+    const onRestore = useCallback(() => {
+        setIsMinimized(false)
+    }, [setIsMinimized])
+
+    const onClose = useCallback(() => {
+        setIsClosed(true)
+        Modal.info({
+            title: "Onboarding guide hidden",
+            content: (
+                <p className="mb-0">
+                    You can reopen the Onboarding Guide anytime from the sidebar under{" "}
+                    <strong>Help &amp; Docs → Onboarding Guide</strong>.
+                </p>
+            ),
+            okText: "Got it",
+        })
+    }, [setIsClosed])
+
+    const startDragging = useCallback((event: React.PointerEvent) => {
+        if (event.button !== 0) return
+        if (!widgetRef.current) return
+        event.preventDefault()
+        event.stopPropagation()
+        const rect = widgetRef.current.getBoundingClientRect()
+        dragStateRef.current = {
+            offsetX: event.clientX - rect.left,
+            offsetY: event.clientY - rect.top,
+            width: rect.width,
+            height: rect.height,
+        }
+        setIsDragging(true)
+    }, [])
+
+    const stopDragging = useCallback(() => {
+        if (!isDragging) return
+        setIsDragging(false)
+        dragStateRef.current = null
+    }, [isDragging, setStoredPosition])
+
+    useEffect(() => {
+        if (!isDragging) return
+
+        const handlePointerMove = (event: PointerEvent) => {
+            if (!dragStateRef.current) return
+            const {offsetX, offsetY, width, height} = dragStateRef.current
+            const maxX = Math.max(BOUNDARY_PADDING, window.innerWidth - width - BOUNDARY_PADDING)
+            const maxY = Math.max(BOUNDARY_PADDING, window.innerHeight - height - BOUNDARY_PADDING)
+            const nextX = clamp(event.clientX - offsetX, BOUNDARY_PADDING, maxX)
+            const nextY = clamp(event.clientY - offsetY, BOUNDARY_PADDING, maxY)
+            const nextPosition: OnboardingWidgetPosition = {x: nextX, y: nextY}
+            setStoredPosition(nextPosition)
+        }
+
+        const handlePointerUp = () => {
+            stopDragging()
+        }
+
+        window.addEventListener("pointermove", handlePointerMove)
+        window.addEventListener("pointerup", handlePointerUp)
+
+        return () => {
+            window.removeEventListener("pointermove", handlePointerMove)
+            window.removeEventListener("pointerup", handlePointerUp)
+        }
+    }, [isDragging, stopDragging])
+
+    const startToggleDragging = useCallback(
+        (event: React.PointerEvent) => {
+            if (event.button !== 0) return
+            if (!toggleRef.current) return
+            const rect = toggleRef.current.getBoundingClientRect()
+            toggleDragStateRef.current = {
+                offsetX: event.clientX - rect.left,
+                offsetY: event.clientY - rect.top,
+                width: rect.width,
+                height: rect.height,
+                startX: event.clientX,
+                startY: event.clientY,
+            }
+            toggleMovedRef.current = false
+            setIsDraggingToggle(true)
+        },
+        [setIsDraggingToggle],
+    )
+
+    const stopToggleDragging = useCallback(() => {
+        if (!isDraggingToggle) return
+        setIsDraggingToggle(false)
+        toggleIgnoreClickRef.current = toggleMovedRef.current
+        toggleDragStateRef.current = null
+        window.setTimeout(() => {
+            toggleIgnoreClickRef.current = false
+            toggleMovedRef.current = false
+        }, 0)
+    }, [isDraggingToggle, setToggleStoredPosition])
+
+    useEffect(() => {
+        if (!isDraggingToggle) return
+
+        const handlePointerMove = (event: PointerEvent) => {
+            if (!toggleDragStateRef.current) return
+            const {offsetX, offsetY, width, height, startX, startY} = toggleDragStateRef.current
+            if (!toggleMovedRef.current) {
+                const dx = event.clientX - startX
+                const dy = event.clientY - startY
+                if (Math.abs(dx) + Math.abs(dy) > TOGGLE_DRAG_THRESHOLD) {
+                    toggleMovedRef.current = true
+                }
+            }
+            const maxX = Math.max(BOUNDARY_PADDING, window.innerWidth - width - BOUNDARY_PADDING)
+            const maxY = Math.max(BOUNDARY_PADDING, window.innerHeight - height - BOUNDARY_PADDING)
+            const nextX = clamp(event.clientX - offsetX, BOUNDARY_PADDING, maxX)
+            const nextY = clamp(event.clientY - offsetY, BOUNDARY_PADDING, maxY)
+            const nextPosition: OnboardingWidgetPosition = {x: nextX, y: nextY}
+            setToggleStoredPosition(nextPosition)
+        }
+
+        const handlePointerUp = () => {
+            stopToggleDragging()
+        }
+
+        window.addEventListener("pointermove", handlePointerMove)
+        window.addEventListener("pointerup", handlePointerUp)
+
+        return () => {
+            window.removeEventListener("pointermove", handlePointerMove)
+            window.removeEventListener("pointerup", handlePointerUp)
+        }
+    }, [isDraggingToggle, stopToggleDragging])
+
+    useEffect(() => {
+        if (!isDragging && !isDraggingToggle) return
+        const previousUserSelect = document.body.style.userSelect
+        document.body.style.userSelect = "none"
+        return () => {
+            document.body.style.userSelect = previousUserSelect
+        }
+    }, [isDragging, isDraggingToggle])
+
+    const containerStyle: React.CSSProperties = {
+        position: "fixed",
+        zIndex: 900,
+        ...(storedPosition
+            ? {top: storedPosition.y, left: storedPosition.x}
+            : {bottom: BOUNDARY_PADDING, right: BOUNDARY_PADDING}),
+    }
+
+    const togglePositionStyle: React.CSSProperties = {
+        position: "fixed",
+        zIndex: 900,
+        ...(toggleStoredPosition
+            ? {top: toggleStoredPosition.y, left: toggleStoredPosition.x}
+            : {bottom: BOUNDARY_PADDING, right: BOUNDARY_PADDING}),
+    }
+
+    const shouldRenderWidget = !isClosed && (!isMinimized || isClosing)
+    const showToggleButton = !isClosed && isMinimized && !isClosing
+
+    return (
+        <>
+            {shouldRenderWidget && (
+                <div ref={widgetRef} style={containerStyle} className="pointer-events-auto">
+                    <section
+                        className={clsx(
+                            "w-[280px] max-w-[calc(100vw-32px)] rounded-2xl border border-colorBorder bg-white shadow-2xl transition-all duration-300 ease-in-out",
+                            {
+                                "select-none": isDragging,
+                                "pointer-events-none translate-y-3 scale-95 opacity-0": isClosing,
+                                "translate-y-3 scale-95 opacity-0": isMinimized,
+                            },
+                        )}
+                    >
+                        <div
+                            className="flex flex-col gap-2 border-b border-colorBorder px-4 pt-3 pb-1 cursor-move"
+                            onPointerDown={startDragging}
+                        >
+                            <div className="flex items-start justify-between gap-3">
+                                <div className="flex flex-col">
+                                    <span className="text-sm font-semibold text-colorText">
+                                        Onboarding Guide
+                                    </span>
+                                    <span className="text-xs text-colorTextSecondary">
+                                        {completedCount} of {totalTasks} tasks completed
+                                    </span>
+                                </div>
+                                <div className="flex items-center gap-1">
+                                    <Tooltip title="Hide guide">
+                                        <Button
+                                            type="text"
+                                            size="small"
+                                            icon={<Minus size={16} />}
+                                            aria-label="Minimize onboarding guide"
+                                            onClick={(event) => {
+                                                event.stopPropagation()
+                                                onMinimize()
+                                            }}
+                                            className="!text-colorTextSecondary hover:!text-colorText"
+                                        />
+                                    </Tooltip>
+                                    <Tooltip title="Close guide">
+                                        <Button
+                                            type="text"
+                                            size="small"
+                                            icon={<X size={16} />}
+                                            aria-label="Close onboarding guide"
+                                            onClick={(event) => {
+                                                event.stopPropagation()
+                                                onClose()
+                                            }}
+                                            className="!text-colorTextSecondary hover:!text-colorText"
+                                        />
+                                    </Tooltip>
+                                </div>
+                            </div>
+                            <div className="">
+                                <Progress className="" percent={progressPercent} status="active" />
+                            </div>
+                        </div>
+
+                        <div className="max-h-[400px] overflow-y-auto px-4 pb-3 flex flex-col gap-2">
+                            {sections.map((section) => (
+                                <div key={section.id} className="mb-4 last:mb-0">
+                                    <div className="flex items-center gap-1 font-medium text-colorTextSecondary">
+                                        <Question size={14} />
+                                        {section.title}
+                                    </div>
+                                    <div className="flex flex-col gap-2">
+                                        {section.items.map((item) => {
+                                            const isCompleted = Boolean(
+                                                completedMap[item.tour?.section],
+                                            )
+                                            return (
+                                                <button
+                                                    key={item.id}
+                                                    type="button"
+                                                    disabled={item.disabled}
+                                                    onClick={() => onClickGuideItem(item)}
+                                                    className={clsx(
+                                                        "flex w-full items-center gap-2 rounded-xl border px-3 py-1.5 text-left transition hover:shadow",
+                                                        {
+                                                            "border-colorBorder bg-white hover:border-colorPrimary":
+                                                                !isCompleted && !item.disabled,
+                                                            "border-colorPrimary bg-[#f5f7fa]":
+                                                                isCompleted,
+                                                            "cursor-not-allowed opacity-60":
+                                                                item.disabled,
+                                                        },
+                                                    )}
+                                                >
+                                                    <span
+                                                        className={clsx(
+                                                            "mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full border",
+                                                            {
+                                                                "border-colorPrimary bg-colorPrimary text-white":
+                                                                    isCompleted,
+                                                                "border-colorBorder bg-white text-colorTextSecondary":
+                                                                    !isCompleted,
+                                                            },
+                                                        )}
+                                                    >
+                                                        {isCompleted ? (
+                                                            <CheckCircle size={16} weight="fill" />
+                                                        ) : (
+                                                            <Circle size={16} />
+                                                        )}
+                                                    </span>
+
+                                                    <span className="text-sm font-medium text-colorText">
+                                                        {item.title}
+                                                    </span>
+                                                </button>
+                                            )
+                                        })}
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    </section>
+                </div>
+            )}
+
+            {showToggleButton && (
+                <div ref={toggleRef} style={togglePositionStyle} className="pointer-events-auto">
+                    <Button
+                        type="primary"
+                        icon={<Question size={20} />}
+                        className={clsx(
+                            "flex items-center gap-2 rounded-full duration-200 !w-[30px] h-[30px]",
+                            {"cursor-grabbing": isDraggingToggle, "cursor-grab": !isDraggingToggle},
+                        )}
+                        onPointerDown={startToggleDragging}
+                        onClick={(event) => {
+                            if (toggleIgnoreClickRef.current) {
+                                event.preventDefault()
+                                return
+                            }
+                            onRestore()
+                        }}
+                    />
+                </div>
+            )}
+        </>
+    )
+}
+
+export default OnboardingWidget
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts b/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
new file mode 100644
index 0000000000..8c43dbaff1
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
@@ -0,0 +1,34 @@
+import type {UserOnboardingStatus} from "@/oss/state/onboarding"
+
+import {CHECKLIST_PREREQUISITES} from "./constants"
+
+export type ChecklistPrerequisite =
+    (typeof CHECKLIST_PREREQUISITES)[keyof typeof CHECKLIST_PREREQUISITES]
+
+export type ChecklistItemTour = {
+    section: keyof UserOnboardingStatus
+}
+
+export type ChecklistItem = {
+    id: string
+    title: string
+    description: string
+    href?: string
+    disabled?: boolean
+    tip?: string
+    cta?: string
+    tour?: ChecklistItemTour
+    prerequisites?: ChecklistPrerequisite[]
+}
+
+export type ChecklistSection = {
+    id: string
+    title: string
+    items: ChecklistItem[]
+}
+
+export type ChecklistContext = {
+    projectURL: string
+    appURL: string
+    recentlyVisitedAppURL: string
+}
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
new file mode 100644
index 0000000000..ff9c3c5f19
--- /dev/null
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
@@ -0,0 +1,113 @@
+import {CHECKLIST_PREREQUISITES} from "./constants"
+import {ChecklistContext, ChecklistSection} from "./types"
+
+export const buildChecklistSections = ({
+    projectURL,
+    appURL,
+    recentlyVisitedAppURL,
+}: ChecklistContext): ChecklistSection[] => {
+    const appBase = appURL || recentlyVisitedAppURL
+    const hasAppTarget = Boolean(appBase)
+    const evaluationBase = projectURL ? `${projectURL}/evaluations` : ""
+
+    const getEvaluationLink = (tab: string) =>
+        evaluationBase ? `${evaluationBase}?selectedEvaluation=${tab}` : undefined
+
+    return [
+        {
+            id: "guides",
+            title: "Guides",
+            items: [
+                {
+                    id: "create-first-prompt",
+                    title: "Create your first prompt",
+                    description: "Open the playground and design your first prompt or template.",
+                    href: hasAppTarget ? `${appBase}/playground` : undefined,
+                    disabled: !hasAppTarget,
+                    tip: hasAppTarget ? undefined : "Select an app to enter the playground.",
+                    cta: hasAppTarget ? "Go to Playground" : "Open App Management",
+                    tour: {section: "playground"},
+                    prerequisites: [CHECKLIST_PREREQUISITES.needsApp],
+                },
+                {
+                    id: "first-evaluation",
+                    title: "Run your first evaluation",
+                    description: "Compare prompts with a quick automatic evaluation.",
+                    href: getEvaluationLink("auto_evaluation"),
+                    disabled: !evaluationBase,
+                    tip: evaluationBase
+                        ? undefined
+                        : "You need a project before you can run evaluations.",
+                    cta: "Launch evaluation",
+                    tour: {section: "autoEvaluations"},
+                    prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
+                },
+                {
+                    id: "online-evaluation",
+                    title: "Set up online evaluation",
+                    description: "Send live traffic to variants and capture production results.",
+                    href: getEvaluationLink("online_evaluation"),
+                    disabled: !evaluationBase,
+                    tip: evaluationBase
+                        ? undefined
+                        : "Project-level access is required for online evaluations.",
+                    cta: "Configure online eval",
+                    tour: {section: "onlineEvaluations"},
+                    prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
+                },
+            ],
+        },
+        {
+            id: "integrations",
+            title: "Technical Integrations",
+            items: [
+                {
+                    id: "prompt-management",
+                    title: "Set up prompt management",
+                    description: "Organize prompt variants in the registry for easy deployment.",
+                    href: hasAppTarget ? `${appBase}/variants` : undefined,
+                    disabled: !hasAppTarget,
+                    tip: hasAppTarget ? undefined : "Select an app to reach the registry.",
+                    cta: "Open registry",
+                    tour: {section: "apps"},
+                    prerequisites: [CHECKLIST_PREREQUISITES.needsApp],
+                },
+                {
+                    id: "set-up-tracing",
+                    title: "Set up tracing",
+                    description: "Inspect traces and annotate executions for better observability.",
+                    href: hasAppTarget ? `${appBase}/traces` : undefined,
+                    disabled: !hasAppTarget,
+                    tip: hasAppTarget ? undefined : "Select an app to access traces.",
+                    cta: "View traces",
+                    tour: {section: "trace"},
+                    prerequisites: [CHECKLIST_PREREQUISITES.needsApp],
+                },
+            ],
+        },
+        {
+            id: "collaboration",
+            title: "Collaboration",
+            items: [
+                {
+                    id: "invite-team",
+                    title: "Invite your team",
+                    description:
+                        "Share Agenta with collaborators directly from workspace settings.",
+                    href: projectURL
+                        ? `${projectURL}/settings?tab=workspace&inviteModal=open`
+                        : undefined,
+                    disabled: !projectURL,
+                    tip: projectURL
+                        ? undefined
+                        : "Create or open a workspace project to manage teammates.",
+                    cta: "Open workspace settings",
+                    prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
+                },
+            ],
+        },
+    ]
+}
+
+export const clamp = (value: number, min: number, max: number) =>
+    Math.min(Math.max(value, min), max)
diff --git a/web/oss/src/components/Sidebar/hooks/useSidebarConfig/index.tsx b/web/oss/src/components/Sidebar/hooks/useSidebarConfig/index.tsx
index cc07801992..7ddde34c0b 100644
--- a/web/oss/src/components/Sidebar/hooks/useSidebarConfig/index.tsx
+++ b/web/oss/src/components/Sidebar/hooks/useSidebarConfig/index.tsx
@@ -2,26 +2,32 @@ import {AppstoreOutlined, DatabaseOutlined, GithubFilled} from "@ant-design/icon
 import {
     ChartDonut,
     ChartLineUp,
+    ChatCircle,
+    CloudArrowUp,
     Desktop,
+    Gauge,
+    Gear,
+    Lightning,
     PaperPlane,
     Phone,
     Question,
+    Rocket,
     Scroll,
     SlackLogo,
-    Gear,
     TreeView,
-    Lightning,
-    Rocket,
-    CloudArrowUp,
-    ChatCircle,
-    Gauge,
 } from "@phosphor-icons/react"
 
+import {useSetAtom} from "jotai"
+
 import {useCrispChat} from "@/oss/hooks/useCrispChat"
 import {useSession} from "@/oss/hooks/useSession"
 import useURL from "@/oss/hooks/useURL"
 import {isDemo} from "@/oss/lib/helpers/utils"
 import {useAppsData} from "@/oss/state/app"
+import {
+    onboardingWidgetClosedAtom,
+    onboardingWidgetMinimizedAtom,
+} from "@/oss/state/onboarding/atoms/widgetAtom"
 import {useOrgData} from "@/oss/state/org"
 
 import {SidebarConfig} from "../../types"
@@ -32,6 +38,8 @@ export const useSidebarConfig = () => {
     const {selectedOrg} = useOrgData()
     const {toggle, isVisible, isCrispEnabled} = useCrispChat()
     const {projectURL, baseAppURL, appURL, recentlyVisitedAppURL} = useURL()
+    const setWidgetMinimized = useSetAtom(onboardingWidgetMinimizedAtom)
+    const setWidgetClosed = useSetAtom(onboardingWidgetClosedAtom)
 
     const hasProjectURL = Boolean(projectURL)
 
@@ -163,6 +171,16 @@ export const useSidebarConfig = () => {
             icon: <Question size={16} />,
             isBottom: true,
             submenu: [
+                {
+                    key: "onboarding-guide",
+                    title: "Onboarding Guide",
+                    icon: <Rocket size={16} />,
+                    onClick: (e) => {
+                        e.preventDefault()
+                        setWidgetClosed(false)
+                        setWidgetMinimized(false)
+                    },
+                },
                 {
                     key: "docs",
                     title: "Documentation",
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 8b690d10d2..1129525d14 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -15,7 +15,7 @@ import {
     OnboardingState,
     UserOnboardingStatus,
 } from "../types"
-import {fullJourneyStateAtom, playgroundHasFirstRunAtom} from "./helperAtom"
+import {playgroundHasFirstRunAtom} from "./helperAtom"
 import {isAddAppFromTemplatedAtom} from "@/oss/components/pages/app-management/state/atom"
 import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 
@@ -233,6 +233,5 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
         return resolveStepsForState(effectiveState)
     }
 
-
     return []
 })
diff --git a/web/oss/src/state/onboarding/atoms/widgetAtom.ts b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
new file mode 100644
index 0000000000..d44019aaf5
--- /dev/null
+++ b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
@@ -0,0 +1,111 @@
+import {atom} from "jotai"
+import {atomWithStorage} from "jotai/utils"
+import {currentOnboardingStepWithLocationAtom} from "./stepsAtom"
+
+export type OnboardingWidgetPosition = {
+    x: number
+    y: number
+}
+
+const ONBOARDING_WIDGET_COMPLETION_KEY = "onboarding-widget-completion"
+const ONBOARDING_WIDGET_UI_STATE_KEY = "onboarding-widget-ui-state"
+
+type OnboardingWidgetUIState = {
+    minimized: boolean
+    position: OnboardingWidgetPosition | null
+    minimizeHint: boolean
+    togglePosition: OnboardingWidgetPosition | null
+    closed: boolean
+}
+
+export const currentRunningWidgetOnboardingAtom = atom<string | null>(null)
+
+export const onboardingWidgetCompletionAtom = atomWithStorage<Record<string, boolean>>(
+    ONBOARDING_WIDGET_COMPLETION_KEY,
+    {},
+)
+
+const onboardingWidgetUIStateAtom = atomWithStorage<OnboardingWidgetUIState>(
+    ONBOARDING_WIDGET_UI_STATE_KEY,
+    {
+        minimized: false,
+        position: null,
+        minimizeHint: false,
+        togglePosition: null,
+        closed: false,
+    },
+)
+
+export const onboardingWidgetMinimizedAtom = atom(
+    (get) => get(onboardingWidgetUIStateAtom).minimized,
+    (get, set, update: boolean | ((prev: boolean) => boolean)) => {
+        const prev = get(onboardingWidgetUIStateAtom)
+        const nextValue = typeof update === "function" ? update(prev.minimized) : update
+        set(onboardingWidgetUIStateAtom, {
+            ...prev,
+            minimized: nextValue,
+        })
+    },
+)
+
+export const onboardingWidgetPositionAtom = atom(
+    (get) => get(onboardingWidgetUIStateAtom).position,
+    (
+        get,
+        set,
+        update:
+            | OnboardingWidgetPosition
+            | null
+            | ((prev: OnboardingWidgetPosition | null) => OnboardingWidgetPosition | null),
+    ) => {
+        const prev = get(onboardingWidgetUIStateAtom)
+        const nextValue = typeof update === "function" ? update(prev.position) : update
+        set(onboardingWidgetUIStateAtom, {
+            ...prev,
+            position: nextValue,
+        })
+    },
+)
+
+export const onboardingWidgetMinimizeHintAtom = atom(
+    (get) => get(onboardingWidgetUIStateAtom).minimizeHint,
+    (get, set, update: boolean | ((prev: boolean) => boolean)) => {
+        const prev = get(onboardingWidgetUIStateAtom)
+        const nextValue = typeof update === "function" ? update(prev.minimizeHint) : update
+        set(onboardingWidgetUIStateAtom, {
+            ...prev,
+            minimizeHint: nextValue,
+        })
+    },
+)
+
+export const onboardingWidgetTogglePositionAtom = atom(
+    (get) => get(onboardingWidgetUIStateAtom).togglePosition,
+    (
+        get,
+        set,
+        update:
+            | OnboardingWidgetPosition
+            | null
+            | ((prev: OnboardingWidgetPosition | null) => OnboardingWidgetPosition | null),
+    ) => {
+        const prev = get(onboardingWidgetUIStateAtom)
+        const nextValue = typeof update === "function" ? update(prev.togglePosition) : update
+        set(onboardingWidgetUIStateAtom, {
+            ...prev,
+            togglePosition: nextValue,
+        })
+    },
+)
+
+export const onboardingWidgetClosedAtom = atom(
+    (get) => get(onboardingWidgetUIStateAtom).closed,
+    (get, set, update: boolean | ((prev: boolean) => boolean)) => {
+        const prev = get(onboardingWidgetUIStateAtom)
+        const nextValue = typeof update === "function" ? update(prev.closed) : update
+        set(onboardingWidgetUIStateAtom, {
+            ...prev,
+            closed: nextValue,
+        })
+    },
+)

From b8f4ad7d0de5143d08b35c6d787c7688e99bc8d9 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sun, 30 Nov 2025 15:26:00 +0600
Subject: [PATCH 28/53] added extra utils on the onboarding step

---
 web/oss/src/components/Onboarding/index.tsx | 15 +++++++++++----
 web/oss/src/components/Onboarding/types.ts  |  3 +++
 web/oss/src/state/onboarding/types.ts       |  7 +++++++
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index 7ba9df113c..975682e87a 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -7,7 +7,7 @@ import {useAtomValue, useSetAtom} from "jotai"
 import type {CardComponentProps} from "nextstepjs"
 import {NormalizedStepContent} from "./types"
 
-import type {UserOnboardingStatus} from "@/oss/state/onboarding"
+import type {OnboardingControlLabels, UserOnboardingStatus} from "@/oss/state/onboarding"
 import {
     currentOnboardingStepAtom,
     isNewUserAtom,
@@ -25,15 +25,18 @@ type StepWithEffects = CardComponentProps["step"] & {
     onExit?: () => void
     onCleanup?: () => void
     onboardingSection?: keyof UserOnboardingStatus
+    controlLabels?: OnboardingControlLabels
 }
 
 const normalizeStep = (step: CardComponentProps["step"]): NormalizedStepContent => {
+    const extendedStep = step as StepWithEffects | undefined
     return {
         icon: step?.icon ?? null,
         title: step?.title,
         content: step?.content,
         showControls: step?.showControls ?? true,
         showSkip: step?.showSkip ?? true,
+        controlLabels: extendedStep?.controlLabels,
     }
 }
 
@@ -138,6 +141,10 @@ const OnboardingCard = ({
         () => Math.round(((currentStep + 1) / totalSteps) * 100),
         [currentStep, totalSteps],
     )
+    const controlLabels = normalized.controlLabels ?? ({} as OnboardingControlLabels)
+    const previousLabel = controlLabels.previous ?? "Previous"
+    const nextLabel = controlLabels.next ?? "Next"
+    const finishLabel = controlLabels.finish ?? "Finish"
 
     const adjustedArrow = useMemo(() => {
         if (!isValidElement(arrow)) return null
@@ -205,7 +212,7 @@ const OnboardingCard = ({
                                     disabled={currentStep === 0}
                                     className="text-xs !h-7 rounded-lg !border-colorBorder hover:!border-colorBorder bg-white text-colorText hover:!text-colorTextSecondary"
                                 >
-                                    Previous
+                                    {previousLabel}
                                 </Button>
 
                                 {currentStep < totalSteps - 1 ? (
@@ -216,7 +223,7 @@ const OnboardingCard = ({
                                         iconPosition="end"
                                         className="text-xs !h-7 bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
                                     >
-                                        Next
+                                        {nextLabel}
                                     </Button>
                                 ) : (
                                     <Button
@@ -226,7 +233,7 @@ const OnboardingCard = ({
                                         onClick={() => onSkipStep("done")}
                                         className="text-xs !h-7 bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
                                     >
-                                        Finish
+                                        {finishLabel}
                                     </Button>
                                 )}
                             </div>
diff --git a/web/oss/src/components/Onboarding/types.ts b/web/oss/src/components/Onboarding/types.ts
index 2f2fe089ce..7b3c4f8621 100644
--- a/web/oss/src/components/Onboarding/types.ts
+++ b/web/oss/src/components/Onboarding/types.ts
@@ -1,12 +1,15 @@
 import {ModalProps} from "antd"
 import {ReactNode} from "react"
 
+import type {OnboardingControlLabels} from "@/oss/state/onboarding/types"
+
 export interface NormalizedStepContent {
     icon: ReactNode
     title: ReactNode
     content: ReactNode
     showControls: boolean
     showSkip: boolean
+    controlLabels?: OnboardingControlLabels
 }
 
 export interface WelcomeModalProps extends ModalProps {
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index 8fab8daa51..68cfddff22 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -14,12 +14,19 @@ export type UserOnboardingStatus<T = OnboardingState> = {
     fullJourney: T
 }
 
+export type OnboardingControlLabels = {
+    next?: string
+    previous?: string
+    finish?: string
+}
+
 export type OnboardingStep = Tour["steps"][number] & {
     onEnter?: () => void
     onExit?: () => void
     onCleanup?: () => void
     onboardingSection?: keyof UserOnboardingStatus
     advanceOnClick?: boolean
+    controlLabels?: OnboardingControlLabels
 }
 
 export type CurrentOnboardingStep = OnboardingStep

From d291bbbe79af7cf55c2746ef67c08af2933cd085 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sun, 30 Nov 2025 16:17:39 +0600
Subject: [PATCH 29/53] refactored code

---
 .../CustomNextStepProvider/index.tsx          |  29 ++--
 .../OnboardingTriggerButton/index.tsx         |   4 +-
 web/oss/src/components/Onboarding/index.tsx   |  12 +-
 .../src/state/onboarding/atoms/helperAtom.ts  |  12 +-
 .../src/state/onboarding/atoms/stepsAtom.ts   | 134 ++----------------
 web/oss/src/state/onboarding/constants.ts     |  28 ++++
 web/oss/src/state/onboarding/index.ts         |   1 +
 web/oss/src/state/onboarding/types.ts         |   1 -
 web/oss/src/state/url/index.ts                |  32 ++++-
 web/oss/src/state/url/resolveURLSection.ts    |  68 +++++++++
 10 files changed, 153 insertions(+), 168 deletions(-)
 create mode 100644 web/oss/src/state/onboarding/constants.ts
 create mode 100644 web/oss/src/state/url/resolveURLSection.ts

diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index 960a60e8f8..972134e9ea 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -1,11 +1,9 @@
 import {
     isNewUserAtom,
     onboardingStepsAtom,
-    resolveOnboardingSection,
     triggerOnboardingAtom,
     userOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
-import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
 import {urlLocationAtom} from "@/oss/state/url"
 import {useAtomValue, useSetAtom} from "jotai"
 import {NextStep, useNextStep} from "nextstepjs"
@@ -20,20 +18,19 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
     const userOnboardingJourneyStatus = useAtomValue(userOnboardingStatusAtom)
     const manualTrigger = useAtomValue(triggerOnboardingAtom)
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
-    const fullJourneyState = useAtomValue(fullJourneyStateAtom)
-    const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
     const {startNextStep} = useNextStep()
     const autoStartSignatureRef = useRef<string | null>(null)
 
-    const previousSectionRef = useRef(userLocation.section)
+    const previousSectionRef = useRef(userLocation.resolvedSection ?? userLocation.section)
     useEffect(() => {
-        if (previousSectionRef.current !== userLocation.section) {
-            previousSectionRef.current = userLocation.section
-            if (!manualTrigger && !fullJourneyState.active) {
+        const resolvedSection = userLocation.resolvedSection ?? userLocation.section
+        if (previousSectionRef.current !== resolvedSection) {
+            previousSectionRef.current = resolvedSection
+            if (!manualTrigger) {
                 setTriggerOnboarding(null)
             }
         }
-    }, [userLocation.section, manualTrigger, fullJourneyState.active])
+    }, [userLocation.resolvedSection, userLocation.section, manualTrigger, setTriggerOnboarding])
 
     useEffect(() => {
         if (!isNewUser) {
@@ -41,11 +38,7 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
             return
         }
 
-        if (fullJourneyState.active) {
-            return
-        }
-
-        const normalizedSection = resolveOnboardingSection(userLocation.section)
+        const normalizedSection = userLocation.resolvedSection
         if (!normalizedSection) {
             autoStartSignatureRef.current = null
             return
@@ -72,10 +65,9 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         startNextStep(currentTour.tour)
     }, [
         isNewUser,
-        userLocation.section,
+        userLocation.resolvedSection,
         userOnboardingJourneyStatus,
         onboardingSteps,
-        fullJourneyState.active,
         startNextStep,
     ])
 
@@ -93,13 +85,10 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         if (!tourId) return
 
         startNextStep(tourId)
-    }, [manualTrigger, onboardingSteps, startNextStep, fullJourneyState.journeyId])
+    }, [manualTrigger, onboardingSteps, startNextStep])
 
     const handleComplete = () => {
         setTriggerOnboarding(null)
-        if (fullJourneyState.active) {
-            setFullJourneyState({active: false, state: null, journeyId: null})
-        }
     }
 
     return (
diff --git a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
index 85e5ed8ff1..6a0ad72995 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
@@ -3,7 +3,7 @@ import {memo, useCallback, useMemo, MouseEvent} from "react"
 import {QuestionCircleOutlined} from "@ant-design/icons"
 import {Button, Tooltip} from "antd"
 import type {ButtonProps, TooltipProps} from "antd"
-import {resolveOnboardingSection, triggerOnboardingAtom} from "@/oss/state/onboarding"
+import {triggerOnboardingAtom} from "@/oss/state/onboarding"
 import {useAtomValue, useSetAtom} from "jotai"
 import {urlLocationAtom} from "@/oss/state/url"
 
@@ -18,7 +18,7 @@ const OnboardingTriggerButton = ({
 }: OnboardingTriggerButtonProps) => {
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
     const userLocation = useAtomValue(urlLocationAtom)
-    const normalizedSection = resolveOnboardingSection(userLocation.section)
+    const normalizedSection = userLocation.resolvedSection
 
     const handleClick: ButtonProps["onClick"] = useCallback(
         (event: MouseEvent<HTMLButtonElement>) => {
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index 975682e87a..4535bb0f4c 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -11,11 +11,9 @@ import type {OnboardingControlLabels, UserOnboardingStatus} from "@/oss/state/on
 import {
     currentOnboardingStepAtom,
     isNewUserAtom,
-    resolveOnboardingSection,
     triggerOnboardingAtom,
     updateUserOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
-import {fullJourneyStateAtom} from "@/oss/state/onboarding/atoms/helperAtom"
 import {urlLocationAtom} from "@/oss/state/url"
 
 const {Text} = Typography
@@ -52,9 +50,7 @@ const OnboardingCard = ({
     const setCurrentStep = useSetAtom(currentOnboardingStepAtom)
     const updateOnboardingStatus = useSetAtom(updateUserOnboardingStatusAtom)
     const isNewUser = useAtomValue(isNewUserAtom)
-    const userSection = useAtomValue(urlLocationAtom).section
-    const fullJourneyState = useAtomValue(fullJourneyStateAtom)
-    const setFullJourneyState = useSetAtom(fullJourneyStateAtom)
+    const userOnboardingSection = useAtomValue(urlLocationAtom).resolvedSection
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
 
     const cleanupHandlersRef = useRef<Set<() => void>>(new Set())
@@ -118,7 +114,7 @@ const OnboardingCard = ({
             if (!status) return
 
             const resolvedSection =
-                extendedStep?.onboardingSection ?? resolveOnboardingSection(userSection)
+                extendedStep?.onboardingSection ?? userOnboardingSection
             if (!resolvedSection) return
 
             updateOnboardingStatus({section: resolvedSection, status})
@@ -127,11 +123,9 @@ const OnboardingCard = ({
             step,
             skipTour,
             isNewUser,
-            userSection,
+            userOnboardingSection,
             updateOnboardingStatus,
             runCleanupHandlers,
-            fullJourneyState.active,
-            setFullJourneyState,
             setTriggerOnboarding,
         ],
     )
diff --git a/web/oss/src/state/onboarding/atoms/helperAtom.ts b/web/oss/src/state/onboarding/atoms/helperAtom.ts
index a04a4fe329..fa49b868d3 100644
--- a/web/oss/src/state/onboarding/atoms/helperAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/helperAtom.ts
@@ -150,14 +150,4 @@ export type DemoOnlineEvaluationContext = {
     queryRevisionId: string
 }
 
-export const demoOnlineEvaluationAtom = atom<DemoOnlineEvaluationContext | null>(null)
-
-export const fullJourneyStateAtom = atom<{
-    active: boolean
-    state?: string | null
-    journeyId?: string | null
-}>({
-    active: false,
-    state: null,
-    journeyId: null,
-})
+export const demoOnlineEvaluationAtom = atom<DemoOnlineEvaluationContext | null>(null)
\ No newline at end of file
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 1129525d14..1323c07896 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -1,10 +1,10 @@
 import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
-import {atom, getDefaultStore} from "jotai"
+import {atom} from "jotai"
 import {eagerAtom} from "jotai-eager"
 import {atomWithStorage} from "jotai/utils"
 import {Tour} from "nextstepjs"
 
-import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
+import {defaultUserOnboardingState} from "../constants"
 import {userAtom} from "../../profile"
 import {sessionExistsAtom} from "../../session"
 import {urlLocationAtom} from "../../url"
@@ -16,20 +16,13 @@ import {
     UserOnboardingStatus,
 } from "../types"
 import {playgroundHasFirstRunAtom} from "./helperAtom"
-import {isAddAppFromTemplatedAtom} from "@/oss/components/pages/app-management/state/atom"
-import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 
 const NEW_USER_STORAGE_KEY = "new-user"
 const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
 const USER_ONBOARDING_PROFILE_CONTEXT_STORAGE_KEY = "user-onboarding-profile-context"
 
-/**
- * @deprecated this is no longer useful anymore
- */
 export const isNewUserStorageAtom = atomWithStorage(NEW_USER_STORAGE_KEY, false)
-/**
- * @deprecated this is no longer useful anymore
- */
+
 export const isNewUserAtom = eagerAtom((get) => {
     const user = get(userAtom)
     const sessionExists = get(sessionExistsAtom)
@@ -38,72 +31,12 @@ export const isNewUserAtom = eagerAtom((get) => {
     return !!sessionExists && !!user && isNewUser
 })
 
-// Rename to userOnboardingProfileAtom
 export const userOnboardingProfileAtom = atomWithStorage<{
     userRole: string
     userExperience: string
     userInterest: string
 } | null>(USER_ONBOARDING_PROFILE_CONTEXT_STORAGE_KEY, null)
 
-// old
-const defaultUserOnboardingState: UserOnboardingStatus = {
-    apps: "idle",
-    playground: "idle",
-    playgroundPostRun: "idle",
-    autoEvaluations: "idle",
-    humanEvaluations: "idle",
-    onlineEvaluations: "idle",
-    observability: "idle",
-    trace: "idle",
-    fullJourney: "idle",
-}
-
-export const ONBOARDING_SECTIONS = Object.keys(defaultUserOnboardingState) as Array<
-    keyof UserOnboardingStatus
->
-const getEvaluationSectionFromValue = (
-    value: string | null | undefined,
-): keyof UserOnboardingStatus | null => {
-    if (!value) return null
-    const normalized = value.toLowerCase()
-    if (normalized.includes("online")) return "onlineEvaluations"
-    if (normalized.includes("human")) return "humanEvaluations"
-    return "autoEvaluations"
-}
-
-const resolveEvaluationSectionFromContext = (): keyof UserOnboardingStatus => {
-    const store = getDefaultStore()
-    const evalType = store.get(evalTypeAtom)
-    if (evalType === "online") return "onlineEvaluations"
-    if (evalType === "human") return "humanEvaluations"
-    const lastVisited = store.get(lastVisitedEvaluationAtom)
-    return getEvaluationSectionFromValue(lastVisited) ?? "autoEvaluations"
-}
-
-const resolvedKeyMapper: Record<string, keyof UserOnboardingStatus> = {
-    traces: "trace",
-    trace: "trace",
-    "trace-drawer": "trace",
-    "playground-post-run": "playgroundPostRun",
-    "full-journey": "fullJourney",
-    evaluation: "autoEvaluations",
-    evaluations: "autoEvaluations",
-    "auto-evaluation": "autoEvaluations",
-    "auto-evaluations": "autoEvaluations",
-    auto_evaluation: "autoEvaluations",
-    auto_evaluations: "autoEvaluations",
-    "online-evaluation": "onlineEvaluations",
-    "online-evaluations": "onlineEvaluations",
-    online_evaluation: "onlineEvaluations",
-    online_evaluations: "onlineEvaluations",
-    "human-evaluation": "humanEvaluations",
-    "human-evaluations": "humanEvaluations",
-    human_annotation: "humanEvaluations",
-    "human-annotation": "humanEvaluations",
-    human_ab_testing: "humanEvaluations",
-    "human-ab-testing": "humanEvaluations",
-}
-
 const mergeUserOnboardingStatus = (state?: Partial<UserOnboardingStatus>): UserOnboardingStatus => {
     return {
         ...defaultUserOnboardingState,
@@ -111,41 +44,6 @@ const mergeUserOnboardingStatus = (state?: Partial<UserOnboardingStatus>): UserO
     }
 }
 
-export const resolveOnboardingSection = (
-    value: string | null,
-): keyof UserOnboardingStatus | null => {
-    if (!value) return null
-    if (ONBOARDING_SECTIONS.includes(value as keyof UserOnboardingStatus)) {
-        return value as keyof UserOnboardingStatus
-    }
-
-    const candidates = value
-        .split("/")
-        .map((part) => part.trim())
-        .filter((part): part is string => Boolean(part))
-        .flatMap((part) => {
-            const lower = part.toLowerCase()
-            return [lower, lower.replace(/_/g, "-"), lower.replace(/[-_\s]/g, "")]
-        })
-
-    for (const candidate of candidates) {
-        if (candidate === "evaluation" || candidate === "evaluations") {
-            return resolveEvaluationSectionFromContext()
-        }
-        const mapped = resolvedKeyMapper[candidate]
-        if (mapped) {
-            if (mapped === "autoEvaluations" && candidate.includes("evaluation")) {
-                return resolveEvaluationSectionFromContext()
-            }
-            return mapped
-        }
-    }
-
-    const resolvedFromValue = getEvaluationSectionFromValue(value)
-    if (resolvedFromValue) return resolvedFromValue
-    return null
-}
-
 const userOnboardingStatusStorageAtom = atomWithStorage<UserOnboardingStatus>(
     USER_ONBOARDING_STATE_TRACKER,
     defaultUserOnboardingState,
@@ -187,7 +85,7 @@ export const currentOnboardingStepWithLocationAtom = atom(
         const userLocation = get(urlLocationAtom)
         return {
             ...step,
-            location: userLocation.section,
+            location: userLocation.resolvedSection ?? userLocation.section,
         }
     },
     (get, set, update: CurrentOnboardingStep | null) => {
@@ -205,17 +103,22 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
     const onboardingProfile = get(userOnboardingProfileAtom)
     const userLocation = get(urlLocationAtom)
     const userOnboardingJourneyStatus = get(userOnboardingStatusAtom)
-    const isNewUser = get(isNewUserStorageAtom)
     const manualTrigger = get(triggerOnboardingAtom)
     const currentStep = get(currentOnboardingStepWithLocationAtom)
     const hasPlaygroundRun = get(playgroundHasFirstRunAtom)
-    const isAddAppFromTemplated = get(isAddAppFromTemplatedAtom)
 
-    if (appStatusLoading || isAddAppFromTemplated) return []
+    if (appStatusLoading) return []
+
+    if (manualTrigger) {
+        const requestedState = manualTrigger.state as keyof typeof TOUR_STEPS
+        const effectiveState =
+            requestedState === "playground" && hasPlaygroundRun
+                ? ("playgroundPostRun" as keyof typeof TOUR_STEPS)
+                : requestedState
 
-    const resolveStepsForState = (stateKey: keyof typeof TOUR_STEPS) => {
-        const tourSteps = TOUR_STEPS[stateKey]
+        const tourSteps = TOUR_STEPS[effectiveState]
         if (!tourSteps) return []
+
         return tourSteps({
             userContext: onboardingProfile,
             currentStep,
@@ -224,14 +127,5 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
         })
     }
 
-    if (manualTrigger) {
-        const requestedState = manualTrigger.state as keyof typeof TOUR_STEPS
-        const effectiveState =
-            requestedState === "playground" && hasPlaygroundRun
-                ? ("playgroundPostRun" as keyof typeof TOUR_STEPS)
-                : requestedState
-        return resolveStepsForState(effectiveState)
-    }
-
     return []
 })
diff --git a/web/oss/src/state/onboarding/constants.ts b/web/oss/src/state/onboarding/constants.ts
new file mode 100644
index 0000000000..e9b2031dea
--- /dev/null
+++ b/web/oss/src/state/onboarding/constants.ts
@@ -0,0 +1,28 @@
+import {UserOnboardingStatus} from "./types"
+
+export const defaultUserOnboardingState: UserOnboardingStatus = {
+    apps: "idle",
+    playground: "idle",
+    playgroundPostRun: "idle",
+    autoEvaluations: "idle",
+    humanEvaluations: "idle",
+    onlineEvaluations: "idle",
+    observability: "idle",
+    trace: "idle",
+}
+
+export const ONBOARDING_SECTIONS = Object.keys(defaultUserOnboardingState) as Array<
+    keyof UserOnboardingStatus
+>
+
+export const TOUR_STEP_KEY_MAPPER: Record<string, keyof UserOnboardingStatus> = {
+    trace: "trace",
+    "trace-drawer": "trace",
+    "playground-post-run": "playgroundPostRun",
+    "auto-evaluation": "autoEvaluations",
+    auto_evaluation: "autoEvaluations",
+    "online-evaluation": "onlineEvaluations",
+    online_evaluation: "onlineEvaluations",
+    "human-evaluation": "humanEvaluations",
+    human_annotation: "humanEvaluations",
+}
diff --git a/web/oss/src/state/onboarding/index.ts b/web/oss/src/state/onboarding/index.ts
index 608e4e8194..8f96bcbfbb 100644
--- a/web/oss/src/state/onboarding/index.ts
+++ b/web/oss/src/state/onboarding/index.ts
@@ -1,3 +1,4 @@
 export * from "./atoms/stepsAtom"
+export * from "./constants"
 export * from "./steps/index"
 export * from "./types"
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index 68cfddff22..650c3a917e 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -11,7 +11,6 @@ export type UserOnboardingStatus<T = OnboardingState> = {
     onlineEvaluations: T
     observability: T
     trace: T
-    fullJourney: T
 }
 
 export type OnboardingControlLabels = {
diff --git a/web/oss/src/state/url/index.ts b/web/oss/src/state/url/index.ts
index f8da2e7d4b..5ad4057ed7 100644
--- a/web/oss/src/state/url/index.ts
+++ b/web/oss/src/state/url/index.ts
@@ -2,11 +2,15 @@ import {getDefaultStore} from "jotai"
 import {eagerAtom} from "jotai-eager"
 import {selectAtom} from "jotai/utils"
 
+import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import type {AppStateSnapshot, RouteLayer} from "@/oss/state/appState"
 import {appStateSnapshotAtom} from "@/oss/state/appState"
 import {selectedOrgAtom} from "@/oss/state/org/selectors/org"
 
 import {recentAppIdAtom} from "../app"
+import type {UserOnboardingStatus} from "../onboarding/types"
+import {resolveOnboardingSection} from "./resolveURLSection"
 
 export interface URLState {
     appId: string
@@ -32,7 +36,7 @@ export type URLLocationScope =
     | "public"
     | "unknown"
 
-export interface URLLocationState {
+interface BaseURLLocationState {
     scope: URLLocationScope
     routeLayer: RouteLayer
     section: string | null
@@ -41,13 +45,17 @@ export interface URLLocationState {
     key: string
 }
 
+export interface URLLocationState extends BaseURLLocationState {
+    resolvedSection: keyof UserOnboardingStatus | null
+}
+
 const createLocationState = (
     scope: URLLocationScope,
     routeLayer: RouteLayer,
     section: string | null,
     subsection: string | null,
     trail: string,
-): URLLocationState => {
+): BaseURLLocationState => {
     const normalizedSection = section ?? null
     const normalizedSubsection = subsection ?? null
     const normalizedTrail = trail || ""
@@ -77,7 +85,7 @@ const createLocationState = (
     }
 }
 
-const resolveLocationFromSnapshot = (snapshot: AppStateSnapshot): URLLocationState => {
+const resolveLocationFromSnapshot = (snapshot: AppStateSnapshot): BaseURLLocationState => {
     const {segments, restPath, routeLayer} = snapshot
     const [first, second] = segments
 
@@ -176,15 +184,29 @@ const resolveLocationFromSnapshot = (snapshot: AppStateSnapshot): URLLocationSta
     )
 }
 
-const urlLocationEquality = (prev: URLLocationState, next: URLLocationState) =>
+const urlLocationEquality = (prev: BaseURLLocationState, next: BaseURLLocationState) =>
     prev.key === next.key && prev.routeLayer === next.routeLayer
 
-export const urlLocationAtom = selectAtom(
+const baseUrlLocationAtom = selectAtom(
     appStateSnapshotAtom,
     resolveLocationFromSnapshot,
     urlLocationEquality,
 )
 
+export const urlLocationAtom = eagerAtom<URLLocationState>((get) => {
+    const location = get(baseUrlLocationAtom)
+    const evalType = get(evalTypeAtom)
+    const lastVisitedEvaluation = get(lastVisitedEvaluationAtom)
+
+    return {
+        ...location,
+        resolvedSection: resolveOnboardingSection(location.section, {
+            evalType,
+            lastVisitedEvaluation,
+        }),
+    }
+})
+
 export const urlAtom = eagerAtom<URLState>((get) => {
     const snapshot = get(appStateSnapshotAtom)
     const selectedOrg = get(selectedOrgAtom)
diff --git a/web/oss/src/state/url/resolveURLSection.ts b/web/oss/src/state/url/resolveURLSection.ts
new file mode 100644
index 0000000000..b7c9f97704
--- /dev/null
+++ b/web/oss/src/state/url/resolveURLSection.ts
@@ -0,0 +1,68 @@
+import {getDefaultStore} from "jotai"
+
+import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
+
+import {ONBOARDING_SECTIONS, TOUR_STEP_KEY_MAPPER} from "../onboarding/constants"
+import {UserOnboardingStatus} from "../onboarding/types"
+
+export type ResolveOnboardingSectionOptions = {
+    evalType?: string | null
+    lastVisitedEvaluation?: string | null
+}
+
+const resolveEvaluationSection = (
+    value?: string | null | undefined,
+    options?: ResolveOnboardingSectionOptions,
+): keyof UserOnboardingStatus => {
+    if (value) {
+        const normalized = value.toLowerCase()
+        if (normalized.includes("online")) return "onlineEvaluations"
+        if (normalized.includes("human")) return "humanEvaluations"
+        return "autoEvaluations"
+    }
+
+    const store = getDefaultStore()
+    const evalType = options?.evalType ?? store.get(evalTypeAtom)
+    const lastVisited = options?.lastVisitedEvaluation ?? store.get(lastVisitedEvaluationAtom)
+
+    if (evalType === "online" || lastVisited?.includes("online")) return "onlineEvaluations"
+    if (evalType === "human" || lastVisited?.includes("human")) return "humanEvaluations"
+    return "autoEvaluations"
+}
+
+export const resolveOnboardingSection = (
+    value: string | null,
+    options?: ResolveOnboardingSectionOptions,
+): keyof UserOnboardingStatus | null => {
+    if (!value) return null
+    if (ONBOARDING_SECTIONS.includes(value as keyof UserOnboardingStatus)) {
+        return value as keyof UserOnboardingStatus
+    }
+
+    const candidates = value
+        .split("/")
+        .map((part) => part.trim())
+        .filter((part): part is string => Boolean(part))
+        .flatMap((part) => {
+            const lower = part.toLowerCase()
+            return [lower, lower.replace(/_/g, "-"), lower.replace(/[-_\s]/g, "")]
+        })
+
+    for (const candidate of candidates) {
+        if (candidate === "evaluation" || candidate === "evaluations") {
+            return resolveEvaluationSection(null, options)
+        }
+        const mapped = TOUR_STEP_KEY_MAPPER[candidate]
+        if (mapped) {
+            if (mapped === "autoEvaluations" && candidate.includes("evaluation")) {
+                return resolveEvaluationSection(null, options)
+            }
+            return mapped
+        }
+    }
+
+    const resolvedFromValue = resolveEvaluationSection(value, options)
+    if (resolvedFromValue) return resolvedFromValue
+    return null
+}

From ae18f0fa63e3d666feed04ef1380a5fb554240dc Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sun, 30 Nov 2025 17:27:51 +0600
Subject: [PATCH 30/53] triggering steps based on given tour id

---
 .../components/CustomNextStepProvider/index.tsx      |  7 ++++++-
 .../components/OnboardingTriggerButton/types.ts      |  2 +-
 .../Onboarding/components/OnboardingWidget/index.tsx |  2 +-
 .../Onboarding/components/OnboardingWidget/types.ts  |  1 +
 web/oss/src/components/Onboarding/index.tsx          |  2 +-
 web/oss/src/state/onboarding/atoms/stepsAtom.ts      | 12 ++++++++++--
 .../src/state/onboarding/steps/evaluations/index.tsx |  4 ++--
 web/oss/src/state/onboarding/steps/index.ts          |  1 -
 web/oss/src/state/onboarding/steps/types.ts          |  1 +
 9 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index 972134e9ea..7f17d5c725 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -81,7 +81,12 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         if (lastManualTriggerRef.current === manualTrigger) return
 
         lastManualTriggerRef.current = manualTrigger
-        const tourId = onboardingSteps[0]?.tour
+        const targetTour =
+            manualTrigger.tourId !== undefined
+                ? onboardingSteps.find((tour) => tour.tour === manualTrigger.tourId) ??
+                  onboardingSteps[0]
+                : onboardingSteps[0]
+        const tourId = targetTour?.tour
         if (!tourId) return
 
         startNextStep(tourId)
diff --git a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
index 2db1d15da9..2097605fcc 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
+++ b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
@@ -4,7 +4,7 @@ import type {ReactNode} from "react"
 
 export type TriggerPayload = {
     state: keyof UserOnboardingStatus
-    type?: "beginner" | "advanced"
+    tourId?: string
 }
 
 export type OnboardingTriggerButtonProps = {
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index d1593d80fd..815ed7481b 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -226,7 +226,7 @@ const OnboardingWidget = () => {
             if (!navigationCompleted) return
 
             if (item.tour) {
-                setTriggerOnboarding({state: item.tour.section})
+                setTriggerOnboarding({state: item.tour.section, tourId: item.tour?.tourId})
                 setCurrentRunningWidgetOnboarding(item.tour.section)
             }
         },
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts b/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
index 8c43dbaff1..a0677ed05c 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
@@ -7,6 +7,7 @@ export type ChecklistPrerequisite =
 
 export type ChecklistItemTour = {
     section: keyof UserOnboardingStatus
+    tourId?: string
 }
 
 export type ChecklistItem = {
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index 4535bb0f4c..a05169a387 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -69,7 +69,7 @@ const OnboardingCard = ({
     }, [])
 
     useEffect(() => {
-        if (!step?.selector && !currentStep) {
+        if (!step?.selector && currentStep == null) {
             skipTour?.()
         }
     }, [step, skipTour, currentStep])
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 1323c07896..ee0f48e8f9 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -95,7 +95,7 @@ export const currentOnboardingStepWithLocationAtom = atom(
 
 export const triggerOnboardingAtom = atom<{
     state: keyof UserOnboardingStatus
-    type?: "beginner" | "advanced"
+    tourId?: string
 } | null>(null)
 
 export const onboardingStepsAtom = atom<Tour[]>((get) => {
@@ -111,6 +111,7 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
 
     if (manualTrigger) {
         const requestedState = manualTrigger.state as keyof typeof TOUR_STEPS
+        const requestedTourId = manualTrigger.tourId
         const effectiveState =
             requestedState === "playground" && hasPlaygroundRun
                 ? ("playgroundPostRun" as keyof typeof TOUR_STEPS)
@@ -119,12 +120,19 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
         const tourSteps = TOUR_STEPS[effectiveState]
         if (!tourSteps) return []
 
-        return tourSteps({
+        const tours = tourSteps({
             userContext: onboardingProfile,
             currentStep,
             location: userLocation,
             userOnboardingStatus: userOnboardingJourneyStatus,
+            tourId: requestedTourId,
         })
+        if (!tours.length) return []
+        // if (requestedTourId) {
+        //     const filtered = tours.filter((tour) => tour.tour === requestedTourId)
+        //     return filtered.length ? filtered : tours
+        // }
+        return tours
     }
 
     return []
diff --git a/web/oss/src/state/onboarding/steps/evaluations/index.tsx b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
index 9ee3d380ce..4af8799657 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/index.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
@@ -30,12 +30,12 @@ export const evaluationTour = (ctx: OnboardingStepsContext, type?: EvaluationTou
     const resolvedType = resolveRequestedType(type, currentEval, evalType)
 
     if (resolvedType === "online") {
-        const resolver = (ONLINE_EVALUATION_TOURS as any)[role] ?? ONLINE_EVALUATION_TOURS.Hobbyist
+        const resolver = (ONLINE_EVALUATION_TOURS as any)[role]
         return resolver(ctx)
     }
 
     if (resolvedType === "auto") {
-        const resolver = (AUTO_EVALUATION_TOURS as any)[role] ?? AUTO_EVALUATION_TOURS.Hobbyist
+        const resolver = (AUTO_EVALUATION_TOURS as any)[role]
         return resolver(ctx)
     }
 
diff --git a/web/oss/src/state/onboarding/steps/index.ts b/web/oss/src/state/onboarding/steps/index.ts
index 8c39733761..5d0f26252b 100644
--- a/web/oss/src/state/onboarding/steps/index.ts
+++ b/web/oss/src/state/onboarding/steps/index.ts
@@ -1,6 +1,5 @@
 import {APP_MANAGEMENT_TOURS} from "./appManagementSteps"
 import {evaluationTour} from "./evaluations"
-import {OBSERVABILITY_TOURS} from "./observabilitySteps"
 import {PLAYGROUND_TOURS, resolvePlaygroundPostRunTour} from "./playgroundSteps"
 import {TRACE_TOURS} from "./traceSteps"
 import {OnboardingStepsContext, TourDefinition} from "./types"
diff --git a/web/oss/src/state/onboarding/steps/types.ts b/web/oss/src/state/onboarding/steps/types.ts
index c65c2b3e49..a0b0a9c576 100644
--- a/web/oss/src/state/onboarding/steps/types.ts
+++ b/web/oss/src/state/onboarding/steps/types.ts
@@ -12,6 +12,7 @@ export type OnboardingStepsContext = {
     currentStep: CurrentOnboardingStepExtended | null
     location: URLLocationState | null
     userOnboardingStatus: UserOnboardingStatus
+    tourId?: string
 }
 
 export interface CustomTour extends Omit<Tour, "steps"> {

From ebfdc5dd6653810271e875735340fc1b7e50cd25 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sun, 30 Nov 2025 18:40:57 +0600
Subject: [PATCH 31/53] created online evaluation in one click

---
 .../components/OnboardingWidget/utils.tsx     |  4 +-
 web/oss/src/components/Onboarding/index.tsx   | 38 +++++++++---
 web/oss/src/state/onboarding/assets/utils.ts  | 24 ++++++++
 .../evaluations/onlineEvaluationSteps.tsx     | 58 ++++++++++++++++++-
 web/oss/src/state/onboarding/types.ts         |  1 +
 5 files changed, 111 insertions(+), 14 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
index ff9c3c5f19..3315307355 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
@@ -39,7 +39,7 @@ export const buildChecklistSections = ({
                         ? undefined
                         : "You need a project before you can run evaluations.",
                     cta: "Launch evaluation",
-                    tour: {section: "autoEvaluations"},
+                    tour: {section: "autoEvaluations", tourId: "auto-evaluation-quickstart"},
                     prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
                 },
                 {
@@ -52,7 +52,7 @@ export const buildChecklistSections = ({
                         ? undefined
                         : "Project-level access is required for online evaluations.",
                     cta: "Configure online eval",
-                    tour: {section: "onlineEvaluations"},
+                    tour: {section: "onlineEvaluations", tourId: "one-click-online-evaluation"},
                     prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
                 },
             ],
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index a05169a387..d911db2ae4 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -22,6 +22,7 @@ type StepWithEffects = CardComponentProps["step"] & {
     onEnter?: () => void
     onExit?: () => void
     onCleanup?: () => void
+    onNext?: () => void | Promise<void>
     onboardingSection?: keyof UserOnboardingStatus
     controlLabels?: OnboardingControlLabels
 }
@@ -97,14 +98,6 @@ const OnboardingCard = ({
         }
     }, [setCurrentStep, runCleanupHandlers])
 
-    const onPrevStep = useCallback(() => {
-        prevStep()
-    }, [prevStep])
-
-    const onNextStep = useCallback(() => {
-        nextStep()
-    }, [nextStep])
-
     const onSkipStep = useCallback(
         (status: string) => {
             const extendedStep = step as StepWithEffects | undefined
@@ -130,6 +123,33 @@ const OnboardingCard = ({
         ],
     )
 
+    const handleAdvance = useCallback(
+        async (isFinalStep?: boolean) => {
+            const extendedStep = step as StepWithEffects | undefined
+            try {
+                if (extendedStep?.onNext) {
+                    await extendedStep.onNext()
+                }
+            } catch (error) {
+                console.error("Failed to run onboarding advance handler", error)
+            }
+            if (isFinalStep) {
+                onSkipStep("done")
+                return
+            }
+            nextStep()
+        },
+        [step, nextStep, onSkipStep],
+    )
+
+    const onPrevStep = useCallback(() => {
+        prevStep()
+    }, [prevStep])
+
+    const onNextStep = useCallback(() => {
+        handleAdvance()
+    }, [handleAdvance])
+
     const normalized = useMemo(() => normalizeStep(step), [step])
     const percent = useMemo(
         () => Math.round(((currentStep + 1) / totalSteps) * 100),
@@ -224,7 +244,7 @@ const OnboardingCard = ({
                                         type="primary"
                                         icon={<ArrowRight size={14} className="mt-0.5" />}
                                         iconPosition="end"
-                                        onClick={() => onSkipStep("done")}
+                                        onClick={() => handleAdvance(true)}
                                         className="text-xs !h-7 bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
                                     >
                                         {finishLabel}
diff --git a/web/oss/src/state/onboarding/assets/utils.ts b/web/oss/src/state/onboarding/assets/utils.ts
index 81131a4b01..75a4f05f31 100644
--- a/web/oss/src/state/onboarding/assets/utils.ts
+++ b/web/oss/src/state/onboarding/assets/utils.ts
@@ -1,6 +1,7 @@
 import Router from "next/router"
 import {getDefaultStore} from "jotai"
 import {v4 as uuidv4} from "uuid"
+import {queryClientAtom} from "jotai-tanstack-query"
 
 import {collectEvaluatorCandidates} from "@/oss/components/pages/evaluations/onlineEvaluation/utils/evaluatorDetails"
 import {evaluatorConfigsAtom} from "@/oss/lib/atoms/evaluation"
@@ -64,6 +65,16 @@ const safePush = async (href: string | null | undefined) => {
     }
 }
 
+const invalidateEvaluationQueries = async () => {
+    const store = getDefaultStore()
+    const queryClient = store.get(queryClientAtom)
+    try {
+        await queryClient.invalidateQueries({queryKey: ["previewEvaluationRuns"]})
+    } catch (error) {
+        console.error("[onboarding] failed to invalidate evaluation queries", error)
+    }
+}
+
 export const createOnlineEvaluation = async (): Promise<DemoOnlineEvaluationContext> => {
     const evaluatorConfig = await findLlmJudgeConfig()
     if (!evaluatorConfig) {
@@ -111,6 +122,8 @@ export const createOnlineEvaluation = async (): Promise<DemoOnlineEvaluationCont
         throw new Error("Failed to create the demo online evaluation.")
     }
 
+    await invalidateEvaluationQueries()
+
     return {
         evaluation,
         evaluatorConfig,
@@ -119,6 +132,17 @@ export const createOnlineEvaluation = async (): Promise<DemoOnlineEvaluationCont
     }
 }
 
+export const ensureDemoOnlineEvaluation = async (): Promise<DemoOnlineEvaluationContext> => {
+    const store = getDefaultStore()
+    const existing = store.get(demoOnlineEvaluationAtom)
+    if (existing?.evaluation?.id) {
+        return existing
+    }
+    const context = await createOnlineEvaluation()
+    store.set(demoOnlineEvaluationAtom, context)
+    return context
+}
+
 export const redirectToAppsPage = async () => {
     const urls = await waitForValidURL({requireProject: true})
     if (!urls.projectURL) return false
diff --git a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
index 53c656b320..8c72f543f5 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
@@ -6,6 +6,7 @@ import {
     closeOnlineEvaluationDrawerAtom,
 } from "@/oss/components/pages/evaluations/onlineEvaluation/state/drawerAtom"
 
+import {ensureDemoOnlineEvaluation, redirectToPlayground} from "../../assets/utils"
 import {isOnlineEvaluatorAvailableAtom} from "../../atoms/helperAtom"
 import {OnboardingStepsContext, TourDefinition} from "../types"
 
@@ -171,17 +172,68 @@ export const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
     },
 ]
 
+export const ONE_CLICK_ONLINE_EVALUATION_STEPS: TourDefinition[number]["steps"] = [
+    {
+        icon: "⚡",
+        title: "Create an online evaluation",
+        content: (
+            <span>
+                We will set up a live online evaluation for you automatically—no manual config
+                needed.
+            </span>
+        ),
+        showControls: true,
+        showSkip: true,
+        controlLabels: {
+            next: "Create evaluation",
+        },
+        onNext: ensureDemoOnlineEvaluation,
+    },
+    {
+        icon: "🧭",
+        title: "Head to the playground",
+        content: (
+            <span>
+                Jump to the playground to run your prompt and send traffic into the newly created
+                evaluation.
+            </span>
+        ),
+        showControls: true,
+        showSkip: true,
+        controlLabels: {
+            next: "Go to playground",
+        },
+        onNext: redirectToPlayground,
+    },
+]
+
 // Helper functions
 export const resolveOnlineEvaluationSteps = (ctx: OnboardingStepsContext) => {
     const defaultStore = getDefaultStore()
     const hasEvaluators = defaultStore.get(isOnlineEvaluatorAvailableAtom)
-
+    const tourId = ctx.tourId
     if (ctx.location?.subsection === "results") {
-        return [{tour: "online-evaluation-run-tour", steps: ONLINE_EVAL_RUN_STEPS}]
+        if (tourId === "online-evaluation-run-tour") {
+            return [{tour: "online-evaluation-run-tour", steps: ONLINE_EVAL_RUN_STEPS}]
+        }
     }
 
     if (hasEvaluators) {
-        return [{tour: "online-evaluation-quickstart", steps: CREATE_NEW_ONLINE_EVALUATION_STEPS}]
+        if (tourId === "online-evaluation-quickstart") {
+            return [
+                {tour: "online-evaluation-quickstart", steps: CREATE_NEW_ONLINE_EVALUATION_STEPS},
+            ]
+        } else if (tourId === "one-click-online-evaluation") {
+            return [{tour: "one-click-online-evaluation", steps: ONE_CLICK_ONLINE_EVALUATION_STEPS}]
+        }
+        if (!tourId) {
+            return [
+                {
+                    tour: "online-evaluation-quickstart",
+                    steps: CREATE_NEW_ONLINE_EVALUATION_STEPS,
+                },
+            ]
+        }
     }
 
     return []
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index 650c3a917e..4779b1f115 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -23,6 +23,7 @@ export type OnboardingStep = Tour["steps"][number] & {
     onEnter?: () => void
     onExit?: () => void
     onCleanup?: () => void
+    onNext?: () => void | Promise<void>
     onboardingSection?: keyof UserOnboardingStatus
     advanceOnClick?: boolean
     controlLabels?: OnboardingControlLabels

From b7fac29cc43b2afe572bb0ddfa623566ec8c3094 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sun, 30 Nov 2025 21:01:48 +0600
Subject: [PATCH 32/53] made the tracker consistent

---
 .../OnboardingAutoAdvance/index.tsx           |  8 ++-
 .../components/OnboardingWidget/index.tsx     | 59 ++++++++++++++-----
 .../components/OnboardingWidget/utils.tsx     | 18 +++---
 .../components/GetStartedSection.tsx          |  3 +-
 .../src/state/onboarding/atoms/widgetAtom.ts  |  9 ++-
 web/oss/src/state/onboarding/constants.ts     | 12 ++--
 .../onboarding/steps/appManagementSteps.tsx   | 54 +++++++++++++++--
 web/oss/src/state/onboarding/steps/index.ts   |  4 +-
 .../onboarding/steps/playgroundSteps.tsx      |  4 +-
 web/oss/src/state/onboarding/types.ts         |  4 +-
 web/oss/src/state/url/resolveURLSection.ts    | 10 ++--
 11 files changed, 136 insertions(+), 49 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
index 866ed80698..7358c7d86f 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
@@ -29,7 +29,7 @@ const OnboardingAutoAdvance = () => {
             return
         }
 
-        const handleClick = (event: MouseEvent) => {
+        const handleClick = async (event: MouseEvent) => {
             if (!activeStep.selector) return
 
             const target = event.target
@@ -40,6 +40,12 @@ const OnboardingAutoAdvance = () => {
                 return
             }
 
+            try {
+                await activeStep.onNext?.()
+            } catch (error) {
+                console.error("Failed to run onboarding advance handler", error)
+            }
+
             if (currentStep >= totalSteps - 1) {
                 closeNextStep()
                 return
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index 815ed7481b..8efd57f38d 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -3,7 +3,7 @@ import {useCallback, useEffect, useMemo, useRef, useState} from "react"
 import {CheckCircle, Circle, Minus, Question, X} from "@phosphor-icons/react"
 import {Button, Modal, Progress, Tooltip} from "antd"
 import clsx from "clsx"
-import {useAtom, useAtomValue, useSetAtom} from "jotai"
+import {getDefaultStore, useAtom, useAtomValue, useSetAtom} from "jotai"
 import {useRouter} from "next/router"
 
 import useURL from "@/oss/hooks/useURL"
@@ -42,6 +42,14 @@ const normalizeRoutePath = (value: string) => {
     return query ? `${normalizedPath}?${query}` : normalizedPath
 }
 
+export const setCompleteWidgetTaskMap = (key: string) => {
+    const store = getDefaultStore()
+    store.set(onboardingWidgetCompletionAtom, (prev) => ({
+        ...prev,
+        [key]: true,
+    }))
+}
+
 const OnboardingWidget = () => {
     const router = useRouter()
     const {projectURL, appURL, recentlyVisitedAppURL} = useURL()
@@ -145,19 +153,18 @@ const OnboardingWidget = () => {
     // // marking widget onboarding as completed
     useEffect(() => {
         if (!currentRunningWidgetOnboarding) return
-        if (
-            userOnboardingStatus[currentRunningWidgetOnboarding as keyof UserOnboardingStatus] ==
-            "idle"
-        )
-            return
-        if (completedMap[currentRunningWidgetOnboarding]) return
+        const {section, completionKey, initialStatus} = currentRunningWidgetOnboarding
+        const currentStatus = userOnboardingStatus[section]
+        if (currentStatus === initialStatus) return
+        if (currentStatus === "idle") return
+        if (completedMap[completionKey]) return
 
         setCompletedMap((prev) => ({
             ...prev,
-            [currentRunningWidgetOnboarding]: true,
+            [completionKey]: true,
         }))
         setCurrentRunningWidgetOnboarding(null)
-    }, [currentRunningWidgetOnboarding, userOnboardingStatus])
+    }, [currentRunningWidgetOnboarding, userOnboardingStatus, completedMap, setCompletedMap])
 
     const sections = useMemo(
         () =>
@@ -169,6 +176,11 @@ const OnboardingWidget = () => {
         [projectURL, appURL, recentlyVisitedAppURL],
     )
 
+    const getCompletionKey = useCallback(
+        (item: ChecklistItem) => item.tour?.tourId ?? item.tour?.section ?? item.id,
+        [],
+    )
+
     const allItems = useMemo(
         () => sections.reduce<ChecklistItem[]>((acc, section) => acc.concat(section.items), []),
         [sections],
@@ -176,10 +188,10 @@ const OnboardingWidget = () => {
     const totalTasks = allItems.length
     const completedCount = useMemo(() => {
         return allItems.reduce(
-            (count, item) => (completedMap[item.tour?.section] ? count + 1 : count),
+            (count, item) => (completedMap[getCompletionKey(item)] ? count + 1 : count),
             0,
         )
-    }, [allItems, completedMap])
+    }, [allItems, completedMap, getCompletionKey])
     const progressPercent = totalTasks ? Math.round((completedCount / totalTasks) * 100) : 0
 
     useEffect(() => {
@@ -225,12 +237,27 @@ const OnboardingWidget = () => {
             const navigationCompleted = await navigateIfNeeded()
             if (!navigationCompleted) return
 
-            if (item.tour) {
-                setTriggerOnboarding({state: item.tour.section, tourId: item.tour?.tourId})
-                setCurrentRunningWidgetOnboarding(item.tour.section)
+            const completionKey = getCompletionKey(item)
+            if (!item.tour) {
+                setCompletedMap((prev) => ({...prev, [completionKey]: true}))
+                return
             }
+
+            setTriggerOnboarding({state: item.tour.section, tourId: item.tour?.tourId})
+            setCurrentRunningWidgetOnboarding({
+                section: item.tour.section,
+                completionKey,
+                initialStatus: userOnboardingStatus[item.tour.section],
+            })
         },
-        [router, setCompletedMap, setTriggerOnboarding, setCurrentRunningWidgetOnboarding],
+        [
+            router,
+            setCompletedMap,
+            setTriggerOnboarding,
+            setCurrentRunningWidgetOnboarding,
+            getCompletionKey,
+            userOnboardingStatus,
+        ],
     )
 
     const onMinimize = useCallback(() => {
@@ -472,7 +499,7 @@ const OnboardingWidget = () => {
                                     <div className="flex flex-col gap-2">
                                         {section.items.map((item) => {
                                             const isCompleted = Boolean(
-                                                completedMap[item.tour?.section],
+                                                completedMap[getCompletionKey(item)],
                                             )
                                             return (
                                                 <button
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
index 3315307355..60c1d5d6ff 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
@@ -26,7 +26,7 @@ export const buildChecklistSections = ({
                     disabled: !hasAppTarget,
                     tip: hasAppTarget ? undefined : "Select an app to enter the playground.",
                     cta: hasAppTarget ? "Go to Playground" : "Open App Management",
-                    tour: {section: "playground"},
+                    tour: {section: "playground", tourId: "playground-quickstart"},
                     prerequisites: [CHECKLIST_PREREQUISITES.needsApp],
                 },
                 {
@@ -39,7 +39,7 @@ export const buildChecklistSections = ({
                         ? undefined
                         : "You need a project before you can run evaluations.",
                     cta: "Launch evaluation",
-                    tour: {section: "autoEvaluations", tourId: "auto-evaluation-quickstart"},
+                    tour: {section: "autoEvaluation", tourId: "one-click-auto-evaluation"},
                     prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
                 },
                 {
@@ -52,7 +52,7 @@ export const buildChecklistSections = ({
                         ? undefined
                         : "Project-level access is required for online evaluations.",
                     cta: "Configure online eval",
-                    tour: {section: "onlineEvaluations", tourId: "one-click-online-evaluation"},
+                    tour: {section: "onlineEvaluation", tourId: "one-click-online-evaluation"},
                     prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
                 },
             ],
@@ -76,12 +76,12 @@ export const buildChecklistSections = ({
                     id: "set-up-tracing",
                     title: "Set up tracing",
                     description: "Inspect traces and annotate executions for better observability.",
-                    href: hasAppTarget ? `${appBase}/traces` : undefined,
-                    disabled: !hasAppTarget,
-                    tip: hasAppTarget ? undefined : "Select an app to access traces.",
-                    cta: "View traces",
-                    tour: {section: "trace"},
-                    prerequisites: [CHECKLIST_PREREQUISITES.needsApp],
+                    href: projectURL ? `${projectURL}/apps` : undefined,
+                    disabled: !projectURL,
+                    tip: projectURL ? undefined : "Select a project to configure tracing.",
+                    cta: "Open app management",
+                    tour: {section: "apps", tourId: "trace-setup"},
+                    prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
                 },
             ],
         },
diff --git a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
index 70d95d942f..22127202fb 100644
--- a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -90,9 +90,10 @@ const GetStartedSection = ({
                     title={<TreeView size={24} />}
                     className={classes.getStartedCard}
                     onClick={() => setIsSetupTracingModal(true)}
+                    id="tour-setup-tracing-card"
                 >
                     <div className="flex items-center justify-between">
-                        <Text>Set Up Tracing</Text>
+                        <Text >Set Up Tracing</Text>
 
                         <Tooltip title="Start instrumenting your LLM application">
                             <Info size={16} />
diff --git a/web/oss/src/state/onboarding/atoms/widgetAtom.ts b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
index d44019aaf5..81c011c45c 100644
--- a/web/oss/src/state/onboarding/atoms/widgetAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
@@ -1,5 +1,6 @@
 import {atom} from "jotai"
 import {atomWithStorage} from "jotai/utils"
+import {OnboardingState, UserOnboardingStatus} from "../types"
 import {currentOnboardingStepWithLocationAtom} from "./stepsAtom"
 
 export type OnboardingWidgetPosition = {
@@ -18,7 +19,13 @@ type OnboardingWidgetUIState = {
     closed: boolean
 }
 
-export const currentRunningWidgetOnboardingAtom = atom<string | null>(null)
+export type RunningWidgetOnboarding = {
+    section: keyof UserOnboardingStatus
+    completionKey: string
+    initialStatus: OnboardingState
+}
+
+export const currentRunningWidgetOnboardingAtom = atom<RunningWidgetOnboarding | null>(null)
 
 export const onboardingWidgetCompletionAtom = atomWithStorage<Record<string, boolean>>(
     ONBOARDING_WIDGET_COMPLETION_KEY,
diff --git a/web/oss/src/state/onboarding/constants.ts b/web/oss/src/state/onboarding/constants.ts
index e9b2031dea..aab70ed361 100644
--- a/web/oss/src/state/onboarding/constants.ts
+++ b/web/oss/src/state/onboarding/constants.ts
@@ -4,9 +4,9 @@ export const defaultUserOnboardingState: UserOnboardingStatus = {
     apps: "idle",
     playground: "idle",
     playgroundPostRun: "idle",
-    autoEvaluations: "idle",
+    autoEvaluation: "idle",
     humanEvaluations: "idle",
-    onlineEvaluations: "idle",
+    onlineEvaluation: "idle",
     observability: "idle",
     trace: "idle",
 }
@@ -19,10 +19,10 @@ export const TOUR_STEP_KEY_MAPPER: Record<string, keyof UserOnboardingStatus> =
     trace: "trace",
     "trace-drawer": "trace",
     "playground-post-run": "playgroundPostRun",
-    "auto-evaluation": "autoEvaluations",
-    auto_evaluation: "autoEvaluations",
-    "online-evaluation": "onlineEvaluations",
-    online_evaluation: "onlineEvaluations",
+    "auto-evaluation": "autoEvaluation",
+    auto_evaluation: "autoEvaluation",
+    "online-evaluation": "onlineEvaluation",
+    online_evaluation: "onlineEvaluation",
     "human-evaluation": "humanEvaluations",
     human_annotation: "humanEvaluations",
 }
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index 35eae1ee67..e8d67b77c1 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -1,3 +1,5 @@
+import {setCompleteWidgetTaskMap} from "@/oss/components/Onboarding/components/OnboardingWidget"
+import {clearOnboardingState, redirectToAppsPage} from "../assets/utils"
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
 const APP_CREATION_STEPS = [
@@ -11,22 +13,66 @@ const APP_CREATION_STEPS = [
                     <span>Click here to create new application using predefined templates</span>
                 ),
                 selector: "#tour-create-new-prompt",
-                waitForSelector: true,
                 side: "left",
                 showControls: false,
                 showSkip: false,
                 pointerPadding: 12,
                 pointerRadius: 12,
                 advanceOnClick: true,
+                onNext: () => {
+                    clearOnboardingState()
+                },
             },
         ],
     },
 ]
 
+// integration
+const SETUP_TRACING_TOUR: TourDefinition = [
+    {
+        tour: "trace-setup",
+        steps: [
+            {
+                icon: "🛰️",
+                title: "Set up tracing",
+                content: (
+                    <span>
+                        Open tracing setup to instrument your app and start capturing traces for
+                        observability.
+                    </span>
+                ),
+                selector: "#tour-setup-tracing-card",
+                side: "top",
+                showControls: false,
+                showSkip: false,
+                pointerPadding: 12,
+                pointerRadius: 12,
+                advanceOnClick: true,
+                onNext: () => {
+                    setCompleteWidgetTaskMap("trace-setup")
+                    clearOnboardingState()
+                    void redirectToAppsPage()
+                },
+            },
+        ],
+    },
+]
+
+export const resolveTours = (ctx: OnboardingStepsContext): TourDefinition => {
+    const tourId = ctx.tourId
+    if (tourId === "trace-setup") {
+        return SETUP_TRACING_TOUR
+    }
+    if (tourId === "create-first-app") {
+        return APP_CREATION_STEPS
+    }
+    return []
+}
+
 const APP_MANAGEMENT_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
-    Hobbyist: () => APP_CREATION_STEPS,
-    "ML/AI Engineer or Data scientist": () => APP_CREATION_STEPS,
-    "Frontend / Backend Developer": () => APP_CREATION_STEPS,
+    Hobbyist: (ctx) => resolveTours(ctx),
+    "ML/AI Engineer or Data scientist": (ctx) => resolveTours(ctx),
+    "Frontend / Backend Developer": (ctx) => resolveTours(ctx),
 }
 
 export const APP_MANAGEMENT_TOURS = new Proxy(APP_MANAGEMENT_TOUR_MAP, {
diff --git a/web/oss/src/state/onboarding/steps/index.ts b/web/oss/src/state/onboarding/steps/index.ts
index 5d0f26252b..835aa4e53e 100644
--- a/web/oss/src/state/onboarding/steps/index.ts
+++ b/web/oss/src/state/onboarding/steps/index.ts
@@ -14,13 +14,13 @@ export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDef
     playgroundPostRun: (_ctx) => {
         return resolvePlaygroundPostRunTour()
     },
-    autoEvaluations: (ctx) => {
+    autoEvaluation: (ctx) => {
         return evaluationTour(ctx, "auto")
     },
     humanEvaluations: (ctx) => {
         return evaluationTour(ctx, "human")
     },
-    onlineEvaluations: (ctx) => {
+    onlineEvaluation: (ctx) => {
         return evaluationTour(ctx, "online")
     },
     trace: (ctx) => {
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index e5c2d45b03..e49e17bf01 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -160,8 +160,8 @@ const getPlaygroundTourDefinition = (): TourDefinition => {
     const store = getDefaultStore()
     const isChat = store.get(appChatModeAtom)
     return isChat
-        ? [{tour: "playground-chat-quickstart", steps: PLAYGROUND_CHAT_TOUR}]
-        : [{tour: "playground-completion-quickstart", steps: PLAYGROUND_COMPLETION_TOUR}]
+        ? [{tour: "playground-quickstart", steps: PLAYGROUND_CHAT_TOUR}]
+        : [{tour: "playground-quickstart", steps: PLAYGROUND_COMPLETION_TOUR}]
 }
 
 const PLAYGROUND_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index 4779b1f115..dfe1a0734f 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -6,9 +6,9 @@ export type UserOnboardingStatus<T = OnboardingState> = {
     apps: T
     playground: T
     playgroundPostRun: T
-    autoEvaluations: T
+    autoEvaluation: T
     humanEvaluations: T
-    onlineEvaluations: T
+    onlineEvaluation: T
     observability: T
     trace: T
 }
diff --git a/web/oss/src/state/url/resolveURLSection.ts b/web/oss/src/state/url/resolveURLSection.ts
index b7c9f97704..7bd24654f2 100644
--- a/web/oss/src/state/url/resolveURLSection.ts
+++ b/web/oss/src/state/url/resolveURLSection.ts
@@ -17,18 +17,18 @@ const resolveEvaluationSection = (
 ): keyof UserOnboardingStatus => {
     if (value) {
         const normalized = value.toLowerCase()
-        if (normalized.includes("online")) return "onlineEvaluations"
+        if (normalized.includes("online")) return "onlineEvaluation"
         if (normalized.includes("human")) return "humanEvaluations"
-        return "autoEvaluations"
+        return "autoEvaluation"
     }
 
     const store = getDefaultStore()
     const evalType = options?.evalType ?? store.get(evalTypeAtom)
     const lastVisited = options?.lastVisitedEvaluation ?? store.get(lastVisitedEvaluationAtom)
 
-    if (evalType === "online" || lastVisited?.includes("online")) return "onlineEvaluations"
+    if (evalType === "online" || lastVisited?.includes("online")) return "onlineEvaluation"
     if (evalType === "human" || lastVisited?.includes("human")) return "humanEvaluations"
-    return "autoEvaluations"
+    return "autoEvaluation"
 }
 
 export const resolveOnboardingSection = (
@@ -55,7 +55,7 @@ export const resolveOnboardingSection = (
         }
         const mapped = TOUR_STEP_KEY_MAPPER[candidate]
         if (mapped) {
-            if (mapped === "autoEvaluations" && candidate.includes("evaluation")) {
+            if (mapped === "autoEvaluation" && candidate.includes("evaluation")) {
                 return resolveEvaluationSection(null, options)
             }
             return mapped

From 0e8fdb3e1d8ac02ccf815041d811c353f6509b7d Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sun, 30 Nov 2025 21:27:25 +0600
Subject: [PATCH 33/53] improved card ui

---
 web/oss/src/components/Onboarding/index.tsx   | 28 +++++++++++--------
 .../onboarding/steps/playgroundSteps.tsx      |  4 +--
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index d911db2ae4..c2beb34978 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -191,21 +191,21 @@ const OnboardingCard = ({
     const progressWidth = useMemo(() => `${percent}%`, [percent])
 
     return (
-        <section className="w-[360px]">
-            <Card className="!rounded-xl !p-0" classNames={{body: "!p-4"}}>
-                <div className="flex w-full flex-col gap-5">
-                    <div className="flex flex-col gap-2">
+        <section className="w-[340px]">
+            <Card className="!rounded-xl !p-0" classNames={{body: "!px-4 !py-[10px]"}}>
+                <div className="flex w-full flex-col gap-4">
+                    <div className="flex flex-col gap-1">
                         <div className="flex items-center justify-between gap-4">
-                            <Text className="!mb-0 text-sm font-semibold leading-6 text-colorText">
+                            <Text className="!mb-0 !text-sm font-medium leading-6 text-colorText">
                                 {normalized.title}
                             </Text>
 
-                            <Text className="!mb-0 text-sm font-medium text-colorTextSecondary">
+                            <Text className="!mb-0 !text-xs font-medium text-colorTextSecondary">
                                 {currentStep + 1} / {totalSteps}
                             </Text>
                         </div>
 
-                        <Text className="!mb-0 text-xs leading-5 text-colorTextSecondary">
+                        <Text className="!mb-0 !text-xs leading-5 text-colorTextSecondary">
                             {normalized.content}
                         </Text>
                     </div>
@@ -219,12 +219,13 @@ const OnboardingCard = ({
                                 />
                             </div>
 
-                            <div className="flex flex-wrap items-center justify-between gap-3">
+                            <div className="flex flex-wrap items-center justify-between gap-2">
                                 <Button
                                     onClick={onPrevStep}
                                     icon={<ArrowLeft size={14} className="mt-0.5" />}
                                     disabled={currentStep === 0}
-                                    className="text-xs !h-7 rounded-lg !border-colorBorder hover:!border-colorBorder bg-white text-colorText hover:!text-colorTextSecondary"
+                                    className="!text-xs !h-[26px] rounded-lg !border-colorBorder hover:!border-colorBorder bg-white text-colorText hover:!text-colorTextSecondary"
+                                    size="small"
                                 >
                                     {previousLabel}
                                 </Button>
@@ -235,7 +236,8 @@ const OnboardingCard = ({
                                         onClick={onNextStep}
                                         icon={<ArrowRight size={14} className="mt-0.5" />}
                                         iconPosition="end"
-                                        className="text-xs !h-7 bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
+                                        className="!text-xs !h-[26px] bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
+                                        size="small"
                                     >
                                         {nextLabel}
                                     </Button>
@@ -245,7 +247,8 @@ const OnboardingCard = ({
                                         icon={<ArrowRight size={14} className="mt-0.5" />}
                                         iconPosition="end"
                                         onClick={() => handleAdvance(true)}
-                                        className="text-xs !h-7 bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
+                                        className="!text-xs !h-[26px] bg-colorPrimary hover:!bg-colorPrimaryHover rounded-lg"
+                                        size="small"
                                     >
                                         {finishLabel}
                                     </Button>
@@ -258,9 +261,10 @@ const OnboardingCard = ({
                 {normalized.showSkip && skipTour ? (
                     <Button
                         type="default"
-                        className="text-xs !h-7 mt-4 w-full rounded-lg !border-colorBorder hover:!border-colorBorder bg-white text-colorText hover:!text-colorTextSecondary"
+                        className="!text-xs mt-2 w-full rounded-lg !border-colorBorder hover:!border-colorBorder bg-white text-colorText hover:!text-colorTextSecondary"
                         onClick={() => onSkipStep("skipped")}
                         disabled={currentStep === totalSteps - 1}
+                        size="small"
                     >
                         Skip
                     </Button>
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index e49e17bf01..f36629a8e5 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -39,8 +39,8 @@ export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
         icon: "⚡️",
         title: "Run the prompt",
         content: <span>Execute the prompt with the current variables to inspect the output.</span>,
-        selector: "#tour-playground-run-button",
-        side: "bottom",
+        selector: "#tour-playground-run-all-button",
+        side: "left",
         showControls: true,
         showSkip: true,
         pointerPadding: 6,

From 86c7db3ebc2d6e6edda8ffbdd6381b0b05d28c2e Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Sun, 30 Nov 2025 21:30:27 +0600
Subject: [PATCH 34/53] reverted post-signup changes

---
 .../PostSignupForm/PostSignupForm.tsx         | 656 +++++++++---------
 1 file changed, 337 insertions(+), 319 deletions(-)

diff --git a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
index f51efe9a88..d0890b1620 100644
--- a/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
+++ b/web/ee/src/components/PostSignupForm/PostSignupForm.tsx
@@ -1,24 +1,21 @@
 import {useCallback, useEffect, useMemo, useState} from "react"
 
 import {ArrowRight} from "@phosphor-icons/react"
-import {Button, Checkbox, Form, FormProps, Input, Radio, Space, Spin, Typography} from "antd"
-import {useSetAtom} from "jotai"
+import {Button, Checkbox, Form, Input, Radio, Rate, Space, Spin, Typography} from "antd"
 import Image from "next/image"
 import {useRouter} from "next/router"
-import {MultipleSurveyQuestion} from "posthog-js"
+import {MultipleSurveyQuestion, SurveyQuestion, SurveyQuestionType} from "posthog-js"
 
 import ListOfOrgs from "@/oss/components/Sidebar/components/ListOfOrgs"
 import useURL from "@/oss/hooks/useURL"
 import {usePostHogAg} from "@/oss/lib/helpers/analytics/hooks/usePostHogAg"
 import {useSurvey} from "@/oss/lib/helpers/analytics/hooks/useSurvey"
-import {userOnboardingProfileAtom} from "@/oss/state/onboarding"
 import {useOrgData} from "@/oss/state/org"
 import {useProfileData} from "@/oss/state/profile"
 import {buildPostLoginPath, waitForWorkspaceContext} from "@/oss/state/url/postLoginRedirect"
 
-import {USER_EXPERIENCES, USER_INTERESTS, USER_ROLES} from "./assets/constants"
 import {useStyles} from "./assets/styles"
-import {FormDataType} from "./assets/types"
+import {OnboardingScreen} from "./OnboardingScreen"
 
 // Fisher-Yates shuffle algorithm
 const shuffleArray = <T,>(array: T[]): T[] => {
@@ -46,9 +43,10 @@ const calculateICP = (
     return isTargetCompanySize && isNotHobbyist && isNotJustExploring
 }
 
-const convertInterestsToBinaryProperties = (interests?: string[]): Record<string, boolean> => {
-    // Fail-safe: if interests is undefined or not an array, default to empty array
-    const safeInterests = Array.isArray(interests) ? interests : []
+const convertInterestsToBinaryProperties = (
+    interests?: string | string[],
+): Record<string, boolean> => {
+    const safeInterests = Array.isArray(interests) ? interests : interests ? [interests] : []
 
     return {
         interest_evaluation: safeInterests.includes("Evaluating LLM Applications"),
@@ -59,6 +57,20 @@ const convertInterestsToBinaryProperties = (interests?: string[]): Record<string
     }
 }
 
+const QUESTIONS_PER_PAGE = 3
+
+type AnySurveyQuestion = SurveyQuestion & {
+    hasOpenChoice?: boolean
+    shuffleOptions?: boolean
+    originalQuestionIndex?: number
+}
+
+type QuestionMeta = {
+    question: AnySurveyQuestion
+    index: number
+    originalIndex: number
+}
+
 const PostSignupForm = () => {
     const [form] = Form.useForm()
     const router = useRouter()
@@ -66,22 +78,19 @@ const PostSignupForm = () => {
     const {user} = useProfileData()
     const classes = useStyles()
     const {orgs} = useOrgData()
-    const setUserOnboardingProfileContext = useSetAtom(userOnboardingProfileAtom)
-    const selectedHearAboutUsOption = Form.useWatch("hearAboutUs", form)
-    const selectedUserInterests = Form.useWatch("userInterests", form)
     const formData = Form.useWatch([], form)
-    const [stepOneFormData, setStepOneFormData] = useState<any>({} as any)
     const [currentStep, setCurrentStep] = useState(0)
+    const [showOnboarding, setShowOnboarding] = useState(false)
     const {survey, loading, error} = useSurvey("Signup 2")
     const {baseAppURL} = useURL()
     const [autoRedirectAttempted, setAutoRedirectAttempted] = useState(false)
-    const redirectParam = useMemo(
-        () => (router.query.redirect as string) || "",
-        [router.query.redirect],
-    )
 
-    const isPosthogSurveyAvailable = Boolean(survey?.questions?.length)
-    const isSurveyLoading = loading && !error
+    // Safely handle redirect query as string | string[]
+    const redirectParam = useMemo(() => {
+        const r = router.query.redirect
+        if (Array.isArray(r)) return r[0] || ""
+        return (r as string) || ""
+    }, [router.query.redirect])
 
     const redirect = useCallback(
         async (target: string | null | undefined) => {
@@ -127,93 +136,117 @@ const PostSignupForm = () => {
         if (!error || autoRedirectAttempted) return
 
         setAutoRedirectAttempted(true)
-        // void navigateToPostSignupDestination()
+        void navigateToPostSignupDestination()
     }, [autoRedirectAttempted, error, navigateToPostSignupDestination])
 
-    const handleStepOneFormData: FormProps<FormDataType>["onFinish"] = useCallback(
-        async (values: any) => {
-            setStepOneFormData(values)
-            setCurrentStep(1)
-        },
-        [],
-    )
+    /**
+     * Wrap all survey questions with their array index and a stable "originalIndex".
+     * originalIndex uses question.originalQuestionIndex when available, else falls back to index.
+     */
+    const allQuestions: QuestionMeta[] = useMemo(() => {
+        if (!survey?.questions) return []
+        return survey.questions.map(
+            (q: SurveyQuestion & {originalQuestionIndex?: number}, index) => {
+                const originalIndex =
+                    typeof q.originalQuestionIndex === "number" ? q.originalQuestionIndex : index
+
+                return {
+                    question: q as AnySurveyQuestion,
+                    index,
+                    originalIndex,
+                }
+            },
+        )
+    }, [survey?.questions])
 
-    const handleSubmitFormData: FormProps<FormDataType>["onFinish"] = useCallback(
-        async (values: any) => {
-            const hearAboutUs =
-                values.hearAboutUs == "Other" ? values.hearAboutUsInputOption : values.hearAboutUs
+    /**
+     * Filter out questions that should not be shown (for example, email question).
+     */
+    const visibleQuestions: QuestionMeta[] = useMemo(() => {
+        return allQuestions.filter(({question, originalIndex}) => {
+            // Filter out the email question based on known original index or wording
+            if (originalIndex === 5) return false
+            if (
+                question.type === SurveyQuestionType.Open &&
+                question.question.toLowerCase().includes("email")
+            ) {
+                return false
+            }
+            return true
+        })
+    }, [allQuestions])
 
-            // Handle "Other" option for userInterests (checkbox group - array)
-            const userInterests = Array.isArray(values.userInterests)
-                ? values.userInterests.map((interest: string) =>
-                      interest === "Other" ? values.userInterestsInputOption : interest,
-                  )
-                : values.userInterests
+    const totalSteps = Math.ceil(visibleQuestions.length / QUESTIONS_PER_PAGE)
+
+    const handleNextStep = useCallback(async () => {
+        try {
+            await form.validateFields()
+            setCurrentStep((prev) => prev + 1)
+        } catch {
+            // Validation failed, do nothing
+        }
+    }, [form])
 
+    const handleSubmitFormData = useCallback(
+        async (values: any) => {
             try {
-                // Getting the user onboarding profile context from the form data to use in onboarding system
-                setUserOnboardingProfileContext({
-                    userRole:
-                        stepOneFormData.userRole === "Subject Matter Expert"
-                            ? "sme"
-                            : stepOneFormData.userRole,
-                    userExperience: stepOneFormData.userExperience,
-                    userInterest: userInterests,
-                })
+                // Get all values including unmounted fields from previous steps
+                const allValues = {...form.getFieldsValue(true), ...values}
 
-                if (!isPosthogSurveyAvailable) return
-
-                const responses = survey?.questions?.reduce(
-                    (acc: Record<string, unknown>, question, index) => {
-                        const key = `$survey_response_${question.id}`
-                        switch (index) {
-                            case 0:
-                                acc[key] = [stepOneFormData.companySize]
-                                break
-                            case 1:
-                                acc[key] = stepOneFormData.userRole
-                                break
-                            case 2:
-                                acc[key] = stepOneFormData.userExperience
-                                break
-                            case 3:
-                                acc[key] = userInterests
-                                break
-                            case 4:
-                                acc[key] = [hearAboutUs]
-                                break
-                            case 5:
-                                // the user's email is captured as a survey
-                                // response only; posthog.identify is called
-                                // elsewhere so we don't send a separate
-                                // `user_email` property
-                                acc[key] = user?.email
-                                break
-                        }
-                        return acc
-                    },
-                    {},
-                )
+                const responses: Record<string, unknown> = {}
+                const personProperties: Record<string, any> = {}
+
+                allQuestions.forEach(({question, index, originalIndex}) => {
+                    const key = `$survey_response_${question.id}`
+                    const fieldName = `question_${index}`
+                    let answer = allValues[fieldName]
+
+                    // Handle "Other" input
+                    if (
+                        Array.isArray(answer) &&
+                        answer.includes("Other") &&
+                        allValues[`${fieldName}_other`]
+                    ) {
+                        answer = answer.map((a: string) =>
+                            a === "Other" ? allValues[`${fieldName}_other`] : a,
+                        )
+                    } else if (answer === "Other" && allValues[`${fieldName}_other`]) {
+                        answer = allValues[`${fieldName}_other`]
+                    }
+
+                    // Special handling for email question if it was skipped in the form
+                    if (
+                        originalIndex === 5 ||
+                        (question.type === SurveyQuestionType.Open &&
+                            question.question.toLowerCase().includes("email"))
+                    ) {
+                        responses[key] = user?.email
+                        return
+                    }
+
+                    if (answer !== undefined) {
+                        responses[key] = answer
+                    }
+
+                    // Map to legacy person properties for ICP calculation
+                    if (originalIndex === 0) {
+                        personProperties.company_size_v1 = Array.isArray(answer)
+                            ? answer[0]
+                            : answer
+                    } else if (originalIndex === 1) {
+                        personProperties.user_role_v1 = answer
+                    } else if (originalIndex === 2) {
+                        personProperties.user_experience_v1 = answer
+                    } else if (originalIndex === 3) {
+                        Object.assign(personProperties, convertInterestsToBinaryProperties(answer))
+                    }
+                })
 
                 const isICP = calculateICP(
-                    stepOneFormData?.companySize,
-                    stepOneFormData?.userRole,
-                    stepOneFormData?.userExperience,
+                    personProperties.company_size_v1,
+                    personProperties.user_role_v1,
+                    personProperties.user_experience_v1,
                 )
-
-                const interestProperties = convertInterestsToBinaryProperties(values?.userInterests)
-
-                const personProperties: Record<string, any> = {}
-                if (stepOneFormData?.companySize) {
-                    personProperties.company_size_v1 = stepOneFormData.companySize
-                }
-                if (stepOneFormData?.userRole) {
-                    personProperties.user_role_v1 = stepOneFormData.userRole
-                }
-                if (stepOneFormData?.userExperience) {
-                    personProperties.user_experience_v1 = stepOneFormData.userExperience
-                }
-                Object.assign(personProperties, interestProperties)
                 personProperties.is_icp_v1 = isICP
 
                 await posthog?.capture?.("survey sent", {
@@ -227,262 +260,205 @@ const PostSignupForm = () => {
             } catch (error) {
                 console.error("Error submitting form:", error)
             } finally {
-                await navigateToPostSignupDestination()
+                setShowOnboarding(true)
             }
         },
         [
+            allQuestions,
             form,
+            navigateToPostSignupDestination,
             posthog,
-            stepOneFormData.companySize,
-            stepOneFormData.userExperience,
-            stepOneFormData.userRole,
             survey?.id,
             survey?.name,
             user?.email,
-            navigateToPostSignupDestination,
         ],
     )
 
-    // Memoize shuffled choices for each question to avoid re-shuffling on every render
+    // Memoize shuffled choices keyed by the stable question index
     const questionChoices = useMemo(() => {
-        if (!survey?.questions) return {}
+        if (!allQuestions.length) return {}
         const choicesMap: Record<number, string[]> = {}
-        survey.questions.forEach((question, index) => {
+
+        allQuestions.forEach(({question, index}) => {
+            // Choices only exist on multiple / single choice questions
             const q = question as MultipleSurveyQuestion & {shuffleOptions?: boolean}
             if (!q.choices) {
                 choicesMap[index] = []
                 return
             }
-            const choices = Array.isArray(q.choices) ? q.choices : []
 
-            // Separate "Other" from other choices to always place it last
+            const choices = Array.isArray(q.choices) ? q.choices : []
             const otherIndex = choices.indexOf("Other")
             const hasOther = otherIndex !== -1
-
             let choicesToShuffle = choices
+
             if (hasOther) {
-                // Remove "Other" temporarily
                 choicesToShuffle = choices.filter((choice) => choice !== "Other")
             }
 
-            // Shuffle if shuffleOptions is enabled
             const shuffled = q.shuffleOptions ? shuffleArray(choicesToShuffle) : choicesToShuffle
-
-            // Add "Other" back at the end if it existed
             choicesMap[index] = hasOther ? [...shuffled, "Other"] : shuffled
         })
-        return choicesMap
-    }, [survey?.questions])
 
-    const steps = useMemo(() => {
-        return [
-            {
-                content: (
-                    <Form
-                        layout="vertical"
-                        form={form}
-                        onFinish={handleStepOneFormData}
-                        className={classes.mainContainer}
+        return choicesMap
+    }, [allQuestions])
+
+    const renderQuestion = (meta: QuestionMeta) => {
+        const {question, index, originalIndex} = meta
+        const fieldName = `question_${index}`
+        const choices = questionChoices[index] || []
+        const isMultiple = question.type === SurveyQuestionType.MultipleChoice
+        const hasOpenChoice = question.hasOpenChoice || choices.includes("Other")
+
+        const currentValue = formData?.[fieldName]
+        const showOtherInput = isMultiple
+            ? Array.isArray(currentValue) && currentValue.includes("Other")
+            : currentValue === "Other"
+
+        // Special rendering for the "Company Size" question
+        if (originalIndex === 0) {
+            return (
+                <div key={question.id}>
+                    <Form.Item
+                        name={fieldName}
+                        className={classes.formItem}
+                        label={question.question}
+                        rules={[{required: true, message: "Please select an option"}]}
                     >
-                        <div className={classes.container}>
-                            <div className="space-y-1">
-                                <Typography.Paragraph>1/2</Typography.Paragraph>
-                                <Typography.Title level={3}>
-                                    Tell us about yourself
-                                </Typography.Title>
-                            </div>
+                        <Radio.Group
+                            optionType="button"
+                            className="*:w-full text-center flex justify-between *:whitespace-nowrap"
+                        >
+                            {choices.map((choice: string) => (
+                                <Radio key={choice} value={choice}>
+                                    {choice}
+                                </Radio>
+                            ))}
+                        </Radio.Group>
+                    </Form.Item>
+                </div>
+            )
+        }
 
-                            <div>
-                                {isPosthogSurveyAvailable && (
-                                    <Form.Item
-                                        name="companySize"
-                                        className={classes.formItem}
-                                        label={survey?.questions[0].question}
-                                    >
-                                        <Radio.Group
-                                            optionType="button"
-                                            className="*:w-full text-center flex justify-between *:whitespace-nowrap"
-                                        >
-                                            {(
-                                                questionChoices[0] as MultipleSurveyQuestion
-                                            )?.choices?.map((choice: string) => (
-                                                <Radio key={choice} value={choice}>
-                                                    {choice}
-                                                </Radio>
-                                            ))}
-                                        </Radio.Group>
-                                    </Form.Item>
-                                )}
-
-                                <Form.Item
-                                    name="userExperience"
-                                    className={classes.formItem}
-                                    label={survey?.questions[2].question || USER_EXPERIENCES.label}
-                                >
-                                    <Radio.Group>
-                                        <Space direction="vertical">
-                                            {(questionChoices[2] || USER_EXPERIENCES)?.choices?.map(
-                                                (choice: string) => (
-                                                    <Radio key={choice} value={choice}>
-                                                        {choice}
-                                                    </Radio>
-                                                ),
-                                            )}
-                                        </Space>
-                                    </Radio.Group>
-                                </Form.Item>
-
-                                <Form.Item
-                                    name="userRole"
-                                    className={classes.formItem}
-                                    label={survey?.questions[1].question || USER_ROLES.label}
-                                >
-                                    <Radio.Group>
-                                        <Space direction="vertical">
-                                            {(
-                                                (questionChoices[1] as MultipleSurveyQuestion) ||
-                                                USER_ROLES
-                                            )?.choices.map((choice: string) => (
-                                                <Radio key={choice} value={choice}>
-                                                    {choice}
-                                                </Radio>
-                                            ))}
-                                        </Space>
-                                    </Radio.Group>
-                                </Form.Item>
-                            </div>
-                        </div>
-
-                        <Button
-                            size="large"
-                            type="primary"
-                            htmlType="submit"
-                            className="w-full"
-                            iconPosition="end"
-                            icon={<ArrowRight className="mt-[3px]" />}
-                            disabled={
-                                (!formData?.companySize && isPosthogSurveyAvailable) ||
-                                !formData?.userRole ||
-                                !formData?.userExperience
-                            }
+        if (!choices.length) {
+            if (question.type === SurveyQuestionType.Open) {
+                return (
+                    <div key={question.id}>
+                        <Form.Item
+                            name={fieldName}
+                            className={classes.formItem}
+                            label={question.question}
+                            rules={[{required: true, message: "Please enter a response"}]}
                         >
-                            Continue
-                        </Button>
-                    </Form>
-                ),
-            },
-            {
-                content: (
-                    <Form
-                        form={form}
-                        layout="vertical"
-                        onFinish={handleSubmitFormData}
-                        className={classes.mainContainer}
-                    >
-                        <div className={classes.container}>
-                            <div className="space-y-1">
-                                <Typography.Paragraph>2/2</Typography.Paragraph>
-                                <Typography.Title level={3}>What brings you here?</Typography.Title>
-                            </div>
+                            <Input.TextArea rows={3} placeholder="Type here" />
+                        </Form.Item>
+                    </div>
+                )
+            }
 
-                            <div>
-                                <Form.Item
-                                    name="userInterests"
-                                    className={classes.formItem}
-                                    label={survey?.questions[3].question || USER_INTERESTS.label}
-                                >
-                                    <Checkbox.Group>
-                                        <Space direction="vertical">
-                                            {(
-                                                (questionChoices[3] as MultipleSurveyQuestion) ||
-                                                USER_INTERESTS
-                                            )?.choices?.map((role: string) => (
-                                                <Checkbox key={role} value={role}>
-                                                    {role}
-                                                </Checkbox>
-                                            ))}
-                                        </Space>
-                                    </Checkbox.Group>
-                                </Form.Item>
-
-                                {selectedUserInterests?.includes("Other") && (
-                                    <Form.Item name="userInterestsInputOption" className="-mt-3">
-                                        <Input placeholder="Type here" />
-                                    </Form.Item>
-                                )}
-
-                                {isPosthogSurveyAvailable && (
-                                    <>
-                                        {" "}
-                                        <Form.Item
-                                            className={classes.formItem}
-                                            name="hearAboutUs"
-                                            label={survey?.questions[4].question}
-                                        >
-                                            <Radio.Group>
-                                                <Space direction="vertical">
-                                                    {(questionChoices[4] || []).map(
-                                                        (choice: string) => (
-                                                            <Radio key={choice} value={choice}>
-                                                                {choice}
-                                                            </Radio>
-                                                        ),
-                                                    )}
-                                                </Space>
-                                            </Radio.Group>
-                                        </Form.Item>
-                                        {selectedHearAboutUsOption == "Other" && (
-                                            <Form.Item
-                                                name="hearAboutUsInputOption"
-                                                className="-mt-3"
-                                            >
-                                                <Input placeholder="Type here" />
-                                            </Form.Item>
-                                        )}
-                                    </>
-                                )}
-                            </div>
-                        </div>
-
-                        <Button
-                            size="large"
-                            type="primary"
-                            htmlType="submit"
-                            className="w-full"
-                            iconPosition="end"
-                            icon={<ArrowRight className="mt-[3px]" />}
-                            disabled={
-                                !formData?.userInterests?.length ||
-                                (!formData?.hearAboutUs && isPosthogSurveyAvailable) ||
-                                (selectedUserInterests?.includes("Other") &&
-                                    !formData?.userInterestsInputOption) ||
-                                isPosthogSurveyAvailable
-                            }
+            if (question.type === SurveyQuestionType.Rating) {
+                const ratingMax =
+                    (question as {scaleMax?: number; scale_max?: number}).scaleMax ??
+                    (question as {scaleMax?: number; scale_max?: number}).scale_max ??
+                    5
+
+                return (
+                    <div key={question.id}>
+                        <Form.Item
+                            name={fieldName}
+                            className={classes.formItem}
+                            label={question.question}
+                            rules={[{required: true, message: "Please provide a rating"}]}
                         >
-                            Continue
-                        </Button>
-                    </Form>
-                ),
-            },
-        ]
-    }, [
-        classes.container,
-        classes.formItem,
-        classes.mainContainer,
-        form,
-        formData?.companySize,
-        formData?.hearAboutUs,
-        formData?.userExperience,
-        formData?.userInterests?.length,
-        formData?.userInterestsInputOption,
-        formData?.userRole,
-        handleStepOneFormData,
-        handleSubmitFormData,
-        questionChoices,
-        selectedHearAboutUsOption,
-        selectedUserInterests,
-        survey?.questions,
-    ])
+                            <Rate count={ratingMax} />
+                        </Form.Item>
+                    </div>
+                )
+            }
+
+            return (
+                <div key={question.id}>
+                    <Form.Item
+                        name={fieldName}
+                        className={classes.formItem}
+                        label={question.question}
+                        rules={[{required: true, message: "Please provide a response"}]}
+                    >
+                        <Input placeholder="Type here" />
+                    </Form.Item>
+                </div>
+            )
+        }
+
+        return (
+            <div key={question.id}>
+                <Form.Item
+                    name={fieldName}
+                    className={classes.formItem}
+                    label={question.question}
+                    rules={[{required: true, message: "Please select an option"}]}
+                >
+                    {isMultiple ? (
+                        <Checkbox.Group>
+                            <Space direction="vertical">
+                                {choices.map((choice: string) => (
+                                    <Checkbox key={choice} value={choice}>
+                                        {choice}
+                                    </Checkbox>
+                                ))}
+                            </Space>
+                        </Checkbox.Group>
+                    ) : (
+                        <Radio.Group>
+                            <Space direction="vertical" className="w-full">
+                                {choices.map((choice: string) => (
+                                    <Radio key={choice} value={choice}>
+                                        {choice}
+                                    </Radio>
+                                ))}
+                            </Space>
+                        </Radio.Group>
+                    )}
+                </Form.Item>
+
+                {hasOpenChoice && showOtherInput && (
+                    <Form.Item
+                        name={`${fieldName}_other`}
+                        className="-mt-3"
+                        rules={[{required: true, message: "Please specify"}]}
+                    >
+                        <Input placeholder="Type here" />
+                    </Form.Item>
+                )}
+            </div>
+        )
+    }
+
+    const currentQuestions = useMemo(() => {
+        const start = currentStep * QUESTIONS_PER_PAGE
+        return visibleQuestions.slice(start, start + QUESTIONS_PER_PAGE)
+    }, [currentStep, visibleQuestions])
+
+    // Calculate if current step is valid to enable the button
+    const isCurrentStepValid = useMemo(() => {
+        if (!formData) return false
+
+        return currentQuestions.every(({index}) => {
+            const fieldName = `question_${index}`
+            const val = formData[fieldName]
+
+            if (!val || (Array.isArray(val) && val.length === 0)) return false
+
+            if (val === "Other" || (Array.isArray(val) && val.includes("Other"))) {
+                if (!formData[`${fieldName}_other`]) return false
+            }
+
+            return true
+        })
+    }, [currentQuestions, formData])
+
+    const showSurveyForm = Boolean(survey?.questions?.length)
+    const isSurveyLoading = loading && !error
 
     return (
         <>
@@ -499,11 +475,53 @@ const PostSignupForm = () => {
                     interactive={true}
                     orgSelectionEnabled={false}
                     buttonProps={{className: "w-[186px] !p-1 !h-10 rounded"}}
-                    overrideOrgId={orgs?.[0]?.id}
+                    overrideOrgId={orgs && orgs.length > 0 ? orgs[0]?.id : undefined}
                 />
             </section>
 
-            <Spin spinning={isSurveyLoading}>{steps[currentStep]?.content}</Spin>
+            {showOnboarding ? (
+                <OnboardingScreen />
+            ) : (
+                <Spin spinning={isSurveyLoading}>
+                    {showSurveyForm && (
+                        <Form
+                            layout="vertical"
+                            form={form}
+                            onFinish={handleSubmitFormData}
+                            className={classes.mainContainer}
+                        >
+                            <div className={classes.container}>
+                                <div className="space-y-1">
+                                    <Typography.Paragraph>
+                                        {currentStep + 1}/{totalSteps || 1}
+                                    </Typography.Paragraph>
+                                    <Typography.Title level={3}>
+                                        {currentStep === 0
+                                            ? "Tell us about yourself"
+                                            : "Almost done"}
+                                    </Typography.Title>
+                                </div>
+
+                                <div>{currentQuestions.map((meta) => renderQuestion(meta))}</div>
+                            </div>
+
+                            <Button
+                                size="large"
+                                type="primary"
+                                onClick={
+                                    currentStep < totalSteps - 1 ? handleNextStep : form.submit
+                                }
+                                className="w-full"
+                                iconPosition="end"
+                                icon={<ArrowRight className="mt-[3px]" />}
+                                disabled={!isCurrentStepValid}
+                            >
+                                {currentStep < totalSteps - 1 ? "Continue" : "Submit"}
+                            </Button>
+                        </Form>
+                    )}
+                </Spin>
+            )}
         </>
     )
 }

From 3c0d9c534d86861d24d2c37a795c3f40ee49501d Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 15:55:58 +0600
Subject: [PATCH 35/53] added posthog tracker

---
 .../components/OnboardingWidget/index.tsx     | 80 +++++++++++++++----
 .../components/OnboardingWidget/utils.tsx     | 26 +++---
 .../Onboarding/utils/trackOnboarding.ts       | 33 ++++++++
 web/oss/src/state/onboarding/assets/utils.ts  | 13 ++-
 .../src/state/onboarding/atoms/stepsAtom.ts   |  2 +-
 .../src/state/onboarding/atoms/widgetAtom.ts  |  6 ++
 6 files changed, 127 insertions(+), 33 deletions(-)
 create mode 100644 web/oss/src/components/Onboarding/utils/trackOnboarding.ts

diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index 8efd57f38d..2a1655040b 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -20,12 +20,19 @@ import {
     currentRunningWidgetOnboardingAtom,
     onboardingWidgetClosedAtom,
     onboardingWidgetCompletionAtom,
+    onboardingWidgetSkippedAtom,
     onboardingWidgetMinimizedAtom,
     onboardingWidgetMinimizeHintAtom,
     onboardingWidgetPositionAtom,
     onboardingWidgetTogglePositionAtom,
     type OnboardingWidgetPosition,
 } from "@/oss/state/onboarding/atoms/widgetAtom"
+import {
+    trackOnboardingAllTasksCompleted,
+    trackOnboardingGuideClosed,
+    trackOnboardingTaskCompleted,
+    trackOnboardingTaskSkipped,
+} from "../../utils/trackOnboarding"
 import {BOUNDARY_PADDING, CLOSING_ANIMATION_MS, TOGGLE_DRAG_THRESHOLD} from "./constants"
 import {type ChecklistItem} from "./types"
 import {buildChecklistSections, clamp} from "./utils"
@@ -54,6 +61,7 @@ const OnboardingWidget = () => {
     const router = useRouter()
     const {projectURL, appURL, recentlyVisitedAppURL} = useURL()
     const [completedMap, setCompletedMap] = useAtom(onboardingWidgetCompletionAtom)
+    const [skippedMap, setSkippedMap] = useAtom(onboardingWidgetSkippedAtom)
     const [isMinimized, setIsMinimized] = useAtom(onboardingWidgetMinimizedAtom)
     const [currentRunningWidgetOnboarding, setCurrentRunningWidgetOnboarding] = useAtom(
         currentRunningWidgetOnboardingAtom,
@@ -159,12 +167,18 @@ const OnboardingWidget = () => {
         if (currentStatus === "idle") return
         if (completedMap[completionKey]) return
 
-        setCompletedMap((prev) => ({
-            ...prev,
-            [completionKey]: true,
-        }))
+        setCompletedMap((prev) => {
+            const next = {...prev, [completionKey]: true}
+            trackOnboardingTaskCompleted({
+                ...buildBasePayload(),
+                completed_tasks: Object.keys(next).length,
+                task_id: completionKey,
+            })
+            return next
+        })
+
         setCurrentRunningWidgetOnboarding(null)
-    }, [currentRunningWidgetOnboarding, userOnboardingStatus, completedMap, setCompletedMap])
+    }, [currentRunningWidgetOnboarding, userOnboardingStatus, completedMap, skippedMap])
 
     const sections = useMemo(
         () =>
@@ -192,7 +206,24 @@ const OnboardingWidget = () => {
             0,
         )
     }, [allItems, completedMap, getCompletionKey])
+
+    const skippedCount = useMemo(() => {
+        return allItems.reduce(
+            (count, item) => (skippedMap[getCompletionKey(item)] ? count + 1 : count),
+            0,
+        )
+    }, [allItems, skippedMap, getCompletionKey])
+
+    const buildBasePayload = useCallback(
+        () => ({
+            total_tasks: totalTasks,
+            completed_tasks: completedCount,
+            skipped_tasks: skippedCount,
+        }),
+        [totalTasks, completedCount, skippedCount],
+    )
     const progressPercent = totalTasks ? Math.round((completedCount / totalTasks) * 100) : 0
+    const totalDone = completedCount + skippedCount
 
     useEffect(() => {
         if (!canInitializeVisibility) return
@@ -200,19 +231,20 @@ const OnboardingWidget = () => {
         if (!autoOpenedRef.current) return
         if (autoClosedRef.current) return
         if (!totalTasks) return
-        if (completedCount < totalTasks) return
+        if (totalDone < totalTasks) return
+
+        if (!autoClosedRef.current) {
+            trackOnboardingAllTasksCompleted(buildBasePayload())
+            trackOnboardingGuideClosed({
+                ...buildBasePayload(),
+                close_reason: "auto_all_done",
+            })
+        }
 
         setIsClosed(true)
         setIsMinimized(true)
         autoClosedRef.current = true
-    }, [
-        canInitializeVisibility,
-        isNewUser,
-        completedCount,
-        totalTasks,
-        setIsClosed,
-        setIsMinimized,
-    ])
+    }, [canInitializeVisibility, isNewUser, totalDone, totalTasks])
 
     const onClickGuideItem = useCallback(
         async (item: ChecklistItem) => {
@@ -239,7 +271,15 @@ const OnboardingWidget = () => {
 
             const completionKey = getCompletionKey(item)
             if (!item.tour) {
-                setCompletedMap((prev) => ({...prev, [completionKey]: true}))
+                setCompletedMap((prev) => {
+                    const next = {...prev, [completionKey]: true}
+                    trackOnboardingTaskCompleted({
+                        ...buildBasePayload(),
+                        completed_tasks: Object.keys(next).length,
+                        task_id: completionKey,
+                    })
+                    return next
+                })
                 return
             }
 
@@ -257,6 +297,8 @@ const OnboardingWidget = () => {
             setCurrentRunningWidgetOnboarding,
             getCompletionKey,
             userOnboardingStatus,
+            buildBasePayload,
+            trackOnboardingTaskCompleted,
         ],
     )
 
@@ -276,6 +318,10 @@ const OnboardingWidget = () => {
 
     const onClose = useCallback(() => {
         setIsClosed(true)
+        trackOnboardingGuideClosed({
+            ...buildBasePayload(),
+            close_reason: "manual",
+        })
         Modal.info({
             title: "Onboarding guide hidden",
             content: (
@@ -484,14 +530,14 @@ const OnboardingWidget = () => {
                                     </Tooltip>
                                 </div>
                             </div>
-                            <div className="">
+                            <div>
                                 <Progress className="" percent={progressPercent} status="active" />
                             </div>
                         </div>
 
                         <div className="max-h-[400px] overflow-y-auto px-4 pb-3 flex flex-col gap-2">
                             {sections.map((section) => (
-                                <div key={section.id} className="mb-4 last:mb-0">
+                                <div key={section.id} className="mb-2 last:mb-0">
                                     <div className="flex items-center gap-1 font-medium text-colorTextSecondary">
                                         <Question size={14} />
                                         {section.title}
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
index 60c1d5d6ff..5962c7403e 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
@@ -29,19 +29,19 @@ export const buildChecklistSections = ({
                     tour: {section: "playground", tourId: "playground-quickstart"},
                     prerequisites: [CHECKLIST_PREREQUISITES.needsApp],
                 },
-                {
-                    id: "first-evaluation",
-                    title: "Run your first evaluation",
-                    description: "Compare prompts with a quick automatic evaluation.",
-                    href: getEvaluationLink("auto_evaluation"),
-                    disabled: !evaluationBase,
-                    tip: evaluationBase
-                        ? undefined
-                        : "You need a project before you can run evaluations.",
-                    cta: "Launch evaluation",
-                    tour: {section: "autoEvaluation", tourId: "one-click-auto-evaluation"},
-                    prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
-                },
+                // {
+                //     id: "first-evaluation",
+                //     title: "Run your first evaluation",
+                //     description: "Compare prompts with a quick automatic evaluation.",
+                //     href: getEvaluationLink("auto_evaluation"),
+                //     disabled: !evaluationBase,
+                //     tip: evaluationBase
+                //         ? undefined
+                //         : "You need a project before you can run evaluations.",
+                //     cta: "Launch evaluation",
+                //     tour: {section: "autoEvaluation", tourId: "one-click-auto-evaluation"},
+                //     prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
+                // },
                 {
                     id: "online-evaluation",
                     title: "Set up online evaluation",
diff --git a/web/oss/src/components/Onboarding/utils/trackOnboarding.ts b/web/oss/src/components/Onboarding/utils/trackOnboarding.ts
new file mode 100644
index 0000000000..b9740d837c
--- /dev/null
+++ b/web/oss/src/components/Onboarding/utils/trackOnboarding.ts
@@ -0,0 +1,33 @@
+import {getDefaultStore} from "jotai"
+
+import {posthogAtom} from "@/oss/lib/helpers/analytics/store/atoms"
+
+type BasePayload = {
+    total_tasks: number
+    completed_tasks: number
+    skipped_tasks: number
+}
+
+const capture = (event: string, payload: Record<string, any>) => {
+    const store = getDefaultStore()
+    const posthog = store.get(posthogAtom)
+    posthog?.capture?.(event, payload)
+}
+
+export const trackOnboardingTaskCompleted = (payload: BasePayload & {task_id: string}) => {
+    capture("onboarding_task_completed", payload)
+}
+
+export const trackOnboardingTaskSkipped = (payload: BasePayload & {task_id: string}) => {
+    capture("onboarding_task_skipped", payload)
+}
+
+export const trackOnboardingAllTasksCompleted = (payload: BasePayload) => {
+    capture("onboarding_all_tasks_completed", payload)
+}
+
+export const trackOnboardingGuideClosed = (
+    payload: BasePayload & {close_reason: "manual" | "auto_all_done"},
+) => {
+    capture("onboarding_guide_closed", payload)
+}
diff --git a/web/oss/src/state/onboarding/assets/utils.ts b/web/oss/src/state/onboarding/assets/utils.ts
index 75a4f05f31..d609070238 100644
--- a/web/oss/src/state/onboarding/assets/utils.ts
+++ b/web/oss/src/state/onboarding/assets/utils.ts
@@ -11,13 +11,14 @@ import {
     createSimpleQuery,
     retrieveQueryRevision,
     type SimpleEvaluationCreatePayload,
-    type SimpleEvaluationPayload,
 } from "@/oss/services/onlineEvaluations/api"
 import {fetchAllEvaluatorConfigs} from "@/oss/services/evaluators"
 import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import {waitForValidURL, getURLValues} from "@/oss/state/url"
 
-import {demoOnlineEvaluationAtom, type DemoOnlineEvaluationContext} from "../atoms/helperAtom"
+import {currentOnboardingStepAtom, triggerOnboardingAtom} from "../atoms/stepsAtom"
+import {currentRunningWidgetOnboardingAtom} from "../atoms/widgetAtom"
+import {demoOnlineEvaluationAtom, DemoOnlineEvaluationContext} from "../atoms/helperAtom"
 
 const DEMO_EVALUATION_NAME = "demo-evaluation"
 const LLM_JUDGE_KEYS = new Set([
@@ -68,6 +69,7 @@ const safePush = async (href: string | null | undefined) => {
 const invalidateEvaluationQueries = async () => {
     const store = getDefaultStore()
     const queryClient = store.get(queryClientAtom)
+    if (!queryClient) return
     try {
         await queryClient.invalidateQueries({queryKey: ["previewEvaluationRuns"]})
     } catch (error) {
@@ -195,3 +197,10 @@ export const getDemoEvaluationRunRoute = (): string | null => {
     if (!urls.projectURL) return null
     return `${urls.projectURL}/evaluations/results/${context.evaluation.id}?type=online`
 }
+
+export const clearOnboardingState = () => {
+    const store = getDefaultStore()
+    store.set(triggerOnboardingAtom, null)
+    store.set(currentOnboardingStepAtom, null)
+    store.set(currentRunningWidgetOnboardingAtom, null)
+}
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index ee0f48e8f9..9c9a81be62 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -117,7 +117,7 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
                 ? ("playgroundPostRun" as keyof typeof TOUR_STEPS)
                 : requestedState
 
-        const tourSteps = TOUR_STEPS[effectiveState]
+        const tourSteps = TOUR_STEPS[requestedState]
         if (!tourSteps) return []
 
         const tours = tourSteps({
diff --git a/web/oss/src/state/onboarding/atoms/widgetAtom.ts b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
index 81c011c45c..f627c27f1a 100644
--- a/web/oss/src/state/onboarding/atoms/widgetAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
@@ -9,6 +9,7 @@ export type OnboardingWidgetPosition = {
 }
 
 const ONBOARDING_WIDGET_COMPLETION_KEY = "onboarding-widget-completion"
+const ONBOARDING_WIDGET_SKIPPED_KEY = "onboarding-widget-skipped"
 const ONBOARDING_WIDGET_UI_STATE_KEY = "onboarding-widget-ui-state"
 
 type OnboardingWidgetUIState = {
@@ -32,6 +33,11 @@ export const onboardingWidgetCompletionAtom = atomWithStorage<Record<string, boo
     {},
 )
 
+export const onboardingWidgetSkippedAtom = atomWithStorage<Record<string, boolean>>(
+    ONBOARDING_WIDGET_SKIPPED_KEY,
+    {},
+)
+
 const onboardingWidgetUIStateAtom = atomWithStorage<OnboardingWidgetUIState>(
     ONBOARDING_WIDGET_UI_STATE_KEY,
     {

From 9088e9e4b1734181f466a15d16fdb1dbecc1da28 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 16:46:35 +0600
Subject: [PATCH 36/53] improved widget reposition

---
 .../PostSignupForm/RunEvaluationView.tsx      |  22 +--
 .../src/components/Common/ImagePreview.tsx    |  23 +--
 .../CustomNextStepProvider/index.tsx          |   4 +-
 .../components/OnboardingWidget/index.tsx     | 142 +++++++++++++++++-
 web/oss/src/components/Onboarding/index.tsx   |   3 +-
 .../Components/Shared/MessageImageList.tsx    |   4 +-
 .../usePlayground/assets/messageHelpers.ts    |  15 +-
 .../components/GetStartedSection.tsx          |   2 +-
 web/oss/src/lib/helpers/utils.ts              |   2 +-
 9 files changed, 178 insertions(+), 39 deletions(-)

diff --git a/web/ee/src/components/PostSignupForm/RunEvaluationView.tsx b/web/ee/src/components/PostSignupForm/RunEvaluationView.tsx
index b0b653edfe..e17fb2e2d4 100644
--- a/web/ee/src/components/PostSignupForm/RunEvaluationView.tsx
+++ b/web/ee/src/components/PostSignupForm/RunEvaluationView.tsx
@@ -74,7 +74,9 @@ export const RunEvaluationView = () => {
         <div className="flex flex-col gap-8">
             <div className="flex flex-col gap-1">
                 <div className="flex justify-between items-center">
-                    <Title level={1} style={{margin: 0}}>Evaluate from SDK</Title>
+                    <Title level={1} style={{margin: 0}}>
+                        Evaluate from SDK
+                    </Title>
                     <div className="flex items-center gap-2">
                         <Button
                             icon={<Play size={16} className="mt-1" />}
@@ -98,28 +100,26 @@ export const RunEvaluationView = () => {
             </div>
             <ApiKeyInput apiKeyValue={apiKeyValue} onApiKeyChange={setApiKeyValue} />
 
-            
             <div className="flex flex-col gap-2">
                 <Text strong>1. Install the required packages:</Text>
-                <TracingCodeComponent 
+                <TracingCodeComponent
                     command={{
                         title: "Bash",
-                        code: "pip install -U agenta"
-                    }} 
-                    index={0} 
+                        code: "pip install -U agenta",
+                    }}
+                    index={0}
                 />
             </div>
 
             <div className="flex flex-col gap-4">
-                <TracingCodeComponent 
+                <TracingCodeComponent
                     command={{
                         title: "Python Code",
-                        code: CODE_SNIPPET
-                    }} 
-                    index={1} 
+                        code: CODE_SNIPPET,
+                    }}
+                    index={1}
                 />
             </div>
-
         </div>
     )
 }
diff --git a/web/oss/src/components/Common/ImagePreview.tsx b/web/oss/src/components/Common/ImagePreview.tsx
index 07ac60f0fa..610e1b93ab 100644
--- a/web/oss/src/components/Common/ImagePreview.tsx
+++ b/web/oss/src/components/Common/ImagePreview.tsx
@@ -28,9 +28,8 @@ const ImagePreview = ({
     alt = "Preview",
     size = 48,
     className = "",
-    isValidPreview=true,
+    isValidPreview = true,
 }: ImagePreviewProps) => {
-
     const [open, setOpen] = useState(false)
 
     const isSafeImageSrc = (url: string) => {
@@ -38,25 +37,25 @@ const ImagePreview = ({
         // Only allow valid https/http image URLs, blob URLs, or safe data:image URLs
         try {
             // Block javascript: and other schemes
-            const lower = url.toLowerCase().trim();
+            const lower = url.toLowerCase().trim()
             // Only allow https/http with proper image extensions
             if (/^https?:\/\/[^ "]+$/i.test(lower)) {
                 // Optional: Allow only image file extensions
                 if (/\.(png|jpe?g|gif|webp)(\?.*)?$/i.test(lower)) {
                     // Further checking could be done here (e.g., image mimetype fetch), but for now file extension is checked
-                    return true;
+                    return true
                 }
                 // Otherwise, reject
-                return false;
+                return false
             }
             // Allow blob: URLs (browser-generated, controlled)
-            if (lower.startsWith("blob:")) return true;
+            if (lower.startsWith("blob:")) return true
             // Only allow specific data:image/*;base64 URLs
-            if (/^data:image\/(png|jpe?g|gif|webp);base64,[a-z0-9+/=]+$/i.test(lower)) return true;
+            if (/^data:image\/(png|jpe?g|gif|webp);base64,[a-z0-9+/=]+$/i.test(lower)) return true
             // Otherwise, reject
-            return false;
+            return false
         } catch {
-            return false;
+            return false
         }
     }
 
@@ -97,7 +96,11 @@ const ImagePreview = ({
                 height={600}
             >
                 {isValidPreview && isSafeImageSrc(imageURL) && (
-                    <img src={imageURL} alt={alt} className="w-full h-full max-h-[600px] max-w-[800px] object-contain" />
+                    <img
+                        src={imageURL}
+                        alt={alt}
+                        className="w-full h-full max-h-[600px] max-w-[800px] object-contain"
+                    />
                 )}
             </Modal>
         </>
diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index 7f17d5c725..1aadec5157 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -83,8 +83,8 @@ const CustomNextStepProvider = ({children}: {children: React.ReactNode}) => {
         lastManualTriggerRef.current = manualTrigger
         const targetTour =
             manualTrigger.tourId !== undefined
-                ? onboardingSteps.find((tour) => tour.tour === manualTrigger.tourId) ??
-                  onboardingSteps[0]
+                ? (onboardingSteps.find((tour) => tour.tour === manualTrigger.tourId) ??
+                  onboardingSteps[0])
                 : onboardingSteps[0]
         const tourId = targetTour?.tour
         if (!tourId) return
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index 2a1655040b..6b896d5d55 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -37,6 +37,11 @@ import {BOUNDARY_PADDING, CLOSING_ANIMATION_MS, TOGGLE_DRAG_THRESHOLD} from "./c
 import {type ChecklistItem} from "./types"
 import {buildChecklistSections, clamp} from "./utils"
 
+type ElementSize = {width: number; height: number}
+
+const DEFAULT_WIDGET_SIZE: ElementSize = {width: 280, height: 360}
+const DEFAULT_TOGGLE_SIZE: ElementSize = {width: 30, height: 30}
+
 const normalizeRoutePath = (value: string) => {
     if (!value) return ""
     const withoutOrigin = value.replace(/^https?:\/\/[^/]+/i, "")
@@ -105,6 +110,11 @@ const OnboardingWidget = () => {
     const [isDragging, setIsDragging] = useState(false)
     const [isDraggingToggle, setIsDraggingToggle] = useState(false)
     const [isClosing, setIsClosing] = useState(false)
+    const [widgetSize, setWidgetSize] = useState<ElementSize | null>(null)
+    const [toggleSize, setToggleSize] = useState<ElementSize | null>(null)
+
+    const shouldRenderWidget = !isClosed && (!isMinimized || isClosing)
+    const showToggleButton = !isClosed && isMinimized && !isClosing
 
     useEffect(() => {
         if (!isClosing) return
@@ -355,6 +365,123 @@ const OnboardingWidget = () => {
         dragStateRef.current = null
     }, [isDragging, setStoredPosition])
 
+    const getWidgetSize = useCallback(() => widgetSize ?? DEFAULT_WIDGET_SIZE, [widgetSize])
+
+    const getToggleSize = useCallback(() => toggleSize ?? DEFAULT_TOGGLE_SIZE, [toggleSize])
+
+    const clampToViewport = useCallback((position: OnboardingWidgetPosition, size: ElementSize) => {
+        const maxX = Math.max(BOUNDARY_PADDING, window.innerWidth - size.width - BOUNDARY_PADDING)
+        const maxY = Math.max(BOUNDARY_PADDING, window.innerHeight - size.height - BOUNDARY_PADDING)
+        return {
+            x: clamp(position.x, BOUNDARY_PADDING, maxX),
+            y: clamp(position.y, BOUNDARY_PADDING, maxY),
+        }
+    }, [])
+
+    const getTogglePositionFromWidget = useCallback(
+        (
+            widgetPosition: OnboardingWidgetPosition | null,
+            widgetSizeOverride?: ElementSize,
+            toggleSizeOverride?: ElementSize,
+        ) => {
+            if (!widgetPosition) return null
+            const widgetBounds = widgetSizeOverride ?? getWidgetSize()
+            const toggleBounds = toggleSizeOverride ?? getToggleSize()
+            const candidate = {
+                x: widgetPosition.x + widgetBounds.width - toggleBounds.width,
+                y: widgetPosition.y + widgetBounds.height - toggleBounds.height,
+            }
+            return clampToViewport(candidate, toggleBounds)
+        },
+        [clampToViewport, getToggleSize, getWidgetSize],
+    )
+
+    const getWidgetPositionFromToggle = useCallback(
+        (togglePosition: OnboardingWidgetPosition | null, widgetSizeOverride?: ElementSize) => {
+            if (!togglePosition) return null
+            const widgetBounds = widgetSizeOverride ?? getWidgetSize()
+            const toggleBounds = getToggleSize()
+            const candidate = {
+                x: togglePosition.x - widgetBounds.width + toggleBounds.width,
+                y: togglePosition.y - widgetBounds.height + toggleBounds.height,
+            }
+            return clampToViewport(candidate, widgetBounds)
+        },
+        [clampToViewport, getToggleSize, getWidgetSize],
+    )
+
+    useEffect(() => {
+        if (!widgetRef.current) return
+        const element = widgetRef.current
+        const updateSize = () => {
+            const rect = element.getBoundingClientRect()
+            setWidgetSize({width: rect.width, height: rect.height})
+        }
+        updateSize()
+        const observer = new ResizeObserver(updateSize)
+        observer.observe(element)
+        return () => observer.disconnect()
+    }, [shouldRenderWidget])
+
+    useEffect(() => {
+        if (!toggleRef.current) return
+        const element = toggleRef.current
+        const updateSize = () => {
+            const rect = element.getBoundingClientRect()
+            setToggleSize({width: rect.width, height: rect.height})
+        }
+        updateSize()
+        const observer = new ResizeObserver(updateSize)
+        observer.observe(element)
+        return () => observer.disconnect()
+    }, [showToggleButton])
+
+    useEffect(() => {
+        const handleResize = () => {
+            setStoredPosition((prev) => {
+                if (!prev) return prev
+                const clamped = clampToViewport(prev, getWidgetSize())
+                return clamped.x === prev.x && clamped.y === prev.y ? prev : clamped
+            })
+            setToggleStoredPosition((prev) => {
+                if (!prev) return prev
+                const clamped = clampToViewport(prev, getToggleSize())
+                return clamped.x === prev.x && clamped.y === prev.y ? prev : clamped
+            })
+        }
+
+        handleResize()
+        window.addEventListener("resize", handleResize)
+        return () => window.removeEventListener("resize", handleResize)
+    }, [clampToViewport, getToggleSize, getWidgetSize, setStoredPosition, setToggleStoredPosition])
+
+    useEffect(() => {
+        if (!storedPosition) {
+            if (!toggleStoredPosition) return
+            const widgetPosition = getWidgetPositionFromToggle(toggleStoredPosition)
+            if (!widgetPosition) return
+            setStoredPosition(widgetPosition)
+            return
+        }
+
+        const nextTogglePosition = getTogglePositionFromWidget(storedPosition)
+        if (!nextTogglePosition) return
+
+        setToggleStoredPosition((prev) => {
+            if (prev && prev.x === nextTogglePosition.x && prev.y === nextTogglePosition.y) {
+                return prev
+            }
+            return nextTogglePosition
+        })
+    }, [
+        getTogglePositionFromWidget,
+        getWidgetPositionFromToggle,
+        setStoredPosition,
+        setToggleStoredPosition,
+        storedPosition,
+        toggleStoredPosition,
+    ])
+
     useEffect(() => {
         if (!isDragging) return
 
@@ -367,6 +494,10 @@ const OnboardingWidget = () => {
             const nextY = clamp(event.clientY - offsetY, BOUNDARY_PADDING, maxY)
             const nextPosition: OnboardingWidgetPosition = {x: nextX, y: nextY}
             setStoredPosition(nextPosition)
+            const nextTogglePosition = getTogglePositionFromWidget(nextPosition, {width, height})
+            if (nextTogglePosition) {
+                setToggleStoredPosition(nextTogglePosition)
+            }
         }
 
         const handlePointerUp = () => {
@@ -396,6 +527,7 @@ const OnboardingWidget = () => {
                 startY: event.clientY,
             }
             toggleMovedRef.current = false
+            setToggleSize({width: rect.width, height: rect.height})
             setIsDraggingToggle(true)
         },
         [setIsDraggingToggle],
@@ -431,6 +563,13 @@ const OnboardingWidget = () => {
             const nextY = clamp(event.clientY - offsetY, BOUNDARY_PADDING, maxY)
             const nextPosition: OnboardingWidgetPosition = {x: nextX, y: nextY}
             setToggleStoredPosition(nextPosition)
+            const nextWidgetPosition = getWidgetPositionFromToggle(nextPosition, {
+                width: widgetSize?.width ?? DEFAULT_WIDGET_SIZE.width,
+                height: widgetSize?.height ?? DEFAULT_WIDGET_SIZE.height,
+            })
+            if (nextWidgetPosition) {
+                setStoredPosition(nextWidgetPosition)
+            }
         }
 
         const handlePointerUp = () => {
@@ -471,9 +610,6 @@ const OnboardingWidget = () => {
             : {bottom: BOUNDARY_PADDING, right: BOUNDARY_PADDING}),
     }
 
-    const shouldRenderWidget = !isClosed && (!isMinimized || isClosing)
-    const showToggleButton = !isClosed && isMinimized && !isClosing
-
     return (
         <>
             {shouldRenderWidget && (
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index c2beb34978..40ccac7c78 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -106,8 +106,7 @@ const OnboardingCard = ({
             setTriggerOnboarding(null)
             if (!status) return
 
-            const resolvedSection =
-                extendedStep?.onboardingSection ?? userOnboardingSection
+            const resolvedSection = extendedStep?.onboardingSection ?? userOnboardingSection
             if (!resolvedSection) return
 
             updateOnboardingStatus({section: resolvedSection, status})
diff --git a/web/oss/src/components/Playground/Components/Shared/MessageImageList.tsx b/web/oss/src/components/Playground/Components/Shared/MessageImageList.tsx
index e82a24e1a3..580c60077d 100644
--- a/web/oss/src/components/Playground/Components/Shared/MessageImageList.tsx
+++ b/web/oss/src/components/Playground/Components/Shared/MessageImageList.tsx
@@ -25,8 +25,8 @@ const MessageImageList: React.FC<MessageImageListProps> = ({
             {properties.map((property: any) => {
                 const currentUrl =
                     property && typeof property.value === "object" && property.value
-                        ? (property.value as any).value ?? ""
-                        : (property as any)?.value ?? ""
+                        ? ((property.value as any).value ?? "")
+                        : ((property as any)?.value ?? "")
 
                 return (
                     <PromptImageUpload
diff --git a/web/oss/src/components/Playground/hooks/usePlayground/assets/messageHelpers.ts b/web/oss/src/components/Playground/hooks/usePlayground/assets/messageHelpers.ts
index 1b46f63831..b85ea80c73 100644
--- a/web/oss/src/components/Playground/hooks/usePlayground/assets/messageHelpers.ts
+++ b/web/oss/src/components/Playground/hooks/usePlayground/assets/messageHelpers.ts
@@ -159,11 +159,10 @@ export const createMessageFromSchema = (
 
                                         const fileBase =
                                             createObjectFromMetadata(fileOptionMetadata)
-                                        const fileProp =
-                                            (fileBase as any)?.file ?? {
-                                                __id: generateId(),
-                                                __metadata: hashMetadata(itemMetadata),
-                                            }
+                                        const fileProp = (fileBase as any)?.file ?? {
+                                            __id: generateId(),
+                                            __metadata: hashMetadata(itemMetadata),
+                                        }
                                         const ensureScalarNode = (node: any) => {
                                             if (node && typeof node === "object") return node
                                             return {
@@ -193,11 +192,13 @@ export const createMessageFromSchema = (
                                             },
                                             mime_type: {
                                                 ...ensureScalarNode(fileProp?.mime_type),
-                                                value: item.file?.mime_type || item.file?.format || "",
+                                                value:
+                                                    item.file?.mime_type || item.file?.format || "",
                                             },
                                             format: {
                                                 ...ensureScalarNode(fileProp?.format),
-                                                value: item.file?.format || item.file?.mime_type || "",
+                                                value:
+                                                    item.file?.format || item.file?.mime_type || "",
                                             },
                                         }
 
diff --git a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
index 22127202fb..e2d1dc69fa 100644
--- a/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
+++ b/web/oss/src/components/pages/app-management/components/GetStartedSection.tsx
@@ -93,7 +93,7 @@ const GetStartedSection = ({
                     id="tour-setup-tracing-card"
                 >
                     <div className="flex items-center justify-between">
-                        <Text >Set Up Tracing</Text>
+                        <Text>Set Up Tracing</Text>
 
                         <Tooltip title="Start instrumenting your LLM application">
                             <Info size={16} />
diff --git a/web/oss/src/lib/helpers/utils.ts b/web/oss/src/lib/helpers/utils.ts
index 68b0c01a31..c06c4007fe 100644
--- a/web/oss/src/lib/helpers/utils.ts
+++ b/web/oss/src/lib/helpers/utils.ts
@@ -701,4 +701,4 @@ export const isUrl = (value: string): boolean => {
         value.match(/^https?:\/\//) ||
         value.match(/^blob:https?:\/\//)
     return Boolean(match)
-}
\ No newline at end of file
+}

From b621e3b9ddbecda9ed95c9282407cf279b13a828 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 18:35:33 +0600
Subject: [PATCH 37/53] added steps for prompt-management

---
 .../components/Drawer/index.tsx               |  9 ++-
 .../components/DeploymentsDashboard/index.tsx |  1 +
 .../components/OnboardingWidget/utils.tsx     | 16 +++++-
 .../src/state/onboarding/atoms/stepsAtom.ts   |  4 --
 web/oss/src/state/onboarding/constants.ts     |  1 +
 .../onboarding/steps/appManagementSteps.tsx   |  1 +
 .../onboarding/steps/deploymentSteps.tsx      | 55 +++++++++++++++++++
 web/oss/src/state/onboarding/steps/index.ts   |  5 ++
 web/oss/src/state/onboarding/types.ts         |  1 +
 9 files changed, 85 insertions(+), 8 deletions(-)
 create mode 100644 web/oss/src/state/onboarding/steps/deploymentSteps.tsx

diff --git a/web/oss/src/components/DeploymentsDashboard/components/Drawer/index.tsx b/web/oss/src/components/DeploymentsDashboard/components/Drawer/index.tsx
index 6d7a8fe3d1..70c54d3af5 100644
--- a/web/oss/src/components/DeploymentsDashboard/components/Drawer/index.tsx
+++ b/web/oss/src/components/DeploymentsDashboard/components/Drawer/index.tsx
@@ -3,13 +3,14 @@ import {ComponentProps, ReactNode, useState} from "react"
 import {CloseOutlined, FullscreenExitOutlined, FullscreenOutlined} from "@ant-design/icons"
 import {Button, Divider, Drawer} from "antd"
 import clsx from "clsx"
-import {useAtomValue} from "jotai"
+import {useAtomValue, useSetAtom} from "jotai"
 import {createUseStyles} from "react-jss"
 
 import {envRevisionsAtom} from "@/oss/components/DeploymentsDashboard/atoms"
 import EnhancedDrawer from "@/oss/components/EnhancedUIs/Drawer"
 import {usePlaygroundNavigation} from "@/oss/hooks/usePlaygroundNavigation"
 import {JSSTheme} from "@/oss/lib/Types"
+import {openSelectDeployVariantModalAtom} from "@/oss/components/DeploymentsDashboard/modals/store/deploymentModalsStore"
 import {revisionListAtom} from "@/oss/state/variant/selectors/variant"
 
 import UseApiContent from "../../assets/UseApiContent"
@@ -99,6 +100,8 @@ const DeploymentsDrawerContent = ({
 }: DeploymentsDrawerProps) => {
     const variants = useAtomValue(revisionListAtom) || []
     const envRevisions = useAtomValue(envRevisionsAtom)
+    const openSelectDeployVariantModal = useSetAtom(openSelectDeployVariantModalAtom)
+
     return (
         <div className="flex h-full">
             <div className={`flex-1 overflow-auto ${mainContentClassName}`}>
@@ -119,7 +122,9 @@ const DeploymentsDrawerContent = ({
                 >
                     {envRevisions ? (
                         <UseApiContent
-                            handleOpenSelectDeployVariantModal={() => close()}
+                            handleOpenSelectDeployVariantModal={() =>
+                                openSelectDeployVariantModal({variants, envRevisions})
+                            }
                             variants={variants}
                             revisionId={drawerVariantId}
                             selectedEnvironment={envRevisions}
diff --git a/web/oss/src/components/DeploymentsDashboard/index.tsx b/web/oss/src/components/DeploymentsDashboard/index.tsx
index 2412f306c5..4ae098841f 100644
--- a/web/oss/src/components/DeploymentsDashboard/index.tsx
+++ b/web/oss/src/components/DeploymentsDashboard/index.tsx
@@ -98,6 +98,7 @@ const DeploymentsDashboard: FC<DeploymentsDashboardProps> = ({
                     <Button
                         type="primary"
                         onClick={() => envRevisions && openDeploymentsDrawer({initialWidth: 720})}
+                        id="tour-setup-prompt"
                     >
                         Use API
                     </Button>
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
index 5962c7403e..df8e62aaec 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/utils.tsx
@@ -18,6 +18,18 @@ export const buildChecklistSections = ({
             id: "guides",
             title: "Guides",
             items: [
+                {
+                    id: "create-app",
+                    title: "Create your first app",
+                    description:
+                        "Start by creating your first app to unlock the rest of the guide.",
+                    href: `${projectURL}/apps`,
+                    disabled: !projectURL,
+                    tip: projectURL ? undefined : "Open a project to create your first app.",
+                    cta: "Open App Management",
+                    tour: {section: "apps", tourId: "create-first-app"},
+                    prerequisites: [CHECKLIST_PREREQUISITES.needsProject],
+                },
                 {
                     id: "create-first-prompt",
                     title: "Create your first prompt",
@@ -65,11 +77,11 @@ export const buildChecklistSections = ({
                     id: "prompt-management",
                     title: "Set up prompt management",
                     description: "Organize prompt variants in the registry for easy deployment.",
-                    href: hasAppTarget ? `${appBase}/variants` : undefined,
+                    href: hasAppTarget ? `${appBase}/deployments` : undefined,
                     disabled: !hasAppTarget,
                     tip: hasAppTarget ? undefined : "Select an app to reach the registry.",
                     cta: "Open registry",
-                    tour: {section: "apps"},
+                    tour: {section: "deployment", tourId: "prompt-setup"},
                     prerequisites: [CHECKLIST_PREREQUISITES.needsApp],
                 },
                 {
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 9c9a81be62..b8f15e8d5e 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -128,10 +128,6 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
             tourId: requestedTourId,
         })
         if (!tours.length) return []
-        // if (requestedTourId) {
-        //     const filtered = tours.filter((tour) => tour.tour === requestedTourId)
-        //     return filtered.length ? filtered : tours
-        // }
         return tours
     }
 
diff --git a/web/oss/src/state/onboarding/constants.ts b/web/oss/src/state/onboarding/constants.ts
index aab70ed361..230fd2f0e0 100644
--- a/web/oss/src/state/onboarding/constants.ts
+++ b/web/oss/src/state/onboarding/constants.ts
@@ -9,6 +9,7 @@ export const defaultUserOnboardingState: UserOnboardingStatus = {
     onlineEvaluation: "idle",
     observability: "idle",
     trace: "idle",
+    deployment: "idle",
 }
 
 export const ONBOARDING_SECTIONS = Object.keys(defaultUserOnboardingState) as Array<
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index e8d67b77c1..986acc952d 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -20,6 +20,7 @@ const APP_CREATION_STEPS = [
                 pointerRadius: 12,
                 advanceOnClick: true,
                 onNext: () => {
+                    setCompleteWidgetTaskMap("create-first-app")
                     clearOnboardingState()
                 },
             },
diff --git a/web/oss/src/state/onboarding/steps/deploymentSteps.tsx b/web/oss/src/state/onboarding/steps/deploymentSteps.tsx
new file mode 100644
index 0000000000..796504b51c
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/deploymentSteps.tsx
@@ -0,0 +1,55 @@
+import {setCompleteWidgetTaskMap} from "@/oss/components/Onboarding/components/OnboardingWidget"
+import {clearOnboardingState} from "../assets/utils"
+import {OnboardingStepsContext, TourDefinition} from "./types"
+
+// integration
+const SETUP_PROMPT_TOUR: TourDefinition = [
+    {
+        tour: "prompt-setup",
+        steps: [
+            {
+                icon: "🛰️",
+                title: "Set up prompt management",
+                content: (
+                    <span>
+                        Get started with prompt management by configuring your app's conversational
+                        capabilities.
+                    </span>
+                ),
+                selector: "#tour-setup-prompt",
+                side: "left",
+                showControls: false,
+                showSkip: false,
+                pointerPadding: 12,
+                pointerRadius: 12,
+                advanceOnClick: true,
+                onNext: () => {
+                    setCompleteWidgetTaskMap("prompt-setup")
+                    clearOnboardingState()
+                },
+            },
+        ],
+    },
+]
+
+export const resolveTours = (ctx: OnboardingStepsContext): TourDefinition => {
+    const tourId = ctx.tourId
+    if (tourId === "prompt-setup") {
+        return SETUP_PROMPT_TOUR
+    }
+
+    return []
+}
+
+const DEPLOYMENT_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
+    Hobbyist: (ctx) => resolveTours(ctx),
+}
+
+export const DEPLOYMENT_TOURS = new Proxy(DEPLOYMENT_TOUR_MAP, {
+    get(target, prop: string | symbol) {
+        if (typeof prop === "string" && prop in target) {
+            return target[prop]
+        }
+        return target.Hobbyist
+    },
+}) as typeof DEPLOYMENT_TOUR_MAP
diff --git a/web/oss/src/state/onboarding/steps/index.ts b/web/oss/src/state/onboarding/steps/index.ts
index 835aa4e53e..575dd8f1fd 100644
--- a/web/oss/src/state/onboarding/steps/index.ts
+++ b/web/oss/src/state/onboarding/steps/index.ts
@@ -2,6 +2,7 @@ import {APP_MANAGEMENT_TOURS} from "./appManagementSteps"
 import {evaluationTour} from "./evaluations"
 import {PLAYGROUND_TOURS, resolvePlaygroundPostRunTour} from "./playgroundSteps"
 import {TRACE_TOURS} from "./traceSteps"
+import {DEPLOYMENT_TOURS} from "./deploymentSteps"
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
 export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
@@ -27,4 +28,8 @@ export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDef
         const resolver = TRACE_TOURS[ctx.userContext?.userRole] ?? TRACE_TOURS.Hobbyist
         return resolver(ctx)
     },
+    deployment: (ctx) => {
+        const resolver = DEPLOYMENT_TOURS[ctx.userContext?.userRole] ?? DEPLOYMENT_TOURS.Hobbyist
+        return resolver(ctx)
+    },
 }
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index dfe1a0734f..9255b6f117 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -11,6 +11,7 @@ export type UserOnboardingStatus<T = OnboardingState> = {
     onlineEvaluation: T
     observability: T
     trace: T
+    deployment: T
 }
 
 export type OnboardingControlLabels = {

From 45d11fcaff9789bc1da5e7d33717b7b7c4d80aff Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 19:04:02 +0600
Subject: [PATCH 38/53] fixed the arrow

---
 web/oss/src/state/onboarding/steps/playgroundSteps.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index f36629a8e5..dffb26f938 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -107,7 +107,7 @@ export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
             </span>
         ),
         selector: "#tour-playground-run-all-button",
-        side: "bottom",
+        side: "left",
         showControls: true,
         showSkip: true,
         pointerPadding: 12,

From 51e9f11f64f8816417c6d6e12cfa4bc9dd4f232a Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 19:12:44 +0600
Subject: [PATCH 39/53] fix bug

---
 .../OnboardingAutoAdvance/index.tsx           | 38 +++++++++++++++++--
 .../onboarding/steps/playgroundSteps.tsx      |  7 ++++
 2 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
index 7358c7d86f..7f27c6ad72 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
@@ -1,12 +1,20 @@
 import {useEffect, useMemo} from "react"
-import {useAtomValue} from "jotai"
+import {useAtomValue, useSetAtom} from "jotai"
 import {useNextStep} from "nextstepjs"
 
-import {onboardingStepsAtom} from "@/oss/state/onboarding"
-import type {OnboardingStep} from "@/oss/state/onboarding/types"
+import {
+    onboardingStepsAtom,
+    triggerOnboardingAtom,
+    updateUserOnboardingStatusAtom,
+} from "@/oss/state/onboarding"
+import type {OnboardingStep, UserOnboardingStatus} from "@/oss/state/onboarding/types"
+import {urlLocationAtom} from "@/oss/state/url"
 
 const OnboardingAutoAdvance = () => {
     const onboardingTours = useAtomValue(onboardingStepsAtom)
+    const updateUserOnboardingStatus = useSetAtom(updateUserOnboardingStatusAtom)
+    const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
+    const userLocation = useAtomValue(urlLocationAtom)
     const {currentTour, currentStep, isNextStepVisible, setCurrentStep, closeNextStep} =
         useNextStep()
 
@@ -24,6 +32,11 @@ const OnboardingAutoAdvance = () => {
         return {activeStep: step ?? null, totalSteps: matchingTour.steps.length}
     }, [currentTour, currentStep, onboardingTours])
 
+    const resolvedSectionFromLocation = useMemo(
+        () => userLocation.resolvedSection ?? userLocation.section,
+        [userLocation.resolvedSection, userLocation.section],
+    )
+
     useEffect(() => {
         if (!activeStep?.advanceOnClick || !activeStep.selector || !isNextStepVisible) {
             return
@@ -47,6 +60,13 @@ const OnboardingAutoAdvance = () => {
             }
 
             if (currentStep >= totalSteps - 1) {
+                const resolvedSection =
+                    (activeStep?.onboardingSection as keyof UserOnboardingStatus | undefined) ??
+                    resolvedSectionFromLocation
+                if (resolvedSection) {
+                    updateUserOnboardingStatus({section: resolvedSection, status: "done"})
+                }
+                setTriggerOnboarding(null)
                 closeNextStep()
                 return
             }
@@ -58,7 +78,17 @@ const OnboardingAutoAdvance = () => {
         return () => {
             document.removeEventListener("click", handleClick, true)
         }
-    }, [activeStep, currentStep, totalSteps, isNextStepVisible, closeNextStep, setCurrentStep])
+    }, [
+        activeStep,
+        currentStep,
+        totalSteps,
+        isNextStepVisible,
+        closeNextStep,
+        setCurrentStep,
+        resolvedSectionFromLocation,
+        setTriggerOnboarding,
+        updateUserOnboardingStatus,
+    ])
 
     return null
 }
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index dffb26f938..243b40a7c6 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -11,6 +11,7 @@ export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
                 Edit your system and user messages here to steer how Agenta completes the request.
             </span>
         ),
+        onboardingSection: "playground" as const,
         selector: "#tour-playground-prompt",
         side: "right",
         showControls: true,
@@ -27,6 +28,7 @@ export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
                 can replay regressions instantly.
             </span>
         ),
+        onboardingSection: "playground" as const,
         selector: "#tour-playground-load-testset",
         side: "bottom",
         showControls: true,
@@ -39,6 +41,7 @@ export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
         icon: "⚡️",
         title: "Run the prompt",
         content: <span>Execute the prompt with the current variables to inspect the output.</span>,
+        onboardingSection: "playground" as const,
         selector: "#tour-playground-run-all-button",
         side: "left",
         showControls: true,
@@ -60,6 +63,7 @@ export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
                 reply.
             </span>
         ),
+        onboardingSection: "playground" as const,
         selector: "#tour-playground-prompt",
         side: "right",
         showControls: true,
@@ -76,6 +80,7 @@ export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
                 before chat begins.
             </span>
         ),
+        onboardingSection: "playground" as const,
         selector: "#tour-playground-variable",
         side: "right",
         showControls: true,
@@ -90,6 +95,7 @@ export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
         content: (
             <span>Type the first user turn to kick off your conversation and test the flow.</span>
         ),
+        onboardingSection: "playground" as const,
         selector: "#tour-chat-user-message",
         side: "left",
         showControls: true,
@@ -106,6 +112,7 @@ export const PLAYGROUND_CHAT_TOUR: TourDefinition[number]["steps"] = [
                 Execute the chat turn to preview the assistant response and iterate quickly.
             </span>
         ),
+        onboardingSection: "playground" as const,
         selector: "#tour-playground-run-all-button",
         side: "left",
         showControls: true,

From 96da03383a66fd6e98a759faf0479b8da30e5cfd Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 20:41:00 +0600
Subject: [PATCH 40/53] removed floating button

---
 .../components/OnboardingWidget/index.tsx     | 342 ++----------------
 1 file changed, 28 insertions(+), 314 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index 6b896d5d55..a3d1bb90e7 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -1,6 +1,6 @@
 import {useCallback, useEffect, useMemo, useRef, useState} from "react"
 
-import {CheckCircle, Circle, Minus, Question, X} from "@phosphor-icons/react"
+import {CheckCircle, Circle, Question, X} from "@phosphor-icons/react"
 import {Button, Modal, Progress, Tooltip} from "antd"
 import clsx from "clsx"
 import {getDefaultStore, useAtom, useAtomValue, useSetAtom} from "jotai"
@@ -8,10 +8,8 @@ import {useRouter} from "next/router"
 
 import useURL from "@/oss/hooks/useURL"
 import {
-    currentOnboardingStepWithLocationAtom,
     isNewUserAtom,
     triggerOnboardingAtom,
-    UserOnboardingStatus,
     userOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
 import {userAtom} from "@/oss/state/profile"
@@ -21,26 +19,21 @@ import {
     onboardingWidgetClosedAtom,
     onboardingWidgetCompletionAtom,
     onboardingWidgetSkippedAtom,
-    onboardingWidgetMinimizedAtom,
-    onboardingWidgetMinimizeHintAtom,
     onboardingWidgetPositionAtom,
-    onboardingWidgetTogglePositionAtom,
     type OnboardingWidgetPosition,
 } from "@/oss/state/onboarding/atoms/widgetAtom"
 import {
     trackOnboardingAllTasksCompleted,
     trackOnboardingGuideClosed,
     trackOnboardingTaskCompleted,
-    trackOnboardingTaskSkipped,
 } from "../../utils/trackOnboarding"
-import {BOUNDARY_PADDING, CLOSING_ANIMATION_MS, TOGGLE_DRAG_THRESHOLD} from "./constants"
+import {BOUNDARY_PADDING} from "./constants"
 import {type ChecklistItem} from "./types"
 import {buildChecklistSections, clamp} from "./utils"
 
 type ElementSize = {width: number; height: number}
 
 const DEFAULT_WIDGET_SIZE: ElementSize = {width: 280, height: 360}
-const DEFAULT_TOGGLE_SIZE: ElementSize = {width: 30, height: 30}
 
 const normalizeRoutePath = (value: string) => {
     if (!value) return ""
@@ -67,108 +60,48 @@ const OnboardingWidget = () => {
     const {projectURL, appURL, recentlyVisitedAppURL} = useURL()
     const [completedMap, setCompletedMap] = useAtom(onboardingWidgetCompletionAtom)
     const [skippedMap, setSkippedMap] = useAtom(onboardingWidgetSkippedAtom)
-    const [isMinimized, setIsMinimized] = useAtom(onboardingWidgetMinimizedAtom)
     const [currentRunningWidgetOnboarding, setCurrentRunningWidgetOnboarding] = useAtom(
         currentRunningWidgetOnboardingAtom,
     )
-    const [hasSeenMinimizeHint, setHasSeenMinimizeHint] = useAtom(onboardingWidgetMinimizeHintAtom)
     const [storedPosition, setStoredPosition] = useAtom(onboardingWidgetPositionAtom)
-    const [toggleStoredPosition, setToggleStoredPosition] = useAtom(
-        onboardingWidgetTogglePositionAtom,
-    )
     const [isClosed, setIsClosed] = useAtom(onboardingWidgetClosedAtom)
     const setTriggerOnboarding = useSetAtom(triggerOnboardingAtom)
     const userOnboardingStatus = useAtomValue(userOnboardingStatusAtom)
-    const currentTourStep = useAtomValue(currentOnboardingStepWithLocationAtom)
     const isNewUser = useAtomValue(isNewUserAtom)
     const sessionExists = useAtomValue(sessionExistsAtom)
     const user = useAtomValue(userAtom)
     const canInitializeVisibility = sessionExists && Boolean(user)
 
     const widgetRef = useRef<HTMLDivElement | null>(null)
-    const toggleRef = useRef<HTMLDivElement | null>(null)
     const dragStateRef = useRef<{
         offsetX: number
         offsetY: number
         width: number
         height: number
     } | null>(null)
-    const toggleDragStateRef = useRef<{
-        offsetX: number
-        offsetY: number
-        width: number
-        height: number
-        startX: number
-        startY: number
-    } | null>(null)
-    const toggleMovedRef = useRef(false)
-    const toggleIgnoreClickRef = useRef(false)
-    const wasMinimizedBeforeTourRef = useRef<boolean | null>(null)
     const appliedVisibilityStateRef = useRef<boolean | null>(null)
     const autoOpenedRef = useRef(false)
     const autoClosedRef = useRef(false)
     const [isDragging, setIsDragging] = useState(false)
-    const [isDraggingToggle, setIsDraggingToggle] = useState(false)
-    const [isClosing, setIsClosing] = useState(false)
     const [widgetSize, setWidgetSize] = useState<ElementSize | null>(null)
-    const [toggleSize, setToggleSize] = useState<ElementSize | null>(null)
+    const store = useMemo(() => getDefaultStore(), [])
 
-    const shouldRenderWidget = !isClosed && (!isMinimized || isClosing)
-    const showToggleButton = !isClosed && isMinimized && !isClosing
-
-    useEffect(() => {
-        if (!isClosing) return
-        const timeout = window.setTimeout(() => {
-            setIsClosing(false)
-        }, CLOSING_ANIMATION_MS)
-        return () => window.clearTimeout(timeout)
-    }, [isClosing])
+    const shouldRenderWidget = !isClosed
 
     useEffect(() => {
         if (!canInitializeVisibility) return
-        if (appliedVisibilityStateRef.current === isNewUser) return
+        if (appliedVisibilityStateRef.current) return
 
-        if (isNewUser) {
+        if (isNewUser && !isClosed) {
             setIsClosed(false)
-            setIsMinimized(false)
             autoOpenedRef.current = true
             autoClosedRef.current = false
-        } else {
-            setIsClosed(true)
-            setIsMinimized(true)
-            autoOpenedRef.current = false
-            autoClosedRef.current = false
-        }
-
-        appliedVisibilityStateRef.current = isNewUser
-    }, [canInitializeVisibility, isNewUser, setIsClosed, setIsMinimized])
-
-    useEffect(() => {
-        // Minimize the widget while a tour is actively showing a step,
-        // and restore it to its previous state once the tour finishes or is skipped.
-        if (currentTourStep?.selector) {
-            if (wasMinimizedBeforeTourRef.current === null) {
-                wasMinimizedBeforeTourRef.current = isMinimized
-            }
-
-            if (!isMinimized) {
-                onMinimize()
-            }
-
-            return
         }
 
-        if (!currentTourStep?.selector && wasMinimizedBeforeTourRef.current !== null) {
-            const wasMinimizedBeforeTour = wasMinimizedBeforeTourRef.current
-            wasMinimizedBeforeTourRef.current = null
-
-            if (!wasMinimizedBeforeTour) {
-                onRestore()
-            }
-        }
-    }, [currentTourStep, isMinimized])
+        appliedVisibilityStateRef.current = true
+    }, [canInitializeVisibility, isClosed, isNewUser, setIsClosed])
 
-    // // marking widget onboarding as completed
+    // marking widget onboarding as completed
     useEffect(() => {
         if (!currentRunningWidgetOnboarding) return
         const {section, completionKey, initialStatus} = currentRunningWidgetOnboarding
@@ -252,7 +185,6 @@ const OnboardingWidget = () => {
         }
 
         setIsClosed(true)
-        setIsMinimized(true)
         autoClosedRef.current = true
     }, [canInitializeVisibility, isNewUser, totalDone, totalTasks])
 
@@ -312,20 +244,6 @@ const OnboardingWidget = () => {
         ],
     )
 
-    const onMinimize = useCallback(() => {
-        if (isClosing) return
-
-        setIsMinimized(true)
-
-        if (!hasSeenMinimizeHint) {
-            setHasSeenMinimizeHint(true)
-        }
-    }, [hasSeenMinimizeHint, isClosing, setHasSeenMinimizeHint, setIsMinimized])
-
-    const onRestore = useCallback(() => {
-        setIsMinimized(false)
-    }, [setIsMinimized])
-
     const onClose = useCallback(() => {
         setIsClosed(true)
         trackOnboardingGuideClosed({
@@ -367,8 +285,6 @@ const OnboardingWidget = () => {
 
     const getWidgetSize = useCallback(() => widgetSize ?? DEFAULT_WIDGET_SIZE, [widgetSize])
 
-    const getToggleSize = useCallback(() => toggleSize ?? DEFAULT_TOGGLE_SIZE, [toggleSize])
-
     const clampToViewport = useCallback((position: OnboardingWidgetPosition, size: ElementSize) => {
         const maxX = Math.max(BOUNDARY_PADDING, window.innerWidth - size.width - BOUNDARY_PADDING)
         const maxY = Math.max(BOUNDARY_PADDING, window.innerHeight - size.height - BOUNDARY_PADDING)
@@ -378,38 +294,6 @@ const OnboardingWidget = () => {
         }
     }, [])
 
-    const getTogglePositionFromWidget = useCallback(
-        (
-            widgetPosition: OnboardingWidgetPosition | null,
-            widgetSizeOverride?: ElementSize,
-            toggleSizeOverride?: ElementSize,
-        ) => {
-            if (!widgetPosition) return null
-            const widgetBounds = widgetSizeOverride ?? getWidgetSize()
-            const toggleBounds = toggleSizeOverride ?? getToggleSize()
-            const candidate = {
-                x: widgetPosition.x + widgetBounds.width - toggleBounds.width,
-                y: widgetPosition.y + widgetBounds.height - toggleBounds.height,
-            }
-            return clampToViewport(candidate, toggleBounds)
-        },
-        [clampToViewport, getToggleSize, getWidgetSize],
-    )
-
-    const getWidgetPositionFromToggle = useCallback(
-        (togglePosition: OnboardingWidgetPosition | null, widgetSizeOverride?: ElementSize) => {
-            if (!togglePosition) return null
-            const widgetBounds = widgetSizeOverride ?? getWidgetSize()
-            const toggleBounds = getToggleSize()
-            const candidate = {
-                x: togglePosition.x - widgetBounds.width + toggleBounds.width,
-                y: togglePosition.y - widgetBounds.height + toggleBounds.height,
-            }
-            return clampToViewport(candidate, widgetBounds)
-        },
-        [clampToViewport, getToggleSize, getWidgetSize],
-    )
-
     useEffect(() => {
         if (!widgetRef.current) return
         const element = widgetRef.current
@@ -423,19 +307,6 @@ const OnboardingWidget = () => {
         return () => observer.disconnect()
     }, [shouldRenderWidget])
 
-    useEffect(() => {
-        if (!toggleRef.current) return
-        const element = toggleRef.current
-        const updateSize = () => {
-            const rect = element.getBoundingClientRect()
-            setToggleSize({width: rect.width, height: rect.height})
-        }
-        updateSize()
-        const observer = new ResizeObserver(updateSize)
-        observer.observe(element)
-        return () => observer.disconnect()
-    }, [showToggleButton])
-
     useEffect(() => {
         const handleResize = () => {
             setStoredPosition((prev) => {
@@ -443,44 +314,12 @@ const OnboardingWidget = () => {
                 const clamped = clampToViewport(prev, getWidgetSize())
                 return clamped.x === prev.x && clamped.y === prev.y ? prev : clamped
             })
-            setToggleStoredPosition((prev) => {
-                if (!prev) return prev
-                const clamped = clampToViewport(prev, getToggleSize())
-                return clamped.x === prev.x && clamped.y === prev.y ? prev : clamped
-            })
         }
 
         handleResize()
         window.addEventListener("resize", handleResize)
         return () => window.removeEventListener("resize", handleResize)
-    }, [clampToViewport, getToggleSize, getWidgetSize, setStoredPosition, setToggleStoredPosition])
-
-    useEffect(() => {
-        if (!storedPosition) {
-            if (!toggleStoredPosition) return
-            const widgetPosition = getWidgetPositionFromToggle(toggleStoredPosition)
-            if (!widgetPosition) return
-            setStoredPosition(widgetPosition)
-            return
-        }
-
-        const nextTogglePosition = getTogglePositionFromWidget(storedPosition)
-        if (!nextTogglePosition) return
-
-        setToggleStoredPosition((prev) => {
-            if (prev && prev.x === nextTogglePosition.x && prev.y === nextTogglePosition.y) {
-                return prev
-            }
-            return nextTogglePosition
-        })
-    }, [
-        getTogglePositionFromWidget,
-        getWidgetPositionFromToggle,
-        setStoredPosition,
-        setToggleStoredPosition,
-        storedPosition,
-        toggleStoredPosition,
-    ])
+    }, [clampToViewport, getWidgetSize, setStoredPosition])
 
     useEffect(() => {
         if (!isDragging) return
@@ -492,12 +331,7 @@ const OnboardingWidget = () => {
             const maxY = Math.max(BOUNDARY_PADDING, window.innerHeight - height - BOUNDARY_PADDING)
             const nextX = clamp(event.clientX - offsetX, BOUNDARY_PADDING, maxX)
             const nextY = clamp(event.clientY - offsetY, BOUNDARY_PADDING, maxY)
-            const nextPosition: OnboardingWidgetPosition = {x: nextX, y: nextY}
-            setStoredPosition(nextPosition)
-            const nextTogglePosition = getTogglePositionFromWidget(nextPosition, {width, height})
-            if (nextTogglePosition) {
-                setToggleStoredPosition(nextTogglePosition)
-            }
+            setStoredPosition({x: nextX, y: nextY})
         }
 
         const handlePointerUp = () => {
@@ -511,88 +345,16 @@ const OnboardingWidget = () => {
             window.removeEventListener("pointermove", handlePointerMove)
             window.removeEventListener("pointerup", handlePointerUp)
         }
-    }, [isDragging, stopDragging])
-
-    const startToggleDragging = useCallback(
-        (event: React.PointerEvent) => {
-            if (event.button !== 0) return
-            if (!toggleRef.current) return
-            const rect = toggleRef.current.getBoundingClientRect()
-            toggleDragStateRef.current = {
-                offsetX: event.clientX - rect.left,
-                offsetY: event.clientY - rect.top,
-                width: rect.width,
-                height: rect.height,
-                startX: event.clientX,
-                startY: event.clientY,
-            }
-            toggleMovedRef.current = false
-            setToggleSize({width: rect.width, height: rect.height})
-            setIsDraggingToggle(true)
-        },
-        [setIsDraggingToggle],
-    )
-
-    const stopToggleDragging = useCallback(() => {
-        if (!isDraggingToggle) return
-        setIsDraggingToggle(false)
-        toggleIgnoreClickRef.current = toggleMovedRef.current
-        toggleDragStateRef.current = null
-        window.setTimeout(() => {
-            toggleIgnoreClickRef.current = false
-            toggleMovedRef.current = false
-        }, 0)
-    }, [isDraggingToggle, setToggleStoredPosition])
+    }, [isDragging, stopDragging, setStoredPosition])
 
     useEffect(() => {
-        if (!isDraggingToggle) return
-
-        const handlePointerMove = (event: PointerEvent) => {
-            if (!toggleDragStateRef.current) return
-            const {offsetX, offsetY, width, height, startX, startY} = toggleDragStateRef.current
-            if (!toggleMovedRef.current) {
-                const dx = event.clientX - startX
-                const dy = event.clientY - startY
-                if (Math.abs(dx) + Math.abs(dy) > TOGGLE_DRAG_THRESHOLD) {
-                    toggleMovedRef.current = true
-                }
-            }
-            const maxX = Math.max(BOUNDARY_PADDING, window.innerWidth - width - BOUNDARY_PADDING)
-            const maxY = Math.max(BOUNDARY_PADDING, window.innerHeight - height - BOUNDARY_PADDING)
-            const nextX = clamp(event.clientX - offsetX, BOUNDARY_PADDING, maxX)
-            const nextY = clamp(event.clientY - offsetY, BOUNDARY_PADDING, maxY)
-            const nextPosition: OnboardingWidgetPosition = {x: nextX, y: nextY}
-            setToggleStoredPosition(nextPosition)
-            const nextWidgetPosition = getWidgetPositionFromToggle(nextPosition, {
-                width: widgetSize?.width ?? DEFAULT_WIDGET_SIZE.width,
-                height: widgetSize?.height ?? DEFAULT_WIDGET_SIZE.height,
-            })
-            if (nextWidgetPosition) {
-                setStoredPosition(nextWidgetPosition)
-            }
-        }
-
-        const handlePointerUp = () => {
-            stopToggleDragging()
-        }
-
-        window.addEventListener("pointermove", handlePointerMove)
-        window.addEventListener("pointerup", handlePointerUp)
-
-        return () => {
-            window.removeEventListener("pointermove", handlePointerMove)
-            window.removeEventListener("pointerup", handlePointerUp)
-        }
-    }, [isDraggingToggle, stopToggleDragging])
-
-    useEffect(() => {
-        if (!isDragging && !isDraggingToggle) return
+        if (!isDragging) return
         const previousUserSelect = document.body.style.userSelect
         document.body.style.userSelect = "none"
         return () => {
             document.body.style.userSelect = previousUserSelect
         }
-    }, [isDragging, isDraggingToggle])
+    }, [isDragging])
 
     const containerStyle: React.CSSProperties = {
         position: "fixed",
@@ -602,14 +364,6 @@ const OnboardingWidget = () => {
             : {bottom: BOUNDARY_PADDING, right: BOUNDARY_PADDING}),
     }
 
-    const togglePositionStyle: React.CSSProperties = {
-        position: "fixed",
-        zIndex: 900,
-        ...(toggleStoredPosition
-            ? {top: toggleStoredPosition.y, left: toggleStoredPosition.x}
-            : {bottom: BOUNDARY_PADDING, right: BOUNDARY_PADDING}),
-    }
-
     return (
         <>
             {shouldRenderWidget && (
@@ -617,11 +371,7 @@ const OnboardingWidget = () => {
                     <section
                         className={clsx(
                             "w-[280px] max-w-[calc(100vw-32px)] rounded-2xl border border-colorBorder bg-white shadow-2xl transition-all duration-300 ease-in-out",
-                            {
-                                "select-none": isDragging,
-                                "pointer-events-none translate-y-3 scale-95 opacity-0": isClosing,
-                                "translate-y-3 scale-95 opacity-0": isMinimized,
-                            },
+                            {"select-none": isDragging},
                         )}
                     >
                         <div
@@ -637,34 +387,19 @@ const OnboardingWidget = () => {
                                         {completedCount} of {totalTasks} tasks completed
                                     </span>
                                 </div>
-                                <div className="flex items-center gap-1">
-                                    <Tooltip title="Hide guide">
-                                        <Button
-                                            type="text"
-                                            size="small"
-                                            icon={<Minus size={16} />}
-                                            aria-label="Minimize onboarding guide"
-                                            onClick={(event) => {
-                                                event.stopPropagation()
-                                                onMinimize()
-                                            }}
-                                            className="!text-colorTextSecondary hover:!text-colorText"
-                                        />
-                                    </Tooltip>
-                                    <Tooltip title="Close guide">
-                                        <Button
-                                            type="text"
-                                            size="small"
-                                            icon={<X size={16} />}
-                                            aria-label="Close onboarding guide"
-                                            onClick={(event) => {
-                                                event.stopPropagation()
-                                                onClose()
-                                            }}
-                                            className="!text-colorTextSecondary hover:!text-colorText"
-                                        />
-                                    </Tooltip>
-                                </div>
+                                <Tooltip title="Close guide">
+                                    <Button
+                                        type="text"
+                                        size="small"
+                                        icon={<X size={16} />}
+                                        aria-label="Close onboarding guide"
+                                        onClick={(event) => {
+                                            event.stopPropagation()
+                                            onClose()
+                                        }}
+                                        className="!text-colorTextSecondary hover:!text-colorText"
+                                    />
+                                </Tooltip>
                             </div>
                             <div>
                                 <Progress className="" percent={progressPercent} status="active" />
@@ -732,27 +467,6 @@ const OnboardingWidget = () => {
                     </section>
                 </div>
             )}
-
-            {showToggleButton && (
-                <div ref={toggleRef} style={togglePositionStyle} className="pointer-events-auto">
-                    <Button
-                        type="primary"
-                        icon={<Question size={20} />}
-                        className={clsx(
-                            "flex items-center gap-2 rounded-full duration-200 !w-[30px] h-[30px]",
-                            {"cursor-grabbing": isDraggingToggle, "cursor-grab": !isDraggingToggle},
-                        )}
-                        onPointerDown={startToggleDragging}
-                        onClick={(event) => {
-                            if (toggleIgnoreClickRef.current) {
-                                event.preventDefault()
-                                return
-                            }
-                            onRestore()
-                        }}
-                    />
-                </div>
-            )}
         </>
     )
 }

From 1529dbf0537e26c7566b923969bb5fd203b31939 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 20:53:07 +0600
Subject: [PATCH 41/53] improved card ui

---
 .../components/OnboardingWidget/index.tsx     | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index a3d1bb90e7..d4aacb4adf 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -370,12 +370,12 @@ const OnboardingWidget = () => {
                 <div ref={widgetRef} style={containerStyle} className="pointer-events-auto">
                     <section
                         className={clsx(
-                            "w-[280px] max-w-[calc(100vw-32px)] rounded-2xl border border-colorBorder bg-white shadow-2xl transition-all duration-300 ease-in-out",
+                            "w-[250px] max-w-[calc(100vw-32px)] rounded-xl border border-solid border-gray-100 bg-white shadow-2xl flex flex-col gap-3",
                             {"select-none": isDragging},
                         )}
                     >
                         <div
-                            className="flex flex-col gap-2 border-b border-colorBorder px-4 pt-3 pb-1 cursor-move"
+                            className="flex flex-col gap-2 border-0 border-b border-solid border-gray-100 px-4 pt-3 pb-1 cursor-move"
                             onPointerDown={startDragging}
                         >
                             <div className="flex items-start justify-between gap-3">
@@ -401,19 +401,18 @@ const OnboardingWidget = () => {
                                     />
                                 </Tooltip>
                             </div>
-                            <div>
-                                <Progress className="" percent={progressPercent} status="active" />
-                            </div>
+
+                            <Progress className="" percent={progressPercent} status="active" />
                         </div>
 
                         <div className="max-h-[400px] overflow-y-auto px-4 pb-3 flex flex-col gap-2">
                             {sections.map((section) => (
-                                <div key={section.id} className="mb-2 last:mb-0">
+                                <div key={section.id} className="mb-0 last:mb-0 flex flex-col gap-1">
                                     <div className="flex items-center gap-1 font-medium text-colorTextSecondary">
                                         <Question size={14} />
                                         {section.title}
                                     </div>
-                                    <div className="flex flex-col gap-2">
+                                    <div className="flex flex-col gap-1">
                                         {section.items.map((item) => {
                                             const isCompleted = Boolean(
                                                 completedMap[getCompletionKey(item)],
@@ -425,9 +424,9 @@ const OnboardingWidget = () => {
                                                     disabled={item.disabled}
                                                     onClick={() => onClickGuideItem(item)}
                                                     className={clsx(
-                                                        "flex w-full items-center gap-2 rounded-xl border px-3 py-1.5 text-left transition hover:shadow",
+                                                        "flex w-full items-center gap-2 rounded-lg border px-2 py-1.5 text-left transition hover:shadow",
                                                         {
-                                                            "border-colorBorder bg-white hover:border-colorPrimary":
+                                                            "border-colorBorder bg-white hover:border-colorPrimary cursor-pointer":
                                                                 !isCompleted && !item.disabled,
                                                             "border-colorPrimary bg-[#f5f7fa]":
                                                                 isCompleted,
@@ -438,7 +437,7 @@ const OnboardingWidget = () => {
                                                 >
                                                     <span
                                                         className={clsx(
-                                                            "mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full border",
+                                                            "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border",
                                                             {
                                                                 "border-colorPrimary bg-colorPrimary text-white":
                                                                     isCompleted,
@@ -448,13 +447,13 @@ const OnboardingWidget = () => {
                                                         )}
                                                     >
                                                         {isCompleted ? (
-                                                            <CheckCircle size={16} weight="fill" />
+                                                            <CheckCircle size={14} weight="fill" />
                                                         ) : (
-                                                            <Circle size={16} />
+                                                            <Circle size={14} />
                                                         )}
                                                     </span>
 
-                                                    <span className="text-sm font-medium text-colorText">
+                                                    <span className="text-xs font-medium text-colorText">
                                                         {item.title}
                                                     </span>
                                                 </button>

From f041074a7c15ddffe43a3d6f0e15ef8b7208b1ad Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 22:04:32 +0600
Subject: [PATCH 42/53] added a default "LLM-as-a-judge" evaluator on BE

---
 api/oss/src/resources/evaluators/evaluators.py | 12 +++++++++++-
 api/oss/src/services/evaluator_manager.py      | 15 ++++++++++-----
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/api/oss/src/resources/evaluators/evaluators.py b/api/oss/src/resources/evaluators/evaluators.py
index cbca48d4fc..bbfa3475cf 100644
--- a/api/oss/src/resources/evaluators/evaluators.py
+++ b/api/oss/src/resources/evaluators/evaluators.py
@@ -203,7 +203,7 @@
     {
         "name": "LLM-as-a-judge",
         "key": "auto_ai_critique",
-        "direct_use": False,
+        "direct_use": True,
         "requires_llm_api_keys": True,
         "settings_presets": [
             {
@@ -221,6 +221,7 @@
                         },
                     ],
                     "model": "gpt-4o-mini",
+                    "template_format": "curly",
                     "response_type": "json_schema",
                     "json_schema": {
                         "name": "schema",
@@ -323,6 +324,13 @@
                 "advanced": True,  # Tells the frontend that this setting is advanced and should be hidden by default
                 "description": "The LLM model to use for the evaluation",
             },
+            "template_format": {
+                "label": "Template Format",
+                "type": "hidden",
+                "default": "curly",
+                "advanced": True,
+                "description": "Formatting style for prompt variables",
+            },
             "response_type": {
                 "label": "Response Type",
                 "default": "json_schema",
@@ -361,6 +369,8 @@
             },
         },
         "description": "LLM-as-a-judge uses a configurable prompt template that takes the output—and optionally inputs or data from the testcase such as correct answer—to evaluate the generated output.",
+        "requires_testcase": "always",
+        "requires_trace": "always",
         "oss": True,
         "tags": ["ai_llm", "functional"],
     },
diff --git a/api/oss/src/services/evaluator_manager.py b/api/oss/src/services/evaluator_manager.py
index 375eec953a..7cdbf75f53 100644
--- a/api/oss/src/services/evaluator_manager.py
+++ b/api/oss/src/services/evaluator_manager.py
@@ -5,6 +5,8 @@
 
 from oss.src.models.db_models import EvaluatorConfigDB
 from oss.src.models.converters import evaluator_config_db_to_pydantic
+import copy
+
 from oss.src.resources.evaluators.evaluators import get_all_evaluators
 from oss.src.models.api.evaluation_model import LegacyEvaluator, EvaluatorConfig
 
@@ -132,15 +134,18 @@ async def create_ready_to_use_evaluators(project_id: str):
 
     for evaluator in direct_use_evaluators:
         settings_values = {
-            setting_name: setting.get("default")
+            setting_name: copy.deepcopy(setting.get("default"))
             for setting_name, setting in evaluator.settings_template.items()
-            if setting.get("ground_truth_key") is True and setting.get("default", "")
+            if "default" in setting
         }
 
         for setting_name, default_value in settings_values.items():
-            assert default_value != "", (
-                f"Default value for ground truth key '{setting_name}' in Evaluator is empty"
-            )
+            if evaluator.settings_template.get(setting_name, {}).get(
+                "ground_truth_key"
+            ):
+                assert default_value != "", (
+                    f"Default value for ground truth key '{setting_name}' in Evaluator is empty"
+                )
 
         assert hasattr(evaluator, "name") and hasattr(evaluator, "key"), (
             f"'name' and 'key' does not exist in the evaluator: {evaluator}"

From d8e2d844c9d94f71564dc50d848c1255d87e943b Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 22:04:47 +0600
Subject: [PATCH 43/53] remove file

---
 .../PostSignupForm/assets/constants.ts        | 34 -------------------
 1 file changed, 34 deletions(-)
 delete mode 100644 web/ee/src/components/PostSignupForm/assets/constants.ts

diff --git a/web/ee/src/components/PostSignupForm/assets/constants.ts b/web/ee/src/components/PostSignupForm/assets/constants.ts
deleted file mode 100644
index 34982b2127..0000000000
--- a/web/ee/src/components/PostSignupForm/assets/constants.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-const USER_EXPERIENCES = {
-    label: "What is your experience with LLMs and AI?",
-    choices: [
-        "Just exploring",
-        "Developing something new",
-        "Already using LLMs (e.g. POCs)",
-        "Many LLM apps in production and at scale",
-    ],
-}
-const USER_ROLES = {
-    label: "What is your role?",
-    choices: [
-        "Hobbyist",
-        "ML/AI Engineer or Data scientist",
-        "Frontend / Backend Developer",
-        "Product Owner",
-        "Executive (VP / C-Level)",
-        "Subject Matter Expert",
-    ],
-}
-const USER_INTERESTS = {
-    label: "What brings you to agenta?",
-    choices: [
-        "Evaluating LLM Applications",
-        "No-code LLM application building",
-        "Prompt management and versioning",
-        "Collaborating with domain experts on prompt engineering",
-        "Human feedback and annotation",
-        "Observability, tracing and monitoring",
-        "Other",
-    ],
-}
-
-export {USER_EXPERIENCES, USER_ROLES, USER_INTERESTS}

From 9ca0372ca73e67e5cc3bcfd715be2051e852e7c1 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 22:25:28 +0600
Subject: [PATCH 44/53] removed old auto eval steps code

---
 .../OnboardingWaitForSelector/index.tsx       | 167 --------------
 .../Components/NewEvaluationModalContent.tsx  | 110 ++++------
 .../NewEvaluation/assets/TabLabel/index.tsx   |  32 +--
 .../pages/evaluations/NewEvaluation/index.tsx |   8 +-
 .../assets/AutoEvaluationHeader.tsx           |   3 -
 .../onboarding/{ => assets}/constants.ts      |   2 +-
 .../src/state/onboarding/atoms/stepsAtom.ts   |   2 +-
 web/oss/src/state/onboarding/index.ts         |   2 +-
 .../steps/evaluations/autoEvaluationSteps.tsx | 204 +-----------------
 web/oss/src/state/url/resolveURLSection.ts    |   2 +-
 10 files changed, 52 insertions(+), 480 deletions(-)
 delete mode 100644 web/oss/src/components/Onboarding/components/OnboardingWaitForSelector/index.tsx
 rename web/oss/src/state/onboarding/{ => assets}/constants.ts (94%)

diff --git a/web/oss/src/components/Onboarding/components/OnboardingWaitForSelector/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWaitForSelector/index.tsx
deleted file mode 100644
index 093563e060..0000000000
--- a/web/oss/src/components/Onboarding/components/OnboardingWaitForSelector/index.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import {useEffect, useMemo, useRef, useState} from "react"
-import {useAtomValue} from "jotai"
-import {useNextStep} from "nextstepjs"
-
-import {onboardingStepsAtom} from "@/oss/state/onboarding"
-import type {OnboardingStep} from "@/oss/state/onboarding/types"
-
-const WAIT_CLASSNAME = "onboarding-waiting-for-selector"
-const DEFAULT_WAIT_TIMEOUT_MS = 10000
-const SETTLE_DELAY_MS = 100
-
-const OnboardingWaitForSelector = () => {
-    const onboardingTours = useAtomValue(onboardingStepsAtom)
-    const {currentTour, currentStep, isNextStepVisible, setCurrentStep, closeNextStep} =
-        useNextStep()
-    const [isWaiting, setIsWaiting] = useState(false)
-    const observerRef = useRef<MutationObserver | null>(null)
-    const timeoutRef = useRef<number | null>(null)
-    const settleTimeoutRef = useRef<number | null>(null)
-
-    useEffect(() => {
-        if (typeof document === "undefined") return
-        if (document.getElementById("onboarding-wait-style")) return
-
-        const style = document.createElement("style")
-        style.id = "onboarding-wait-style"
-        style.innerHTML = `
-            body.${WAIT_CLASSNAME} [data-name="nextstep-overlay"],
-            body.${WAIT_CLASSNAME} [data-name="nextstep-overlay2"] {
-                display: none !important;
-            }
-        `
-        document.head.appendChild(style)
-
-        return () => {
-            style.remove()
-        }
-    }, [])
-
-    useEffect(() => {
-        if (typeof document === "undefined") return
-        const body = document.body
-        if (!body) return
-
-        if (isWaiting) {
-            body.classList.add(WAIT_CLASSNAME)
-        } else {
-            body.classList.remove(WAIT_CLASSNAME)
-        }
-
-        return () => {
-            body.classList.remove(WAIT_CLASSNAME)
-        }
-    }, [isWaiting])
-
-    const {activeStep, totalSteps} = useMemo(() => {
-        if (!currentTour) {
-            return {activeStep: null, totalSteps: 0}
-        }
-
-        const tour = onboardingTours.find((item) => item.tour === currentTour)
-        if (!tour) {
-            return {activeStep: null, totalSteps: 0}
-        }
-
-        const step = tour.steps[currentStep] as OnboardingStep | undefined
-        return {activeStep: step ?? null, totalSteps: tour.steps.length}
-    }, [currentTour, currentStep, onboardingTours])
-
-    useEffect(() => {
-        const clearWaitHelpers = () => {
-            if (observerRef.current) {
-                observerRef.current.disconnect()
-                observerRef.current = null
-            }
-            if (timeoutRef.current) {
-                window.clearTimeout(timeoutRef.current)
-                timeoutRef.current = null
-            }
-            if (settleTimeoutRef.current) {
-                window.clearTimeout(settleTimeoutRef.current)
-                settleTimeoutRef.current = null
-            }
-        }
-
-        if (!isNextStepVisible || !activeStep?.waitForSelector || !activeStep.selector) {
-            setIsWaiting(false)
-            clearWaitHelpers()
-            return
-        }
-
-        if (typeof document === "undefined") {
-            return
-        }
-
-        const rootNode = document.body
-        if (!rootNode) {
-            return
-        }
-
-        let resolved = false
-
-        const finishWaiting = () => {
-            if (resolved) return
-            resolved = true
-            setIsWaiting(false)
-            clearWaitHelpers()
-        }
-
-        const settleAfterResolve = () => {
-            if (settleTimeoutRef.current) {
-                window.clearTimeout(settleTimeoutRef.current)
-            }
-            settleTimeoutRef.current = window.setTimeout(() => {
-                finishWaiting()
-            }, SETTLE_DELAY_MS)
-        }
-
-        const attemptResolve = () => {
-            const element = document.querySelector(activeStep.selector!)
-            if (element) {
-                settleAfterResolve()
-                return true
-            }
-            return false
-        }
-
-        setIsWaiting(true)
-
-        if (attemptResolve()) {
-            return () => {
-                clearWaitHelpers()
-            }
-        }
-
-        observerRef.current = new MutationObserver(() => {
-            attemptResolve()
-        })
-        observerRef.current.observe(rootNode, {childList: true, subtree: true})
-
-        const timeoutMs =
-            typeof activeStep.waitTimeoutMs === "number"
-                ? activeStep.waitTimeoutMs
-                : DEFAULT_WAIT_TIMEOUT_MS
-
-        if (timeoutMs > 0) {
-            timeoutRef.current = window.setTimeout(() => {
-                if (!attemptResolve()) {
-                    finishWaiting()
-                    if (currentStep < totalSteps - 1) {
-                        setCurrentStep(currentStep + 1)
-                    } else {
-                        closeNextStep()
-                    }
-                }
-            }, timeoutMs)
-        }
-
-        return () => {
-            clearWaitHelpers()
-        }
-    }, [activeStep, closeNextStep, currentStep, isNextStepVisible, setCurrentStep, totalSteps])
-
-    return null
-}
-
-export default OnboardingWaitForSelector
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
index 9eb9bbfc5b..74ea54ce8b 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/Components/NewEvaluationModalContent.tsx
@@ -98,11 +98,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
             {
                 key: "appPanel",
                 label: (
-                    <TabLabel
-                        id="tour-new-eval-tab-application"
-                        tabTitle="Application"
-                        completed={appSelectionComplete}
-                    >
+                    <TabLabel tabTitle="Application" completed={appSelectionComplete}>
                         {appSelectionComplete && (
                             <Tag
                                 closeIcon={<CloseCircleOutlined />}
@@ -117,7 +113,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                     </TabLabel>
                 ),
                 children: (
-                    <div id="tour-new-eval-content-application" className="flex flex-col gap-2">
+                    <div className="flex flex-col gap-2">
                         {hasAppOptions ? (
                             <>
                                 <SelectAppSection
@@ -147,12 +143,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
             {
                 key: "variantPanel",
                 label: (
-                    <TabLabel
-                        id="tour-new-eval-tab-variant"
-                        tabTitle="Variant"
-                        completed={selectedVariants.length > 0}
-                        className="!w-full"
-                    >
+                    <TabLabel tabTitle="Variant" completed={selectedVariants.length > 0}>
                         {selectedVariants.map((v) => (
                             <Tag
                                 key={v.id}
@@ -169,18 +160,16 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                     </TabLabel>
                 ),
                 children: appSelectionComplete ? (
-                    <div id="tour-new-eval-content-variant">
-                        <SelectVariantSection
-                            handlePanelChange={handlePanelChange}
-                            selectedVariantRevisionIds={selectedVariantRevisionIds}
-                            setSelectedVariantRevisionIds={setSelectedVariantRevisionIds}
-                            evaluationType={evaluationType}
-                            variants={variants}
-                            isVariantLoading={variantsLoading}
-                            className="pt-2"
-                            selectedTestsetId={selectedTestsetId}
-                        />
-                    </div>
+                    <SelectVariantSection
+                        handlePanelChange={handlePanelChange}
+                        selectedVariantRevisionIds={selectedVariantRevisionIds}
+                        setSelectedVariantRevisionIds={setSelectedVariantRevisionIds}
+                        evaluationType={evaluationType}
+                        variants={variants}
+                        isVariantLoading={variantsLoading}
+                        className="pt-2"
+                        selectedTestsetId={selectedTestsetId}
+                    />
                 ) : (
                     requireAppMessage
                 ),
@@ -188,11 +177,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
             {
                 key: "testsetPanel",
                 label: (
-                    <TabLabel
-                        id="tour-new-eval-tab-testset"
-                        tabTitle="Testset"
-                        completed={selectedTestset !== null}
-                    >
+                    <TabLabel tabTitle="Testset" completed={selectedTestset !== null}>
                         {selectedTestset ? (
                             <Tag
                                 closeIcon={<CloseCircleOutlined />}
@@ -206,16 +191,14 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                     </TabLabel>
                 ),
                 children: appSelectionComplete ? (
-                    <div id="tour-new-eval-content-testset">
-                        <SelectTestsetSection
-                            handlePanelChange={handlePanelChange}
-                            selectedTestsetId={selectedTestsetId}
-                            setSelectedTestsetId={setSelectedTestsetId}
-                            testsets={testsets}
-                            selectedVariantRevisionIds={selectedVariantRevisionIds}
-                            className="pt-2"
-                        />
-                    </div>
+                    <SelectTestsetSection
+                        handlePanelChange={handlePanelChange}
+                        selectedTestsetId={selectedTestsetId}
+                        setSelectedTestsetId={setSelectedTestsetId}
+                        testsets={testsets}
+                        selectedVariantRevisionIds={selectedVariantRevisionIds}
+                        className="pt-2"
+                    />
                 ) : (
                     requireAppMessage
                 ),
@@ -223,11 +206,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
             {
                 key: "evaluatorPanel",
                 label: (
-                    <TabLabel
-                        id="tour-new-eval-tab-evaluators"
-                        tabTitle="Evaluators"
-                        completed={selectedEvalConfig.length > 0}
-                    >
+                    <TabLabel tabTitle="Evaluators" completed={selectedEvalConfig.length > 0}>
                         {selectedEvalConfig.map((cfg: any) => {
                             return (
                                 <Tag
@@ -247,18 +226,16 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                     </TabLabel>
                 ),
                 children: appSelectionComplete ? (
-                    <div id="tour-new-eval-content-evaluators">
-                        <SelectEvaluatorSection
-                            handlePanelChange={handlePanelChange}
-                            selectedEvalConfigs={selectedEvalConfigs}
-                            setSelectedEvalConfigs={setSelectedEvalConfigs}
-                            preview={preview}
-                            evaluators={evaluators as any}
-                            evaluatorConfigs={evaluatorConfigs}
-                            selectedAppId={selectedAppId}
-                            className="pt-2"
-                        />
-                    </div>
+                    <SelectEvaluatorSection
+                        handlePanelChange={handlePanelChange}
+                        selectedEvalConfigs={selectedEvalConfigs}
+                        setSelectedEvalConfigs={setSelectedEvalConfigs}
+                        preview={preview}
+                        evaluators={evaluators as any}
+                        evaluatorConfigs={evaluatorConfigs}
+                        selectedAppId={selectedAppId}
+                        className="pt-2"
+                    />
                 ) : (
                     requireAppMessage
                 ),
@@ -268,11 +245,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                       {
                           key: "advancedSettingsPanel",
                           label: (
-                              <TabLabel
-                                  id="tour-new-eval-tab-advanced"
-                                  tabTitle="Advanced Settings"
-                                  completed={true}
-                              >
+                              <TabLabel tabTitle="Advanced Settings" completed={true}>
                                   {Object.entries(advanceSettings).map(([key, value]) => (
                                       <Tag key={key} className="max-w-[200px] truncate">
                                           {key}: {value}
@@ -281,12 +254,10 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
                               </TabLabel>
                           ),
                           children: appSelectionComplete ? (
-                              <div id="tour-new-eval-content-advanced">
-                                  <AdvancedSettings
-                                      advanceSettings={advanceSettings}
-                                      setAdvanceSettings={setAdvanceSettings}
-                                  />
-                              </div>
+                              <AdvancedSettings
+                                  advanceSettings={advanceSettings}
+                                  setAdvanceSettings={setAdvanceSettings}
+                              />
                           ) : (
                               requireAppMessage
                           ),
@@ -319,10 +290,7 @@ const NewEvaluationModalContent: FC<NewEvaluationModalContentProps> = ({
     ])
 
     return (
-        <div
-            id="tour-new-evaluation-modal"
-            className="flex flex-col w-full gap-4 h-full overflow-hidden"
-        >
+        <div className="flex flex-col w-full gap-4 h-full overflow-hidden">
             <div className="flex flex-col gap-2">
                 <Typography.Text className="font-medium">Evaluation name</Typography.Text>
                 <Input
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/assets/TabLabel/index.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/assets/TabLabel/index.tsx
index 537eb22431..d69cde5ff8 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/assets/TabLabel/index.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/assets/TabLabel/index.tsx
@@ -1,38 +1,14 @@
-import {memo, useCallback} from "react"
+import {memo} from "react"
 
 import {CheckCircleOutlined} from "@ant-design/icons"
 import {Typography} from "antd"
-import clsx from "clsx"
 
 import {TabLabelProps} from "./types"
 
-const TabLabel = ({children, tabTitle, completed, className, id, ...rest}: TabLabelProps) => {
-    const assignRef = useCallback(
-        (node: HTMLDivElement | null) => {
-            if (!node || !id) return
-
-            const ensureId = (attempt = 0) => {
-                const tabElement = node.closest(".ant-tabs-tab")
-                if (tabElement) {
-                    tabElement.setAttribute("id", id)
-                    return
-                }
-                if (attempt >= 5) return
-                setTimeout(() => ensureId(attempt + 1), 50)
-            }
-
-            ensureId()
-        },
-        [id],
-    )
-
+const TabLabel = ({children, tabTitle, completed}: TabLabelProps) => {
     return (
-        <div
-            {...rest}
-            ref={assignRef}
-            className={clsx("flex flex-col w-full items-start gap-2", className)}
-        >
-            <div className="flex items-center gap-1 w-full">
+        <div className="flex flex-col w-full items-start gap-2">
+            <div className="flex items-center gap-1">
                 <Typography.Text className="!my-0">{tabTitle}</Typography.Text>
                 {completed ? <CheckCircleOutlined style={{color: "green"}} /> : null}
             </div>
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
index 40032ff57f..9b3071d2e0 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
@@ -1,7 +1,6 @@
-import {useCallback, memo, useEffect, useMemo, useRef, useState} from "react"
+import {memo, useCallback, useEffect, useMemo, useRef, useState} from "react"
 
-import {getDefaultStore} from "jotai"
-import {useAtom} from "jotai"
+import {getDefaultStore, useAtom} from "jotai"
 import dynamic from "next/dynamic"
 import {useRouter} from "next/router"
 
@@ -27,8 +26,8 @@ import {buildEvaluationNavigationUrl} from "../utils"
 
 import {DEFAULT_ADVANCE_SETTINGS} from "./assets/constants"
 import {useStyles} from "./assets/styles"
-import type {LLMRunRateLimitWithCorrectAnswer, NewEvaluationModalGenericProps} from "./types"
 import {activeEvaluationPanelAtom} from "./state/activeEvaluationPanelAtom"
+import type {LLMRunRateLimitWithCorrectAnswer, NewEvaluationModalGenericProps} from "./types"
 
 const NewEvaluationModalContent = dynamic(() => import("./Components/NewEvaluationModalContent"), {
     ssr: false,
@@ -507,7 +506,6 @@ const NewEvaluationModal = <Preview extends boolean = true>({
             title={<span>New {evaluationType === "auto" ? "Auto" : "Human"} Evaluation</span>}
             onOk={onSubmit}
             okText="Start Evaluation"
-            okButtonProps={{id: "tour-new-eval-start"}}
             maskClosable={false}
             width={1200}
             zIndex={900}
diff --git a/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx b/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
index 22f7644540..75b2996003 100644
--- a/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
+++ b/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
@@ -510,7 +510,6 @@ const AutoEvaluationHeader = ({
                         <Button
                             icon={<Plus size={14} />}
                             className={classes.button}
-                            // id="tour-start-new-evaluation"
                             onClick={() => openAutoEvaluationModal()}
                         >
                             Create new
@@ -527,7 +526,6 @@ const AutoEvaluationHeader = ({
                                         type="primary"
                                         icon={<Plus size={14} />}
                                         className={classes.button}
-                                        id="tour-start-new-evaluation"
                                         onClick={() => openAutoEvaluationModal()}
                                     >
                                         Start new evaluation
@@ -535,7 +533,6 @@ const AutoEvaluationHeader = ({
                                     <Button
                                         icon={<Gauge size={14} className="mt-0.5" />}
                                         className={classes.button}
-                                        id="tour-configure-evaluator"
                                         onClick={() => {
                                             router.push(`${projectURL}/evaluators?tab=automatic`)
                                         }}
diff --git a/web/oss/src/state/onboarding/constants.ts b/web/oss/src/state/onboarding/assets/constants.ts
similarity index 94%
rename from web/oss/src/state/onboarding/constants.ts
rename to web/oss/src/state/onboarding/assets/constants.ts
index 230fd2f0e0..bb5b8e0891 100644
--- a/web/oss/src/state/onboarding/constants.ts
+++ b/web/oss/src/state/onboarding/assets/constants.ts
@@ -1,4 +1,4 @@
-import {UserOnboardingStatus} from "./types"
+import {UserOnboardingStatus} from "../types"
 
 export const defaultUserOnboardingState: UserOnboardingStatus = {
     apps: "idle",
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index b8f15e8d5e..6071f5e425 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -4,10 +4,10 @@ import {eagerAtom} from "jotai-eager"
 import {atomWithStorage} from "jotai/utils"
 import {Tour} from "nextstepjs"
 
-import {defaultUserOnboardingState} from "../constants"
 import {userAtom} from "../../profile"
 import {sessionExistsAtom} from "../../session"
 import {urlLocationAtom} from "../../url"
+import {defaultUserOnboardingState} from "../assets/constants"
 import {TOUR_STEPS} from "../steps"
 import {
     CurrentOnboardingStep,
diff --git a/web/oss/src/state/onboarding/index.ts b/web/oss/src/state/onboarding/index.ts
index 8f96bcbfbb..c39f4a93e8 100644
--- a/web/oss/src/state/onboarding/index.ts
+++ b/web/oss/src/state/onboarding/index.ts
@@ -1,4 +1,4 @@
+export * from "./assets/constants"
 export * from "./atoms/stepsAtom"
-export * from "./constants"
 export * from "./steps/index"
 export * from "./types"
diff --git a/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
index 02a914f7c6..6f8d209b0f 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/autoEvaluationSteps.tsx
@@ -1,209 +1,9 @@
-import {getDefaultStore} from "jotai"
-
 import {OnboardingStepsContext, TourDefinition} from "../types"
-import {
-    openAutoEvaluationModalAtom,
-    closeAutoEvaluationModalAtom,
-} from "@/oss/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom"
-import {activeEvaluationPanelAtom} from "@/oss/components/pages/evaluations/NewEvaluation/state/activeEvaluationPanelAtom"
-
-// Constants
-const EVAL_TAB_BY_SELECTOR: Record<string, string> = {
-    "#tour-new-eval-tab-application": "appPanel",
-    "#tour-new-eval-content-application": "appPanel",
-    "#tour-new-eval-tab-variant": "variantPanel",
-    "#tour-new-eval-content-variant": "variantPanel",
-    "#tour-new-eval-tab-testset": "testsetPanel",
-    "#tour-new-eval-content-testset": "testsetPanel",
-    "#tour-new-eval-tab-evaluators": "evaluatorPanel",
-    "#tour-new-eval-content-evaluators": "evaluatorPanel",
-    "#tour-new-eval-tab-advanced": "advancedSettingsPanel",
-    "#tour-new-eval-content-advanced": "advancedSettingsPanel",
-}
 
-// Function
-const ensureEvalTab = (selector?: string | null) => {
-    if (!selector) return
-    const tab = (EVAL_TAB_BY_SELECTOR as any)[selector]
-    if (!tab) return
-    getDefaultStore().set(activeEvaluationPanelAtom, tab)
-}
-
-const openAutoEvalModal = () => {
-    getDefaultStore().set(openAutoEvaluationModalAtom)
-}
-
-const closeAutoEvalModal = () => {
-    getDefaultStore().set(closeAutoEvaluationModalAtom)
-}
-
-// Steps
-const AUTO_EVALUATION_STEPS: TourDefinition[number]["steps"] = [
-    {
-        icon: "🧪",
-        title: "Start an evaluation",
-        content: (
-            <span>
-                Kick off automated scoring from here once you&apos;re ready to compare variants
-                against a testset.
-            </span>
-        ),
-        selector: "#tour-start-new-evaluation",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: closeAutoEvalModal,
-        onCleanup: closeAutoEvalModal,
-        advanceOnClick: true,
-    },
-    {
-        icon: "📱",
-        title: "Pick the app",
-        content: (
-            <span>
-                Choose which application this run belongs to so we fetch its variants and connected
-                infrastructure.
-            </span>
-        ),
-        selector: "#tour-new-eval-content-application",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step?: {selector?: string | null}) => {
-            ensureEvalTab(step?.selector ?? null)
-            openAutoEvalModal()
-        },
-        onCleanup: closeAutoEvalModal,
-    },
-    {
-        icon: "🧬",
-        title: "Select variant",
-        content: (
-            <span>
-                Add the variants or revisions you want to measure. You can revisit this to compare
-                multiple revisions.
-            </span>
-        ),
-        selector: "#tour-new-eval-content-variant",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step?: {selector?: string | null}) => {
-            ensureEvalTab(step?.selector ?? null)
-            openAutoEvalModal()
-        },
-        // onCleanup: closeAutoEvalModal,
-    },
-
-    {
-        icon: "📊",
-        title: "Attach a testset",
-        content: (
-            <span>
-                Link the dataset that contains your evaluation scenarios and expected answers for
-                accurate scoring.
-            </span>
-        ),
-        selector: "#tour-new-eval-content-testset",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step) => {
-            ensureEvalTab(step?.selector)
-            openAutoEvalModal()
-        },
-        onCleanup: closeAutoEvalModal,
-    },
-    {
-        icon: "🔎",
-        title: "Choose evaluators",
-        content: (
-            <span>
-                Confirm evaluator choices and settings. You can remove any tag to deselect an
-                evaluator.
-            </span>
-        ),
-        selector: "#tour-new-eval-content-evaluators",
-        side: "right",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step) => ensureEvalTab(step?.selector),
-        onCleanup: closeAutoEvalModal,
-    },
-    {
-        icon: "🔎",
-        title: "Tune advanced settings",
-        content: (
-            <span>
-                Review and fine-tune rate limits and the expected answer column before launching.
-            </span>
-        ),
-        selector: "#tour-new-eval-content-advanced",
-        side: "right",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: (step) => ensureEvalTab(step?.selector),
-        onCleanup: closeAutoEvalModal,
-    },
-    {
-        icon: "🚀",
-        title: "Launch the run",
-        content: (
-            <span>
-                When everything looks good, start the evaluation. We&apos;ll close the modal and add
-                the new run to your table.
-            </span>
-        ),
-        selector: "#tour-new-eval-start",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: openAutoEvalModal,
-        onCleanup: closeAutoEvalModal,
-    },
-]
-
-// Helper
-const resolveDefaultEvaluationTour = (ctx: OnboardingStepsContext): TourDefinition => {
-    const location = ctx.location
-
-    if (location?.scope === "project") {
-        return [
-            {
-                tour: "auto-evaluation-quickstart",
-                steps: AUTO_EVALUATION_STEPS,
-            },
-        ]
-    }
-
-    return [
-        {
-            tour: "auto-evaluation-quickstart",
-            steps: AUTO_EVALUATION_STEPS.filter(
-                (step) => step.selector !== "#tour-new-eval-content-application",
-            ),
-        },
-    ]
-}
+const EMPTY_STEPS: TourDefinition = []
 
 const AUTO_EVALUATION_TOUR_MAP: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
-    Hobbyist: (ctx) => resolveDefaultEvaluationTour(ctx),
-    "ML/AI Engineer or Data scientist": (ctx) => resolveDefaultEvaluationTour(ctx),
-    "Frontend / Backend Developer": (ctx) => resolveDefaultEvaluationTour(ctx),
+    Hobbyist: (ctx) => EMPTY_STEPS,
 }
 
 export const AUTO_EVALUATION_TOURS = new Proxy(AUTO_EVALUATION_TOUR_MAP, {
diff --git a/web/oss/src/state/url/resolveURLSection.ts b/web/oss/src/state/url/resolveURLSection.ts
index 7bd24654f2..bf80a0bafe 100644
--- a/web/oss/src/state/url/resolveURLSection.ts
+++ b/web/oss/src/state/url/resolveURLSection.ts
@@ -3,7 +3,7 @@ import {getDefaultStore} from "jotai"
 import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
 import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 
-import {ONBOARDING_SECTIONS, TOUR_STEP_KEY_MAPPER} from "../onboarding/constants"
+import {ONBOARDING_SECTIONS, TOUR_STEP_KEY_MAPPER} from "../onboarding/assets/constants"
 import {UserOnboardingStatus} from "../onboarding/types"
 
 export type ResolveOnboardingSectionOptions = {

From 4b2aef0c1527e1d680cc0c527154edacb2dfc313 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 23:01:45 +0600
Subject: [PATCH 45/53] cleandup and reverted code changes

---
 .../components/EvalResultsView/index.tsx      |  2 +-
 .../EvalRunScenarioCardBody.tsx               |  3 +-
 .../InvocationResponse.tsx                    | 15 +----
 .../EvalRunScenarioCard/InvocationRun.tsx     |  9 +--
 .../components/EvalRunScenarioCard/types.ts   |  2 -
 .../ScenarioAnnotationPanel/index.tsx         |  4 +-
 .../components/Layout/assets/Breadcrumbs.tsx  |  2 +
 .../Drawers/TraceDrawer/TraceDrawer.tsx       | 64 ++++++++----------
 .../TraceDrawer/store/traceDrawerStore.ts     |  6 --
 .../assets/DeployVariantButton/index.tsx      | 65 +++++++++++--------
 .../Modals/DeployVariantModal/index.tsx       |  1 -
 .../components/pages/app-management/index.tsx |  6 +-
 .../modals/AddAppFromTemplateModal/index.tsx  |  5 +-
 .../components/CustomWorkflowModalContent.tsx | 39 ++++++-----
 .../modals/CustomWorkflowModal/index.tsx      |  9 +--
 .../pages/evaluations/NewEvaluation/index.tsx | 23 +++----
 .../assets/AutoEvaluationHeader.tsx           | 21 ++----
 .../drawer/TraceContent/index.tsx             | 19 +++---
 .../drawer/TraceHeader/index.tsx              | 10 ---
 .../drawer/TraceSidePanel/index.tsx           | 14 ++--
 .../drawer/TraceTree/assets/types.d.ts        |  5 +-
 .../observability/drawer/TraceTree/index.tsx  |  9 +--
 .../ui/CustomTreeComponent/index.tsx          | 35 ++--------
 23 files changed, 137 insertions(+), 231 deletions(-)

diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalResultsView/index.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalResultsView/index.tsx
index b7ef6b6a8a..0573c776de 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalResultsView/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalResultsView/index.tsx
@@ -10,7 +10,7 @@ import EvalRunOverviewViewer from "../../../components/EvalRunOverviewViewer"
  */
 const EvalResultsView = ({runId}: {runId: string}) => {
     return (
-        <section className="overflow-y-auto flex flex-col gap-4" id="tour-human-eval-results-view">
+        <section className="overflow-y-auto flex flex-col gap-4">
             <EvalRunOverviewViewer />
         </section>
     )
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/EvalRunScenarioCardBody.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/EvalRunScenarioCardBody.tsx
index ffc01fb332..39f4f2208b 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/EvalRunScenarioCardBody.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/EvalRunScenarioCardBody.tsx
@@ -77,13 +77,12 @@ const EvalRunScenarioCardBody: FC<EvalRunScenarioCardBodyProps> = ({scenarioId,
     const renderRuns = useCallback(() => {
         if (!invocationSteps.length) return null
 
-        return invocationSteps.map((invStep: any, index: number) => (
+        return invocationSteps.map((invStep: any) => (
             <InvocationRun
                 key={invStep.id}
                 invStep={invStep}
                 scenarioId={scenarioId}
                 runId={effectiveRunId}
-                isPrimary={index === 0}
             />
         ))
     }, [scenarioId, invocationSteps, effectiveRunId])
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
index 4511e41376..76520ea9ee 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationResponse.tsx
@@ -12,12 +12,7 @@ import RunEvalScenarioButton from "../RunEvalScenarioButton"
 
 import {InvocationResponseProps} from "./types"
 
-const InvocationResponse = ({
-    scenarioId,
-    stepKey,
-    runId,
-    highlightTour = false,
-}: InvocationResponseProps) => {
+const InvocationResponse = ({scenarioId, stepKey, runId}: InvocationResponseProps) => {
     const {status, trace, value, messageNodes} = useInvocationResult({scenarioId, stepKey, runId})
     const editorKey = trace?.trace_id ?? trace?.id ?? `${scenarioId}-${stepKey}-${runId}`
 
@@ -27,13 +22,7 @@ const InvocationResponse = ({
                 <Typography.Title level={4} className="!font-medium !m-0">
                     Model Response
                 </Typography.Title>
-                <div className="flex items-center">
-                    <RunEvalScenarioButton
-                        stepKey={stepKey}
-                        scenarioId={scenarioId}
-                        runId={runId}
-                    />
-                </div>
+                <RunEvalScenarioButton stepKey={stepKey} scenarioId={scenarioId} runId={runId} />
             </div>
 
             {messageNodes ? (
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationRun.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationRun.tsx
index ea20e06226..d04cee9eaf 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationRun.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/InvocationRun.tsx
@@ -4,7 +4,7 @@ import InvocationInputs from "./InvocationInputs"
 import InvocationResponse from "./InvocationResponse"
 import {InvocationRunProps} from "./types"
 
-const InvocationRun = ({invStep, scenarioId, runId, isPrimary = false}: InvocationRunProps) => {
+const InvocationRun = ({invStep, scenarioId, runId}: InvocationRunProps) => {
     return (
         <div className="flex flex-col gap-6 w-full text-sm">
             <InvocationInputs
@@ -12,12 +12,7 @@ const InvocationRun = ({invStep, scenarioId, runId, isPrimary = false}: Invocati
                 testcaseId={invStep.testcaseId}
                 runId={runId}
             />
-            <InvocationResponse
-                scenarioId={scenarioId}
-                stepKey={invStep.stepKey}
-                runId={runId}
-                highlightTour={isPrimary}
-            />
+            <InvocationResponse scenarioId={scenarioId} stepKey={invStep.stepKey} runId={runId} />
         </div>
     )
 }
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/types.ts b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/types.ts
index d5b77d6279..559d89c211 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/types.ts
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/EvalRunScenarioCard/types.ts
@@ -20,12 +20,10 @@ export interface InvocationResponseProps {
     scenarioId: string
     stepKey: string
     runId?: string
-    highlightTour?: boolean
 }
 
 export interface InvocationRunProps {
     invStep: any
     scenarioId: string
     runId?: string
-    isPrimary?: boolean
 }
diff --git a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
index 8b89bba3e6..c706820839 100644
--- a/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/HumanEvalRun/components/ScenarioAnnotationPanel/index.tsx
@@ -4,7 +4,7 @@ import {Card, Typography} from "antd"
 import clsx from "clsx"
 import deepEqual from "fast-deep-equal"
 import {useAtomValue} from "jotai"
-import {loadable, selectAtom} from "jotai/utils"
+import {selectAtom, loadable} from "jotai/utils"
 import dynamic from "next/dynamic"
 
 import {
@@ -15,10 +15,10 @@ import {UpdatedMetricsType} from "@/oss/components/pages/observability/drawer/An
 import {isAnnotationCreatedByCurrentUser} from "@/oss/components/pages/observability/drawer/AnnotateDrawer/assets/utils"
 import {AnnotationDto} from "@/oss/lib/hooks/useAnnotations/types"
 import {
-    evaluationRunStateFamily,
     getCurrentRunId,
     scenarioStepFamily,
 } from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
+import {evaluationRunStateFamily} from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
 import {UseEvaluationRunScenarioStepsFetcherResult} from "@/oss/lib/hooks/useEvaluationRunScenarioSteps/types"
 
 import AnnotateScenarioButton from "../AnnotateScenarioButton"
diff --git a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
index 8e5aa24458..a4aedd92b4 100644
--- a/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
+++ b/web/oss/src/components/Layout/assets/Breadcrumbs.tsx
@@ -9,6 +9,7 @@ import Link from "next/link"
 import {breadcrumbAtom, type BreadcrumbAtom} from "@/oss/lib/atoms/breadcrumb"
 import {sidebarCollapsedAtom} from "@/oss/lib/atoms/sidebar"
 import {getUniquePartOfId, isUuid} from "@/oss/lib/helpers/utils"
+import {useAppState} from "@/oss/state/appState"
 
 import packageJsonData from "../../../../package.json"
 import EnhancedButton from "../../Playground/assets/EnhancedButton"
@@ -69,6 +70,7 @@ const BreadcrumbContainer = memo(({appTheme}: {appTheme: string}) => {
     const classes = useStyles({themeMode: appTheme} as StyleProps)
     const breadcrumbs = useAtomValue(breadcrumbAtom)
     const [collapsed, setCollapsed] = useAtom(sidebarCollapsedAtom)
+    const appState = useAppState()
     const breadcrumbItems = useMemo(
         () => breadcrumbItemsGenerator(breadcrumbs || {}),
         [breadcrumbs],
diff --git a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
index 8a6226acf6..c677d0bf80 100644
--- a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
+++ b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/TraceDrawer.tsx
@@ -6,7 +6,6 @@ import {useAtomValue, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
 
 import EnhancedDrawer from "@/oss/components/EnhancedUIs/Drawer"
-import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import useTraceDrawer from "@/oss/components/pages/observability/drawer/hooks/useTraceDrawer"
 import TraceSidePanel from "@/oss/components/pages/observability/drawer/TraceSidePanel"
 import {useObservability} from "@/oss/state/newObservability"
@@ -16,7 +15,6 @@ import {clearTraceParamAtom} from "@/oss/state/url"
 import {
     isDrawerOpenAtom,
     closeTraceDrawerAtom,
-    TRACE_DRAWER_VIEWPORT_ID,
     setTraceDrawerActiveSpanAtom,
     setTraceDrawerTraceAtom,
 } from "./store/traceDrawerStore"
@@ -51,8 +49,6 @@ const TraceDrawer = () => {
     const [, setTraceQueryParam] = useQueryParamState("trace")
     const [, setSpanQueryParam] = useQueryParamState("span")
 
-    const [drawerOpened, setDrawerOpened] = useState(false)
-
     // Initialize selection when drawer payload changes
     const lastPayloadActiveIdRef = useRef<string | undefined>(undefined)
 
@@ -98,11 +94,7 @@ const TraceDrawer = () => {
 
     const handleAfterOpenChange = useCallback(
         (isOpen: boolean) => {
-            if (isOpen) {
-                setDrawerOpened(true)
-            }
             if (!isOpen) {
-                setDrawerOpened(false)
                 clearTraceParam()
                 setSpanQueryParam(undefined, {shallow: true})
             }
@@ -162,39 +154,39 @@ const TraceDrawer = () => {
             closeOnLayoutClick={false}
             afterOpenChange={handleAfterOpenChange}
             className="[&_.ant-drawer-body]:p-0"
-            zIndex={900}
         >
-            <Spin spinning={Boolean(isLoading)} tip="Loading trace…" size="large">
-                <div className="h-full">
-                    <Splitter className="h-[calc(100%-48px)]">
-                        <Splitter.Panel defaultSize={320} collapsible>
-                            <TraceTree
-                                activeTraceId={activeId}
-                                selected={activeId}
-                                setSelected={setSelected}
-                                enableTour={drawerOpened}
-                            />
-                        </Splitter.Panel>
-                        <Splitter.Panel min={400} defaultSize={640}>
-                            <TraceContent
-                                activeTrace={activeTrace as any}
-                                traceResponse={traceResponse}
-                                error={error as any}
-                                isLoading={isLoading}
-                            />
-                        </Splitter.Panel>
-                        {isAnnotationsSectionOpen && (
-                            <Splitter.Panel min={200} defaultSize={320} collapsible>
-                                <TraceSidePanel
-                                    activeTrace={activeTrace as any}
+            <div className="h-full w-full">
+                <Spin spinning={Boolean(isLoading)} tip="Loading trace…" size="large">
+                    <div className="h-full">
+                        <Splitter className="h-[calc(100%-48px)]">
+                            <Splitter.Panel defaultSize={320} collapsible>
+                                <TraceTree
                                     activeTraceId={activeId}
+                                    selected={activeId}
+                                    setSelected={setSelected}
+                                />
+                            </Splitter.Panel>
+                            <Splitter.Panel min={400} defaultSize={640}>
+                                <TraceContent
+                                    activeTrace={activeTrace as any}
+                                    traceResponse={traceResponse}
+                                    error={error as any}
                                     isLoading={isLoading}
                                 />
                             </Splitter.Panel>
-                        )}
-                    </Splitter>
-                </div>
-            </Spin>
+                            {isAnnotationsSectionOpen && (
+                                <Splitter.Panel min={200} defaultSize={320} collapsible>
+                                    <TraceSidePanel
+                                        activeTrace={activeTrace as any}
+                                        activeTraceId={activeId}
+                                        isLoading={isLoading}
+                                    />
+                                </Splitter.Panel>
+                            )}
+                        </Splitter>
+                    </div>
+                </Spin>
+            </div>
         </EnhancedDrawer>
     )
 }
diff --git a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore.ts b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore.ts
index dc9d08315b..eb5017aa80 100644
--- a/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore.ts
+++ b/web/oss/src/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore.ts
@@ -10,10 +10,6 @@ export interface TraceDrawerState {
     activeSpanId: string | null
 }
 
-export type TraceDrawerTabKey = "overview" | "raw_data" | "annotations"
-
-export const TRACE_DRAWER_VIEWPORT_ID = "trace-drawer-viewport"
-
 export const initialTraceDrawerState: TraceDrawerState = {
     open: false,
     traceId: null,
@@ -25,11 +21,9 @@ export const traceDrawerAtom = atomWithImmer<TraceDrawerState>(initialTraceDrawe
 export const isDrawerOpenAtom = atom((get) => get(traceDrawerAtom).open)
 export const traceDrawerTraceIdAtom = atom((get) => get(traceDrawerAtom).traceId)
 export const traceDrawerActiveSpanIdAtom = atom((get) => get(traceDrawerAtom).activeSpanId)
-export const traceDrawerActiveTabAtom = atom<TraceDrawerTabKey>("overview")
 
 export const resetTraceDrawerAtom = atom(null, (_get, set) => {
     set(traceDrawerAtom, initialTraceDrawerState)
-    set(traceDrawerActiveTabAtom, "overview")
 })
 
 export const closeTraceDrawerAtom = atom(null, (_get, set) => {
diff --git a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
index e1f31cb1a9..66a3083005 100644
--- a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
+++ b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantButton/index.tsx
@@ -1,15 +1,17 @@
-import {cloneElement, isValidElement, useMemo} from "react"
+import {cloneElement, isValidElement, useMemo, useState} from "react"
 
 import {CloudArrowUp} from "@phosphor-icons/react"
-import {useAtomValue, useSetAtom} from "jotai"
+import {useAtomValue} from "jotai"
+import dynamic from "next/dynamic"
 
 import EnhancedButton from "@/oss/components/Playground/assets/EnhancedButton"
 import {variantByRevisionIdAtomFamily} from "@/oss/components/Playground/state/atoms"
-
-import {openDeployVariantModalAtom} from "../../store/deployVariantModalStore"
+import {useEnvironments} from "@/oss/services/deployment/hooks/useEnvironments"
 
 import {DeployVariantButtonProps} from "./types"
 
+const DeployVariantModal = dynamic(() => import("../.."), {ssr: false})
+
 const DeployVariantButton = ({
     variantId,
     revisionId,
@@ -18,31 +20,28 @@ const DeployVariantButton = ({
     children,
     ...props
 }: DeployVariantButtonProps) => {
-    const openDeployModal = useSetAtom(openDeployVariantModalAtom)
-
-    const revisionKey = revisionId ?? variantId ?? ""
-    const variant = useAtomValue(variantByRevisionIdAtomFamily(revisionKey)) as any
+    const [isDeployModalOpen, setIsDeployModalOpen] = useState(false)
+    const {
+        environments: _environments,
+        mutate: mutateEnv,
+        isEnvironmentsLoading,
+    } = useEnvironments()
 
-    const payload = useMemo(() => {
-        const inferredRevisionId = revisionId ?? variant?.id ?? null
-        const inferredParentVariantId =
-            typeof variant?.variantId === "string" ? variant.variantId : (variantId ?? null)
-
-        const variantName = variant?.variantName ?? variant?.name ?? label ?? "Variant"
-        const revision = variant?.revisionNumber ?? variant?.revision ?? ""
+    // Focused read for the specific revision's metadata
+    const variant = useAtomValue(variantByRevisionIdAtomFamily(revisionId)) as any
 
+    const {environments, variantName, revision} = useMemo(() => {
         return {
-            parentVariantId: inferredParentVariantId ?? null,
-            revisionId: inferredRevisionId ?? null,
-            variantName,
-            revision,
-            mutate: undefined,
+            variantName: variant?.variantName || "",
+            revision: (variant as any)?.revisionNumber ?? (variant as any)?.revision ?? "",
+            environments: _environments,
         }
-    }, [variant, variantId, revisionId, label])
+    }, [variant, _environments])
 
-    const handleOpen = () => {
-        if (!payload.revisionId && !payload.parentVariantId) return
-        openDeployModal(payload as any)
+    const onSuccess = async () => {
+        // Just refetch environments - the revisionListAtom will automatically update
+        // when the deployment state changes through SWR revalidation
+        await mutateEnv()
     }
 
     return (
@@ -53,19 +52,33 @@ const DeployVariantButton = ({
                         onClick: () => void
                     }>,
                     {
-                        onClick: handleOpen,
+                        onClick: () => {
+                            setIsDeployModalOpen(true)
+                        },
                     },
                 )
             ) : (
                 <EnhancedButton
                     type="text"
                     icon={icon && <CloudArrowUp size={14} />}
-                    onClick={handleOpen}
+                    onClick={() => setIsDeployModalOpen(true)}
                     tooltipProps={icon && !label ? {title: "Deploy"} : {}}
                     label={label}
                     {...props}
                 />
             )}
+
+            <DeployVariantModal
+                open={isDeployModalOpen}
+                onCancel={() => setIsDeployModalOpen(false)}
+                variantId={variantId}
+                revisionId={revisionId}
+                environments={environments}
+                mutate={onSuccess}
+                variantName={variantName}
+                revision={revision}
+                isLoading={isEnvironmentsLoading}
+            />
         </>
     )
 }
diff --git a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
index 432335ed4a..b420d947fe 100644
--- a/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
+++ b/web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx
@@ -93,7 +93,6 @@ const DeployVariantModal = ({
             confirmLoading={isLoading}
             title="Deploy variant"
             onOk={() => deployVariants()}
-            zIndex={900}
             okButtonProps={{
                 icon: <Rocket size={14} className="mt-0.5" />,
                 disabled: !selectedEnvName.length,
diff --git a/web/oss/src/components/pages/app-management/index.tsx b/web/oss/src/components/pages/app-management/index.tsx
index 9f136ed33d..48240573e9 100644
--- a/web/oss/src/components/pages/app-management/index.tsx
+++ b/web/oss/src/components/pages/app-management/index.tsx
@@ -3,7 +3,7 @@ import {useEffect, useMemo, useState} from "react"
 import {Typography} from "antd"
 import {useRouter} from "next/router"
 import dayjs from "dayjs"
-import {useAtom, useAtomValue, useSetAtom} from "jotai"
+import {useAtomValue, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
 
 import {useAppTheme} from "@/oss/components/Layout/ThemeContextProvider"
@@ -29,7 +29,6 @@ import HelpAndSupportSection from "./components/HelpAndSupportSection"
 import useCustomWorkflowConfig from "./modals/CustomWorkflowModal/hooks/useCustomWorkflowConfig"
 import ProjectHeaderActions from "./components/ProjectHeaderActions"
 import {useProjectData} from "@/oss/state/project"
-import {isAddAppFromTemplatedAtom} from "./state/atom"
 
 const CreateAppStatusModal: any = dynamic(
     () => import("@/oss/components/pages/app-management/modals/CreateAppStatusModal"),
@@ -68,8 +67,7 @@ const AppManagement: React.FC = () => {
     const [isMaxAppModalOpen, setIsMaxAppModalOpen] = useState(false)
     const {user} = useProfileData()
     const [templateKey, setTemplateKey] = useState<ServiceType | undefined>(undefined)
-    const [isAddAppFromTemplatedModal, setIsAddAppFromTemplatedModal] =
-        useAtom(isAddAppFromTemplatedAtom)
+    const [isAddAppFromTemplatedModal, setIsAddAppFromTemplatedModal] = useState(false)
     const [isSetupTracingModal, setIsSetupTracingModal] = useState(false)
     const [newApp, setNewApp] = useState("")
     const [searchTerm, setSearchTerm] = useState("")
diff --git a/web/oss/src/components/pages/app-management/modals/AddAppFromTemplateModal/index.tsx b/web/oss/src/components/pages/app-management/modals/AddAppFromTemplateModal/index.tsx
index a2bf90fc21..6800bfd30a 100644
--- a/web/oss/src/components/pages/app-management/modals/AddAppFromTemplateModal/index.tsx
+++ b/web/oss/src/components/pages/app-management/modals/AddAppFromTemplateModal/index.tsx
@@ -67,7 +67,6 @@ const AddAppFromTemplatedModal = ({
             title={null}
             className={classes.modalContainer}
             width={480}
-            zIndex={900}
             centered
             {...props}
         >
@@ -80,7 +79,6 @@ const AddAppFromTemplatedModal = ({
                     <Text className={classes.label}>Provide the name of the application</Text>
                     <Input
                         placeholder="Enter a name"
-                        id="tour-app-name-input"
                         value={newApp}
                         onChange={(e) => setNewApp(e.target.value)}
                         onKeyDown={handleEnterKeyPress}
@@ -103,7 +101,7 @@ const AddAppFromTemplatedModal = ({
 
                 <div className="space-y-2">
                     <Text className={classes.label}>Choose the prompt type</Text>
-                    <Flex gap={16} id="tour-template-list">
+                    <Flex gap={16}>
                         {noTemplateMessage ? (
                             <Card title="No Templates Available" className={classes.card}>
                                 <Text>{noTemplateMessage}</Text>
@@ -131,7 +129,6 @@ const AddAppFromTemplatedModal = ({
                         type="primary"
                         disabled={!newApp || isError || !templateKey}
                         onClick={handleCreateApp}
-                        id="tour-create-app-button"
                     >
                         Create New Prompt
                     </Button>
diff --git a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
index 5d90704880..b050a38a18 100644
--- a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
+++ b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/components/CustomWorkflowModalContent.tsx
@@ -2,7 +2,7 @@ import {useCallback, useEffect, useMemo} from "react"
 
 import {CloseOutlined} from "@ant-design/icons"
 import {Scroll} from "@phosphor-icons/react"
-import {Button, notification, Space, Typography} from "antd"
+import {Typography, Space, Button, notification} from "antd"
 import {useAtom} from "jotai"
 
 import SharedEditor from "@/oss/components/Playground/Components/SharedEditor"
@@ -12,9 +12,9 @@ import {findCustomWorkflowPath, removeTrailingSlash} from "@/oss/lib/shared/vari
 import {updateVariant} from "@/oss/services/app-selector/api"
 import {useAppsData} from "@/oss/state/app"
 import {
-    customWorkflowConfiguringAtom,
-    customWorkflowTestStatusAtom,
     customWorkflowValuesAtomFamily,
+    customWorkflowTestStatusAtom,
+    customWorkflowConfiguringAtom,
 } from "@/oss/state/customWorkflow/modalAtoms"
 
 import {useStyles} from "../assets/styles"
@@ -301,23 +301,22 @@ const CustomWorkflowModalContent = ({
                 )}
             </div>
 
-            <div>
-                <SharedEditor
-                    header={<Typography className={classes.label}>Workflow URL *</Typography>}
-                    initialValue={workflowUrlInput}
-                    handleChange={(value) => {
-                        setValues((draft) => {
-                            draft.appUrl = value
-                        })
-                        setCustomWorkflowAppValues?.((prev) => ({...prev, appUrl: value}))
-                    }}
-                    editorType="border"
-                    placeholder="Enter workflow URL"
-                    editorClassName="!border-none !shadow-none px-0"
-                    className="py-1 px-[11px] !w-auto"
-                    useAntdInput
-                />
-            </div>
+            <SharedEditor
+                header={<Typography className={classes.label}>Workflow URL *</Typography>}
+                initialValue={workflowUrlInput}
+                handleChange={(value) => {
+                    setValues((draft) => {
+                        draft.appUrl = value
+                    })
+                    setCustomWorkflowAppValues?.((prev) => ({...prev, appUrl: value}))
+                }}
+                editorType="border"
+                placeholder="Enter workflow URL"
+                editorClassName="!border-none !shadow-none px-0"
+                className="py-1 px-[11px] !w-auto"
+                useAntdInput
+            />
+
             {
                 <CustomWorkflowModalFooter
                     handleCancelButton={() => props.onCancel?.({} as any)}
diff --git a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/index.tsx b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/index.tsx
index a0fcb8a8e9..abee654f22 100644
--- a/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/index.tsx
+++ b/web/oss/src/components/pages/app-management/modals/CustomWorkflowModal/index.tsx
@@ -11,14 +11,7 @@ const CustomWorkflowModalContent = dynamic(
 
 const CustomWorkflowModal = (props: CustomWorkflowModalProps) => {
     return (
-        <EnhancedModal
-            title={null}
-            width={480}
-            closeIcon={null}
-            footer={null}
-            zIndex={900}
-            {...props}
-        >
+        <EnhancedModal title={null} width={480} closeIcon={null} footer={null} {...props}>
             <CustomWorkflowModalContent {...props} />
         </EnhancedModal>
     )
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
index 9b3071d2e0..7aa28f5e12 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/index.tsx
@@ -1,6 +1,6 @@
-import {memo, useCallback, useEffect, useMemo, useRef, useState} from "react"
+import {useCallback, memo, useEffect, useMemo, useRef, useState} from "react"
 
-import {getDefaultStore, useAtom} from "jotai"
+import {getDefaultStore} from "jotai"
 import dynamic from "next/dynamic"
 import {useRouter} from "next/router"
 
@@ -26,7 +26,6 @@ import {buildEvaluationNavigationUrl} from "../utils"
 
 import {DEFAULT_ADVANCE_SETTINGS} from "./assets/constants"
 import {useStyles} from "./assets/styles"
-import {activeEvaluationPanelAtom} from "./state/activeEvaluationPanelAtom"
 import type {LLMRunRateLimitWithCorrectAnswer, NewEvaluationModalGenericProps} from "./types"
 
 const NewEvaluationModalContent = dynamic(() => import("./Components/NewEvaluationModalContent"), {
@@ -103,7 +102,9 @@ const NewEvaluationModal = <Preview extends boolean = true>({
     const [selectedTestsetId, setSelectedTestsetId] = useState("")
     const [selectedVariantRevisionIds, setSelectedVariantRevisionIds] = useState<string[]>([])
     const [selectedEvalConfigs, setSelectedEvalConfigs] = useState<string[]>([])
-    const [activePanel, setActivePanel] = useAtom(activeEvaluationPanelAtom)
+    const [activePanel, setActivePanel] = useState<string | null>(
+        isAppScoped ? "variantPanel" : "appPanel",
+    )
     const [evaluationName, setEvaluationName] = useState("")
     const [nameFocused, setNameFocused] = useState(false)
     const [advanceSettings, setAdvanceSettings] =
@@ -123,7 +124,7 @@ const NewEvaluationModal = <Preview extends boolean = true>({
         if (!selectedAppId) return
         if (activePanel !== "appPanel") return
         setActivePanel("variantPanel")
-    }, [props.open, isAppScoped, selectedAppId, activePanel, setActivePanel])
+    }, [props.open, isAppScoped, selectedAppId, activePanel])
 
     const handleAppSelection = useCallback(
         (value: string) => {
@@ -163,12 +164,9 @@ const NewEvaluationModal = <Preview extends boolean = true>({
 
     const {secrets} = useVaultSecret()
 
-    const handlePanelChange = useCallback(
-        (key: string | string[]) => {
-            setActivePanel(key as any)
-        },
-        [setActivePanel],
-    )
+    const handlePanelChange = useCallback((key: string | string[]) => {
+        setActivePanel(key as string)
+    }, [])
 
     const afterClose = useCallback(() => {
         props?.afterClose?.()
@@ -181,7 +179,7 @@ const NewEvaluationModal = <Preview extends boolean = true>({
         if (!isAppScoped) {
             setSelectedAppId("")
         }
-    }, [props?.afterClose, isAppScoped, setActivePanel])
+    }, [props?.afterClose, isAppScoped])
 
     // Track focus on any input within modal to avoid overriding user typing
     useEffect(() => {
@@ -508,7 +506,6 @@ const NewEvaluationModal = <Preview extends boolean = true>({
             okText="Start Evaluation"
             maskClosable={false}
             width={1200}
-            zIndex={900}
             className={classes.modalContainer}
             confirmLoading={submitLoading}
             afterClose={afterClose}
diff --git a/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx b/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
index 75b2996003..783fb6804f 100644
--- a/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
+++ b/web/oss/src/components/pages/evaluations/autoEvaluation/assets/AutoEvaluationHeader.tsx
@@ -3,7 +3,7 @@ import {memo, useCallback, useMemo, useState} from "react"
 import {ArrowsLeftRight, Export, Gauge, Plus, Trash} from "@phosphor-icons/react"
 import {Button, Space, Input, message, theme, Typography} from "antd"
 import {ColumnsType} from "antd/es/table"
-import {useAtom, useAtomValue, useSetAtom} from "jotai"
+import {useAtom, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
 import Link from "next/link"
 import {useRouter} from "next/router"
@@ -30,11 +30,6 @@ import {buildEvaluationNavigationUrl} from "../../utils"
 import {useStyles} from "./styles"
 
 import {AutoEvaluationHeaderProps} from "./types"
-import {
-    autoEvaluationModalAtom,
-    closeAutoEvaluationModalAtom,
-    openAutoEvaluationModalAtom,
-} from "@/oss/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom"
 
 const isLegacyEvaluation = (evaluation: any): boolean => "aggregated_results" in evaluation
 
@@ -77,12 +72,10 @@ const AutoEvaluationHeader = ({
     // atoms
     const [searchQuery, setSearchQuery] = useAtom(searchQueryAtom)
     const setTempEvaluation = useSetAtom(tempEvaluationAtom)
-    const autoEvaluationModalState = useAtomValue(autoEvaluationModalAtom)
-    const openAutoEvaluationModal = useSetAtom(openAutoEvaluationModalAtom)
-    const closeAutoEvaluationModal = useSetAtom(closeAutoEvaluationModalAtom)
 
     // local states
     const [searchTerm, setSearchTerm] = useState("")
+    const [newEvalModalOpen, setNewEvalModalOpen] = useState(false)
 
     const onExport = useCallback(() => {
         try {
@@ -510,7 +503,7 @@ const AutoEvaluationHeader = ({
                         <Button
                             icon={<Plus size={14} />}
                             className={classes.button}
-                            onClick={() => openAutoEvaluationModal()}
+                            onClick={() => setNewEvalModalOpen(true)}
                         >
                             Create new
                         </Button>
@@ -526,7 +519,7 @@ const AutoEvaluationHeader = ({
                                         type="primary"
                                         icon={<Plus size={14} />}
                                         className={classes.button}
-                                        onClick={() => openAutoEvaluationModal()}
+                                        onClick={() => setNewEvalModalOpen(true)}
                                     >
                                         Start new evaluation
                                     </Button>
@@ -607,9 +600,9 @@ const AutoEvaluationHeader = ({
 
             {(scope === "app" && activeAppId) || scope === "project" ? (
                 <NewEvaluationModal
-                    open={autoEvaluationModalState.open}
+                    open={newEvalModalOpen}
                     onCancel={() => {
-                        closeAutoEvaluationModal()
+                        setNewEvalModalOpen(false)
                     }}
                     onSuccess={(res) => {
                         const runningEvaluations = res.data.runs || []
@@ -641,7 +634,7 @@ const AutoEvaluationHeader = ({
                         })
 
                         refetch()
-                        closeAutoEvaluationModal()
+                        setNewEvalModalOpen(false)
                     }}
                     evaluationType="auto"
                     preview={false}
diff --git a/web/oss/src/components/pages/observability/drawer/TraceContent/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceContent/index.tsx
index d96e227a6e..6f9f84f897 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceContent/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceContent/index.tsx
@@ -3,13 +3,12 @@ import {useEffect, useMemo, useState} from "react"
 import {Database} from "@phosphor-icons/react"
 import {Button, Divider, Space, Tabs, TabsProps, Tag, Typography, Tooltip, Skeleton} from "antd"
 import clsx from "clsx"
-import {getDefaultStore, useAtom, useAtomValue, useSetAtom} from "jotai"
+import {getDefaultStore, useAtomValue, useSetAtom} from "jotai"
 import dynamic from "next/dynamic"
 
 import {
     isDrawerOpenAtom,
     resetTraceDrawerAtom,
-    traceDrawerActiveTabAtom,
 } from "@/oss/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore"
 import TooltipWithCopyAction from "@/oss/components/TooltipWithCopyAction"
 import {KeyValuePair} from "@/oss/lib/Types"
@@ -45,7 +44,7 @@ const TraceContent = ({
     const activeTraceData = useAtomValue(spanAgDataAtomFamily(activeTrace))
     const {key, children, spans, invocationIds, ...filteredTrace} = activeTrace || {}
     const classes = useStyles()
-    const [tab, setTab] = useAtom(traceDrawerActiveTabAtom)
+    const [tab, setTab] = useState("overview")
     const [isTestsetDrawerOpen, setIsTestsetDrawerOpen] = useState(false)
     const testsetData = useMemo(() => {
         if (!activeTrace?.key) return [] as {data: KeyValuePair; key: string; id: number}[]
@@ -69,7 +68,7 @@ const TraceContent = ({
             return [
                 {
                     key: "loading",
-                    label: <span id="tour-trace-tab-overview">Overview</span>,
+                    label: "Overview",
                     children: loadingContent,
                 },
             ]
@@ -83,7 +82,7 @@ const TraceContent = ({
             return [
                 {
                     key: "raw_data",
-                    label: <span id="tour-trace-tab-raw">Raw Data</span>,
+                    label: "Raw Data",
                     children: (
                         <AccordionTreePanel
                             label={errorPayload ? "Error" : "Raw Data"}
@@ -99,12 +98,12 @@ const TraceContent = ({
         return [
             {
                 key: "overview",
-                label: <span id="tour-trace-tab-overview">Overview</span>,
+                label: "Overview",
                 children: <OverviewTabItem activeTrace={activeTrace} />,
             },
             {
                 key: "raw_data",
-                label: <span id="tour-trace-tab-raw">Raw Data</span>,
+                label: "Raw Data",
                 children: (
                     <AccordionTreePanel
                         label={"Raw Data"}
@@ -116,7 +115,7 @@ const TraceContent = ({
             },
             {
                 key: "annotations",
-                label: <span id="tour-trace-tab-annotations">Annotations</span>,
+                label: "Annotations",
                 children: <AnnotationTabItem annotations={activeTrace?.annotations || []} />,
             },
         ]
@@ -128,7 +127,7 @@ const TraceContent = ({
         if (!itemKeys.includes(tab) && itemKeys.length > 0) {
             setTab(itemKeys[0])
         }
-    }, [itemKeys.join("|"), tab, setTab])
+    }, [itemKeys.join("|"), tab])
 
     useEffect(() => {
         return () => {
@@ -176,7 +175,6 @@ const TraceContent = ({
                         tabBarExtraContent={
                             <Space className="mr-4">
                                 <Button
-                                    id="tour-trace-add-testset"
                                     className="flex items-center"
                                     onClick={() => setIsTestsetDrawerOpen(true)}
                                     disabled={!activeTrace?.key}
@@ -186,7 +184,6 @@ const TraceContent = ({
                                 </Button>
 
                                 <AnnotateDrawerButton
-                                    id="tour-trace-annotate-button"
                                     label="Annotate"
                                     data={activeTrace?.annotations || []}
                                     traceSpanIds={{
diff --git a/web/oss/src/components/pages/observability/drawer/TraceHeader/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceHeader/index.tsx
index b59a17ada5..f14933fa20 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceHeader/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceHeader/index.tsx
@@ -6,7 +6,6 @@ import {Button, Space, Tag, Typography} from "antd"
 import {useAtomValue} from "jotai"
 
 import TooltipWithCopyAction from "@/oss/components/TooltipWithCopyAction"
-import OnboardingTriggerButton from "@/oss/components/Onboarding/components/OnboardingTriggerButton"
 import {fetchAllPreviewTraces} from "@/oss/services/tracing/api"
 import {
     isSpansResponse,
@@ -496,15 +495,6 @@ const TraceHeader = ({
                 </Space>
 
                 <Space>
-                    <OnboardingTriggerButton
-                        triggerPayload={{state: "trace"}}
-                        tooltipTitle="Need help? Start the trace drawer tour."
-                        buttonProps={{
-                            type: "default",
-                            size: "middle",
-                            disabled: !displayTrace,
-                        }}
-                    />
                     <Button
                         icon={<DeleteOutlined />}
                         onClick={() => setIsDeleteModalOpen(true)}
diff --git a/web/oss/src/components/pages/observability/drawer/TraceSidePanel/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceSidePanel/index.tsx
index afb7241359..2558ce5c5a 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceSidePanel/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceSidePanel/index.tsx
@@ -94,24 +94,20 @@ const TraceSidePanel = ({
                 <Typography.Text className={classes.collapseItemLabel}>Annotations</Typography.Text>
             ),
             children: annotationsContent,
-            id: "tour-trace-annotation-view",
         },
         {
             key: "details",
             label: <Typography.Text className={classes.collapseItemLabel}>Details</Typography.Text>,
             children: detailsContent,
-            id: "tour-trace-side-panel",
         },
     ]
 
     return (
-        <div className="h-full">
-            <Collapse
-                items={items}
-                defaultActiveKey={["annotations", "details"]}
-                className={classes.collapseContainer}
-            />
-        </div>
+        <Collapse
+            items={items}
+            defaultActiveKey={["annotations", "details"]}
+            className={classes.collapseContainer}
+        />
     )
 }
 
diff --git a/web/oss/src/components/pages/observability/drawer/TraceTree/assets/types.d.ts b/web/oss/src/components/pages/observability/drawer/TraceTree/assets/types.d.ts
index dabdf2449d..afd29b087b 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceTree/assets/types.d.ts
+++ b/web/oss/src/components/pages/observability/drawer/TraceTree/assets/types.d.ts
@@ -5,7 +5,6 @@ import {TracesWithAnnotations} from "@/oss/services/observability/types"
 export interface TraceTreeProps {
     activeTrace?: TracesWithAnnotations
     activeTraceId?: string
-    selected: string | null
-    setSelected: (key: string) => void
-    enableTour?: boolean
+    selected: string
+    setSelected: React.Dispatch<React.SetStateAction<string>>
 }
diff --git a/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx b/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
index abdaf0eba3..4ff5c7f354 100644
--- a/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
+++ b/web/oss/src/components/pages/observability/drawer/TraceTree/index.tsx
@@ -93,13 +93,7 @@ export const TreeContent = ({value, settings}: {value: TraceSpanNode; settings:
     )
 }
 
-const TraceTree: React.FC<TraceTreeProps> = ({
-    activeTrace: active,
-    activeTraceId,
-    selected,
-    setSelected,
-    enableTour = false,
-}) => {
+const TraceTree = ({activeTrace: active, activeTraceId, selected, setSelected}: TraceTreeProps) => {
     const classes = useStyles()
     const [searchValue, setSearchValue] = useState("")
 
@@ -192,7 +186,6 @@ const TraceTree: React.FC<TraceTreeProps> = ({
                 settings={traceTreeSettings}
                 selectedKey={selected}
                 onSelect={setSelected}
-                enableTour={enableTour}
             />
         </div>
     )
diff --git a/web/oss/src/components/ui/CustomTreeComponent/index.tsx b/web/oss/src/components/ui/CustomTreeComponent/index.tsx
index 42f0921ce4..4709986384 100644
--- a/web/oss/src/components/ui/CustomTreeComponent/index.tsx
+++ b/web/oss/src/components/ui/CustomTreeComponent/index.tsx
@@ -49,32 +49,16 @@ interface TreeProps {
      * Function to handle when a node is selected.
      */
     onSelect: (key: string) => void
-
-    /**
-     * Enable tour mode.
-     */
-    enableTour?: boolean
 }
 
-interface TreeNodeComponentProps {
+const TreeNodeComponent: React.FC<{
     node: TraceSpanNode
     isLast: boolean
     settings: {latency: boolean; cost: boolean; tokens: boolean}
     selectedKey: string | null
     onSelect: (key: string) => void
     isRoot?: boolean
-    enableTour?: boolean
-}
-
-const TreeNodeComponent: React.FC<TreeNodeComponentProps> = ({
-    node,
-    isLast,
-    settings,
-    selectedKey,
-    onSelect,
-    isRoot = false,
-    enableTour = false,
-}) => {
+}> = ({node, isLast, settings, selectedKey, onSelect, isRoot = false}) => {
     const classes = useStyles()
     const [expanded, setExpanded] = useState(true)
     const hasChildren = node.children && node.children.length > 0
@@ -85,10 +69,7 @@ const TreeNodeComponent: React.FC<TreeNodeComponentProps> = ({
     const shouldShowAsLast = isLast && (!hasChildren || (hasChildren && !expanded))
 
     return (
-        <div
-            className={isRoot ? "pl-2" : "relative pl-5"}
-            {...(enableTour && {id: "tour-trace-tree-panel"})}
-        >
+        <div className={isRoot ? "pl-2" : "relative pl-5"}>
             <div
                 className={
                     !isRoot ? `${classes.treeLine} ${shouldShowAsLast ? "last" : ""}` : undefined
@@ -136,7 +117,6 @@ const TreeNodeComponent: React.FC<TreeNodeComponentProps> = ({
                             selectedKey={selectedKey}
                             onSelect={onSelect}
                             isRoot={false}
-                            enableTour={enableTour}
                         />
                     ))}
                 </div>
@@ -145,13 +125,7 @@ const TreeNodeComponent: React.FC<TreeNodeComponentProps> = ({
     )
 }
 
-const CustomTree: React.FC<TreeProps> = ({
-    data,
-    settings,
-    selectedKey,
-    onSelect,
-    enableTour = false,
-}) => {
+const CustomTree: React.FC<TreeProps> = ({data, settings, selectedKey, onSelect}) => {
     return (
         <div className={"h-full overflow-y-auto p-2"}>
             <TreeNodeComponent
@@ -161,7 +135,6 @@ const CustomTree: React.FC<TreeProps> = ({
                 selectedKey={selectedKey}
                 onSelect={onSelect}
                 isRoot={true}
-                enableTour={enableTour}
             />
         </div>
     )

From 3de2014a6de48e36ea786816814ff8106bbf0d49 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Mon, 1 Dec 2025 23:02:12 +0600
Subject: [PATCH 46/53] fix

---
 web/oss/src/state/onboarding/steps/traceSteps.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/web/oss/src/state/onboarding/steps/traceSteps.tsx b/web/oss/src/state/onboarding/steps/traceSteps.tsx
index 54ce066088..3462625938 100644
--- a/web/oss/src/state/onboarding/steps/traceSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/traceSteps.tsx
@@ -2,26 +2,24 @@ import {getDefaultStore} from "jotai"
 
 import {
     isDrawerOpenAtom,
-    traceDrawerActiveTabAtom,
     traceDrawerAtom,
-    TraceDrawerTabKey,
-    TRACE_DRAWER_VIEWPORT_ID,
 } from "@/oss/components/Playground/Components/Drawers/TraceDrawer/store/traceDrawerStore"
 
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
-const TRACE_TABS_BY_SELECTOR: Record<string, TraceDrawerTabKey> = {
+const TRACE_TABS_BY_SELECTOR: Record<string, any> = {
     "#tour-trace-tab-overview": "overview",
     "#tour-trace-tab-raw": "raw_data",
     "#tour-trace-tab-annotations": "annotations",
 }
+const TRACE_DRAWER_VIEWPORT_ID = ""
 
 const ensureTraceTab = (selector?: string | null) => {
     if (!selector) return
     const tab = TRACE_TABS_BY_SELECTOR[selector]
     if (!tab) return
 
-    getDefaultStore().set(traceDrawerActiveTabAtom, tab)
+    // getDefaultStore().set(traceDrawerActiveTabAtom, tab)
 }
 
 export const TRACE_DRAWER_STEPS: TourDefinition[number]["steps"] = [

From 2d909b1b8d6dd35171e819e40d1c6a37c17c8b6f Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Tue, 2 Dec 2025 14:00:40 +0600
Subject: [PATCH 47/53] removed unused steps

---
 .../components/EvalRunHeader/index.tsx        |   2 -
 .../components/ConfigurationViewer/index.tsx  |   5 +-
 .../EvalRunDetails/OnlineEvalRun/index.tsx    |  29 ++---
 .../EvalRunOverviewViewer/index.tsx           |  10 +-
 .../EvalRunScenariosViewSelector/index.tsx    |  33 +++---
 .../ScenarioTable.tsx                         |   8 +-
 .../evaluations/onlineEvaluationSteps.tsx     | 102 ------------------
 7 files changed, 29 insertions(+), 160 deletions(-)

diff --git a/web/oss/src/components/EvalRunDetails/AutoEvalRun/components/EvalRunHeader/index.tsx b/web/oss/src/components/EvalRunDetails/AutoEvalRun/components/EvalRunHeader/index.tsx
index 1c2834e208..ec6227e62e 100644
--- a/web/oss/src/components/EvalRunDetails/AutoEvalRun/components/EvalRunHeader/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/AutoEvalRun/components/EvalRunHeader/index.tsx
@@ -262,7 +262,6 @@ const EvalRunHeader = ({className, name, id}: {className?: string; name: string;
                         </div>
                     </div>
                     <Button
-                        id={"tour-online-eval-refresh-button"}
                         icon={<ReloadOutlined />}
                         onClick={onRefresh}
                         loading={isRefreshing}
@@ -272,7 +271,6 @@ const EvalRunHeader = ({className, name, id}: {className?: string; name: string;
                     </Button>
                     {canStop ? (
                         <Button
-                            id={"tour-online-eval-stop-button"}
                             danger
                             onClick={onStop}
                             loading={action === "stop"}
diff --git a/web/oss/src/components/EvalRunDetails/OnlineEvalRun/components/ConfigurationViewer/index.tsx b/web/oss/src/components/EvalRunDetails/OnlineEvalRun/components/ConfigurationViewer/index.tsx
index 54767295a2..be13360780 100644
--- a/web/oss/src/components/EvalRunDetails/OnlineEvalRun/components/ConfigurationViewer/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/OnlineEvalRun/components/ConfigurationViewer/index.tsx
@@ -390,10 +390,7 @@ const ConfigurationViewer = () => {
     }, [resolvedEvaluator?.id, evaluatorFromRun?.id, evaluatorJson, hasEvaluatorJson])
 
     return (
-        <div
-            className="w-full h-full overflow-auto px-6 bg-zinc-1 pt-2"
-            id="tour-online-eval-configuration-panel"
-        >
+        <div className="w-full h-full overflow-auto px-6 bg-zinc-1 pt-2">
             {/* Top: evaluation info tag */}
 
             {/* Panels */}
diff --git a/web/oss/src/components/EvalRunDetails/OnlineEvalRun/index.tsx b/web/oss/src/components/EvalRunDetails/OnlineEvalRun/index.tsx
index fe82092d45..b8fbf46677 100644
--- a/web/oss/src/components/EvalRunDetails/OnlineEvalRun/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/OnlineEvalRun/index.tsx
@@ -2,8 +2,8 @@ import clsx from "clsx"
 import deepEqual from "fast-deep-equal"
 import {useAtomValue} from "jotai"
 import {selectAtom} from "jotai/utils"
+import dynamic from "next/dynamic"
 
-import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import {evalAtomStore} from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
 
 import EvalRunHeader from "../AutoEvalRun/components/EvalRunHeader"
@@ -25,13 +25,6 @@ const OnlineEvalRunDetails = ({name, id, isLoading}: OnlineEvalRunDetailsProps)
     const store = evalAtomStore()
     const viewType = useAtomValue(viewTypeAtom, {store})
 
-    const viewportId =
-        viewType === "overview"
-            ? "online-eval-overview-viewport"
-            : viewType === "configuration"
-              ? "online-eval-configuration-viewport"
-              : "online-eval-results-viewport"
-
     // No special skeleton for now; render minimal shell if loading
     if (isLoading) {
         return (
@@ -48,17 +41,15 @@ const OnlineEvalRunDetails = ({name, id, isLoading}: OnlineEvalRunDetailsProps)
                 {"!overflow-hidden": viewType === "results"},
             ])}
         >
-            <NextViewport id={viewportId}>
-                <EvalRunHeader name={name} id={id} />
-
-                {viewType === "overview" ? (
-                    <EvalRunOverviewViewer type="online" />
-                ) : viewType === "results" ? (
-                    <VirtualizedScenarioTable />
-                ) : viewType === "configuration" ? (
-                    <ConfigurationViewer />
-                ) : null}
-            </NextViewport>
+            <EvalRunHeader name={name} id={id} />
+
+            {viewType === "overview" ? (
+                <EvalRunOverviewViewer type="online" />
+            ) : viewType === "results" ? (
+                <VirtualizedScenarioTable />
+            ) : viewType === "configuration" ? (
+                <ConfigurationViewer />
+            ) : null}
         </section>
     )
 }
diff --git a/web/oss/src/components/EvalRunDetails/components/EvalRunOverviewViewer/index.tsx b/web/oss/src/components/EvalRunDetails/components/EvalRunOverviewViewer/index.tsx
index 6c5880e98c..7e9d39745d 100644
--- a/web/oss/src/components/EvalRunDetails/components/EvalRunOverviewViewer/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/EvalRunOverviewViewer/index.tsx
@@ -779,17 +779,11 @@ const EvalRunOverviewViewer = ({type = "auto"}: {type: "auto" | "online"}) => {
 
     return (
         <>
-            <div
-                className="px-6"
-                id={type === "online" ? "tour-online-eval-score-section" : undefined}
-            >
+            <div className="px-6">
                 <EvalRunScoreTable type={type} />
             </div>
 
-            <div
-                className="px-6 w-full flex flex-wrap gap-2"
-                id={type === "online" ? "tour-online-eval-metrics-section" : undefined}
-            >
+            <div className="px-6 w-full flex flex-wrap gap-2">
                 {hasMetrics ? (
                     <>
                         {combinedMetricEntries
diff --git a/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx b/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
index 27b5f801f9..8f34b80915 100644
--- a/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/EvalRunScenariosViewSelector/index.tsx
@@ -9,8 +9,8 @@ import {runViewTypeAtom} from "../../state/urlState"
 
 import {
     ENABLE_CARD_VIEW,
-    VIEW_AUTO_OPTIONS,
     VIEW_HUMAN_OPTIONS,
+    VIEW_AUTO_OPTIONS,
     VIEW_ONLINE_OPTIONS,
 } from "./assets/constants"
 
@@ -23,7 +23,6 @@ const EvalRunScenariosViewSelector = () => {
     const router = useRouter()
 
     // Sync local atom from urlStateAtom changes
-
     return (
         <div className="flex items-center gap-2 shrink-0">
             <Radio.Group
@@ -51,22 +50,20 @@ const EvalRunScenariosViewSelector = () => {
                 defaultValue={evalType === "online" ? "results" : "focus"}
                 value={ENABLE_CARD_VIEW ? viewType : viewType === "list" ? "focus" : viewType}
             >
-                <div>
-                    {(evalType === "human"
-                        ? VIEW_HUMAN_OPTIONS
-                        : evalType === "online"
-                          ? VIEW_ONLINE_OPTIONS
-                          : VIEW_AUTO_OPTIONS
-                    ).map((option) => (
-                        <Radio.Button
-                            key={option.value}
-                            value={option.value}
-                            disabled={option.disabled}
-                        >
-                            {option.label}
-                        </Radio.Button>
-                    ))}
-                </div>
+                {(evalType === "human"
+                    ? VIEW_HUMAN_OPTIONS
+                    : evalType === "online"
+                      ? VIEW_ONLINE_OPTIONS
+                      : VIEW_AUTO_OPTIONS
+                ).map((option) => (
+                    <Radio.Button
+                        key={option.value}
+                        value={option.value}
+                        disabled={option.disabled}
+                    >
+                        {option.label}
+                    </Radio.Button>
+                ))}
             </Radio.Group>
         </div>
     )
diff --git a/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx b/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
index 096df34c03..1291ddaaec 100644
--- a/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
+++ b/web/oss/src/components/EvalRunDetails/components/VirtualizedScenarioTable/ScenarioTable.tsx
@@ -6,7 +6,6 @@ import dynamic from "next/dynamic"
 import {useResizeObserver} from "usehooks-ts"
 
 import EnhancedTable from "@/oss/components/EnhancedUIs/Table"
-import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
 import QueryFiltersSummaryCard from "@/oss/components/pages/evaluations/onlineEvaluation/components/QueryFiltersSummaryCard"
 import {useRunId} from "@/oss/contexts/RunIdContext"
@@ -27,7 +26,6 @@ import {EvalRunTestcaseTableSkeleton} from "../../AutoEvalRun/components/EvalRun
 import useScrollToScenario from "./hooks/useScrollToScenario"
 import useTableDataSource from "./hooks/useTableDataSource"
 import type {TableRow} from "./types"
-import {HUMAN_EVAL_TABLE_VIEWPORT_ID} from "./assets/constants"
 
 const VirtualizedScenarioTableAnnotateDrawer = dynamic(
     () => import("./assets/VirtualizedScenarioTableAnnotateDrawer"),
@@ -214,11 +212,7 @@ const ScenarioTable = ({runId: propRunId}: {runId?: string}) => {
     }
 
     return (
-        <div
-            ref={tableContainerRef}
-            className="grow flex flex-col w-full min-h-0"
-            id={evalType === "online" ? "tour-online-eval-results-table" : undefined}
-        >
+        <div ref={tableContainerRef} className="grow flex flex-col w-full min-h-0">
             <div
                 className={clsx([
                     "relative w-full flex-1 min-h-0",
diff --git a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
index 8c72f543f5..2278bbdc56 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/onlineEvaluationSteps.tsx
@@ -1,6 +1,5 @@
 import {getDefaultStore} from "jotai"
 
-import {urlStateAtom} from "@/oss/components/EvalRunDetails/state/urlState"
 import {
     openOnlineEvaluationDrawerAtom,
     closeOnlineEvaluationDrawerAtom,
@@ -18,13 +17,6 @@ const closeOnlineEvalDrawer = () => {
     getDefaultStore().set(closeOnlineEvaluationDrawerAtom)
 }
 
-const ensureOnlineEvalView = (view: "overview" | "results" | "configuration") => {
-    getDefaultStore().set(urlStateAtom, (draft) => {
-        if (draft.view === view) return
-        draft.view = view
-    })
-}
-
 // Steps for creating online eval
 export const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
     {
@@ -83,95 +75,6 @@ export const CREATE_NEW_ONLINE_EVALUATION_STEPS = [
     },
 ]
 
-// Steps for general online eval run page view
-export const ONLINE_EVAL_RUN_STEPS: TourDefinition[number]["steps"] = [
-    {
-        icon: "📊",
-        title: "Live results table",
-        content: <span>Monitor live evaluation results here in real-time.</span>,
-        selector: "#tour-online-eval-results-table",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 16,
-        pointerRadius: 12,
-        onEnter: () => ensureOnlineEvalView("results"),
-    },
-    {
-        icon: "🔄",
-        title: "Refresh on demand",
-        content: <span>Trigger an immediate refresh to pull the latest scenarios.</span>,
-        selector: "#tour-online-eval-refresh-button",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: () => ensureOnlineEvalView("results"),
-        advanceOnClick: true,
-    },
-    {
-        icon: "🗂️",
-        title: "Switch to overview",
-        content: <span>Use the Overview tab to inspect aggregate scoring dashboards.</span>,
-        selector: "#tour-online-eval-tab-overview",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: () => ensureOnlineEvalView("results"),
-        advanceOnClick: true,
-    },
-    {
-        icon: "🏁",
-        title: "Overview & evaluator scores",
-        content: <span>View the aggregated evaluation scores here.</span>,
-        selector: "#tour-online-eval-score-section",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 16,
-        pointerRadius: 12,
-        onEnter: () => ensureOnlineEvalView("overview"),
-    },
-    {
-        icon: "📈",
-        title: "Evaluator metrics",
-        content: (
-            <span>
-                Dive deeper into evaluator-specific metrics and time series to understand how scores
-                change over time.
-            </span>
-        ),
-        selector: "#tour-online-eval-metrics-section",
-        side: "left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 16,
-        pointerRadius: 12,
-        onEnter: () => ensureOnlineEvalView("overview"),
-    },
-    {
-        icon: "🧭",
-        title: "Open configuration tab",
-        content: (
-            <span>
-                Jump into the Configuration tab whenever you need to double-check filters, sampling,
-                or evaluator settings.
-            </span>
-        ),
-        selector: "#tour-online-eval-tab-configuration",
-        side: "bottom",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 12,
-        pointerRadius: 12,
-        onEnter: () => ensureOnlineEvalView("overview"),
-        advanceOnClick: true,
-    },
-]
-
 export const ONE_CLICK_ONLINE_EVALUATION_STEPS: TourDefinition[number]["steps"] = [
     {
         icon: "⚡",
@@ -212,11 +115,6 @@ export const resolveOnlineEvaluationSteps = (ctx: OnboardingStepsContext) => {
     const defaultStore = getDefaultStore()
     const hasEvaluators = defaultStore.get(isOnlineEvaluatorAvailableAtom)
     const tourId = ctx.tourId
-    if (ctx.location?.subsection === "results") {
-        if (tourId === "online-evaluation-run-tour") {
-            return [{tour: "online-evaluation-run-tour", steps: ONLINE_EVAL_RUN_STEPS}]
-        }
-    }
 
     if (hasEvaluators) {
         if (tourId === "online-evaluation-quickstart") {

From 43a9410615e087710c5c0d71a0810d206e70ebd2 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Tue, 2 Dec 2025 16:13:29 +0600
Subject: [PATCH 48/53] improved ui

---
 .../components/OnboardingWidget/index.tsx     | 86 ++++++++-----------
 1 file changed, 37 insertions(+), 49 deletions(-)

diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index d4aacb4adf..da747f3f7c 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -1,7 +1,7 @@
 import {useCallback, useEffect, useMemo, useRef, useState} from "react"
 
-import {CheckCircle, Circle, Question, X} from "@phosphor-icons/react"
-import {Button, Modal, Progress, Tooltip} from "antd"
+import {X} from "@phosphor-icons/react"
+import {Button, Modal, Progress, Tooltip, Checkbox, Typography} from "antd"
 import clsx from "clsx"
 import {getDefaultStore, useAtom, useAtomValue, useSetAtom} from "jotai"
 import {useRouter} from "next/router"
@@ -370,93 +370,81 @@ const OnboardingWidget = () => {
                 <div ref={widgetRef} style={containerStyle} className="pointer-events-auto">
                     <section
                         className={clsx(
-                            "w-[250px] max-w-[calc(100vw-32px)] rounded-xl border border-solid border-gray-100 bg-white shadow-2xl flex flex-col gap-3",
+                            "w-[280px] max-w-[calc(100vw-32px)] rounded-xl bg-white flex flex-col gap-4 shadow-[0_2px_8px_0_rgba(0,0,0,.16),0_2px_4px_0_rgba(0,0,0,.08)]",
                             {"select-none": isDragging},
                         )}
                     >
                         <div
-                            className="flex flex-col gap-2 border-0 border-b border-solid border-gray-100 px-4 pt-3 pb-1 cursor-move"
+                            className="flex flex-col gap-2 px-6 pt-4 pb-1 cursor-move"
                             onPointerDown={startDragging}
                         >
                             <div className="flex items-start justify-between gap-3">
-                                <div className="flex flex-col">
-                                    <span className="text-sm font-semibold text-colorText">
+                                <div className="flex flex-col gap-1">
+                                    <Typography.Text className="text-sm font-semibold text-colorText">
                                         Onboarding Guide
-                                    </span>
-                                    <span className="text-xs text-colorTextSecondary">
+                                    </Typography.Text>
+                                    <Typography.Text className="text-xs text-colorTextSecondary">
                                         {completedCount} of {totalTasks} tasks completed
-                                    </span>
+                                    </Typography.Text>
                                 </div>
                                 <Tooltip title="Close guide">
                                     <Button
                                         type="text"
                                         size="small"
                                         icon={<X size={16} />}
-                                        aria-label="Close onboarding guide"
                                         onClick={(event) => {
                                             event.stopPropagation()
                                             onClose()
                                         }}
-                                        className="!text-colorTextSecondary hover:!text-colorText"
                                     />
                                 </Tooltip>
                             </div>
+                        </div>
 
+                        <div className="px-6">
                             <Progress className="" percent={progressPercent} status="active" />
                         </div>
 
-                        <div className="max-h-[400px] overflow-y-auto px-4 pb-3 flex flex-col gap-2">
+                        <div className="max-h-[400px] overflow-y-auto px-6 pb-5 flex flex-col gap-4">
                             {sections.map((section) => (
-                                <div key={section.id} className="mb-0 last:mb-0 flex flex-col gap-1">
-                                    <div className="flex items-center gap-1 font-medium text-colorTextSecondary">
-                                        <Question size={14} />
+                                <div
+                                    key={section.id}
+                                    className="mb-0 last:mb-0 flex flex-col gap-1"
+                                >
+                                    <Typography.Text className="font-medium text-colorTextSecondary">
                                         {section.title}
-                                    </div>
-                                    <div className="flex flex-col gap-1">
+                                    </Typography.Text>
+                                    <div className="flex flex-col gap-2">
                                         {section.items.map((item) => {
                                             const isCompleted = Boolean(
                                                 completedMap[getCompletionKey(item)],
                                             )
                                             return (
-                                                <button
+                                                <div
                                                     key={item.id}
-                                                    type="button"
-                                                    disabled={item.disabled}
-                                                    onClick={() => onClickGuideItem(item)}
-                                                    className={clsx(
-                                                        "flex w-full items-center gap-2 rounded-lg border px-2 py-1.5 text-left transition hover:shadow",
+                                                    onClick={() =>
+                                                        !item.disabled && onClickGuideItem(item)
+                                                    }
+                                                    className={clsx([
+                                                        "flex items-center gap-2 rounded-lg px-4 py-3",
+                                                        "border border-solid border-colorBorderSecondary",
+
                                                         {
-                                                            "border-colorBorder bg-white hover:border-colorPrimary cursor-pointer":
-                                                                !isCompleted && !item.disabled,
-                                                            "border-colorPrimary bg-[#f5f7fa]":
-                                                                isCompleted,
                                                             "cursor-not-allowed opacity-60":
                                                                 item.disabled,
+                                                            "bg-colorBgContainerDisabled":
+                                                                isCompleted,
+                                                            "cursor-pointer hover:bg-gray-50 transition-all":
+                                                                !isCompleted && !item.disabled,
                                                         },
-                                                    )}
+                                                    ])}
                                                 >
-                                                    <span
-                                                        className={clsx(
-                                                            "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border",
-                                                            {
-                                                                "border-colorPrimary bg-colorPrimary text-white":
-                                                                    isCompleted,
-                                                                "border-colorBorder bg-white text-colorTextSecondary":
-                                                                    !isCompleted,
-                                                            },
-                                                        )}
-                                                    >
-                                                        {isCompleted ? (
-                                                            <CheckCircle size={14} weight="fill" />
-                                                        ) : (
-                                                            <Circle size={14} />
-                                                        )}
-                                                    </span>
-
-                                                    <span className="text-xs font-medium text-colorText">
+                                                    <Checkbox checked={isCompleted} />
+
+                                                    <Typography.Text className="text-xs font-medium text-colorTextHeading">
                                                         {item.title}
-                                                    </span>
-                                                </button>
+                                                    </Typography.Text>
+                                                </div>
                                             )
                                         })}
                                     </div>

From fe8ccc2c3fad4b0690ca1dcfa81b9ddec4ba40c6 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashraf.chowdury09@gmail.com>
Date: Tue, 2 Dec 2025 17:52:46 +0600
Subject: [PATCH 49/53] added general guild open step

---
 .../components/OnboardingWidget/index.tsx     | 22 ++++---------
 web/oss/src/components/Onboarding/index.tsx   |  8 ++++-
 .../Sidebar/components/SidebarMenu.tsx        |  2 ++
 .../src/state/onboarding/atoms/widgetAtom.ts  |  5 ++-
 .../onboarding/steps/appManagementSteps.tsx   |  6 ++++
 .../state/onboarding/steps/generalSteps.tsx   | 32 +++++++++++++++++++
 6 files changed, 57 insertions(+), 18 deletions(-)
 create mode 100644 web/oss/src/state/onboarding/steps/generalSteps.tsx

diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index da747f3f7c..ce39c8731c 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -1,7 +1,7 @@
 import {useCallback, useEffect, useMemo, useRef, useState} from "react"
 
 import {X} from "@phosphor-icons/react"
-import {Button, Modal, Progress, Tooltip, Checkbox, Typography} from "antd"
+import {Button, Checkbox, Progress, Tooltip, Typography} from "antd"
 import clsx from "clsx"
 import {getDefaultStore, useAtom, useAtomValue, useSetAtom} from "jotai"
 import {useRouter} from "next/router"
@@ -12,16 +12,16 @@ import {
     triggerOnboardingAtom,
     userOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
-import {userAtom} from "@/oss/state/profile"
-import {sessionExistsAtom} from "@/oss/state/session"
 import {
     currentRunningWidgetOnboardingAtom,
     onboardingWidgetClosedAtom,
     onboardingWidgetCompletionAtom,
-    onboardingWidgetSkippedAtom,
     onboardingWidgetPositionAtom,
+    onboardingWidgetSkippedAtom,
     type OnboardingWidgetPosition,
 } from "@/oss/state/onboarding/atoms/widgetAtom"
+import {userAtom} from "@/oss/state/profile"
+import {sessionExistsAtom} from "@/oss/state/session"
 import {
     trackOnboardingAllTasksCompleted,
     trackOnboardingGuideClosed,
@@ -84,7 +84,6 @@ const OnboardingWidget = () => {
     const autoClosedRef = useRef(false)
     const [isDragging, setIsDragging] = useState(false)
     const [widgetSize, setWidgetSize] = useState<ElementSize | null>(null)
-    const store = useMemo(() => getDefaultStore(), [])
 
     const shouldRenderWidget = !isClosed
 
@@ -250,17 +249,8 @@ const OnboardingWidget = () => {
             ...buildBasePayload(),
             close_reason: "manual",
         })
-        Modal.info({
-            title: "Onboarding guide hidden",
-            content: (
-                <p className="mb-0">
-                    You can reopen the Onboarding Guide anytime from the sidebar under{" "}
-                    <strong>Help &amp; Docs → Onboarding Guide</strong>.
-                </p>
-            ),
-            okText: "Got it",
-        })
-    }, [setIsClosed])
+        setTriggerOnboarding({state: "apps", tourId: "reopen-onboarding-guide"})
+    }, [setIsClosed, buildBasePayload, setTriggerOnboarding])
 
     const startDragging = useCallback((event: React.PointerEvent) => {
         if (event.button !== 0) return
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index 40ccac7c78..ebf0e6d35d 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -15,6 +15,7 @@ import {
     updateUserOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
 import {urlLocationAtom} from "@/oss/state/url"
+import clsx from "clsx"
 
 const {Text} = Typography
 
@@ -190,7 +191,12 @@ const OnboardingCard = ({
     const progressWidth = useMemo(() => `${percent}%`, [percent])
 
     return (
-        <section className="w-[340px]">
+        <section
+            className={clsx(
+                "w-[340px]",
+                step?.selector === ".tour-help-docs-link" && "translate-x-16",
+            )}
+        >
             <Card className="!rounded-xl !p-0" classNames={{body: "!px-4 !py-[10px]"}}>
                 <div className="flex w-full flex-col gap-4">
                     <div className="flex flex-col gap-1">
diff --git a/web/oss/src/components/Sidebar/components/SidebarMenu.tsx b/web/oss/src/components/Sidebar/components/SidebarMenu.tsx
index 09971d68a9..0ad6e23e31 100644
--- a/web/oss/src/components/Sidebar/components/SidebarMenu.tsx
+++ b/web/oss/src/components/Sidebar/components/SidebarMenu.tsx
@@ -30,6 +30,7 @@ const SidebarMenu: React.FC<SidebarMenuProps> = ({
                         className: clsx({
                             "[&_.ant-menu-submenu-arrow]:hidden [&_.ant-menu-title-content]:hidden":
                                 collapsed,
+                            "tour-help-docs-link": item.key === "help-docs-link",
                         }),
                         disabled: item.isCloudFeature || item.disabled,
                         onTitleClick: item.onClick,
@@ -90,6 +91,7 @@ const SidebarMenu: React.FC<SidebarMenuProps> = ({
     return (
         <Menu
             mode={mode}
+            triggerSubMenuAction="click"
             items={transformItems(items)}
             {...(mode === "inline" ? {inlineCollapsed: collapsed} : {})}
             {...menuProps}
diff --git a/web/oss/src/state/onboarding/atoms/widgetAtom.ts b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
index f627c27f1a..3d6f9a0251 100644
--- a/web/oss/src/state/onboarding/atoms/widgetAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
@@ -1,5 +1,5 @@
 import {atom} from "jotai"
-import {atomWithStorage} from "jotai/utils"
+import {atomWithStorage, createJSONStorage} from "jotai/utils"
 import {OnboardingState, UserOnboardingStatus} from "../types"
 import {currentOnboardingStepWithLocationAtom} from "./stepsAtom"
 
@@ -47,6 +47,8 @@ const onboardingWidgetUIStateAtom = atomWithStorage<OnboardingWidgetUIState>(
         togglePosition: null,
         closed: false,
     },
+    createJSONStorage(() => (typeof window === "undefined" ? undefined : localStorage)),
+    {getOnInit: true},
 )
 
 export const onboardingWidgetMinimizedAtom = atom(
@@ -116,6 +118,7 @@ export const onboardingWidgetClosedAtom = atom(
     (get, set, update: boolean | ((prev: boolean) => boolean)) => {
         const prev = get(onboardingWidgetUIStateAtom)
         const nextValue = typeof update === "function" ? update(prev.closed) : update
+
         set(onboardingWidgetUIStateAtom, {
             ...prev,
             closed: nextValue,
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index 986acc952d..d96f94c683 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -1,5 +1,6 @@
 import {setCompleteWidgetTaskMap} from "@/oss/components/Onboarding/components/OnboardingWidget"
 import {clearOnboardingState, redirectToAppsPage} from "../assets/utils"
+import {resolveGeneralTours} from "./generalSteps"
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
 const APP_CREATION_STEPS = [
@@ -67,6 +68,11 @@ export const resolveTours = (ctx: OnboardingStepsContext): TourDefinition => {
     if (tourId === "create-first-app") {
         return APP_CREATION_STEPS
     }
+
+    if (tourId === "reopen-onboarding-guide") {
+        const generalTours = resolveGeneralTours(ctx)
+        if (generalTours.length) return generalTours
+    }
     return []
 }
 
diff --git a/web/oss/src/state/onboarding/steps/generalSteps.tsx b/web/oss/src/state/onboarding/steps/generalSteps.tsx
new file mode 100644
index 0000000000..956b1051b7
--- /dev/null
+++ b/web/oss/src/state/onboarding/steps/generalSteps.tsx
@@ -0,0 +1,32 @@
+import {OnboardingStepsContext, TourDefinition} from "./types"
+
+const GENERAL_TOURS: Record<string, TourDefinition> = {
+    "reopen-onboarding-guide": [
+        {
+            tour: "reopen-onboarding-guide",
+            steps: [
+                {
+                    icon: "❓",
+                    title: "Come back anytime",
+                    content: (
+                        <span>
+                            You can always use the Help &amp; Docs menu to reopen the guide
+                        </span>
+                    ),
+                    selector: ".tour-help-docs-link",
+                    side: "top",
+                    showControls: false,
+                    showSkip: false,
+                    pointerPadding: 8,
+                    pointerRadius: 8,
+                    advanceOnClick: true,
+                },
+            ],
+        },
+    ],
+}
+
+export const resolveGeneralTours = (ctx: OnboardingStepsContext): TourDefinition => {
+    if (!ctx.tourId) return []
+    return GENERAL_TOURS[ctx.tourId] ?? []
+}

From 13609c1ad8bfac2d6a29fa06210e6429d850d4aa Mon Sep 17 00:00:00 2001
From: Mahmoud Mabrouk <mahmoud@agenta.ai>
Date: Wed, 17 Dec 2025 15:25:42 +0100
Subject: [PATCH 50/53] Refactor onboarding state management to utilize
 activePreviewRunIdAtom and previewEvalTypeAtom for improved evaluation flow.
 Update related atoms and ensure consistent usage across onboarding steps and
 URL resolution.

---
 .../src/state/onboarding/atoms/helperAtom.ts  | 28 ++++++++++---------
 .../onboarding/steps/evaluations/index.tsx    |  9 ++++--
 web/oss/src/state/url/index.ts                |  7 +++--
 web/oss/src/state/url/resolveURLSection.ts    |  6 ++--
 4 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/web/oss/src/state/onboarding/atoms/helperAtom.ts b/web/oss/src/state/onboarding/atoms/helperAtom.ts
index fa49b868d3..1d9860aa7c 100644
--- a/web/oss/src/state/onboarding/atoms/helperAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/helperAtom.ts
@@ -1,18 +1,19 @@
 import {atom} from "jotai"
-import {runStatusByRowRevisionAtom} from "@/oss/state/generation/entities"
-import {isComparisonViewAtom} from "@/oss/components/Playground/state/atoms"
-import {currentAppContextAtom} from "@/oss/state/app/selectors/app"
-import {playgroundLoadingAtom} from "@/oss/state/loadingSelectors"
-import {getCurrentRunId, totalCountFamily} from "@/oss/lib/hooks/useEvaluationRunData/assets/atoms"
-import {evaluatorConfigsAtom, evaluatorsAtom} from "@/oss/lib/atoms/evaluation"
-import {evaluatorsQueryAtomFamily} from "@/oss/state/evaluators"
+
+import {activePreviewRunIdAtom} from "@/oss/components/EvalRunDetails2/atoms/run"
 import {
     ALLOWED_ONLINE_EVALUATOR_KEYS,
     ENABLE_CORRECT_ANSWER_KEY_FILTER,
 } from "@/oss/components/pages/evaluations/onlineEvaluation/constants"
 import {collectEvaluatorCandidates} from "@/oss/components/pages/evaluations/onlineEvaluation/utils/evaluatorDetails"
+import {isComparisonViewAtom} from "@/oss/components/Playground/state/atoms"
+import {evaluatorConfigsAtom, evaluatorsAtom} from "@/oss/lib/atoms/evaluation"
 import type {EvaluatorConfig} from "@/oss/lib/Types"
 import type {SimpleEvaluationPayload} from "@/oss/services/onlineEvaluations/api"
+import {currentAppContextAtom} from "@/oss/state/app/selectors/app"
+import {evaluatorsQueryAtomFamily} from "@/oss/state/evaluators"
+import {runStatusByRowRevisionAtom} from "@/oss/state/generation/entities"
+import {playgroundLoadingAtom} from "@/oss/state/loadingSelectors"
 
 // ********************************* PLAYGROUND ATOMS ********************************* //
 /**
@@ -44,9 +45,10 @@ export const isPlaygroundOnboardingRunableAtom = atom((get) => {
 // ********************************* ONLINE EVALUATION ATOMS ********************************* //
 
 export const isOnlineEvaluationScenarioAvailableAtom = atom((get) => {
-    const runId = getCurrentRunId()
-    const scenarioCount = get(totalCountFamily(runId))
-    return scenarioCount > 0
+    // Check if user is on an evaluation run page (has a run ID)
+    // This is sufficient for onboarding purposes
+    const runId = get(activePreviewRunIdAtom)
+    return !!runId
 })
 
 // This atom is used to determine if the user have evaluators available to run online evaluation
@@ -139,15 +141,15 @@ export const isHumanEvaluatorAvailableAtom = atom((get) => {
 
 // ********************************* GENERAL EVALUATION ATOMS ********************************* //
 export const isUserInRunPageAtom = atom((get) => {
-    const runId = getCurrentRunId()
+    const runId = get(activePreviewRunIdAtom)
     return !!runId
 })
 
-export type DemoOnlineEvaluationContext = {
+export interface DemoOnlineEvaluationContext {
     evaluation: SimpleEvaluationPayload
     evaluatorConfig: EvaluatorConfig
     queryId: string
     queryRevisionId: string
 }
 
-export const demoOnlineEvaluationAtom = atom<DemoOnlineEvaluationContext | null>(null)
\ No newline at end of file
+export const demoOnlineEvaluationAtom = atom<DemoOnlineEvaluationContext | null>(null)
diff --git a/web/oss/src/state/onboarding/steps/evaluations/index.tsx b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
index 4af8799657..83867bc2d7 100644
--- a/web/oss/src/state/onboarding/steps/evaluations/index.tsx
+++ b/web/oss/src/state/onboarding/steps/evaluations/index.tsx
@@ -1,7 +1,10 @@
-import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
-import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import {getDefaultStore} from "jotai"
+
+import {previewEvalTypeAtom} from "@/oss/components/EvalRunDetails2/state/evalType"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
+
 import {OnboardingStepsContext} from "../types"
+
 import {AUTO_EVALUATION_TOURS} from "./autoEvaluationSteps"
 import {ONLINE_EVALUATION_TOURS} from "./onlineEvaluationSteps"
 
@@ -25,7 +28,7 @@ const resolveRequestedType = (
 export const evaluationTour = (ctx: OnboardingStepsContext, type?: EvaluationTourType) => {
     const store = getDefaultStore()
     const currentEval = store.get(lastVisitedEvaluationAtom)
-    const evalType = store.get(evalTypeAtom)
+    const evalType = store.get(previewEvalTypeAtom)
     const role = ctx.userContext?.userRole as string | undefined
     const resolvedType = resolveRequestedType(type, currentEval, evalType)
 
diff --git a/web/oss/src/state/url/index.ts b/web/oss/src/state/url/index.ts
index 4dc46d22e0..c73a2cf809 100644
--- a/web/oss/src/state/url/index.ts
+++ b/web/oss/src/state/url/index.ts
@@ -1,8 +1,8 @@
 import {getDefaultStore} from "jotai"
-import {eagerAtom} from "jotai-eager"
 import {selectAtom} from "jotai/utils"
+import {eagerAtom} from "jotai-eager"
 
-import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
+import {previewEvalTypeAtom} from "@/oss/components/EvalRunDetails2/state/evalType"
 import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import type {AppStateSnapshot, RouteLayer} from "@/oss/state/appState"
 import {appStateSnapshotAtom} from "@/oss/state/appState"
@@ -10,6 +10,7 @@ import {selectedOrgAtom} from "@/oss/state/org/selectors/org"
 
 import {recentAppIdAtom} from "../app"
 import type {UserOnboardingStatus} from "../onboarding/types"
+
 import {resolveOnboardingSection} from "./resolveURLSection"
 
 export interface URLState {
@@ -195,7 +196,7 @@ const baseUrlLocationAtom = selectAtom(
 
 export const urlLocationAtom = eagerAtom<URLLocationState>((get) => {
     const location = get(baseUrlLocationAtom)
-    const evalType = get(evalTypeAtom)
+    const evalType = get(previewEvalTypeAtom)
     const lastVisitedEvaluation = get(lastVisitedEvaluationAtom)
 
     return {
diff --git a/web/oss/src/state/url/resolveURLSection.ts b/web/oss/src/state/url/resolveURLSection.ts
index bf80a0bafe..c8cf9a3fd2 100644
--- a/web/oss/src/state/url/resolveURLSection.ts
+++ b/web/oss/src/state/url/resolveURLSection.ts
@@ -1,12 +1,12 @@
 import {getDefaultStore} from "jotai"
 
-import {evalTypeAtom} from "@/oss/components/EvalRunDetails/state/evalType"
+import {previewEvalTypeAtom} from "@/oss/components/EvalRunDetails2/state/evalType"
 import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 
 import {ONBOARDING_SECTIONS, TOUR_STEP_KEY_MAPPER} from "../onboarding/assets/constants"
 import {UserOnboardingStatus} from "../onboarding/types"
 
-export type ResolveOnboardingSectionOptions = {
+export interface ResolveOnboardingSectionOptions {
     evalType?: string | null
     lastVisitedEvaluation?: string | null
 }
@@ -23,7 +23,7 @@ const resolveEvaluationSection = (
     }
 
     const store = getDefaultStore()
-    const evalType = options?.evalType ?? store.get(evalTypeAtom)
+    const evalType = options?.evalType ?? store.get(previewEvalTypeAtom)
     const lastVisited = options?.lastVisitedEvaluation ?? store.get(lastVisitedEvaluationAtom)
 
     if (evalType === "online" || lastVisited?.includes("online")) return "onlineEvaluation"

From 8154da7dc178070396af114a8b07a98f6755996e Mon Sep 17 00:00:00 2001
From: Mahmoud Mabrouk <mahmoud@agenta.ai>
Date: Wed, 17 Dec 2025 15:29:01 +0100
Subject: [PATCH 51/53] Refactor onboarding components to improve code
 organization and consistency. Update type definitions to use interfaces
 instead of types where applicable, and streamline imports across various
 onboarding files. Enhance the onboarding steps and state management for
 better clarity and maintainability.

---
 .../DeploymentsDashboard/components/Drawer/index.tsx  |  2 +-
 .../components/CustomNextStepProvider/index.tsx       |  9 ++++++---
 .../Onboarding/components/NextViewport/index.tsx      |  2 +-
 .../components/OnboardingAutoAdvance/index.tsx        |  1 +
 .../components/OnboardingTriggerButton/index.tsx      |  3 ++-
 .../components/OnboardingTriggerButton/types.ts       | 10 ++++++----
 .../Onboarding/components/OnboardingWidget/index.tsx  |  9 +++++++--
 .../Onboarding/components/OnboardingWidget/types.ts   |  8 ++++----
 web/oss/src/components/Onboarding/index.tsx           |  5 +++--
 web/oss/src/components/Onboarding/types.ts            |  3 ++-
 .../components/Onboarding/utils/trackOnboarding.ts    |  2 +-
 .../Playground/Components/MainLayout/index.tsx        |  2 +-
 .../Sidebar/hooks/useSidebarConfig/index.tsx          |  1 -
 .../NewEvaluation/state/autoEvaluationModalAtom.ts    |  2 +-
 .../evaluations/onlineEvaluation/state/drawerAtom.ts  |  4 +++-
 web/oss/src/hooks/usePostAuthRedirect.ts              |  1 +
 web/oss/src/state/onboarding/assets/constants.ts      |  6 +++---
 web/oss/src/state/onboarding/assets/utils.ts          | 10 +++++-----
 web/oss/src/state/onboarding/atoms/stepsAtom.ts       | 11 +++--------
 web/oss/src/state/onboarding/atoms/widgetAtom.ts      |  8 ++++----
 .../src/state/onboarding/steps/appManagementSteps.tsx |  2 ++
 .../src/state/onboarding/steps/deploymentSteps.tsx    |  2 ++
 web/oss/src/state/onboarding/steps/generalSteps.tsx   |  4 +---
 web/oss/src/state/onboarding/steps/index.ts           |  2 +-
 .../src/state/onboarding/steps/playgroundSteps.tsx    |  4 +++-
 web/oss/src/state/onboarding/steps/types.ts           |  5 +++--
 web/oss/src/state/onboarding/types.ts                 |  4 ++--
 27 files changed, 69 insertions(+), 53 deletions(-)

diff --git a/web/oss/src/components/DeploymentsDashboard/components/Drawer/index.tsx b/web/oss/src/components/DeploymentsDashboard/components/Drawer/index.tsx
index 846dc9240b..4635c83e41 100644
--- a/web/oss/src/components/DeploymentsDashboard/components/Drawer/index.tsx
+++ b/web/oss/src/components/DeploymentsDashboard/components/Drawer/index.tsx
@@ -7,9 +7,9 @@ import {useAtomValue, useSetAtom} from "jotai"
 import {createUseStyles} from "react-jss"
 
 import {envRevisionsAtom} from "@/oss/components/DeploymentsDashboard/atoms"
+import {openSelectDeployVariantModalAtom} from "@/oss/components/DeploymentsDashboard/modals/store/deploymentModalsStore"
 import EnhancedDrawer from "@/oss/components/EnhancedUIs/Drawer"
 import {JSSTheme} from "@/oss/lib/Types"
-import {openSelectDeployVariantModalAtom} from "@/oss/components/DeploymentsDashboard/modals/store/deploymentModalsStore"
 import {revisionListAtom} from "@/oss/state/variant/selectors/variant"
 
 import UseApiContent from "../../assets/UseApiContent"
diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index 1aadec5157..3dc2763637 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -1,3 +1,8 @@
+import {useEffect, useRef} from "react"
+
+import {useAtomValue, useSetAtom} from "jotai"
+import {NextStep, useNextStep} from "nextstepjs"
+
 import {
     isNewUserAtom,
     onboardingStepsAtom,
@@ -5,9 +10,7 @@ import {
     userOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
 import {urlLocationAtom} from "@/oss/state/url"
-import {useAtomValue, useSetAtom} from "jotai"
-import {NextStep, useNextStep} from "nextstepjs"
-import {useEffect, useRef} from "react"
+
 import OnboardingCard from "../../index"
 import OnboardingAutoAdvance from "../OnboardingAutoAdvance"
 
diff --git a/web/oss/src/components/Onboarding/components/NextViewport/index.tsx b/web/oss/src/components/Onboarding/components/NextViewport/index.tsx
index a79b4b81ef..00f9c1e4c3 100644
--- a/web/oss/src/components/Onboarding/components/NextViewport/index.tsx
+++ b/web/oss/src/components/Onboarding/components/NextViewport/index.tsx
@@ -2,7 +2,7 @@ import {forwardRef, useEffect, useRef, type MutableRefObject, type ReactNode} fr
 
 import clsx from "clsx"
 
-type NextViewportProps = {
+interface NextViewportProps {
     id: string
     className?: string
     children: ReactNode
diff --git a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
index 7f27c6ad72..03262f7563 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
@@ -1,4 +1,5 @@
 import {useEffect, useMemo} from "react"
+
 import {useAtomValue, useSetAtom} from "jotai"
 import {useNextStep} from "nextstepjs"
 
diff --git a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
index 6a0ad72995..a8bb50bec7 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/index.tsx
@@ -3,8 +3,9 @@ import {memo, useCallback, useMemo, MouseEvent} from "react"
 import {QuestionCircleOutlined} from "@ant-design/icons"
 import {Button, Tooltip} from "antd"
 import type {ButtonProps, TooltipProps} from "antd"
-import {triggerOnboardingAtom} from "@/oss/state/onboarding"
 import {useAtomValue, useSetAtom} from "jotai"
+
+import {triggerOnboardingAtom} from "@/oss/state/onboarding"
 import {urlLocationAtom} from "@/oss/state/url"
 
 import {OnboardingTriggerButtonProps} from "./types"
diff --git a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
index 2097605fcc..76323af9dc 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
+++ b/web/oss/src/components/Onboarding/components/OnboardingTriggerButton/types.ts
@@ -1,13 +1,15 @@
-import type {UserOnboardingStatus} from "@/oss/state/onboarding/types"
-import type {ButtonProps, TooltipProps} from "antd"
 import type {ReactNode} from "react"
 
-export type TriggerPayload = {
+import type {ButtonProps, TooltipProps} from "antd"
+
+import type {UserOnboardingStatus} from "@/oss/state/onboarding/types"
+
+export interface TriggerPayload {
     state: keyof UserOnboardingStatus
     tourId?: string
 }
 
-export type OnboardingTriggerButtonProps = {
+export interface OnboardingTriggerButtonProps {
     triggerOnboarding?: (payload: TriggerPayload | null) => void
     triggerPayload?: TriggerPayload
     tooltipTitle?: ReactNode
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
index ce39c8731c..157ddbf90f 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/index.tsx
@@ -22,16 +22,21 @@ import {
 } from "@/oss/state/onboarding/atoms/widgetAtom"
 import {userAtom} from "@/oss/state/profile"
 import {sessionExistsAtom} from "@/oss/state/session"
+
 import {
     trackOnboardingAllTasksCompleted,
     trackOnboardingGuideClosed,
     trackOnboardingTaskCompleted,
 } from "../../utils/trackOnboarding"
+
 import {BOUNDARY_PADDING} from "./constants"
 import {type ChecklistItem} from "./types"
 import {buildChecklistSections, clamp} from "./utils"
 
-type ElementSize = {width: number; height: number}
+interface ElementSize {
+    width: number
+    height: number
+}
 
 const DEFAULT_WIDGET_SIZE: ElementSize = {width: 280, height: 360}
 
@@ -59,7 +64,7 @@ const OnboardingWidget = () => {
     const router = useRouter()
     const {projectURL, appURL, recentlyVisitedAppURL} = useURL()
     const [completedMap, setCompletedMap] = useAtom(onboardingWidgetCompletionAtom)
-    const [skippedMap, setSkippedMap] = useAtom(onboardingWidgetSkippedAtom)
+    const [skippedMap] = useAtom(onboardingWidgetSkippedAtom)
     const [currentRunningWidgetOnboarding, setCurrentRunningWidgetOnboarding] = useAtom(
         currentRunningWidgetOnboardingAtom,
     )
diff --git a/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts b/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
index a0677ed05c..dcaf6631b7 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
+++ b/web/oss/src/components/Onboarding/components/OnboardingWidget/types.ts
@@ -5,12 +5,12 @@ import {CHECKLIST_PREREQUISITES} from "./constants"
 export type ChecklistPrerequisite =
     (typeof CHECKLIST_PREREQUISITES)[keyof typeof CHECKLIST_PREREQUISITES]
 
-export type ChecklistItemTour = {
+export interface ChecklistItemTour {
     section: keyof UserOnboardingStatus
     tourId?: string
 }
 
-export type ChecklistItem = {
+export interface ChecklistItem {
     id: string
     title: string
     description: string
@@ -22,13 +22,13 @@ export type ChecklistItem = {
     prerequisites?: ChecklistPrerequisite[]
 }
 
-export type ChecklistSection = {
+export interface ChecklistSection {
     id: string
     title: string
     items: ChecklistItem[]
 }
 
-export type ChecklistContext = {
+export interface ChecklistContext {
     projectURL: string
     appURL: string
     recentlyVisitedAppURL: string
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index ebf0e6d35d..58267440d3 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -3,9 +3,9 @@ import {cloneElement, isValidElement, useCallback, useEffect, useMemo, useRef} f
 
 import {ArrowLeft, ArrowRight} from "@phosphor-icons/react"
 import {Button, Card, Typography} from "antd"
+import clsx from "clsx"
 import {useAtomValue, useSetAtom} from "jotai"
 import type {CardComponentProps} from "nextstepjs"
-import {NormalizedStepContent} from "./types"
 
 import type {OnboardingControlLabels, UserOnboardingStatus} from "@/oss/state/onboarding"
 import {
@@ -15,7 +15,8 @@ import {
     updateUserOnboardingStatusAtom,
 } from "@/oss/state/onboarding"
 import {urlLocationAtom} from "@/oss/state/url"
-import clsx from "clsx"
+
+import {NormalizedStepContent} from "./types"
 
 const {Text} = Typography
 
diff --git a/web/oss/src/components/Onboarding/types.ts b/web/oss/src/components/Onboarding/types.ts
index 7b3c4f8621..463d504be0 100644
--- a/web/oss/src/components/Onboarding/types.ts
+++ b/web/oss/src/components/Onboarding/types.ts
@@ -1,6 +1,7 @@
-import {ModalProps} from "antd"
 import {ReactNode} from "react"
 
+import {ModalProps} from "antd"
+
 import type {OnboardingControlLabels} from "@/oss/state/onboarding/types"
 
 export interface NormalizedStepContent {
diff --git a/web/oss/src/components/Onboarding/utils/trackOnboarding.ts b/web/oss/src/components/Onboarding/utils/trackOnboarding.ts
index b9740d837c..4fe41403e6 100644
--- a/web/oss/src/components/Onboarding/utils/trackOnboarding.ts
+++ b/web/oss/src/components/Onboarding/utils/trackOnboarding.ts
@@ -2,7 +2,7 @@ import {getDefaultStore} from "jotai"
 
 import {posthogAtom} from "@/oss/lib/helpers/analytics/store/atoms"
 
-type BasePayload = {
+interface BasePayload {
     total_tasks: number
     completed_tasks: number
     skipped_tasks: number
diff --git a/web/oss/src/components/Playground/Components/MainLayout/index.tsx b/web/oss/src/components/Playground/Components/MainLayout/index.tsx
index 79a2e6b950..252fae448c 100644
--- a/web/oss/src/components/Playground/Components/MainLayout/index.tsx
+++ b/web/oss/src/components/Playground/Components/MainLayout/index.tsx
@@ -5,12 +5,12 @@ import {Typography, Button, Splitter} from "antd"
 import clsx from "clsx"
 import {useAtomValue} from "jotai"
 
+import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import {generationInputRowIdsAtom} from "@/oss/components/Playground/state/atoms/generationProperties"
 import {chatTurnIdsAtom} from "@/oss/state/generation/entities"
 import {appStatusAtom} from "@/oss/state/variant/atoms/appStatus"
 import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
 
-import NextViewport from "@/oss/components/Onboarding/components/NextViewport"
 import {usePlaygroundScrollSync} from "../../hooks/usePlaygroundScrollSync"
 import {displayedVariantsAtom, isComparisonViewAtom, appChatModeAtom} from "../../state/atoms"
 import {GenerationComparisonOutput} from "../PlaygroundGenerationComparisonView"
diff --git a/web/oss/src/components/Sidebar/hooks/useSidebarConfig/index.tsx b/web/oss/src/components/Sidebar/hooks/useSidebarConfig/index.tsx
index 670ceae40a..2056ae2350 100644
--- a/web/oss/src/components/Sidebar/hooks/useSidebarConfig/index.tsx
+++ b/web/oss/src/components/Sidebar/hooks/useSidebarConfig/index.tsx
@@ -16,7 +16,6 @@ import {
     SlackLogo,
     TreeView,
 } from "@phosphor-icons/react"
-
 import {useSetAtom} from "jotai"
 
 import {useCrispChat} from "@/oss/hooks/useCrispChat"
diff --git a/web/oss/src/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom.ts b/web/oss/src/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom.ts
index 76eaba6bb0..e2ce8c2e60 100644
--- a/web/oss/src/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom.ts
+++ b/web/oss/src/components/pages/evaluations/NewEvaluation/state/autoEvaluationModalAtom.ts
@@ -1,6 +1,6 @@
 import {atom} from "jotai"
 
-type AutoEvaluationModalState = {
+interface AutoEvaluationModalState {
     open: boolean
 }
 
diff --git a/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts b/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
index 732a05681f..ae005fbf87 100644
--- a/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
+++ b/web/oss/src/components/pages/evaluations/onlineEvaluation/state/drawerAtom.ts
@@ -1,6 +1,8 @@
 import {atom} from "jotai"
 
-export type OnlineEvaluationDrawerState = {open: boolean}
+export interface OnlineEvaluationDrawerState {
+    open: boolean
+}
 
 const defaultState: OnlineEvaluationDrawerState = {open: false}
 
diff --git a/web/oss/src/hooks/usePostAuthRedirect.ts b/web/oss/src/hooks/usePostAuthRedirect.ts
index 039dccd1f4..3853da8756 100644
--- a/web/oss/src/hooks/usePostAuthRedirect.ts
+++ b/web/oss/src/hooks/usePostAuthRedirect.ts
@@ -11,6 +11,7 @@ import {useProfileData} from "@/oss/state/profile"
 import {userAtom} from "@/oss/state/profile/selectors/user"
 import {useProjectData} from "@/oss/state/project"
 import {buildPostLoginPath, waitForWorkspaceContext} from "@/oss/state/url/postLoginRedirect"
+
 import {isNewUserStorageAtom} from "../state/onboarding/atoms/stepsAtom"
 
 interface AuthUserLike {
diff --git a/web/oss/src/state/onboarding/assets/constants.ts b/web/oss/src/state/onboarding/assets/constants.ts
index bb5b8e0891..51a1bde0b9 100644
--- a/web/oss/src/state/onboarding/assets/constants.ts
+++ b/web/oss/src/state/onboarding/assets/constants.ts
@@ -12,9 +12,9 @@ export const defaultUserOnboardingState: UserOnboardingStatus = {
     deployment: "idle",
 }
 
-export const ONBOARDING_SECTIONS = Object.keys(defaultUserOnboardingState) as Array<
-    keyof UserOnboardingStatus
->
+export const ONBOARDING_SECTIONS = Object.keys(
+    defaultUserOnboardingState,
+) as (keyof UserOnboardingStatus)[]
 
 export const TOUR_STEP_KEY_MAPPER: Record<string, keyof UserOnboardingStatus> = {
     trace: "trace",
diff --git a/web/oss/src/state/onboarding/assets/utils.ts b/web/oss/src/state/onboarding/assets/utils.ts
index d609070238..61032df63f 100644
--- a/web/oss/src/state/onboarding/assets/utils.ts
+++ b/web/oss/src/state/onboarding/assets/utils.ts
@@ -1,24 +1,24 @@
-import Router from "next/router"
 import {getDefaultStore} from "jotai"
-import {v4 as uuidv4} from "uuid"
 import {queryClientAtom} from "jotai-tanstack-query"
+import Router from "next/router"
+import {v4 as uuidv4} from "uuid"
 
 import {collectEvaluatorCandidates} from "@/oss/components/pages/evaluations/onlineEvaluation/utils/evaluatorDetails"
+import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import {evaluatorConfigsAtom} from "@/oss/lib/atoms/evaluation"
 import type {EvaluatorConfig} from "@/oss/lib/Types"
+import {fetchAllEvaluatorConfigs} from "@/oss/services/evaluators"
 import {
     createSimpleEvaluation,
     createSimpleQuery,
     retrieveQueryRevision,
     type SimpleEvaluationCreatePayload,
 } from "@/oss/services/onlineEvaluations/api"
-import {fetchAllEvaluatorConfigs} from "@/oss/services/evaluators"
-import {lastVisitedEvaluationAtom} from "@/oss/components/pages/evaluations/state/lastVisitedEvaluationAtom"
 import {waitForValidURL, getURLValues} from "@/oss/state/url"
 
+import {demoOnlineEvaluationAtom, DemoOnlineEvaluationContext} from "../atoms/helperAtom"
 import {currentOnboardingStepAtom, triggerOnboardingAtom} from "../atoms/stepsAtom"
 import {currentRunningWidgetOnboardingAtom} from "../atoms/widgetAtom"
-import {demoOnlineEvaluationAtom, DemoOnlineEvaluationContext} from "../atoms/helperAtom"
 
 const DEMO_EVALUATION_NAME = "demo-evaluation"
 const LLM_JUDGE_KEYS = new Set([
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 6071f5e425..83ef2feb3a 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -1,9 +1,10 @@
-import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
 import {atom} from "jotai"
-import {eagerAtom} from "jotai-eager"
 import {atomWithStorage} from "jotai/utils"
+import {eagerAtom} from "jotai-eager"
 import {Tour} from "nextstepjs"
 
+import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
+
 import {userAtom} from "../../profile"
 import {sessionExistsAtom} from "../../session"
 import {urlLocationAtom} from "../../url"
@@ -15,7 +16,6 @@ import {
     OnboardingState,
     UserOnboardingStatus,
 } from "../types"
-import {playgroundHasFirstRunAtom} from "./helperAtom"
 
 const NEW_USER_STORAGE_KEY = "new-user"
 const USER_ONBOARDING_STATE_TRACKER = "user-onboarding-state-tracker"
@@ -105,17 +105,12 @@ export const onboardingStepsAtom = atom<Tour[]>((get) => {
     const userOnboardingJourneyStatus = get(userOnboardingStatusAtom)
     const manualTrigger = get(triggerOnboardingAtom)
     const currentStep = get(currentOnboardingStepWithLocationAtom)
-    const hasPlaygroundRun = get(playgroundHasFirstRunAtom)
 
     if (appStatusLoading) return []
 
     if (manualTrigger) {
         const requestedState = manualTrigger.state as keyof typeof TOUR_STEPS
         const requestedTourId = manualTrigger.tourId
-        const effectiveState =
-            requestedState === "playground" && hasPlaygroundRun
-                ? ("playgroundPostRun" as keyof typeof TOUR_STEPS)
-                : requestedState
 
         const tourSteps = TOUR_STEPS[requestedState]
         if (!tourSteps) return []
diff --git a/web/oss/src/state/onboarding/atoms/widgetAtom.ts b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
index 3d6f9a0251..b009db3e99 100644
--- a/web/oss/src/state/onboarding/atoms/widgetAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/widgetAtom.ts
@@ -1,9 +1,9 @@
 import {atom} from "jotai"
 import {atomWithStorage, createJSONStorage} from "jotai/utils"
+
 import {OnboardingState, UserOnboardingStatus} from "../types"
-import {currentOnboardingStepWithLocationAtom} from "./stepsAtom"
 
-export type OnboardingWidgetPosition = {
+export interface OnboardingWidgetPosition {
     x: number
     y: number
 }
@@ -12,7 +12,7 @@ const ONBOARDING_WIDGET_COMPLETION_KEY = "onboarding-widget-completion"
 const ONBOARDING_WIDGET_SKIPPED_KEY = "onboarding-widget-skipped"
 const ONBOARDING_WIDGET_UI_STATE_KEY = "onboarding-widget-ui-state"
 
-type OnboardingWidgetUIState = {
+interface OnboardingWidgetUIState {
     minimized: boolean
     position: OnboardingWidgetPosition | null
     minimizeHint: boolean
@@ -20,7 +20,7 @@ type OnboardingWidgetUIState = {
     closed: boolean
 }
 
-export type RunningWidgetOnboarding = {
+export interface RunningWidgetOnboarding {
     section: keyof UserOnboardingStatus
     completionKey: string
     initialStatus: OnboardingState
diff --git a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
index d96f94c683..d30729487c 100644
--- a/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/appManagementSteps.tsx
@@ -1,5 +1,7 @@
 import {setCompleteWidgetTaskMap} from "@/oss/components/Onboarding/components/OnboardingWidget"
+
 import {clearOnboardingState, redirectToAppsPage} from "../assets/utils"
+
 import {resolveGeneralTours} from "./generalSteps"
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
diff --git a/web/oss/src/state/onboarding/steps/deploymentSteps.tsx b/web/oss/src/state/onboarding/steps/deploymentSteps.tsx
index 796504b51c..bde3c0e065 100644
--- a/web/oss/src/state/onboarding/steps/deploymentSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/deploymentSteps.tsx
@@ -1,5 +1,7 @@
 import {setCompleteWidgetTaskMap} from "@/oss/components/Onboarding/components/OnboardingWidget"
+
 import {clearOnboardingState} from "../assets/utils"
+
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
 // integration
diff --git a/web/oss/src/state/onboarding/steps/generalSteps.tsx b/web/oss/src/state/onboarding/steps/generalSteps.tsx
index 956b1051b7..9690d4f39b 100644
--- a/web/oss/src/state/onboarding/steps/generalSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/generalSteps.tsx
@@ -9,9 +9,7 @@ const GENERAL_TOURS: Record<string, TourDefinition> = {
                     icon: "❓",
                     title: "Come back anytime",
                     content: (
-                        <span>
-                            You can always use the Help &amp; Docs menu to reopen the guide
-                        </span>
+                        <span>You can always use the Help &amp; Docs menu to reopen the guide</span>
                     ),
                     selector: ".tour-help-docs-link",
                     side: "top",
diff --git a/web/oss/src/state/onboarding/steps/index.ts b/web/oss/src/state/onboarding/steps/index.ts
index 575dd8f1fd..104af1d97e 100644
--- a/web/oss/src/state/onboarding/steps/index.ts
+++ b/web/oss/src/state/onboarding/steps/index.ts
@@ -1,8 +1,8 @@
 import {APP_MANAGEMENT_TOURS} from "./appManagementSteps"
+import {DEPLOYMENT_TOURS} from "./deploymentSteps"
 import {evaluationTour} from "./evaluations"
 import {PLAYGROUND_TOURS, resolvePlaygroundPostRunTour} from "./playgroundSteps"
 import {TRACE_TOURS} from "./traceSteps"
-import {DEPLOYMENT_TOURS} from "./deploymentSteps"
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
 export const TOUR_STEPS: Record<string, (ctx: OnboardingStepsContext) => TourDefinition> = {
diff --git a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
index 243b40a7c6..d1efe0bfc7 100644
--- a/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
+++ b/web/oss/src/state/onboarding/steps/playgroundSteps.tsx
@@ -1,5 +1,7 @@
-import {appChatModeAtom} from "@/oss/components/Playground/state/atoms"
 import {getDefaultStore} from "jotai"
+
+import {appChatModeAtom} from "@/oss/components/Playground/state/atoms"
+
 import {OnboardingStepsContext, TourDefinition} from "./types"
 
 export const PLAYGROUND_COMPLETION_TOUR: TourDefinition[number]["steps"] = [
diff --git a/web/oss/src/state/onboarding/steps/types.ts b/web/oss/src/state/onboarding/steps/types.ts
index a0b0a9c576..260608e2f5 100644
--- a/web/oss/src/state/onboarding/steps/types.ts
+++ b/web/oss/src/state/onboarding/steps/types.ts
@@ -1,9 +1,10 @@
 import {Tour} from "nextstepjs"
 
-import {CurrentOnboardingStepExtended, OnboardingStep, UserOnboardingStatus} from "../types"
 import {URLLocationState} from "@/oss/state/url"
 
-export type OnboardingStepsContext = {
+import {CurrentOnboardingStepExtended, OnboardingStep, UserOnboardingStatus} from "../types"
+
+export interface OnboardingStepsContext {
     userContext: {
         userRole: string
         userExperience: string
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index 9255b6f117..1b0121ae29 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -2,7 +2,7 @@ import {Tour} from "nextstepjs"
 
 export type OnboardingState = "idle" | "started" | "done" | "error" | "skipped"
 
-export type UserOnboardingStatus<T = OnboardingState> = {
+export interface UserOnboardingStatus<T = OnboardingState> {
     apps: T
     playground: T
     playgroundPostRun: T
@@ -14,7 +14,7 @@ export type UserOnboardingStatus<T = OnboardingState> = {
     deployment: T
 }
 
-export type OnboardingControlLabels = {
+export interface OnboardingControlLabels {
     next?: string
     previous?: string
     finish?: string

From e298b60544a9126b1c2555edc95bd44fd4c6d99c Mon Sep 17 00:00:00 2001
From: Mahmoud Mabrouk <mahmoud@agenta.ai>
Date: Wed, 17 Dec 2025 16:14:10 +0100
Subject: [PATCH 52/53] revert changes to backend

---
 api/oss/src/resources/evaluators/evaluators.py | 11 +----------
 api/oss/src/services/evaluator_manager.py      | 15 +++++----------
 2 files changed, 6 insertions(+), 20 deletions(-)

diff --git a/api/oss/src/resources/evaluators/evaluators.py b/api/oss/src/resources/evaluators/evaluators.py
index 441fb9230b..89d9974f8d 100644
--- a/api/oss/src/resources/evaluators/evaluators.py
+++ b/api/oss/src/resources/evaluators/evaluators.py
@@ -28,7 +28,7 @@
     {
         "name": "LLM-as-a-judge",
         "key": "auto_ai_critique",
-        "direct_use": True,
+        "direct_use": False,
         "requires_llm_api_keys": True,
         "settings_presets": [
             {
@@ -250,13 +250,6 @@
                 "advanced": True,  # Tells the frontend that this setting is advanced and should be hidden by default
                 "description": "The LLM model to use for the evaluation",
             },
-            "template_format": {
-                "label": "Template Format",
-                "type": "hidden",
-                "default": "curly",
-                "advanced": True,
-                "description": "Formatting style for prompt variables",
-            },
             "response_type": {
                 "label": "Response Type",
                 "default": "json_schema",
@@ -298,8 +291,6 @@
             },
         },
         "description": "LLM-as-a-judge uses a configurable prompt template that takes the output—and optionally inputs or data from the testcase such as correct answer—to evaluate the generated output.",
-        "requires_testcase": "always",
-        "requires_trace": "always",
         "oss": True,
         "tags": ["ai_llm"],
     },
diff --git a/api/oss/src/services/evaluator_manager.py b/api/oss/src/services/evaluator_manager.py
index 7cdbf75f53..375eec953a 100644
--- a/api/oss/src/services/evaluator_manager.py
+++ b/api/oss/src/services/evaluator_manager.py
@@ -5,8 +5,6 @@
 
 from oss.src.models.db_models import EvaluatorConfigDB
 from oss.src.models.converters import evaluator_config_db_to_pydantic
-import copy
-
 from oss.src.resources.evaluators.evaluators import get_all_evaluators
 from oss.src.models.api.evaluation_model import LegacyEvaluator, EvaluatorConfig
 
@@ -134,18 +132,15 @@ async def create_ready_to_use_evaluators(project_id: str):
 
     for evaluator in direct_use_evaluators:
         settings_values = {
-            setting_name: copy.deepcopy(setting.get("default"))
+            setting_name: setting.get("default")
             for setting_name, setting in evaluator.settings_template.items()
-            if "default" in setting
+            if setting.get("ground_truth_key") is True and setting.get("default", "")
         }
 
         for setting_name, default_value in settings_values.items():
-            if evaluator.settings_template.get(setting_name, {}).get(
-                "ground_truth_key"
-            ):
-                assert default_value != "", (
-                    f"Default value for ground truth key '{setting_name}' in Evaluator is empty"
-                )
+            assert default_value != "", (
+                f"Default value for ground truth key '{setting_name}' in Evaluator is empty"
+            )
 
         assert hasattr(evaluator, "name") and hasattr(evaluator, "key"), (
             f"'name' and 'key' does not exist in the evaluator: {evaluator}"

From aa829a45fd25358928b942fcf72ae4e696d1663b Mon Sep 17 00:00:00 2001
From: Mahmoud Mabrouk <mahmoud@agenta.ai>
Date: Wed, 31 Dec 2025 15:52:43 +0100
Subject: [PATCH 53/53] chore(web): replace nextstepjs patch with
 @agentaai/nextstepjs package

- Published fork as @agentaai/nextstepjs@2.1.3-agenta.1 with selector retry fix
- Removed pnpm patch configuration from web/package.json
- Deleted web/patches/nextstepjs@2.1.2.patch
- Removed COPY ./patches from Dockerfiles (ee and oss)
- Updated all imports from 'nextstepjs' to '@agentaai/nextstepjs'

The fix adds selectorRetryAttempts and selectorRetryDelay options to handle
async-rendered elements. Upstream PR: https://github.com/enszrlu/NextStep/pull/67
---
 web/ee/docker/Dockerfile.dev                  |   3 -
 web/oss/docker/Dockerfile.dev                 |   2 -
 web/oss/package.json                          |   2 +-
 .../CustomNextStepProvider/index.tsx          |   2 +-
 .../OnboardingAutoAdvance/index.tsx           |   2 +-
 web/oss/src/components/Onboarding/index.tsx   |   2 +-
 web/oss/src/components/pages/_app/index.tsx   |   2 +-
 .../src/state/onboarding/atoms/stepsAtom.ts   |   2 +-
 web/oss/src/state/onboarding/steps/types.ts   |   2 +-
 web/oss/src/state/onboarding/types.ts         |   2 +-
 web/package.json                              |   3 -
 web/patches/nextstepjs@2.1.2.patch            | 169 ------------------
 web/pnpm-lock.yaml                            |  62 +++----
 13 files changed, 37 insertions(+), 218 deletions(-)
 delete mode 100644 web/patches/nextstepjs@2.1.2.patch

diff --git a/web/ee/docker/Dockerfile.dev b/web/ee/docker/Dockerfile.dev
index 863e74ef48..6a151cdff0 100644
--- a/web/ee/docker/Dockerfile.dev
+++ b/web/ee/docker/Dockerfile.dev
@@ -20,9 +20,6 @@ COPY ./pnpm-workspace.yaml ./turbo.json ./
 
 COPY ./entrypoint.sh /app/entrypoint.sh
 
-# Copy patches directory before running pnpm i
-COPY ./patches /app/patches/
-
 RUN pnpm i
 
 COPY ee/src ./ee/src
diff --git a/web/oss/docker/Dockerfile.dev b/web/oss/docker/Dockerfile.dev
index d583fd7c60..24af8dc77d 100644
--- a/web/oss/docker/Dockerfile.dev
+++ b/web/oss/docker/Dockerfile.dev
@@ -17,8 +17,6 @@ RUN PNPM_VERSION=$(cat package.json | jq -r '.packageManager | split("@")[1]') &
 
 COPY oss/package.json ./oss/yarn.lock* ./oss/package-lock.json* ./oss/pnpm-lock.yaml* ./oss/.npmrc* ./oss/
 COPY ./pnpm-workspace.yaml ./turbo.json ./
-# Copy patches directory before running pnpm i
-COPY ./patches /app/patches/
 RUN pnpm i
 
 COPY tsconfig.json .
diff --git a/web/oss/package.json b/web/oss/package.json
index 996d927ba9..2bf130c858 100644
--- a/web/oss/package.json
+++ b/web/oss/package.json
@@ -96,7 +96,7 @@
         "lodash": "^4.17.21",
         "lucide-react": "^0.475.0",
         "motion": "^12.23.24",
-        "nextstepjs": "^2.1.2",
+        "@agentaai/nextstepjs": "^2.1.3-agenta.1",
         "next": "15.5.9",
         "papaparse": "^5.5.3",
         "postcss": "^8.5.6",
diff --git a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
index 3dc2763637..449a7b3665 100644
--- a/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
+++ b/web/oss/src/components/Onboarding/components/CustomNextStepProvider/index.tsx
@@ -1,7 +1,7 @@
 import {useEffect, useRef} from "react"
 
 import {useAtomValue, useSetAtom} from "jotai"
-import {NextStep, useNextStep} from "nextstepjs"
+import {NextStep, useNextStep} from "@agentaai/nextstepjs"
 
 import {
     isNewUserAtom,
diff --git a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
index 03262f7563..7c12e0f303 100644
--- a/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
+++ b/web/oss/src/components/Onboarding/components/OnboardingAutoAdvance/index.tsx
@@ -1,7 +1,7 @@
 import {useEffect, useMemo} from "react"
 
 import {useAtomValue, useSetAtom} from "jotai"
-import {useNextStep} from "nextstepjs"
+import {useNextStep} from "@agentaai/nextstepjs"
 
 import {
     onboardingStepsAtom,
diff --git a/web/oss/src/components/Onboarding/index.tsx b/web/oss/src/components/Onboarding/index.tsx
index 58267440d3..20b1ab30d2 100644
--- a/web/oss/src/components/Onboarding/index.tsx
+++ b/web/oss/src/components/Onboarding/index.tsx
@@ -5,7 +5,7 @@ import {ArrowLeft, ArrowRight} from "@phosphor-icons/react"
 import {Button, Card, Typography} from "antd"
 import clsx from "clsx"
 import {useAtomValue, useSetAtom} from "jotai"
-import type {CardComponentProps} from "nextstepjs"
+import type {CardComponentProps} from "@agentaai/nextstepjs"
 
 import type {OnboardingControlLabels, UserOnboardingStatus} from "@/oss/state/onboarding"
 import {
diff --git a/web/oss/src/components/pages/_app/index.tsx b/web/oss/src/components/pages/_app/index.tsx
index 276db47536..de75122dc4 100644
--- a/web/oss/src/components/pages/_app/index.tsx
+++ b/web/oss/src/components/pages/_app/index.tsx
@@ -5,7 +5,7 @@ import {useAtomValue} from "jotai"
 import type {AppProps} from "next/app"
 import dynamic from "next/dynamic"
 import {Inter} from "next/font/google"
-import {NextStepProvider} from "nextstepjs"
+import {NextStepProvider} from "@agentaai/nextstepjs"
 
 import ThemeContextProvider from "@/oss/components/Layout/ThemeContextProvider"
 import GlobalScripts from "@/oss/components/Scripts/GlobalScripts"
diff --git a/web/oss/src/state/onboarding/atoms/stepsAtom.ts b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
index 83ef2feb3a..bf9427b20d 100644
--- a/web/oss/src/state/onboarding/atoms/stepsAtom.ts
+++ b/web/oss/src/state/onboarding/atoms/stepsAtom.ts
@@ -1,7 +1,7 @@
 import {atom} from "jotai"
 import {atomWithStorage} from "jotai/utils"
 import {eagerAtom} from "jotai-eager"
-import {Tour} from "nextstepjs"
+import {Tour} from "@agentaai/nextstepjs"
 
 import {appStatusLoadingAtom} from "@/oss/state/variant/atoms/fetcher"
 
diff --git a/web/oss/src/state/onboarding/steps/types.ts b/web/oss/src/state/onboarding/steps/types.ts
index 260608e2f5..0e1b4d7972 100644
--- a/web/oss/src/state/onboarding/steps/types.ts
+++ b/web/oss/src/state/onboarding/steps/types.ts
@@ -1,4 +1,4 @@
-import {Tour} from "nextstepjs"
+import {Tour} from "@agentaai/nextstepjs"
 
 import {URLLocationState} from "@/oss/state/url"
 
diff --git a/web/oss/src/state/onboarding/types.ts b/web/oss/src/state/onboarding/types.ts
index 1b0121ae29..22b9ce3175 100644
--- a/web/oss/src/state/onboarding/types.ts
+++ b/web/oss/src/state/onboarding/types.ts
@@ -1,4 +1,4 @@
-import {Tour} from "nextstepjs"
+import {Tour} from "@agentaai/nextstepjs"
 
 export type OnboardingState = "idle" | "started" | "done" | "error" | "skipped"
 
diff --git a/web/package.json b/web/package.json
index eace3de058..22ba244b25 100644
--- a/web/package.json
+++ b/web/package.json
@@ -75,9 +75,6 @@
         "overrides": {
             "prismjs@<1.30.0": ">=1.30.0",
             "@babel/runtime@<7.26.10": ">=7.26.10"
-        },
-        "patchedDependencies": {
-            "nextstepjs@2.1.2": "patches/nextstepjs@2.1.2.patch"
         }
     }
 }
diff --git a/web/patches/nextstepjs@2.1.2.patch b/web/patches/nextstepjs@2.1.2.patch
deleted file mode 100644
index 1960f2a68d..0000000000
--- a/web/patches/nextstepjs@2.1.2.patch
+++ /dev/null
@@ -1,169 +0,0 @@
-diff --git a/dist/NextStepReact.js b/dist/NextStepReact.js
-index a34d899..4216c52 100644
---- a/dist/NextStepReact.js
-+++ b/dist/NextStepReact.js
-@@ -7,6 +7,9 @@ import { useWindowAdapter } from './adapters/window';
- import DefaultCard from './DefaultCard';
- import DynamicPortal from './DynamicPortal';
- import SmoothSpotlight from './SmoothSpotlight';
-+
-+const MIN_SELECTOR_LOOKUP_ATTEMPTS = 10;
-+const SELECTOR_LOOKUP_DELAY_MS = 50;
- /**
-  * NextStepReact component for rendering the onboarding steps.
-  *
-@@ -213,6 +216,7 @@ const NextStepReact = ({ children, steps, shadowRgb = '0, 0, 0', shadowOpacity =
-     // - -
-     // Update pointerPosition when currentStep changes
-     useEffect(() => {
-+        let cleanupRetries = () => { };
-         if (isNextStepVisible && currentTourSteps) {
-             if (!disableConsoleLogs) {
-                 console.log('NextStep: Current Step Changed');
-@@ -234,8 +238,14 @@ const NextStepReact = ({ children, steps, shadowRgb = '0, 0, 0', shadowOpacity =
-             setViewportRect(tempViewportRect);
-             setScrollableParent(getScrollableParent(tempViewport));
-             if (step && step.selector) {
--                const element = document.querySelector(step.selector);
--                if (element) {
-+                const retryTimeouts = [];
-+                let cancelled = false;
-+                const attempts = Math.max((step.selectorRetryAttempts ?? MIN_SELECTOR_LOOKUP_ATTEMPTS), MIN_SELECTOR_LOOKUP_ATTEMPTS);
-+                const retryDelay = step.selectorRetryDelay ?? SELECTOR_LOOKUP_DELAY_MS;
-+                const handleElementLocated = (element) => {
-+                    if (cancelled) {
-+                        return;
-+                    }
-                     setPointerPosition(getElementPosition(element));
-                     currentElementRef.current = element;
-                     setElementToScroll(element);
-@@ -252,7 +262,28 @@ const NextStepReact = ({ children, steps, shadowRgb = '0, 0, 0', shadowOpacity =
-                                     : 'center',
-                         });
-                     }
--                }
-+                };
-+                const attemptLookup = (remainingAttempts) => {
-+                    if (cancelled) {
-+                        return;
-+                    }
-+                    const element = document.querySelector(step.selector);
-+                    if (element) {
-+                        handleElementLocated(element);
-+                        return;
-+                    }
-+                    if (remainingAttempts > 0) {
-+                        const timeoutId = window.setTimeout(() => attemptLookup(remainingAttempts - 1), retryDelay);
-+                        retryTimeouts.push(timeoutId);
-+                    }
-+                };
-+                attemptLookup(attempts);
-+                cleanupRetries = () => {
-+                    cancelled = true;
-+                    retryTimeouts.forEach((timeoutId) => {
-+                        window.clearTimeout(timeoutId);
-+                    });
-+                };
-             }
-             else {
-                 // Reset pointer position to middle of the screen when selector is empty, undefined, or ""
-@@ -276,6 +307,9 @@ const NextStepReact = ({ children, steps, shadowRgb = '0, 0, 0', shadowOpacity =
-                 setElementToScroll(null);
-             }
-         }
-+        return () => {
-+            cleanupRetries();
-+        };
-     }, [currentStep, currentTourSteps, isInView, offset, isNextStepVisible]);
-     useEffect(() => {
-         if (elementToScroll && !isInView && isNextStepVisible) {
-diff --git a/src/NextStepReact.tsx b/src/NextStepReact.tsx
-index 5ddca29..933b7bd 100644
---- a/src/NextStepReact.tsx
-+++ b/src/NextStepReact.tsx
-@@ -10,6 +10,9 @@ import DefaultCard from './DefaultCard';
- import DynamicPortal from './DynamicPortal';
- import SmoothSpotlight from './SmoothSpotlight';
- 
-+const MIN_SELECTOR_LOOKUP_ATTEMPTS = 3;
-+const SELECTOR_LOOKUP_DELAY_MS = 200;
-+
- /**
-  * NextStepReact component for rendering the onboarding steps.
-  *
-@@ -268,6 +271,7 @@ const NextStepReact: React.FC<NextStepProps> = ({
-   // - -
-   // Update pointerPosition when currentStep changes
-   useEffect(() => {
-+    let cleanupRetries = () => {};
-     if (isNextStepVisible && currentTourSteps) {
-       if (!disableConsoleLogs) {
-         console.log('NextStep: Current Step Changed');
-@@ -293,8 +297,18 @@ const NextStepReact: React.FC<NextStepProps> = ({
-       setScrollableParent(getScrollableParent(tempViewport));
- 
-       if (step && step.selector) {
--        const element = document.querySelector(step.selector) as Element | null;
--        if (element) {
-+        const retryTimeouts: number[] = [];
-+        let cancelled = false;
-+        const attempts = Math.max(
-+          step.selectorRetryAttempts ?? MIN_SELECTOR_LOOKUP_ATTEMPTS,
-+          MIN_SELECTOR_LOOKUP_ATTEMPTS,
-+        );
-+        const retryDelay = step.selectorRetryDelay ?? SELECTOR_LOOKUP_DELAY_MS;
-+
-+        const handleElementLocated = (element: Element) => {
-+          if (cancelled) {
-+            return;
-+          }
-           setPointerPosition(getElementPosition(element));
-           currentElementRef.current = element;
-           setElementToScroll(element);
-@@ -316,7 +330,34 @@ const NextStepReact: React.FC<NextStepProps> = ({
-                 : 'center',
-             });
-           }
--        }
-+        };
-+
-+        const attemptLookup = (remainingAttempts: number) => {
-+          if (cancelled) {
-+            return;
-+          }
-+          const element = document.querySelector(step.selector) as Element | null;
-+          if (element) {
-+            handleElementLocated(element);
-+            return;
-+          }
-+          if (remainingAttempts > 0) {
-+            const timeoutId = window.setTimeout(
-+              () => attemptLookup(remainingAttempts - 1),
-+              retryDelay,
-+            );
-+            retryTimeouts.push(timeoutId);
-+          }
-+        };
-+
-+        attemptLookup(attempts);
-+
-+        cleanupRetries = () => {
-+          cancelled = true;
-+          retryTimeouts.forEach((timeoutId) => {
-+            window.clearTimeout(timeoutId);
-+          });
-+        };
-       } else {
-         // Reset pointer position to middle of the screen when selector is empty, undefined, or ""
-         if (step.viewportID) {
-@@ -339,6 +380,10 @@ const NextStepReact: React.FC<NextStepProps> = ({
-         setElementToScroll(null);
-       }
-     }
-+
-+    return () => {
-+      cleanupRetries();
-+    };
-   }, [currentStep, currentTourSteps, isInView, offset, isNextStepVisible]);
- 
-   useEffect(() => {
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 4104a0ee21..98c98b6549 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -8,11 +8,6 @@ overrides:
   prismjs@<1.30.0: '>=1.30.0'
   '@babel/runtime@<7.26.10': '>=7.26.10'
 
-patchedDependencies:
-  nextstepjs@2.1.2:
-    hash: 95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a
-    path: patches/nextstepjs@2.1.2.patch
-
 importers:
 
   .:
@@ -334,6 +329,9 @@ importers:
       '@agenta/web-tests':
         specifier: workspace:../tests
         version: link:../tests
+      '@agentaai/nextstepjs':
+        specifier: ^2.1.3-agenta.1
+        version: 2.1.3-agenta.1(motion@12.23.26(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.9(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@ant-design/colors':
         specifier: ^7.2.1
         version: 7.2.1
@@ -550,9 +548,6 @@ importers:
       next:
         specifier: 15.5.9
         version: 15.5.9(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      nextstepjs:
-        specifier: ^2.1.2
-        version: 2.1.2(patch_hash=95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a)(motion@12.23.26(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.9(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       papaparse:
         specifier: ^5.5.3
         version: 5.5.3
@@ -712,6 +707,23 @@ packages:
   '@ag-grid-community/styles@32.3.4':
     resolution: {integrity: sha512-kZZ7EPje5LhEIoUrIyjAw9CvQ7VXiTZzrtN0bY8apzzzH8bIG2lbAz9M4KVfB+nghu0I4gSh0XdpESOaBstrqg==}
 
+  '@agentaai/nextstepjs@2.1.3-agenta.1':
+    resolution: {integrity: sha512-TBgSEXEryYY/9dVKqVNI/fwliL7fJ3h0m+t+uKtKbldYvYGZ3uJvYr3O4G/P4SoESCb01fkacl/nsUI6n3ztJA==}
+    peerDependencies:
+      '@remix-run/react': '>=1.0.0'
+      motion: '>=11'
+      next: '>=13.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+      react-router: '>=7.0.0'
+    peerDependenciesMeta:
+      '@remix-run/react':
+        optional: true
+      next:
+        optional: true
+      react-router:
+        optional: true
+
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -3947,6 +3959,7 @@ packages:
     resolution: {integrity: sha512-Quz3MvAwHxVYNXsOByL7xI5EB2WYOeFswqaHIA3qOK3isRWTxiplBEocmmru6XmxDB2L7jDNYtYA4FyimoAFEw==}
     engines: {node: '>=8.17.0'}
     hasBin: true
+    bundledDependencies: []
 
   jsonpointer@5.0.1:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
@@ -4277,23 +4290,6 @@ packages:
       sass:
         optional: true
 
-  nextstepjs@2.1.2:
-    resolution: {integrity: sha512-m9WnoeSFJaA9804vZo78GJZT9emmCfmmlR7Mewnd4OGcYSZv8PGt2uNeJRG3KedWt/sPov+rlMLA+kA3NWzXoQ==}
-    peerDependencies:
-      '@remix-run/react': '>=1.0.0'
-      motion: '>=11'
-      next: '>=13.0.0'
-      react: '>=18'
-      react-dom: '>=18'
-      react-router: '>=7.0.0'
-    peerDependenciesMeta:
-      '@remix-run/react':
-        optional: true
-      next:
-        optional: true
-      react-router:
-        optional: true
-
   node-domexception@1.0.0:
     resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
     engines: {node: '>=10.5.0'}
@@ -5709,6 +5705,14 @@ snapshots:
 
   '@ag-grid-community/styles@32.3.4': {}
 
+  '@agentaai/nextstepjs@2.1.3-agenta.1(motion@12.23.26(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.9(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      motion: 12.23.26(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      next: 15.5.9(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+
   '@alloc/quick-lru@5.2.0': {}
 
   '@ant-design/colors@7.2.1':
@@ -9653,14 +9657,6 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
-  nextstepjs@2.1.2(patch_hash=95c404834e49ac4119b81c6da5eaa54ec3d4d2c41be037ce1e77488b259bfb1a)(motion@12.23.26(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.5.9(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
-    dependencies:
-      motion: 12.23.26(@emotion/is-prop-valid@0.7.3)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-    optionalDependencies:
-      next: 15.5.9(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-
   node-domexception@1.0.0: {}
 
   node-fetch@2.7.0: