Commit 4797f99cf8645c9e2bd81ea421b788742eeb6ec7 | the-knife

author	Julius Marminge <julius0216@outlook.com> 2026-02-27 10:18:01-08:00
committer	Julius Marminge <jmarminge@gmail.com> 2026-03-05 23:00:41-08:00
log	4797f99cf8645c9e2bd81ea421b788742eeb6ec7
tree	e0b083d9f68955f4be2ca03471c3feb31b45892e
parent	50f35351a2c96c022de1f4329ce92d1f0b60a990

Include all provider models in /model slash command

Co-authored-by: codex <codex@users.noreply.github.com>

1 files changed, 27 insertions(+), 45 deletions(-)

apps
- web
  - src
    components
    ChatView.tsx

apps/web/src/components/ChatView.tsx+27-45

 @@ -304,7 +304,8 @@ type ComposerCommandItem =
   | {
       id: string;
       type: "model";
-      model: string;
+      provider: ProviderKind;
+      model: ModelSlug;
       label: string;
       description: string;
     };
 @@ -658,27 +659,21 @@ export default function ChatView({ threadId }: ChatViewProps) {
   );
   const selectedModel = resolveModelSlugForProvider(selectedProvider, composerDraft.model ?? baseThreadModel);
   const selectedEffort = composerDraft.effort ?? DEFAULT_REASONING;
-  const modelOptions = useMemo(
+  const searchableModelOptions = useMemo(
     () =>
-      selectedProvider === "codex"
+      PROVIDER_OPTIONS.filter((option) => option.available).flatMap((option) =>
-        ? getAppModelOptions(settings.customCodexModels, selectedModel)
+        getModelOptions(option.value).map(({ slug, name }) => ({
-        : getModelOptions(selectedProvider),
+          provider: option.value,
-    [selectedModel, selectedProvider, settings.customCodexModels],
+          providerLabel: option.label,
+          slug,
+          name,
+          searchSlug: slug.toLowerCase(),
+          searchName: name.toLowerCase(),
+          searchProvider: option.label.toLowerCase(),
+        })),
+      ),
+    [],
   );
-  const slashModelOptions = useMemo(() => {
-    if (selectedProvider === "codex") {
-      return getSlashModelOptions(settings.customCodexModels, composerTrigger?.query ?? "", selectedModel);
-    }
-    const query = (composerTrigger?.query ?? "").trim().toLowerCase();
-    if (!query) {
-      return modelOptions;
-    }
-    return modelOptions.filter(({ slug, name }) => {
-      const searchSlug = slug.toLowerCase();
-      const searchName = name.toLowerCase();
-      return searchSlug.includes(query) || searchName.includes(query);
-    });
-  }, [composerTrigger?.query, modelOptions, selectedModel, selectedProvider, settings.customCodexModels]);
   useEffect(() => {
     if (!activeThread?.id || !sessionProvider) return;
     setSelectedProviderByThread((existing) => {
 @@ -961,14 +956,19 @@ export default function ChatView({ threadId }: ChatViewProps) {
       ];
     }
-    return slashModelOptions.map(({ slug, name }) => ({
+    return searchableModelOptions.filter(({ searchSlug, searchName, searchProvider }) => {
-      id: `model:${slug}`,
+      const query = composerTrigger.query.trim().toLowerCase();
-      type: "model" as const,
+      if (!query) return true;
+      return searchSlug.includes(query) || searchName.includes(query) || searchProvider.includes(query);
+    }).map(({ provider, providerLabel, slug, name }) => ({
+      id: `model:${provider}:${slug}`,
+      type: "model",
+      provider,
       model: slug,
       label: name,
-      description: slug,
+      description: `${providerLabel} · ${slug}`,
     }));
-  }, [composerTrigger, slashModelOptions, workspaceEntries]);
+  }, [composerTrigger, searchableModelOptions, workspaceEntries]);
   const composerMenuOpen = Boolean(composerTrigger);
   const activeComposerMenuItem = useMemo(
     () =>
 @@ -2255,24 +2255,6 @@ export default function ChatView({ threadId }: ChatViewProps) {
     [activeThreadId, setStoreThreadError],
   );
-  const onModelSelect = useCallback(
-    (model: string) => {
-      const normalizedModel = normalizeModelSlug(model);
-      const resolvedModel = normalizedModel ?? baseThreadModel;
-      setComposerDraftModel(threadId, resolvedModel === baseThreadModel ? null : resolvedModel);
-      const api = readNativeApi();
-      if (api && isServerThread && activeThread) {
-        void api.orchestration.dispatchCommand({
-          type: "thread.meta.update",
-          commandId: newCommandId(),
-          threadId: activeThread.id,
-          model: resolveModelSlugForProvider(selectedProvider, model),
-        });
-      }
-      scheduleComposerFocus();
-    },
-    [activeThread, scheduleComposerFocus, selectedProvider],
-  );
   const onProviderModelSelect = useCallback(
     (provider: ProviderKind, model: ModelSlug) => {
       const api = readNativeApi();
 @@ -2390,7 +2372,7 @@ export default function ChatView({ threadId }: ChatViewProps) {
         }
         return;
       }
-      onModelSelect(item.model);
+      onProviderModelSelect(item.provider, item.model);
       const applied = applyPromptReplacement(trigger.rangeStart, trigger.rangeEnd, "", {
         expectedText: expectedToken,
       });
 @@ -2398,7 +2380,7 @@ export default function ChatView({ threadId }: ChatViewProps) {
         setComposerHighlightedItemId(null);
       }
     },
-    [applyPromptReplacement, onModelSelect, resolveActiveComposerTrigger],
+    [applyPromptReplacement, onProviderModelSelect, resolveActiveComposerTrigger],
   );
   const onComposerMenuItemHighlighted = useCallback((itemId: string | null) => {
     setComposerHighlightedItemId(itemId);