style(landing): convert added inline comments to TSDoc-style

Author: waleedlatif1

apps/sim/app/(landing)/components/auth-modal/auth-modal.tsx

@@ -96,8 +96,7 @@ export function AuthModal({ children, defaultView = 'login', source }: AuthModal
     const hasModalContent =
       status.githubAvailable || status.googleAvailable || status.microsoftAvailable || ssoEnabled
     if (!hasModalContent) {
-      // Close the loading state (no-op if never opened) and route out. Registration
-      // being disabled sends signup requests to login, since signup is unavailable.
+      /** Close the loader (no-op if never opened) and route out; disabled registration sends signup to login. */
       setOpen(false)
       router.push(status.registrationDisabled || defaultView === 'login' ? '/login' : '/signup')
       return
@@ -119,16 +118,13 @@ export function AuthModal({ children, defaultView = 'login', source }: AuthModal
       openWithStatus(providerStatus)
       return
     }
-    // Status not loaded yet: open immediately (the loader shows) so the click feels
-    // responsive, then resolve - unless the visitor has since dismissed the modal.
+    /** Status not loaded yet: open the loader immediately for responsiveness, then resolve. */
     openRequestedRef.current = true
     setOpen(true)
     fetchProviderStatus().then((status) => {
       setProviderStatus(status)
       if (!openRequestedRef.current) return
-      // Consume the request so a queued double-click (or the mount prefetch resolving
-      // on the same promise) can't run openWithStatus twice - no duplicate
-      // `auth_modal_opened`, no redundant setView.
+      /** Consume the request so a queued double-click can't open twice (no duplicate event). */
       openRequestedRef.current = false
       openWithStatus(status)
     })

apps/sim/app/(landing)/components/landing-preview/components/landing-preview-chat/landing-preview-chat.tsx

@@ -45,11 +45,13 @@ export function LandingPreviewChat({ chat, chatName, animationKey }: LandingPrev
   const [phase, setPhase] = useState<RevealPhase>('hidden')
   const revealRef = useRef<{ key: number; chat: PreviewChat | null }>({ key: animationKey, chat })
 
-  // Restart the reveal synchronously when the timeline (or staged chat) changes, so
-  // the pane never flashes the previous step's reply before the effect reruns. The
-  // previous key/chat are tracked in a ref: these updates come from the parent's
-  // timer-driven state (never a transition/Suspense boundary), so the render can't be
-  // discarded between the ref write and commit - keeping the ref safe here.
+  /**
+   * Restart the reveal synchronously when the timeline or staged chat changes, so the
+   * pane never flashes the previous reply before the effect reruns. The previous
+   * key/chat live in a ref: updates come from the parent's timer-driven state (never a
+   * transition/Suspense boundary), so the render can't be discarded between the ref
+   * write and commit.
+   */
   if (revealRef.current.key !== animationKey || revealRef.current.chat !== chat) {
     revealRef.current = { key: animationKey, chat }
     setPhase('hidden')

apps/sim/app/(landing)/components/landing-preview/components/landing-preview-workflow/workflow-data.ts

@@ -342,8 +342,7 @@ export interface EditorPromptData {
 export function getEditorPrompt(workflow: PreviewWorkflow): EditorPromptData | null {
   for (const block of workflow.blocks) {
     if (!AGENT_BLOCK_TYPES.has(block.type)) continue
-    // Single ordered pass: the first row matching either prompt title (in row order)
-    // and the first Model row - preserving the original find() first-match semantics.
+    /** Single ordered pass: first row matching either prompt title, and the first Model row. */
     let promptRow: (typeof block.rows)[number] | undefined
     let modelRow: (typeof block.rows)[number] | undefined
     for (const row of block.rows) {

apps/sim/app/(landing)/components/landing-preview/landing-preview.tsx

@@ -179,12 +179,9 @@ export function LandingPreview({
   }, [applyDemoStep])
 
   useEffect(() => {
-    // `isDesktop` is now reactive (viewport crossing 1024px re-runs this), so gate
-    // the auto-demo on the cycle still being active - a resize after the visitor
-    // has interacted must not restart the sequence from the first step.
+    /** `isDesktop` is reactive, so gate on the cycle still being active - a resize after interaction must not restart. */
     if (!isDesktop || !autoplay || !autoCycleActiveRef.current) return
-    // Reset the step index so the restart shows step 0 AND `scheduleNextStep` reads
-    // step 0's delay - otherwise a resize would replay from a stale index and skip beats.
+    /** Reset the index so a restart replays from step 0 (index, applied step, and delay stay consistent). */
     demoIndexRef.current = 0
     applyDemoStep(DESKTOP_STEPS[0])
     scheduleNextStep()