feat: expand model icons, guard uploads, and handle seach env better

2026-09-10 04:25:37 -05:00
parent 4b99921023
commit 3f81f96bda
7 changed files with 117 additions and 8 deletions
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { useId } from "vue";
+
+withDefaults(defineProps<{
+    size?: string | number;
+    color?: boolean;
+    avatar?: boolean;
+}>(), {
+    size: 24,
+});
+
+const titleId = useId();
+</script>
+
+<template>
+    <div class="inline-flex items-center justify-center"
+        :style="{ width: `${size}px`, height: `${size}px` }">
+        <svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size"
+            viewBox="0 0 24 24" role="img" :aria-labelledby="titleId"
+            style="flex: none; line-height: 1;">
+            <title :id="titleId">Thinking Machines Lab</title>
+            <rect width="24" height="24" rx="2.6666666666666665"
+                :fill="color ? '#e6e7e8' : 'currentColor'" :fill-opacity="color ? 1 : 0.15"></rect>
+            <rect x="4" y="4" width="16" height="16" rx="1.3333333333333333"
+                :fill="color ? '#31373d' : 'currentColor'"></rect>
+        </svg>
+    </div>
+</template>