arafatea

Sleeping

App Files Files Community

darsoarafa commited on Jan 9

Commit

a4bc1a7

verified ·

1 Parent(s): 04ee41f

Upload 5 files

Browse files

Files changed (5) hide show

chat_app.html +434 -0
chat_app.ts +90 -0
favicon.ico +0 -0
pre-requirements.txt +1 -0
start.py +521 -0

chat_app.html ADDED Viewed

	@@ -0,0 +1,434 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>DS1-App</title>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.6.1/annyang.min.js"></script>
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+  <script>
+  "use strict";
+  var mode_pesanan = false;
+  var mode_tanya = false;
+  var bicara=annyang
+  // first we make sure annyang started succesfully
+  if (bicara) {
+    // define the functions our commands will run.
+    var hello = function(text) {
+      $("#prompt-input").slideDown("slow");
+      scrollTo("#prompt-input");
+	  if (mode_tanya==false) {
+		$("#prompt-input").val(""+text)
+		mode_tanya = true
+	  } else {
+		let prev= $("#prompt-input").val()
+		$("#prompt-input").val(prev+" "+text)
+	  }
+	  //console.log($("#prompt-input").val())
+	  $("#AppTitle").val("Tanya")
+    };
+	var pesanan = function(text) {
+      $("#prompt-input").slideDown("slow");
+      scrollTo("#prompt-input");
+	  if (mode_pesanan==false) {
+		$("#prompt-input").val("@ "+text)
+		mode_pesanan = true
+	  } else {
+		let prev= $("#prompt-input").val()
+		$("#prompt-input").val(prev+" "+text)
+	  }
+	  //console.log($("#prompt-input").val())
+	  $("#AppTitle").val("Pesanan")
+    };
+	var warna = function() {
+      $("#warna").slideDown("slow");
+      scrollTo("#section_warna");
+    };
+	var warna_minuman = function() {
+      $("#warna_minuman").slideDown("slow");
+      scrollTo("#section_warna_minuman");
+    };
+	var rasa = function() {
+      $("#rasa").slideDown("slow");
+      scrollTo("#section_rasa");
+    };
+	var aroma = function() {
+      $("#aroma").slideDown("slow");
+      scrollTo("#section_aroma");
+    };
+	var tutup = function() {
+      $("#hello1").hide();
+	  $("#section_hello").hide();
+	  $("#section_warna").hide();
+	  $("#section_rasa").hide();
+	  $("#section_aroma").hide();
+	  scrollTo("#section_hello");
+    };
+    var submitButton = function() {
+      $("#button-input").slideDown("slow");
+      scrollTo("#button-input");
+	  $("#button-input").click()
+	  console.log("LANJUT")
+	  mode_pesanan = false
+	  mode_tanya   = false
+	  $("#AppTitle").val("-")
+    };
+    var getStarted = function() {
+      window.location.href = 'https://arafaasia.com';
+    }
+    // define our commands.
+    // * The key is the phrase you want your users to say.
+    // * The value is the action to do.
+    //   You can pass a function, a function name (as a string), or write your function as part of the commands object.
+    var commands = {
+      'halo *teman': hello,
+	  'tanya *teman': hello,
+	  'pesanan *teman': pesanan,
+      'lanjut':    submitButton,
+      'masuk':   submitButton,
+    };
+    // OPTIONAL: activate debug mode for detailed logging in the console
+    bicara.debug();
+    bicara.addCommands(commands);
+    bicara.setLanguage('id-ID'); // en
+    // Start listening. You can call this here, or attach this call to an event, button, etc.
+    bicara.start();
+  } else {
+    $(document).ready(function() {
+      $('#unsupported').fadeIn('fast');
+    });
+  }
+  var scrollTo = function(identifier, speed=1000) {
+	//console.log(identifier, speed)
+	$(identifier).show();
+    $('html, body').animate({
+       // scrollTop: $(identifier).offset().top
+    }, speed || 1000);
+  }
+  </script>
+  <style>
+    .table {
+		display:table;
+		height:100%;
+		border:1px solid #000;
+	}
+	.row2 {
+		display:table-row;
+		height:100%;
+	}
+	.cell1, .cell2, .cell3 {
+		display:table-cell;
+		width:33%;
+		height:auto;
+		border:1px solid #CCC;
+	}
+	#section_warna {
+	  background-color: #ADAD03;
+	  color: #fff;
+	}
+	#section_rasa {
+	  background-color: #03AD77;
+	  color: #fff;
+	}
+	#section_aroma {
+	  background-color: #6503AD;
+	  color: #fff;
+	}
+  </style>
+<style>
+figure {
+  display: flex inline;
+  justify-content: space-between;
+  border: 1px #cccccc solid;
+  padding: 4px;
+  margin: auto;
+}
+figcaption {
+  background-color: #ADAD03;
+  color: white;
+  font-style: italic;
+  padding: 0px;
+  text-align: center;
+  font-size: 14px;
+}
+.container {
+  background: white;
+  margin: 0 auto;
+  padding: 5%;
+  width: 90%;
+}
+.img_ds1 {
+  width: 80%;
+  height: auto
+  horizontal-align: center;
+}
+.img_ds {
+  width: 100%;
+  height: 100%; // auto
+  vertical-align: middle;
+}
+.pics_in_a_row {
+  display: flex;
+}
+.img1 { flex: 1.5; }
+.img2 { flex: 1.5; }
+.img3 { flex: 1.5; }
+.pics_in_a_row {
+  margin: 25px 0;
+}
+.pics_in_a_row > div:not(:last-child) {
+  margin-right: 2%;
+}
+</style>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <style>
+    main {
+      max-width: 700px;
+    }
+    #conversation .user::before {
+      content: 'Anda: ';
+      font-weight: bold;
+      display: block;
+    }
+    #conversation .model::before {
+      content: 'AI: ';
+      font-weight: bold;
+      display: block;
+    }
+    #spinner {
+      opacity: 0;
+      transition: opacity 500ms ease-in;
+      width: 30px;
+      height: 30px;
+      border: 3px solid #222;
+      border-bottom-color: transparent;
+      border-radius: 50%;
+      animation: rotation 1s linear infinite;
+    }
+    @keyframes rotation {
+      0% { transform: rotate(0deg); }
+      100% { transform: rotate(360deg); }
+    }
+    #spinner.active {
+      opacity: 1;
+    }
+  </style>
+  <style>
+  {box-sizing: border-box;}
+/* Button used to open the contact form - fixed at the bottom of the page */
+.open-button {
+  background-color: #555;
+  color: white;
+  padding: 10px 10px;
+  border: none;
+  cursor: pointer;
+  opacity: 0.8;
+  position: fixed;
+  bottom: 23px;
+  right: 30%;
+  width: 280px;
+}
+/* The popup form - hidden by default */
+.form-popup {
+  display: none;
+  position: fixed;
+  bottom: 0;
+  right: 30%;
+  border: 3px solid #f1f1f1;
+  z-index: 9;
+}
+/* Add styles to the form container */
+.form-container {
+  max-width: 300px;
+  padding: 10px;
+  background-color: white;
+  font-size: 12px;
+}
+/* Full-width input fields */
+.form-container input[type=text], .form-container input[type=password] {
+  width: 100%;
+  padding: 2px;
+  margin: 1px 0 2px 0;
+  border: none;
+  background: #f1f1f1;
+}
+/* When the inputs get focus, do something */
+.form-container input[type=text]:focus, .form-container input[type=password]:focus {
+  background-color: #ddd;
+  outline: none;
+}
+/* Set a style for the submit/login button */
+.form-container .btn {
+  background-color: #04AA6D;
+  color: white;
+  padding: 10px 10px;
+  border: none;
+  cursor: pointer;
+  width: 100%;
+  margin-bottom:10px;
+  opacity: 0.8;
+}
+/* Add a red background color to the cancel button */
+.form-container .cancel {
+  background-color: red;
+}
+.form-container .umum {
+  background-color: grey;
+}
+/* Add some hover effects to buttons */
+.form-container .btn:hover, .open-button:hover {
+  opacity: 1;
+}
+  </style>
+  <script>
+		function openForm() {
+		  document.getElementById("myForm").style.display = "block";
+		}
+		function closeForm() {
+		  document.getElementById("myForm").style.display = "none";
+		}
+		function closeAiForm(id) {
+		  document.getElementById("myaiForm"+id).style.display = "none";
+		  document.getElementById("myaiForm2"+id).style.display = "block";
+		}
+		function openAiForm(id) {
+		  document.getElementById("myaiForm"+id).style.display = "block";
+		  document.getElementById("myaiForm2"+id).style.display = "none";
+		}
+		function abcde(id) {
+		  alert("abcde:"+id);
+		}
+  </script>
+</head>
+<body>
+  <main class="border rounded mx-auto my-5 p-4">
+    <h1 id="AppTitle">Tanya Pesanan</h1>
+    <p>Ucapkan: pesanan * | tanya * (masuk/lanjut)</p>
+    <div id="conversation" class="px-2"></div>
+    <div class="d-flex justify-content-center mb-3">
+      <div id="spinner"></div>
+    </div>
+    <form method="post">
+      <input id="prompt-input" name="prompt" class="form-control"/>
+      <div class="d-flex justify-content-end">
+        <button id="button-input" class="btn btn-primary mt-2">Send</button>
+      </div>
+    </form>
+    <div id="error" class="d-none text-danger">
+      Erro occurred, check the browser developer console for more information.
+    </div>
+  </main>
+<!--
+<button class="open-button" onclick="openForm()">Open Form</button>
+<div class="form-popup" id="myForm">
+  <form action="" class="form-container">
+    <h3>Pesanan</h3>
+	<table>
+		<tr>
+			<td><label for="ds_salesOrderId"><b>SO#</b></label><input type="text" placeholder="SO#" name="ds_salesOrderId" required></td>
+			<td><label for="ds_salesDate"><b>Date</b></label><input type="text" placeholder="Date" name="ds_salesDate" required></td>
+		</tr>
+	</table>
+    <label for="ds_customerName"><b></b></label><input type="text" placeholder="Cust" name="ds_customerName" required>
+	<label for="ds_customerAddress"><b></b></label><input type="text" placeholder="Addr" name="ds_customerAddress" required>
+	<table>
+		<tr><th>Prod</th><th>Qty</th><th>Prc</th><th>Rp</th></tr>
+		<tr>
+			<td><input type="text" placeholder="-" name="ds_productName1"></td>
+			<td><input type="text" placeholder="0" name="ds_quantity1"></td>
+			<td><input type="text" placeholder="0" name="ds_unitPrice1"></td>
+			<td><input type="text" placeholder="0" name="ds_itemAmt1"></td>
+		</tr>
+		<tr>
+			<td><input type="text" placeholder="-" name="ds_productName2"></td>
+			<td><input type="text" placeholder="0" name="ds_quantity2"></td>
+			<td><input type="text" placeholder="0" name="ds_unitPrice2"></td>
+			<td><input type="text" placeholder="0" name="ds_itemAmt2"></td>
+		</tr>
+		<tr>
+			<td><input type="text" placeholder="-" name="ds_productName3"></td>
+			<td><input type="text" placeholder="0" name="ds_quantity3"></td>
+			<td><input type="text" placeholder="0" name="ds_unitPrice3"></td>
+			<td><input type="text" placeholder="0" name="ds_itemAmt3"></td>
+		</tr>
+	</table>
+	<table>
+		<tr>
+			<td><label for="ds_shippingCost"><b>Ongkir</b></label><input type="text" placeholder="Ongkir" name="ds_shippingCost" required></td>
+			<td><label for="ds_totalAmount"><b>Total</b></label><input type="text" placeholder="Total" name="ds_totalAmount" required></td>
+		</tr>
+	</table>
+    <button type="submit" class="btn">Submit</button>
+    <button type="button" class="btn cancel" onclick="closeForm()">Close</button>
+  </form>
+</div>
+-->
+</body>
+</html>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/typescript/5.6.3/typescript.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script type="module">
+  // to let me write TypeScript, without adding the burden of npm we do a dirty, non-production-ready hack
+  // and transpile the TypeScript code in the browser
+  // this is (arguably) A neat demo trick, but not suitable for production!
+  async function loadTs() {
+    const response = await fetch('/chat_app.ts');
+    const tsCode = await response.text();
+    const jsCode = window.ts.transpile(tsCode, { target: "es2015" });
+    let script = document.createElement('script');
+    script.type = 'module';
+    script.text = jsCode;
+    document.body.appendChild(script);
+  }
+  loadTs().catch((e) => {
+    console.error(e);
+    document.getElementById('error').classList.remove('d-none');
+    document.getElementById('spinner').classList.remove('active');
+  });
+</script>

chat_app.ts ADDED Viewed

	@@ -0,0 +1,90 @@

+// BIG FAT WARNING: to avoid the complexity of npm, this typescript is compiled in the browser
+// there's currently no static type checking
+import { marked } from 'https://cdnjs.cloudflare.com/ajax/libs/marked/15.0.0/lib/marked.esm.js'
+const convElement = document.getElementById('conversation')
+const promptInput = document.getElementById('prompt-input') as HTMLInputElement
+const spinner = document.getElementById('spinner')
+// stream the response and render messages as each chunk is received
+// data is sent as newline-delimited JSON
+async function onFetchResponse(response: Response): Promise<void> {
+  let text = ''
+  let decoder = new TextDecoder()
+  if (response.ok) {
+    const reader = response.body.getReader()
+    while (true) {
+      const {done, value} = await reader.read()
+      if (done) {
+        break
+      }
+      text += decoder.decode(value)
+      addMessages(text)
+      spinner.classList.remove('active')
+    }
+    addMessages(text)
+    promptInput.disabled = false
+    promptInput.focus()
+  } else {
+    const text = await response.text()
+    console.error(`Unexpected response: ${response.status}`, {response, text})
+    throw new Error(`Unexpected response: ${response.status}`)
+  }
+}
+// The format of messages, this matches pydantic-ai both for brevity and understanding
+// in production, you might not want to keep this format all the way to the frontend
+interface Message {
+  role: string
+  content: string
+  timestamp: string
+}
+// take raw response text and render messages into the `#conversation` element
+// Message timestamp is assumed to be a unique identifier of a message, and is used to deduplicate
+// hence you can send data about the same message multiple times, and it will be updated
+// instead of creating a new message elements
+function addMessages(responseText: string) {
+  const lines = responseText.split('\n')
+  const messages: Message[] = lines.filter(line => line.length > 1).map(j => JSON.parse(j))
+  for (const message of messages) {
+    // we use the timestamp as a crude element id
+    const {timestamp, role, content} = message
+    const id = `msg-${timestamp}`
+    let msgDiv = document.getElementById(id)
+    if (!msgDiv) {
+      msgDiv = document.createElement('div')
+      msgDiv.id = id
+      msgDiv.title = `${role} at ${timestamp}`
+      msgDiv.classList.add('border-top', 'pt-2', role)
+      convElement.appendChild(msgDiv)
+    }
+    msgDiv.innerHTML = marked.parse(content)
+  }
+  window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
+}
+function onError(error: any) {
+  console.error(error)
+  //document.getElementById('error').classList.remove('d-none')
+  //document.getElementById('spinner').classList.remove('active')
+}
+async function onSubmit(e: SubmitEvent): Promise<void> {
+  e.preventDefault()
+  spinner.classList.add('active')
+  const body = new FormData(e.target as HTMLFormElement)
+  promptInput.value = ''
+  promptInput.disabled = true
+  const response = await fetch('/chat/', {method: 'POST', body})
+  await onFetchResponse(response)
+}
+// call onSubmit when the form is submitted (e.g. user clicks the send button or hits Enter)
+document.querySelector('form').addEventListener('submit', (e) => onSubmit(e).catch(onError))
+// load messages on page load
+fetch('/chat/').then(onFetchResponse).catch(onError)

favicon.ico ADDED Viewed

pre-requirements.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ pip==21.1.1

start.py ADDED Viewed

	@@ -0,0 +1,521 @@

+from __future__ import annotations as _annotations
+import os
+import asyncio
+import json
+import sqlite3
+import datetime
+import fastapi
+import logfire
+import time
+from collections.abc import AsyncIterator
+from concurrent.futures.thread import ThreadPoolExecutor
+from contextlib import asynccontextmanager
+from dataclasses import dataclass
+from datetime import datetime, timezone, date
+from functools import partial
+from pathlib import Path
+from typing import Annotated, Any, Callable, Literal, TypeVar
+from pydantic import BaseModel, Field, ValidationError, model_validator
+from typing import List, Optional, Dict
+from fastapi import Depends, Request
+from fastapi.responses import FileResponse, Response, StreamingResponse
+from typing_extensions import LiteralString, ParamSpec, TypedDict
+from pydantic_ai import Agent
+from pydantic_ai.exceptions import UnexpectedModelBehavior
+from pydantic_ai.messages import (
+    ModelMessage,
+    ModelMessagesTypeAdapter,
+    ModelRequest,
+    ModelResponse,
+    TextPart,
+    UserPromptPart,
+)
+from pydantic_ai.models.openai import OpenAIModel
+model = OpenAIModel(
+    'gemma-2-2b-it',
+    base_url='http://localhost:1234/v1',
+    api_key='your-local-api-key',
+)
+model11 = OpenAIModel(
+    'mistral-7b-instruct-v0.3',
+    base_url='http://localhost:1234/v1',
+    api_key='your-local-api-key',
+)
+#DeepSeek Key: sk-694660c67c3947e4853019473f30240d https://api.deepseek.com
+# Model Pydantic untuk Sales Order
+class Item(BaseModel):
+    product_code: Optional[str] = None #str = Field(..., min_length=1, max_length=20)
+    description: str = Field(..., min_length=1, max_length=100)
+    quantity: int = Field(..., ge=1)
+    unit_price: float = Field(..., ge=0)
+class SalesOrder1(BaseModel):
+    so_number: Optional[str] = None
+    customer_name: str = Field(..., min_length=1, max_length=100)
+    items: List[Item] = Field(..., min_items=1)
+    payment_terms: Optional[str] = None
+    shipping_address: Optional[str] = None
+    #order_date: datetime = None
+# 'if-token-present' means nothing will be sent (and the example will work) if you don't have logfire configured
+logfire.configure(send_to_logfire='if-token-present')
+class product(BaseModel):
+    ds_productCode: Optional[str] = "" #str = Field(..., min_length=1, max_length=20)
+    ds_productName: str = Field(..., min_length=1, max_length=100)
+    ds_quantity: int = Field(..., ge=1)
+    ds_unitPrice: float = Field(..., ge=0)
+    ds_itemAmt: Optional[float] = 0
+class SalesOrder(BaseModel):
+    ds_salesOrderId: Optional[str] = ""
+    ds_salesDate: Optional[str] = ""
+    ds_customerName: str = Field(..., min_length=1, max_length=100)
+    ds_customerAddress: Optional[str] = ""
+    ds_items: List[product] = Field(..., min_items=1)
+    ds_shippingCost:Optional[float] = ""
+    ds_shippingAddress: Optional[str] = ""
+    ds_totalAmount:Optional[float] = ""
+    #ds_paymentTerms: Optional[str] = ""
+os.environ['GEMINI_API_KEY'] = 'AIzaSyAsVIHsPIIfDBTb2K6VNdNlMt05t8x3mtE'
+#agent= Agent('gemini-1.5-flash', result_type=SalesOrder)
+# # Create a system prompt to guide the model
+SYSTEM_PROMPT = """
+You are a helper that extracts SalesOrder information from text and formats it as a SalesOrder class.
+"""
+#agent3 = Agent(model=ollama_model, result_type=PetList, retries=3, system_prompt=SYSTEM_PROMPT)
+#agent3 = Agent(model=ollama_model, retries=3, system_prompt=SYSTEM_PROMPT)
+agent = Agent('gemini-1.5-flash') # OK-1
+#agent = Agent(model) # OK-2
+#agent = Agent(model, result_type=SalesOrder) # belum bisa untuk local
+#agent = Agent(model, system_prompt=SYSTEM_PROMPT) # belum bisa untuk local
+#agent= Agent('gemini-1.5-flash', system_prompt=SYSTEM_PROMPT) # ERR
+THIS_DIR = Path(__file__).parent
+@asynccontextmanager
+async def lifespan(_app: fastapi.FastAPI):
+    async with Database.connect() as db:
+        yield {'db': db}
+app = fastapi.FastAPI(lifespan=lifespan)
+logfire.instrument_fastapi(app)
+@app.get('/')
+async def index() -> FileResponse:
+    return FileResponse((THIS_DIR / 'chat_app.html'), media_type='text/html')
+@app.get('/chat_app.ts')
+async def main_ts() -> FileResponse:
+    """Get the raw typescript code, it's compiled in the browser, forgive me."""
+    return FileResponse((THIS_DIR / 'chat_app.ts'), media_type='text/plain')
+async def get_db(request: Request) -> Database:
+    return request.state.db
+@app.get('/chat/')
+async def get_chat(database: Database = Depends(get_db)) -> Response:
+    msgs = await database.get_messages()
+    return Response(
+        b'\n'.join(json.dumps(to_chat_message(m)).encode('utf-8') for m in msgs),
+        media_type='text/plain',
+    )
+class ChatMessage(TypedDict):
+    """Format of messages sent to the browser."""
+    role: Literal['user', 'model']
+    timestamp: str
+    content: str
+def to_chat_message(m: ModelMessage) -> ChatMessage:
+    first_part = m.parts[0]
+    if isinstance(m, ModelRequest):
+        if isinstance(first_part, UserPromptPart):
+            return {
+                'role': 'user',
+                'timestamp': first_part.timestamp.isoformat(),
+                'content': first_part.content,
+            }
+    elif isinstance(m, ModelResponse):
+        if isinstance(first_part, TextPart):
+            return {
+                'role': 'model',
+                'timestamp': m.timestamp.isoformat(),
+                'content': first_part.content,
+            }
+    raise UnexpectedModelBehavior(f'Unexpected message type for chat app: {m}')
+def to_ds_message(m: ModelMessage) -> SalesOrder:
+    first_part = m.parts[0]
+    if isinstance(m, ModelRequest):
+        if isinstance(first_part, UserPromptPart):
+            return {
+                'role': 'user',
+                'timestamp': first_part.timestamp.isoformat(),
+                'content': first_part.content,
+            }
+    elif isinstance(m, ModelResponse):
+        if isinstance(first_part, TextPart):
+            return {
+                'role': 'model',
+                'timestamp': m.timestamp.isoformat(),
+                'content': first_part.content,
+            }
+    raise UnexpectedModelBehavior(f'Unexpected message type for chat app: {m}')
+@app.post('/chat/')
+async def post_chat(
+    prompt: Annotated[str, fastapi.Form()], database: Database = Depends(get_db)
+) -> StreamingResponse:
+    async def stream_messages():
+        """Streams new line delimited JSON `Message`s to the client."""
+        # stream the user prompt so that can be displayed straight away
+        yield (
+            json.dumps(
+                {
+                    'role': 'user',
+                    'timestamp': datetime.now(tz=timezone.utc).isoformat(),
+                    'content': prompt,
+                }
+            ).encode('utf-8')
+            + b'\n'
+        )
+        # get the chat history so far to pass as context to the agent
+        messages = await database.get_messages()
+        # run the agent with the user prompt and the chat history
+        async with agent.run_stream(prompt, message_history=messages) as result:
+            async for text in result.stream(debounce_by=0.01):
+                # text here is a `str` and the frontend wants
+                # JSON encoded ModelResponse, so we create one
+                m = ModelResponse.from_text(content=text, timestamp=result.timestamp())
+                yield json.dumps(to_chat_message(m)).encode('utf-8') + b'\n'
+        # add new messages (e.g. the user prompt and the agent response in this case) to the database
+        #print("---",result.new_messages_json(),"---")
+        #print("***",prompt,"***")
+        await database.add_messages(result.new_messages_json())
+    async def ds_messages(prompt1):
+        #Nama pembeli: Bu Lurah, alamat Bekasi Barat, hari ini membeli Teh Putih dua kaleng harga 110000 per kaleng, juga membeli Teh Hitam 3 kaleng, harga per kaleng 60000. Ongkos kirim ke Bekasi Barat sebesar 36 ribu
+        #nama pembeli Mas Anang alamat di Jalan Cisitu no.5 Bandung, membeli Chocobar 5 batang harga 15 ribu per batang, dan membeli Rice Cracker 4 buah harga 20 ribu per buah, ongkos kirim ke Jalan Cisitu no.5 sebesar 7 ribu rupiah
+        try:
+            prompt2=f"Ekstrak data Sales Order dari teks: {prompt1}. Format output yang diinginkan hanya berupa JSON saja sesuai class SalesOrder. Tidak usah ada penjelasan lain. Sekali lagi: Output hanya JSON saja. Hari ini adalah tanggal {date.today()}. untuk Nomor Sales Order pasangkan dengan key ds_salesOrderId, untuk Tanggal Sales pasangkan dengan key ds_salesDate, untuk Nama Customer pasangkan dengan Key ds_customerName, untuk Alamat Customer pasangkan dengan key ds_customerAddress, untuk Daftar Item Barang pasangkan dengan key ds_items, untuk Kode Barang pasangkan dengan key ds_productCode, untuk Nama Barang pasangkan dengan key ds_productName, untuk Quantity pasangkan dengan key ds_quantity, untuk Unit Price pasangkan dengan key ds_unitPrice, untuk Total Nilai Per Baris Barang pasangkan dengan key ds_itemAmt, untuk Ongkos Kirim pasangkan dengan key ds_shippingCost, untuk Alamat Pengiriman pasangkan dengan key ds_shippingAddress, untuk Total Nilai Sales Order pasangkan dengan key ds_totalAmount"
+            #prompt2=f"Ekstrak data Sales Order dari teks: {prompt1}. Hari ini adalah tanggal {date.today()}"
+            yield (
+                json.dumps(
+                    {
+                        'role': 'user',
+                        'timestamp': datetime.now(tz=timezone.utc).isoformat(),
+                        'content': prompt1,
+                    }
+                ).encode('utf-8')
+                + b'\n'
+            )
+            messages = await database.get_messages()
+            async with agent.run_stream(prompt2, message_history=messages) as result:
+                async for text in result.stream(debounce_by=0.1):
+                    m = ModelResponse.from_text(content=text, timestamp=result.timestamp())
+                    yield json.dumps(to_ds_message(m)).encode('utf-8') + b'\n'
+            ##print(result.usage())
+            #await database.add_messages(result.new_messages_json())
+            darso = json.loads(result.new_messages_json())
+            darso1= darso[1]
+            #print("1|", darso1)
+            darso2= json.loads(json.dumps(darso1))
+            #print("2|",darso2['parts'][0])
+            darso3= darso2['parts'][0]
+            darso4= json.loads(json.dumps(darso3))
+            #print("4|",darso4['content'])
+            darso5= darso4['content']
+            darso5=darso5.split('```', 2)
+            darso5=darso5[1]
+            #print("5a|",darso5)
+            darso5=darso5.replace('json', '')
+            print("5|",darso5,"|")
+            try:
+                darso6= json.loads(darso5) #json
+                darso7= SalesOrder.model_validate(darso6)
+            except:
+                darso6= "ERR"
+            print("6|",darso6,"|")
+            if "ds_items" in darso5:
+                cek_str="ds_items"
+            else:
+                cek_str="--"
+            if darso6=="ERR":
+                ds_id = time.time()
+                ds_salesOrderId = "ERR"
+                ds_salesDate = 'ERR'
+                ds_customerName="-"
+                ds_customerAddress="-"
+                ds_productName1 = "Produk1 --- "
+                ds_quantity1  = 1
+                ds_unitPrice1 = 0
+                ds_itemAmt1   = 0
+                ds_productName2 = "Produk2 --- "
+                ds_quantity2  = 0
+                ds_unitPrice2 = 0
+                ds_itemAmt2   = 0
+                ds_productName3 = "Produk3 --- "
+                ds_quantity3  = 0
+                ds_unitPrice3 = 0
+                ds_itemAmt3   = 0
+                ds_shippingAddress=""
+                ds_shippingCost=0
+                ds_totalAmount=0
+            else:
+                ds_id = time.time()
+                ds_salesOrderId = "OK"
+                ds_salesDate = 'OK'
+                try:
+                    ds_salesOrderId = darso7.ds_salesOrderId
+                    print("7|ds_salesOrderId")
+                    ds_salesDate  = darso7.ds_salesDate
+                    print("7|ds_salesDate")
+                    ds_customerName=f"""{darso7.ds_customerName}"""
+                    print("7|ds_customerName:",ds_customerName)
+                    ds_customerAddress=f"""{darso7.ds_customerAddress}"""
+                    print("7|ds_customerAddress:", len(darso7.ds_items))
+                    ds_productName1 = darso7.ds_items[0].ds_productName
+                    print("7|ds_productName1")
+                    ds_quantity1  = darso7.ds_items[0].ds_quantity
+                    print("7|ds_quantity1")
+                    ds_unitPrice1 = darso7.ds_items[0].ds_unitPrice
+                    print("7|ds_unitPrice1")
+                    ds_itemAmt1   = darso7.ds_items[0].ds_itemAmt
+                    print("7|ds_itemAmt1")
+                    ds_productName2 = "-"
+                    ds_quantity2  = 0
+                    ds_unitPrice2 = 0
+                    ds_itemAmt2   = 0
+                    ds_productName3 = "-"
+                    ds_quantity3  = 0
+                    ds_unitPrice3 = 0
+                    ds_itemAmt3   = 0
+                    if len(darso7.ds_items)>1:
+                        ds_productName2 = darso7.ds_items[1].ds_productName
+                        ds_quantity2  = darso7.ds_items[1].ds_quantity
+                        ds_unitPrice2 = darso7.ds_items[1].ds_unitPrice
+                        ds_itemAmt2   = darso7.ds_items[1].ds_itemAmt
+                    if len(darso7.ds_items)>2:
+                        ds_productName3 = darso7.ds_items[2].ds_productName
+                        ds_quantity3  = darso7.ds_items[2].ds_quantity
+                        ds_unitPrice3 = darso7.ds_items[2].ds_unitPrice
+                        ds_itemAmt3   = darso7.ds_items[2].ds_itemAmt
+                    ds_shippingCost=darso7.ds_shippingCost
+                    print("7|ds_shippingCost")
+                    ds_shippingAddress=f"""{darso7.ds_shippingAddress}"""
+                    print("7|ds_shippingAddress")
+                    ds_totalAmount=darso7.ds_totalAmount
+                    print("7|ds_totalAmount")
+                except:
+                    ds_salesOrderId = "OK2"
+                    ds_salesDate = 'OK2'
+                    ds_customerName="-"
+                    ds_customerAddress="-"
+                    ds_productName1 = "Produk1"
+                    ds_quantity1  = 0
+                    ds_unitPrice1 = 0
+                    ds_itemAmt1   = 0
+                    ds_productName2 = "Produk2"
+                    ds_quantity2  = 0
+                    ds_unitPrice2 = 0
+                    ds_itemAmt2   = 0
+                    ds_productName3 = "Produk3"
+                    ds_quantity3  = 0
+                    ds_unitPrice3 = 0
+                    ds_itemAmt3   = 0
+                    ds_shippingAddress=""
+                    ds_shippingCost=0
+                    ds_totalAmount=0
+            formDs = f"""
+  <form id="myaiForm{ds_id}" action="javascript:abcde({ds_id});" class="form-container">
+    <h3>Pesanan</h3>
+    	<table>
+            <tr>
+                <td><label for="ds_salesOrderId"><b>SO#</b></label><input type="text" placeholder="" name="ds_salesOrderId" value="{ds_salesOrderId}"></td>
+                <td><label for="ds_salesDate"><b>Date</b></label><input type="text" placeholder="" name="ds_salesDate" value="{ds_salesDate}"></td>
+            </tr>
+            <tr>
+      <td colspan="2"><label for="ds_customerName"><b>Customer</b></label><input type="text" placeholder="" name="ds_customerName" value="{ds_customerName}"></td>
+            </tr>
+            <tr>
+ <td colspan="2"><label for="ds_customerAddress"><b>Alamat</b></label><input type="text" placeholder="" name="ds_customerAddress" value="{ds_customerAddress}"></td>
+            </tr>
+        </table style="width:100%">
+    <b>Item Barang:</b>
+        <table>
+            <tr><th>Prod</th><th>Qty</th><th>Prc</th><th>Rp</th></tr>
+            <tr>
+                <td><input type="text" placeholder="-" name="ds_productName1" value="{ds_productName1}"></td>
+                <td><input type="text" placeholder="0" name="ds_quantity1" value={ds_quantity1}></td>
+                <td><input type="text" placeholder="0" name="ds_unitPrice1" value={ds_unitPrice1}></td>
+                <td><input type="text" placeholder="0" name="ds_itemAmt1" value={ds_itemAmt1}></td>
+            </tr>
+            <tr>
+                <td><input type="text" placeholder="-" name="ds_productName2" value="{ds_productName2}"></td>
+                <td><input type="text" placeholder="0" name="ds_quantity2" value={ds_quantity2}></td>
+                <td><input type="text" placeholder="0" name="ds_unitPrice2" value={ds_unitPrice2}></td>
+                <td><input type="text" placeholder="0" name="ds_itemAmt2" value={ds_itemAmt2}></td>
+            </tr>
+            <tr>
+                <td><input type="text" placeholder="-" name="ds_productName3" value="{ds_productName3}"></td>
+                <td><input type="text" placeholder="0" name="ds_quantity3" value={ds_quantity3}></td>
+                <td><input type="text" placeholder="0" name="ds_unitPrice3" value={ds_unitPrice3}></td>
+                <td><input type="text" placeholder="0" name="ds_itemAmt3" value={ds_itemAmt3}></td>
+            </tr>
+        </table>
+        <table>
+            <tr>
+                <td><label for="ds_shippingCost"><b>Ongkir</b></label><input type="text" placeholder="0" name="ds_shippingCost" value={ds_shippingCost}></td>
+                <td><label for="ds_totalAmount"><b>Total</b></label><input type="text" placeholder="0" name="ds_totalAmount" value={ds_totalAmount}></td>
+            </tr>
+            <tr>
+      <td colspan="2"><label for="ds_shippingAddress"><b></b></label><input type="text" placeholder="" name="ds_shippingAddress" value="{ds_shippingAddress}"></td>
+            </tr>
+        </table>
+        <button type="submit" class="btn">Submit</button>
+        <button type="button" class="btn cancel" onclick="closeAiForm({ds_id})">Close</button>
+  </form>
+  <form id="myaiForm2{ds_id}" class="form-container" style="display:none;">
+        <button type="button" class="btn umum" onclick="openAiForm({ds_id})">Open Form</button>
+  </form>
+                """
+            m = ModelResponse.from_text(content=formDs, timestamp=result.timestamp())
+            yield json.dumps(to_ds_message(m)).encode('utf-8') + b'\n'
+            print("OK")
+            ##print(len(items))
+            #darso7 = SalesOrder.model_validate(darso6)
+            #print("[--",darso7.ds_customerName,"--]")
+            #darso8 = darso7.ds_items[0]
+            ##, len(darso7.ds_items)
+            #print("[--",darso8.ds_productName,"--]")
+        except ValueError as e:
+            print(e)
+    if prompt[0] == "@" :
+        #print("@@@", prompt, "@@@")
+        nn = len(prompt)
+        prompt = prompt[1:nn]
+        print(">>>", prompt, "<<<")
+        return StreamingResponse(ds_messages(prompt), media_type='text/plain')
+    elif prompt[0] != "@" :
+        print("biasa")
+        return StreamingResponse(stream_messages(), media_type='text/plain')
+    print("** selesai **")
+    return StreamingResponse(stream_messages(), media_type='text/plain')
+P = ParamSpec('P')
+R = TypeVar('R')
+@dataclass
+class Database:
+    """Rudimentary database to store chat messages in SQLite.
+    The SQLite standard library package is synchronous, so we
+    use a thread pool executor to run queries asynchronously.
+    """
+    con: sqlite3.Connection
+    _loop: asyncio.AbstractEventLoop
+    _executor: ThreadPoolExecutor
+    @classmethod
+    @asynccontextmanager
+    async def connect(
+        cls, file: Path = THIS_DIR / '.chat_messages.sqlite'
+    ) -> AsyncIterator[Database]:
+        with logfire.span('connect to DB'):
+            loop = asyncio.get_event_loop()
+            executor = ThreadPoolExecutor(max_workers=1)
+            con = await loop.run_in_executor(executor, cls._connect, file)
+            slf = cls(con, loop, executor)
+        try:
+            yield slf
+        finally:
+            await slf._asyncify(con.close)
+    @staticmethod
+    def _connect(file: Path) -> sqlite3.Connection:
+        con = sqlite3.connect(str(file))
+        con = logfire.instrument_sqlite3(con)
+        cur = con.cursor()
+        cur.execute(
+            'CREATE TABLE IF NOT EXISTS messages (id INT PRIMARY KEY, message_list TEXT);'
+        )
+        con.commit()
+        return con
+    async def add_messages(self, messages: bytes):
+        await self._asyncify(
+            self._execute,
+            'INSERT INTO messages (message_list) VALUES (?);',
+            messages,
+            commit=True,
+        )
+        await self._asyncify(self.con.commit)
+    async def get_messages(self) -> list[ModelMessage]:
+        c = await self._asyncify(
+            self._execute, 'SELECT message_list FROM messages order by id asc'
+        )
+        rows = await self._asyncify(c.fetchall)
+        messages: list[ModelMessage] = []
+        for row in rows:
+            messages.extend(ModelMessagesTypeAdapter.validate_json(row[0]))
+        return messages
+    def _execute(
+        self, sql: LiteralString, *args: Any, commit: bool = False
+    ) -> sqlite3.Cursor:
+        cur = self.con.cursor()
+        cur.execute(sql, args)
+        if commit:
+            self.con.commit()
+        return cur
+    async def _asyncify(
+        self, func: Callable[P, R], *args: P.args, **kwargs: P.kwargs
+    ) -> R:
+        return await self._loop.run_in_executor(  # type: ignore
+            self._executor,
+            partial(func, **kwargs),
+            *args,  # type: ignore
+        )
+if __name__ == '__main__':
+    import uvicorn
+    uvicorn.run(
+        'chat_app:app', reload=True, reload_dirs=[str(THIS_DIR)]
+    )