Performance enhancements galore! New themining system

This is once again a huge commit, but its mostly performance
improvements along with some bug fixes and refactoring. It also includes
changes to the theming systems. I'm still not 100% happy with the
theming system, but its better than before.

Model fetching has been dramatically improved! Nearly all the important
computation and pre-processing has been moved to the server. This has
also somehow fixed the way model details are loaded, which was causing
many models to be missing their details despite models.dev having them.

The markdown renderer has once again been changed, but I'm mostly
certain that this is the last time major changes will be made to it. The
renderer is not spamming components, bloating memory usage, and its not
using a bug prone custom written chunking system.

There's also a lot more that I haven't mentioned and honestly forgot. I
need to get better commit hygiene tbh.

app/pages/index.vue

@@ -3,6 +3,8 @@ import type schema from '#triplit/schema';
 import type { Entity } from '@triplit/client';
 import { assert } from '~~/utils/assert';
 
+const triplit = useTriplitClient();
+
 const { agents, unsubscribe: unsubscribeAgents, createAgent } = await useAgents();
 const { providers, unsubscribe: unsubscribeModels, getFirstAvailableModel, allModels } = await useModels();
 
@@ -108,9 +110,34 @@ const handleChatSubmit = async (message: string, model: ModelWithProvider | null
 
     await navigateTo(`/agent/${agent.id}/topic/${topic.id}`);
 
-    autoRename(topic.id, message);
+    autoRename(topic.id, message).then(async res => {
+        if (res.ok === false) {
+            console.error('Failed to auto-rename:', res.error);
+            await triplit.update('topics', topic.id, {
+                renaming: false,
+            });
 
-    return sendMessage(message, topic, [], agent, model.provider, model);
+            return;
+        }
+    });
+
+    return sendMessage(message, topic, [], agent, model.provider, model).then(async res => {
+        if (res.ok === false) {
+            console.error('Failed to send message:', res.error);
+            await navigateTo(`/agent/${agent.id}`);
+            await triplit.delete('topics', topic.id);
+
+            const chatInput = document.getElementById('chat') as HTMLInputElement;
+
+            if (chatInput) {
+                chatInput.value = message;
+                chatInput.dispatchEvent(new Event('input'));
+                nextTick(() => {
+                    chatInput.focus();
+                });
+            }
+        }
+    });
 };
 
 onMounted(() => {
@@ -142,7 +169,9 @@ onUnmounted(() => {
 
 <template>
     <div class="flex flex-col items-center pt-12 px-4 h-full gap-12">
-        <h1 class="text-center text-3xl font-semibold">{{ animatedText }}<span class="cursor">&nbsp;</span></h1>
+        <h1 class="text-center text-3xl font-semibold">{{ animatedText }}<span
+                class="animate-blink inline-block w-4 h-[0.9em] bg-current align-middle ml-0.5 select-none">&nbsp;</span>
+        </h1>
         <div class="max-w-4xl h-full w-full">
             <!-- TODO: view transitions have caused me issues with the page flashing with no content (so just a black or white screen depending on the theme) so I have disabled them for now.  -->
             <ChatInput class="[view-transition-name:chat-prompt] duration-150 ease-in-out" :agent="agent"
@@ -150,27 +179,3 @@ onUnmounted(() => {
         </div>
     </div>
 </template>
-
-<style>
-.cursor {
-    display: inline-block;
-    width: 1rem;
-    height: 0.9em;
-    background-color: currentColor;
-    animation: blink 1s step-end infinite;
-    vertical-align: middle;
-    margin-left: 0.125rem;
-}
-
-@keyframes blink {
-
-    0%,
-    100% {
-        opacity: 1;
-    }
-
-    50% {
-        opacity: 0;
-    }
-}
-</style>