Merge branch 'listOfMed' into 325-prompt-library

Author: sahilds1

README.md

@@ -36,15 +36,29 @@ Tools used for development:
 
 ### Running Balancer for development
 
-Running Balancer:
-- Start Docker Desktop and run `docker compose up --build` 
-- The email and password are set in `server/api/management/commands/createsu.py`
-- Download a sample of papers to upload from [https://balancertestsite.com](https://balancertestsite.com/) 
+Start the Postgres, Django REST, and React services by starting Docker Desktop and running `docker compose up --build` 
 
-Running pgAdmin:
+#### Postgres
+- Download a sample of papers to upload from [https://balancertestsite.com](https://balancertestsite.com/) 
 - The email and password of `pgAdmin` are specified in `balancer-main/docker-compose.yml`
-- The first time you use `pgAdmin` after building the Docker containers you will need to register the server. 
-The `Host name/address`, `Username` and `Password` are specified in  `balancer-main/docker-compose.yml`
+- The first time you use `pgAdmin` after building the Docker containers you will need to register the server.
+    - The `Host name/address` is the Postgres server service name in the Docker Compose file
+    - The `Username` and `Password` are the Postgres server environment variables in the Docker Compose file
+- You can use the below code snippet to  query the database from a Jupyter notebook: 
+
+```
+from sqlalchemy import create_engine
+import pandas as pd
+
+engine = create_engine("postgresql+psycopg2://balancer:balancer@localhost:5433/balancer_dev")
+
+query = "SELECT * FROM api_embeddings;"
+
+df = pd.read_sql(query, engine)
+```
+
+#### Django REST
+- The email and password are set in `server/api/management/commands/createsu.py`
 
 ## Local Kubernetes Deployment
 

frontend/src/App.css

@@ -130,6 +130,11 @@ This is the wording logo in the nav bar
     @apply bg-gradient-to-r from-blue-600 via-blue-700 to-blue-600 bg-clip-text text-transparent;
 }
 
+/* Using logo-like styles outside of the header */
+.body_logo {
+  @apply bg-gradient-to-r from-blue-500 via-blue-700 to-blue-300 bg-clip-text font-quicksand font-bold text-transparent
+}
+
 /* Tailwind Styles */
 
 /*
@@ -170,7 +175,7 @@ The heading directly under the nav bar.
 }
 
 .desc1 {
-    @apply mx-auto mt-5 hidden max-w-[75%] text-center  font-satoshi text-lg text-gray-400 sm:text-xl  md:block;
+    @apply mx-auto mt-5 text-center font-satoshi text-lg text-gray-800 sm:text-xl md:block;
     font-size: 100%;
     letter-spacing: 0.03em;
 }

frontend/src/api/apiClient.ts

@@ -67,6 +67,18 @@ const handleRuleExtraction = async (guid: string) => {
   }
 };
 
+const fetchRiskDataWithSources = async (medication: string, source: "include" | "diagnosis" = "include") => {
+  try {
+    const response = await api.post(`/v1/api/riskWithSources`, {
+      drug: medication,
+      source: source,
+    });
+    return response.data;
+  } catch (error) {
+    console.error("Error fetching risk data: ", error);
+    throw error;
+  }
+};
 
 interface StreamCallbacks {
   onContent?: (content: string) => void;
@@ -165,7 +177,6 @@ const handleSendDrugSummaryStream = async (
   }
 };
 
-
 // Legacy function for backward compatibility
 const handleSendDrugSummaryStreamLegacy = async (
   message: string,
@@ -256,6 +267,19 @@ const updateConversationTitle = async (
   }
 };
 
+// Assistant API functions
+const sendAssistantMessage = async (message: string, previousResponseId?: string) => {
+  try {
+    const response = await api.post(`/v1/api/assistant`, {
+      message,
+      previous_response_id: previousResponseId,
+    });
+    return response.data;
+  } catch (error) {
+    console.error("Error(s) during sendAssistantMessage: ", error);
+    throw error;
+  }
+};
 
 export {
   handleSubmitFeedback,
@@ -268,5 +292,7 @@ export {
   deleteConversation,
   updateConversationTitle,
   handleSendDrugSummaryStream,
-  handleSendDrugSummaryStreamLegacy
+  handleSendDrugSummaryStreamLegacy,
+  fetchRiskDataWithSources,
+  sendAssistantMessage
 };

frontend/src/components/ChipsInput/ChipsInput.tsx

@@ -59,7 +59,6 @@ const ChipsInput: React.FC<ChipsInputProps> = ({
 
   const handleSuggestionClick = (selected: string) => {
     onChange([...value, selected]);
-    setInputFocused(false); // Close dropdown after selection
     setInputValue("");
   };
 
@@ -131,7 +130,10 @@ const ChipsInput: React.FC<ChipsInputProps> = ({
           {filteredSuggestions.map((item, idx) => (
             <li
               key={idx}
-              onClick={() => handleSuggestionClick(item)}
+              onMouseDown={(e) => {
+                e.preventDefault();
+                handleSuggestionClick(item)
+              }}
               className="px-3 py-2 cursor-pointer hover:bg-gray-100 text-sm"
             >
               {item}

frontend/src/components/Footer/Footer.tsx

@@ -28,11 +28,11 @@ function Footer() {
 
   return (
     // <div className="xl:px-50 mx-auto hidden h-20 items-center justify-between border-t border-gray-300 bg-white  px-4 sm:px-6 md:px-8 lg:flex lg:px-8 2xl:px-56">
-    <div className=" mt-20 flex w-full border-t border-gray-300  ">
+    <div className="mt-20 flex w-full border-t border-gray-300  ">
       {/* <div className="footer-content footer-content mr-5 mt-5 rounded-md border-l border-r border-t border-gray-300 "> */}{" "}
       {/* Added mt-5 and mr-5 */}
       <footer className=" font_body mt-10 w-full ">
-        <div className="m-auto  grid max-w-[900px] grid-cols-2 flex-wrap items-center justify-between gap-5 px-5 py-3 md:grid-cols-5 md:py-12">
+        <div className="m-auto  grid max-w-[900px] sm:justify-center md:grid-cols-6 md:py-12 lg:grid-cols-6 flex-wrap items-center md:justify-between gap-4 px-5 py-3">
           <Link
             to="/"
             className=" flex justify-center text-black hover:border-blue-600 hover:text-blue-600 hover:no-underline"
@@ -61,6 +61,12 @@ function Footer() {
           >
             Leave feedback
           </Link>
+          <a href="https://www.flipcause.com/secure/cause_pdetails/MjMyMTIw"
+            target="_blank"
+            className="flex justify-center text-black hover:border-blue-600 hover:text-blue-600 hover:no-underline"
+          >
+            Donate
+          </a>
           <Link
             to="/help"
             className="flex justify-center text-black hover:border-blue-600 hover:text-blue-600 hover:no-underline"
@@ -101,8 +107,14 @@ function Footer() {
             </button>
           </div>
         </div>
-        <div className="flex justify-center rounded  px-4 py-2 ">
-          © 2025 Balancer. All rights reserved. V1 2-04-2025
+        <div className="flex justify-center rounded px-4 py-2 ">
+          <p>© 2025 Balancer. All rights reserved. V1 2-04-2025</p>
+        </div>
+        <div className="flex justify-center rounded px-4 py-2 ">
+          <p className="text-gray-600 text-sm font-light italic">
+            Balancer is an educational resource designed to support{" "}
+            —never replace— the judgment of licensed U.S. clinicians. Final prescribing decisions must always be made by the treating clinician.
+          </p>
         </div>
       </footer>
     </div>