Update process builder toggle on Visibility with new UX writing

apps/app/src/components/decisions/ProcessBuilder/components/ToggleRow.tsx

@@ -1,28 +1,21 @@
-import { Button } from '@op/ui/Button';
-import { Tooltip, TooltipTrigger } from '@op/ui/Tooltip';
-import { LuInfo } from 'react-icons/lu';
-
-// Toggle row component for consistent styling
+// Toggle row component for consistent styling matching Figma design
 export function ToggleRow({
   label,
-  tooltip,
+  description,
   children,
 }: {
   label: string;
-  tooltip?: string;
+  description?: string;
   children: React.ReactNode;
 }) {
   return (
-    <div className="flex items-center justify-between gap-4">
-      <div className="flex items-center gap-1">
-        <span className="text-base">{label}</span>
-        {tooltip && (
-          <TooltipTrigger>
-            <Button unstyled className="text-primary-teal">
-              <LuInfo className="size-4" />
-            </Button>
-            <Tooltip>{tooltip}</Tooltip>
-          </TooltipTrigger>
+    <div className="flex items-center gap-4 rounded-xl py-2">
+      <div className="flex min-w-0 flex-1 flex-col gap-1">
+        <p className="text-base leading-[1.5] text-neutral-black">{label}</p>
+        {description && (
+          <p className="text-sm leading-[1.5] text-neutral-charcoal">
+            {description}
+          </p>
         )}
       </div>
       {children}

apps/app/src/components/decisions/ProcessBuilder/stepContent/general/OverviewSectionForm.tsx

@@ -281,14 +281,14 @@ export function OverviewSectionForm({
             />
 
             {/* Toggle Options */}
-            <div className="space-y-8">
+            <div className="space-y-4">
               <form.AppField
                 name="organizeByCategories"
                 children={(field) => (
                   <ToggleRow
                     label={t('Organize proposals into categories')}
-                    tooltip={t(
-                      'Group proposals into categories for better organization and evaluation',
+                    description={t(
+                      'Group proposals into categories for better organization and evaluation.',
                     )}
                   >
                     <field.ToggleButton
@@ -305,8 +305,8 @@ export function OverviewSectionForm({
                 children={(field) => (
                   <ToggleRow
                     label={t('Require collaborative proposals')}
-                    tooltip={t(
-                      'Require proposals to be co-authored by multiple participants',
+                    description={t(
+                      'Require proposals to be co-authored by at least 2 participants.',
                     )}
                   >
                     <field.ToggleButton
@@ -328,14 +328,14 @@ export function OverviewSectionForm({
               name="isPrivate"
               children={(field) => (
                 <ToggleRow
-                  label={t('Keep this process private')}
-                  tooltip={t(
-                    'Only invited participants can view and participate in this process',
+                  label={t('Open for learning')}
+                  description={t(
+                    'Anyone on Common can view this process. Only invited participants can submit.',
                   )}
                 >
                   <field.ToggleButton
-                    isSelected={field.state.value}
-                    onChange={field.handleChange}
+                    isSelected={!field.state.value}
+                    onChange={(value) => field.handleChange(!value)}
                     size="small"
                   />
                 </ToggleRow>

apps/app/src/lib/i18n/dictionaries/bn.json

@@ -562,10 +562,14 @@
   "Add a review stage where designated reviewers evaluate proposals before voting": "একটি পর্যালোচনা পর্যায় যোগ করুন যেখানে মনোনীত পর্যালোচকরা ভোট দেওয়ার আগে প্রস্তাবগুলি মূল্যায়ন করে",
   "Keep this process private": "এই প্রক্রিয়াটি ব্যক্তিগত রাখুন",
   "Only invited members can view and participate in this process": "শুধুমাত্র আমন্ত্রিত সদস্যরা এই প্রক্রিয়া দেখতে এবং অংশগ্রহণ করতে পারেন",
+  "Open for learning": "শেখার জন্য খোলা",
+  "Anyone on Common can view this process. Only invited participants can submit.": "Common-এ যে কেউ এই প্রক্রিয়াটি দেখতে পারে। শুধুমাত্র আমন্ত্রিত অংশগ্রহণকারীরা জমা দিতে পারে।",
   "Process Overview": "প্রক্রিয়া সংক্ষেপ",
   "Organize proposals into categories": "প্রস্তাবগুলি বিভাগে সংগঠিত করুন",
+  "Group proposals into categories for better organization and evaluation.": "ভালো সংগঠন এবং মূল্যায়নের জন্য প্রস্তাবগুলি বিভাগে গোষ্ঠীবদ্ধ করুন।",
   "Group proposals into categories for better organization and evaluation": "ভালো সংগঠন এবং মূল্যায়নের জন্য প্রস্তাবগুলি বিভাগে গোষ্ঠীবদ্ধ করুন",
   "Require collaborative proposals": "সহযোগী প্রস্তাব প্রয়োজন",
+  "Require proposals to be co-authored by at least 2 participants.": "অন্তত ২ জন অংশগ্রহণকারীদের দ্বারা প্রস্তাবগুলি সহ-রচনা করা প্রয়োজন।",
   "Require proposals to be co-authored by multiple participants": "একাধিক অংশগ্রহণকারীদের দ্বারা প্রস্তাবগুলি সহ-রচনা করা প্রয়োজন",
   "Visibility": "দৃশ্যমানতা",
   "Save": "সংরক্ষণ",

apps/app/src/lib/i18n/dictionaries/en.json

@@ -555,10 +555,14 @@
   "Add a review stage where designated reviewers evaluate proposals before voting": "Add a review stage where designated reviewers evaluate proposals before voting",
   "Keep this process private": "Keep this process private",
   "Only invited members can view and participate in this process": "Only invited members can view and participate in this process",
+  "Open for learning": "Open for learning",
+  "Anyone on Common can view this process. Only invited participants can submit.": "Anyone on Common can view this process. Only invited participants can submit.",
   "Process Overview": "Process Overview",
   "Organize proposals into categories": "Organize proposals into categories",
+  "Group proposals into categories for better organization and evaluation.": "Group proposals into categories for better organization and evaluation.",
   "Group proposals into categories for better organization and evaluation": "Group proposals into categories for better organization and evaluation",
   "Require collaborative proposals": "Require collaborative proposals",
+  "Require proposals to be co-authored by at least 2 participants.": "Require proposals to be co-authored by at least 2 participants.",
   "Require proposals to be co-authored by multiple participants": "Require proposals to be co-authored by multiple participants",
   "Visibility": "Visibility",
   "Save": "Save",

apps/app/src/lib/i18n/dictionaries/es.json

@@ -554,10 +554,14 @@
   "Add a review stage where designated reviewers evaluate proposals before voting": "Agregue una etapa de revisión donde revisores designados evalúan propuestas antes de votar",
   "Keep this process private": "Mantener este proceso privado",
   "Only invited members can view and participate in this process": "Solo los miembros invitados pueden ver y participar en este proceso",
+  "Open for learning": "Abierto para aprender",
+  "Anyone on Common can view this process. Only invited participants can submit.": "Cualquiera en Common puede ver este proceso. Solo los participantes invitados pueden enviar.",
   "Process Overview": "Resumen del proceso",
   "Organize proposals into categories": "Organizar propuestas en categorías",
+  "Group proposals into categories for better organization and evaluation.": "Agrupar propuestas en categorías para una mejor organización y evaluación.",
   "Group proposals into categories for better organization and evaluation": "Agrupar propuestas en categorías para una mejor organización y evaluación",
   "Require collaborative proposals": "Requerir propuestas colaborativas",
+  "Require proposals to be co-authored by at least 2 participants.": "Requerir que las propuestas sean coautoradas por al menos 2 participantes.",
   "Require proposals to be co-authored by multiple participants": "Requerir que las propuestas sean coautoradas por múltiples participantes",
   "Visibility": "Visibilidad",
   "Save": "Guardar",

apps/app/src/lib/i18n/dictionaries/fr.json

@@ -555,10 +555,14 @@
   "Add a review stage where designated reviewers evaluate proposals before voting": "Ajoutez une étape d'évaluation où des évaluateurs désignés examinent les propositions avant le vote",
   "Keep this process private": "Garder ce processus privé",
   "Only invited members can view and participate in this process": "Seuls les membres invités peuvent voir et participer à ce processus",
+  "Open for learning": "Ouvert pour l'apprentissage",
+  "Anyone on Common can view this process. Only invited participants can submit.": "N'importe qui sur Common peut voir ce processus. Seuls les participants invités peuvent soumettre.",
   "Process Overview": "Aperçu du processus",
   "Organize proposals into categories": "Organiser les propositions en catégories",
+  "Group proposals into categories for better organization and evaluation.": "Regrouper les propositions en catégories pour une meilleure organisation et évaluation.",
   "Group proposals into categories for better organization and evaluation": "Regrouper les propositions en catégories pour une meilleure organisation et évaluation",
   "Require collaborative proposals": "Exiger des propositions collaboratives",
+  "Require proposals to be co-authored by at least 2 participants.": "Exiger que les propositions soient co-rédigées par au moins 2 participants.",
   "Require proposals to be co-authored by multiple participants": "Exiger que les propositions soient co-rédigées par plusieurs participants",
   "Visibility": "Visibilité",
   "Save": "Enregistrer",

apps/app/src/lib/i18n/dictionaries/pt.json

@@ -555,10 +555,14 @@
   "Add a review stage where designated reviewers evaluate proposals before voting": "Adicione uma etapa de revisão onde revisores designados avaliam propostas antes da votação",
   "Keep this process private": "Manter este processo privado",
   "Only invited members can view and participate in this process": "Apenas membros convidados podem ver e participar deste processo",
+  "Open for learning": "Aberto para aprendizado",
+  "Anyone on Common can view this process. Only invited participants can submit.": "Qualquer pessoa no Common pode ver este processo. Apenas participantes convidados podem enviar.",
   "Process Overview": "Visão geral do processo",
   "Organize proposals into categories": "Organizar propostas em categorias",
+  "Group proposals into categories for better organization and evaluation.": "Agrupar propostas em categorias para melhor organização e avaliação.",
   "Group proposals into categories for better organization and evaluation": "Agrupar propostas em categorias para melhor organização e avaliação",
   "Require collaborative proposals": "Exigir propostas colaborativas",
+  "Require proposals to be co-authored by at least 2 participants.": "Exigir que propostas sejam co-autoradas por pelo menos 2 participantes.",
   "Require proposals to be co-authored by multiple participants": "Exigir que propostas sejam co-autoradas por múltiplos participantes",
   "Visibility": "Visibilidade",
   "Save": "Salvar",