refactor(canvas): 替换自定义ID生成函数为nanoid并优化配置逻辑

- 移除自定义createId函数，统一使用nanoid库生成唯一标识符
- 将useEffectiveAiConfig Hook替换为resolveEffectiveConfig工具函数
- 直接从config store获取publicSettings避免额外的Hook依赖
- 更新所有组件中的ID生成调用以使用nanoid
- 简化buildApiUrl函数中的基础URL规范化逻辑

web/src/stores/use-config-store.ts

@@ -1,6 +1,5 @@
 "use client";
 
-import { useMemo } from "react";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 
@@ -89,31 +88,23 @@ export const useConfigStore = create<ConfigStore>()(
   ),
 );
 
-export function useEffectiveAiConfig(config: AiConfig) {
-  const modelChannel = useConfigStore((state) => state.publicSettings?.modelChannel);
-
-  return useMemo(() => {
-    const channelMode = modelChannel?.allowCustomChannel ? config.channelMode : "remote";
-    if (channelMode === "local" || !modelChannel) return { ...config, channelMode };
-    const models = modelChannel.availableModels;
-    return {
-      ...config,
-      channelMode,
-      models,
-      model: models.includes(config.model) ? config.model : modelChannel.defaultModel,
-      imageModel: models.includes(config.imageModel) ? config.imageModel : modelChannel.defaultImageModel || modelChannel.defaultModel,
-      textModel: models.includes(config.textModel) ? config.textModel : modelChannel.defaultTextModel || modelChannel.defaultModel,
-      systemPrompt: modelChannel.systemPrompt,
-    };
-  }, [config, modelChannel]);
-}
-
-export function normalizeBaseUrl(value: string) {
-  return value.trim().replace(/\/+$/, "");
+export function resolveEffectiveConfig(config: AiConfig, modelChannel: AdminPublicSettings["modelChannel"] | null) {
+  const channelMode = modelChannel?.allowCustomChannel ? config.channelMode : "remote";
+  if (channelMode === "local" || !modelChannel) return { ...config, channelMode };
+  const models = modelChannel.availableModels;
+  return {
+    ...config,
+    channelMode,
+    models,
+    model: models.includes(config.model) ? config.model : modelChannel.defaultModel,
+    imageModel: models.includes(config.imageModel) ? config.imageModel : modelChannel.defaultImageModel || modelChannel.defaultModel,
+    textModel: models.includes(config.textModel) ? config.textModel : modelChannel.defaultTextModel || modelChannel.defaultModel,
+    systemPrompt: modelChannel.systemPrompt,
+  };
 }
 
 export function buildApiUrl(baseUrl: string, path: string) {
-  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);
+  const normalizedBaseUrl = baseUrl.trim().replace(/\/+$/, "");
   const apiBaseUrl = normalizedBaseUrl.endsWith("/v1") ? normalizedBaseUrl : `${normalizedBaseUrl}/v1`;
   return `${apiBaseUrl}${path}`;
 }