Formatting

sketches/2024-05-30-lookslike-prototype/src/components/com-app.ts

@@ -35,24 +35,22 @@ export class ComApp extends LitElement {
     this.graph = newGraph;
 
     const result = await doLLM(this.userInput, '', null)
-    newNode.messages.push(result?.choices[0].message);
+    const message = result?.choices[0]?.message
+    if (message) {
+      newNode.messages.push(message);
+    }
 
     this.graph = { ...newGraph }
   }
 
-  onInput(text) {
-    this.userInput = text
-    console.log(this.userInput)
-  }
-
   render() {
     return html`
       <com-app-grid>
         <com-chat slot="main">
             <com-thread slot="main" .graph=${this.graph}></com-thread>
             <div slot="footer">
                 <com-unibox>
-                    <com-editor slot="main" .value=${this.userInput} .onInput=${(v) => this.onInput(v)}></com-editor>
+                    <com-editor slot="main" .value=${this.userInput}></com-editor>
                     <com-button slot="end" .action=${() => this.appendMessage()}>Send</com-button>
                 </com-unibox>
             </div>

sketches/2024-05-30-lookslike-prototype/src/components/com-thread.ts

@@ -66,7 +66,9 @@ function definitionToHtml(definition: any, context: any) {
   if (definition.contentType === 'application/json+vnd.common.ui') {
     const el = createElement(definition.body, snapshot(context).outputs)
 
-    return html`<div>${unsafeHTML(el.outerHTML)}</div><pre class="code">${pretty(el.outerHTML)}</pre><pre class="code">${JSON.stringify(definition.body, null, 2)}</pre>`
+    return html`<div>${unsafeHTML(el.outerHTML)}</div>
+      <pre class="code">${pretty(el.outerHTML)}</pre>
+      <pre class="code">${JSON.stringify(definition.body, null, 2)}</pre>`
   }
   return html`<pre>${JSON.stringify(definition, null, 2)}</pre>`
 }