use policyai

Author: park-brian

client/agents/index.html

@@ -27,10 +27,10 @@ <h1 class="h3 mb-3 text-primary">Agents</h1>
 
       <div class="row">
         <div class="col-md-3">
-          <a href="./agents/compliai" class="card cursor-pointer shadow-hover mb-4 text-decoration-none" style="border-left: 4px solid steelblue">
+          <a href="./agents/policyai" class="card cursor-pointer shadow-hover mb-4 text-decoration-none" style="border-left: 4px solid steelblue">
             <div class="card-body">
               <div class="card-title">
-                <h2 class="h6 text-center text-primary">CompliAI</h2>
+                <h2 class="h6 text-center text-primary">PolicyAI</h2>
               </div>
               <div class="card-text text-center fw-normal">
                 <div class="small text-muted">AI Policy Research and Compliance</div>

client/agents/compliai/config.js client/agents/policyai/config.js

@@ -38,7 +38,7 @@
       <div class="bg-primary-dark text-light">
         <div class="container py-1">
           <a href="../" class="link-light fs-5">Research Optimizer</a>
-          <span class="text-light fs-5 ms-1"> / CompliAI</span>
+          <span class="text-light fs-5 ms-1"> / PolicyAI</span>
         </div>
       </div>
     </header>
@@ -147,6 +147,6 @@
       </div>
     </footer>
 
-    <script type="module" src="agents/compliai/index.js"></script>
+    <script type="module" src="agents/policyai/index.js"></script>
 
 </html>

client/agents/compliai/hooks.js client/agents/policyai/hooks.js

@@ -32,7 +32,7 @@ export default function Page() {
   return html`
     <div class="flex-grow-1">
     <div class="text-center my-5" hidden=${() => messages().length > 0}>
-      <h1 class="display-6">Welcome to CompliAI</h1>
+      <h1 class="display-6">Welcome to PolicyAI</h1>
       <p class="fw-light fs-5">To get started, send a message below.</p>
     </div>
     ${() => messages().map((message) => html`<${Message} message=${message} />`)}

client/agents/compliai/index.html client/agents/policyai/index.html

@@ -0,0 +1,31 @@
+import html from "solid-js/html";
+
+
+export async function chat(endpoint, model, messages, systemPrompt) {
+    const response = await fetch(endpoint, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ model, messages, systemPrompt })
+    });
+    if (!response.ok) {
+        throw new Error(response.statusText);
+    }
+    for await(const chunk of response.body) {
+        console.log(chunk);
+    }
+}
+
+
+export default function Chat({ messages = [], endpoint = './api/model/stream', systemPrompt = 'You are a helpful assistant' }) {
+    return html`<div>
+        <div>
+            ${messages.map((message) => html`<div>${message}</div>`)}
+        </div>
+        <div>
+            <input type="text" placeholder="Type a message..." />
+            <button>Send</button>
+        </div>
+    </div>`;
+}

client/agents/compliai/index.js client/agents/policyai/index.js

@@ -0,0 +1,14 @@
+import html from "solid-js/html";
+import { A } from "@solidjs/router";
+
+export default function Nav({ routes }) {
+  return html`<nav>
+    <ul>
+      ${routes.map(
+        (route) => html`<li>
+          <${A} href=${route.path} end=${!route.path || route.path === "/"} activeClass="active"> ${route.title} </>
+        </li>`
+      )}
+    </ul>
+  </nav>`;
+}

client/agents/compliai/message.js client/agents/policyai/message.js

@@ -84,7 +84,7 @@ <h5 class="card-title mb-3 text-primary">Workspaces</h5>
             </a>
           </div>
           <div class="col-md">
-            <a class="card mb-4 h-100 border-0 shadow-hover text-decoration-none" href="/agents/compliai">
+            <a class="card mb-4 h-100 border-0 shadow-hover text-decoration-none" href="/agents/policyai">
               <div class="card-body text-center">
                 <svg xmlns="http://www.w3.org/2000/svg" class="mt-2 mb-4" height="60" fill="#0d2648" viewBox="0 0 640 512">
                   <path
@@ -95,7 +95,7 @@ <h5 class="card-title mb-3 text-primary">Workspaces</h5>
                     class="text-primary"
                     d="M134.7 124c0-25.8 20.9-46.7 46.7-46.7l47.4 0c29.1 0 52.6 23.6 52.6 52.6c0 18.8-10.1 36.3-26.4 45.6L228 191l0 6.3 0 20-40 0 0-20 0-17.9 0-11.6 10-5.8L235 140.9c3.9-2.3 6.3-6.4 6.3-10.9c0-7-5.7-12.6-12.6-12.6l-47.4 0c-3.7 0-6.7 3-6.7 6.7l0 5.5-40 0 0-5.5zM188 250.7l40 0 0 40-40 0 0-40zM432 512c-95.6 0-176.2-54.6-200.5-129C348.9 372.9 448 288.3 448 176c0-5.2-.2-10.4-.6-15.5C555.1 167.1 640 243.2 640 336c0 37.5-13.9 72.3-37.6 100.9L640 512 531.9 490.4C502.3 504.2 468.2 512 432 512zM566.1 318.1L580.3 304 552 275.7l-14.1 14.1L472 355.7l-25.9-25.9L432 315.7 403.7 344l14.1 14.1 40 40L472 412.3l14.1-14.1 80-80z" />
                 </svg>
-                <h5 class="card-title mb-3 text-primary">CompliAI</h5>
+                <h5 class="card-title mb-3 text-primary">PolicyAI</h5>
                 <p class="card-text fw-normal">
                   Access real-time guidance on federal policies.
                 </p>