fix invalid metadata passing to llm providers

Author: yujonglee

apps/desktop/src/components/editor-area/index.tsx

@@ -15,7 +15,14 @@ import Editor, { type TiptapEditor } from "@hypr/tiptap/editor";
 import Renderer from "@hypr/tiptap/renderer";
 import { extractHashtags } from "@hypr/tiptap/shared";
 import { cn } from "@hypr/ui/lib/utils";
-import { generateText, markdownTransform, modelProvider, providerName, smoothStream, streamText } from "@hypr/utils/ai";
+import {
+  generateText,
+  localProviderName,
+  markdownTransform,
+  modelProvider,
+  smoothStream,
+  streamText,
+} from "@hypr/utils/ai";
 import { useOngoingSession, useSession } from "@hypr/utils/contexts";
 import { enhanceFailedToast } from "../toast/shared";
 import { FloatingButton } from "./floating-button";
@@ -253,7 +260,7 @@ export function useEnhanceMutation({
           smoothStream({ delayInMs: 80, chunking: "line" }),
         ],
         providerOptions: {
-          [providerName]: {
+          [localProviderName]: {
             metadata: {
               grammar: "enhance",
             },
@@ -334,7 +341,7 @@ function useGenerateTitleMutation({ sessionId }: { sessionId: string }) {
           { role: "user", content: userMessage },
         ],
         providerOptions: {
-          [providerName]: {
+          [localProviderName]: {
             metadata: {
               grammar: "title",
             },

packages/utils/src/ai.ts

@@ -15,7 +15,8 @@ export const useChat = (options: Parameters<typeof useChat$1>[0]) => {
   });
 };
 
-export const providerName = "hypr-llm";
+export const localProviderName = "hypr-llm-local";
+export const remoteProviderName = "hypr-llm-remote";
 
 const reasoningMiddleware = extractReasoningMiddleware({
   tagName: "thinking",
@@ -28,7 +29,7 @@ const getModel = async ({ onboarding }: { onboarding: boolean }) => {
   const { type, connection: { api_base, api_key } } = await getter();
 
   const openai = createOpenAICompatible({
-    name: providerName,
+    name: type === "HyprLocal" ? localProviderName : remoteProviderName,
     baseURL: api_base,
     apiKey: api_key ?? "SOMETHING_NON_EMPTY",
     fetch: customFetch,