feat(tour): cover the AI chat panel and follow the user's clicks

apps/platform/public/locales/en/ui.json

@@ -19,9 +19,12 @@
   "ui.text.add_email_sent": "Verification email sent",
   "ui.text.add_email_sent_description": "We've sent a verification link to {{email}}. Click it to finish adding your email.",
   "ui.text.advanced": "Advanced",
+  "ui.text.advancedTabTourDescription": "Explicit values live here, and they always win over anything the model infers. The video this node uploads is one of them.",
   "ui.text.agent": "Agent",
   "ui.text.agents": "Agents",
-  "ui.text.aiFlowBuilderDescription": "Let AI generate a workflow for you. Describe what you want and it will be created on the canvas.",
+  "ui.text.aiChatPanel": "Describe, Don't Configure",
+  "ui.text.aiChatPanelDescription": "Write what you want in plain language — \"every morning, summarise new Notion pages and post them to Slack\" — and the flow is drafted onto the canvas. It is a starting point, not a black box: every generated node stays fully editable.",
+  "ui.text.aiFlowBuilderDescription": "Rather than placing nodes yourself, describe the automation you want and let a model draft it. Open the panel to see how.",
   "ui.text.alias": "Alias",
   "ui.text.all": "All",
   "ui.text.allRightsReserved": "All rights reserved.",
@@ -515,6 +518,7 @@
   "ui.text.nameFlow": "Name Flow",
   "ui.text.nameInputPlaceholder": "Enter a compelling name for your workflow",
   "ui.text.nameRequired": "Name is required",
+  "ui.text.naturalLanguageTourDescription": "Tell the node what to do in plain language and a model fills its parameters at run time. Handy when you don't want to fill every field by hand.",
   "ui.text.network": "Network",
   "ui.text.never": "Never",
   "ui.text.neverUsed": "Never used",
@@ -829,6 +833,8 @@
   "ui.text.symbol": "Symbol",
   "ui.text.symbolLengthError": "Symbol must be between 2 and 10 characters",
   "ui.text.system": "System",
+  "ui.text.templatesAndMarketplace": "Templates & Marketplace",
+  "ui.text.templatesDescription": "Access pre-built templates or explore additional nodes from the marketplace.",
   "ui.text.terminate": "Terminate",
   "ui.text.terminated": "Terminated",
   "ui.text.termsAndConditions": "Terms and Conditions",

apps/platform/src/features/flow-editor/components/flow-canvas.tsx

@@ -652,6 +652,7 @@ const FlowCanvas = ({
               focusCanvas={focusCanvas}
               openNodeSettings={openNodeSettings}
               getFlowState={getFlowState}
+              setChatOpen={handleSetChatOpen}
               nextStep={nextStepInit}
             />
           )}

apps/platform/src/features/flow-editor/components/node-settings-panel.tsx

@@ -158,7 +158,11 @@ export function NodeSettingsPanel({
         >
           <TabsList className="w-full">
             {showBasicTab && (
-              <TabsTrigger value="basic" className="flex-1">
+              <TabsTrigger
+                value="basic"
+                className="flex-1"
+                data-tour="node-settings-basic"
+              >
                 {t('ui.text.basic')}
               </TabsTrigger>
             )}

apps/platform/src/features/generation/components/ai-chat-sheet.tsx

@@ -101,6 +101,7 @@ const AIChatSheet = ({ organizationId, isOpen, onClose, onApplyWorkflow }) => {
   return (
     <>
       <div
+        data-tour="ai-chat"
         className="absolute right-4 top-4 bottom-4 w-[420px] max-w-[90vw] z-[4] bg-background border border-border rounded-xl shadow-lg flex flex-col overflow-hidden animate-in slide-in-from-right duration-200"
         onClick={(e) => e.stopPropagation()}
       >