change sizing slightly and add sentry

app/components/ModelInfo.vue

@@ -4,13 +4,15 @@ import type schema from '#triplit/schema';
 
 const props = withDefaults(defineProps<{
     model: Entity<typeof schema, 'models'>;
-    size?: 'small' | 'normal';
+    size?: 'small' | 'medium' | 'large';
+    details?: boolean;
     showCost?: boolean;
     showEdit?: boolean;
     showExternalId?: boolean;
     showReleaseDate?: boolean;
 }>(), {
-    size: 'normal',
+    size: 'large',
+    details: false,
     showCost: false,
     showExternalId: false,
     showReleaseDate: false,
@@ -63,12 +65,15 @@ const deleteModel = async () => {
 <template>
     <div class="flex items-center justify-between w-full" v-bind="$attrs">
         <div class="flex items-center gap-2 min-w-0 flex-1">
-            <ModelIcon :class="size === 'normal' ? 'rounded-lg overflow-hidden' : ''" :avatar="true" variant="color"
-                :model-id="model.externalId" :size="size === 'small' ? '20' : '32'" />
+            <ModelIcon :class="{
+                'rounded-lg overflow-hidden': size === 'large',
+                'rounded-md overflow-hidden': size === 'medium' || size === 'small',
+            }" :avatar="true" variant="color" :model-id="model.externalId"
+                :size="size === 'small' ? '20' : size === 'medium' ? '26' : '32'" />
 
             <div class="flex flex-col gap-1 min-w-0 flex-1">
                 <div class="flex items-center gap-1 min-w-0">
-                    <span class="text-sm font-medium text-[var(--color-text)] truncate min-w-0">
+                    <span class="text-[15px] font-medium text-[var(--color-text)] truncate min-w-0">
                         {{ model.name }}
                     </span>
                     <span v-if="showExternalId"
@@ -83,7 +88,7 @@ const deleteModel = async () => {
                     </div>
                 </div>
 
-                <div v-if="size === 'normal'" class="flex items-center gap-1.5 flex-wrap">
+                <div v-if="details" class="flex items-center gap-1.5 flex-wrap">
                     <span v-if="showReleaseDate && model.releasedAt"
                         class="text-xs text-[var(--color-muted)] whitespace-nowrap">
                         Released on {{ model.releasedAt.toISOString().split('T')[0] }}