Add o3, o4, and 4.1 models

Author: davidmyersdev

components/Assistant.vue

@@ -328,14 +328,14 @@ export default defineComponent({
                   <CoreListboxOptions class="z-20 bg-layer">
                     <div class="flex gap-0.5 items-center p-2 text-layer-muted mb-2">
                       <Icon name="ContextSize" />
-                      <small>Total Context Size (in Tokens)</small>
+                      <small>Context Window (in Tokens)</small>
                     </div>
                     <div class="grid auto-rows-auto auto-cols-auto">
                       <CoreListboxOption
                         v-for="model in languageModels"
                         :id="model.id"
                         :key="model.id"
-                        class="grid grid-cols-subgrid col-span-2 gap-4"
+                        class="grid grid-cols-subgrid col-span-3 gap-4"
                         :disabled="model.disabled"
                         :label="model.label"
                         :layer="1"
@@ -353,6 +353,14 @@ export default defineComponent({
                             {{ model.contextWindow }}
                           </small>
                         </span>
+
+                        <span v-if="model.url" class="flex items-center justify-start gap-4 col-start-3">
+                          <small class="text-xs text-layer-muted flex items-center gap-0.5">
+                            <CoreLink title="Model Page" :to="model.url" @click.stop>
+                              <Icon name="Info" />
+                            </CoreLink>
+                          </small>
+                        </span>
                       </CoreListboxOption>
                     </div>
                   </CoreListboxOptions>

components/Icon.vue

@@ -65,6 +65,7 @@ const icons = {
   Graph: Tabler.IconAffiliate,
   ImagePlus: Tabler.IconPhotoPlus,
   Inbox: Tabler.IconInbox,
+  Info: Tabler.IconInfoCircle,
   Instruction: Tabler.IconListDetails,
   LockClosed: Tabler.IconLock,
   LockOpen: Tabler.IconLockOpen,

composables/useAssistant.ts

@@ -14,33 +14,75 @@ type ModelOption = {
   contextWindow: string,
   comingSoon?: boolean,
   disabled?: boolean,
+  url?: string,
 }
 
 const defaultLanguageModels: ModelOption[] = [
   {
-    id: 'gpt-4o',
-    label: 'GPT-4o',
-    contextWindow: '128k',
+    id: 'gpt-4.1',
+    label: 'GPT-4.1',
+    contextWindow: '1m',
+    url: 'https://platform.openai.com/docs/models/gpt-4.1',
   },
   {
-    id: 'gpt-4o-mini',
-    label: 'GPT-4o Mini',
-    contextWindow: '128k',
+    id: 'gpt-4.1-mini',
+    label: 'GPT-4.1 Mini',
+    contextWindow: '1m',
+    url: 'https://platform.openai.com/docs/models/gpt-4.1-mini',
+  },
+  {
+    id: 'gpt-4.1-nano',
+    label: 'GPT-4.1 Nano',
+    contextWindow: '1m',
+    url: 'https://platform.openai.com/docs/models/gpt-4.1-nano',
+  },
+  {
+    id: 'o4-mini',
+    label: 'o4 Mini',
+    contextWindow: '200k',
+    url: 'https://platform.openai.com/docs/models/o4-mini',
+  },
+  {
+    id: 'o3',
+    label: 'o3',
+    contextWindow: '200k',
+    url: 'https://platform.openai.com/docs/models/o3',
+  },
+  {
+    id: 'o3-mini',
+    label: 'o3 Mini',
+    contextWindow: '200k',
+    url: 'https://platform.openai.com/docs/models/o3-mini',
   },
   {
     id: 'o1',
     label: 'o1',
     contextWindow: '200k',
+    url: 'https://platform.openai.com/docs/models/o1',
   },
   {
     id: 'o1-mini',
     label: 'o1 Mini',
     contextWindow: '128k',
+    url: 'https://platform.openai.com/docs/models/o1-mini',
   },
   {
     id: 'o1-preview',
     label: 'o1 Preview',
     contextWindow: '128k',
+    url: 'https://platform.openai.com/docs/models/o1-preview',
+  },
+  {
+    id: 'gpt-4o',
+    label: 'GPT-4o',
+    contextWindow: '128k',
+    url: 'https://platform.openai.com/docs/models/gpt-4o',
+  },
+  {
+    id: 'gpt-4o-mini',
+    label: 'GPT-4o Mini',
+    contextWindow: '128k',
+    url: 'https://platform.openai.com/docs/models/gpt-4o-mini',
   },
   {
     id: 'gpt-4-turbo',