fix(viz): allow breaks in function calls

liamdugan · Jul 17, 2024 · d412d1b · d412d1b
1 parent 82da9c1
commit d412d1b
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/viz/src/components/messages/AssistantFunctionCall.vue b/viz/src/components/messages/AssistantFunctionCall.vue
@@ -15,9 +15,13 @@ const isOpen = ref(true);
       <p>Called {{ props.functionCall.name }}()...</p>
     </div>
     <div class="message-body" v-if="isOpen">
-      <kbd>{{ functionCall.arguments }}</kbd>
+      <kbd class="allow-wrap-anywhere">{{ functionCall.arguments }}</kbd>
     </div>
   </article>
 </template>
 
-<style scoped></style>
+<style scoped>
+.allow-wrap-anywhere {
+  overflow-wrap: anywhere;
+}
+</style>