From 0a4e8db134663df2b1fc708003d061de498f5b63 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sun, 25 Feb 2024 19:09:50 -0600
Subject: [PATCH] more

---
 src/Components/Document/DocumentListPage.js | 15 ++++++++++++++-
 src/Constants/Copy/howToSteps.js            | 16 ++++++++++++----
 src/styles/doclist-page.scss                | 17 +++++++++++++----
 3 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/src/Components/Document/DocumentListPage.js b/src/Components/Document/DocumentListPage.js
index 70defbc..2653da0 100644
--- a/src/Components/Document/DocumentListPage.js
+++ b/src/Components/Document/DocumentListPage.js
@@ -136,6 +136,10 @@ const DocumentListPage = ({ perPage }) => {
     { label: "Associated case name z - a", value: "parentCaseName2" },
   ];
 
+  const handleNovos = (e) => {
+    navigate("/how-to");
+  };
+
   function handleNavigate(
     documentId,
     responseGenerations,
@@ -188,7 +192,16 @@ const DocumentListPage = ({ perPage }) => {
               <div className="document-list-upper-wrapper">
                 <div className="list-upper-left">
                   <div className="toggle-outer">
-                    <div className="toggle-header"> Response Verbosity</div>
+                    <div className="toggle-header">
+                      {" "}
+                      <p
+                        onClick={handleNovos}
+                        href=""
+                        className="doclist-toggle-link"
+                      >
+                        Novos
+                      </p>
+                    </div>
                     <div className="toggle-box">
                       <p className="select-billing-text">Min</p>
                       <Toggle value={verbValue} onClick={handleToggle} />
diff --git a/src/Constants/Copy/howToSteps.js b/src/Constants/Copy/howToSteps.js
index de9c592..933276e 100644
--- a/src/Constants/Copy/howToSteps.js
+++ b/src/Constants/Copy/howToSteps.js
@@ -24,8 +24,8 @@ export const Steps = () => (
             Click <span className="bold-span"> “Upload”.</span>
           </div>
           <div className="mini-break">
-            Parsing the document usually takes under 2 minutes, but be patient -
-            it may take up to 5.
+            Parsing the document for language processing usually takes fewer
+            than 2 minutes, but be patient - it may take up to 5.
           </div>
         </div>
       </div>
@@ -46,8 +46,16 @@ export const Steps = () => (
         <span className="bold-span">GENERATE THE RESPONSE: </span>From the
         Document List View, click the “Generate Responses'' button. Novdraft’s
         Intellidraft AI will generate the response and automatically navigate to
-        the interactive Document Editor. You can edit the responses and save
-        progress any time by clicking the “Save Changes” button.
+        the interactive Document Editor. Note the Response Novos toggle button -
+        this controls the amount of logical branching used in forumilting hte
+        response language. You can edit the responses and save progress any time
+        by clicking the “Save Changes” button.
+      </div>
+      <div className="steps-text-wrapper">
+        Novos level: this controls the amount of branching applied in deductive
+        persuasion. At the higher setting, the LLM will generate persuasive
+        rhetoric beyond the statement of an authoritative rule – additional
+        attention will be given to application of the rule to factual scenarios.{" "}
       </div>
       <div className="steps-text-wrapper">
         <span className="bold-span">DOWNLOAD YOUR RESPONSE DOCUMENT: </span>
diff --git a/src/styles/doclist-page.scss b/src/styles/doclist-page.scss
index f49e45a..ca5eae5 100644
--- a/src/styles/doclist-page.scss
+++ b/src/styles/doclist-page.scss
@@ -68,6 +68,10 @@
 .toggle-outer {
   display: flex;
   flex-direction: column;
+  border: 1px solid var(--accent-orange-light);
+  margin-right: 12px;
+  border-radius: 10px;
+  background-color: var(--background-blue);
 }
 
 .toggle-box {
@@ -81,13 +85,18 @@
 .toggle-header {
   display: flex;
   justify-content: center;
-  padding-right: 12px;
-  margin-top: -8px;
+  padding-right: 7px;
   height: 28px;
 }
 
-.list-upper-right {
-  //
+.doclist-toggle-link {
+  color: blue;
+}
+
+.doclist-toggle-link:hover {
+  cursor: pointer;
+  color: orange;
+  text-decoration: underline;
 }
 
 .document-list-lower-wrapper {