feat: Refactor channel management and UI components

- Removed hardcoded channel data from `channel.ts` and replaced it with a dynamic channel dictionary.
- Introduced a new Pinia store `channel.ts` to manage selected and available channels.
- Reworked `AddChannelDialog.vue` to allow users to search and select channels dynamically.
- Updated `TaskCenter.vue` to utilize the new channel store and handle empty channel selections gracefully.
- Enhanced IPC communication for loading and saving selected channels in the configuration.
- Adjusted `runTaskOperationService.ts` to ensure proper handling of channel data.
- Improved styling and structure of UI components for better user experience.

src/lib/constants.ts

@@ -102,6 +102,7 @@ export enum CONFIG_KEYS {
   DEFAULT_MODEL = 'defaultModel',
   AUTO_CHECK_UPDATE = 'autoCheckUpdate',
   AUTO_DOWNLOAD_UPDATE = 'autoDownloadUpdate',
+  SELECTED_CHANNELS = 'selectedChannels',
 }
 
 export enum MENU_IDS {

src/lib/types.ts

@@ -18,6 +18,8 @@ export interface IConfig {
   [CONFIG_KEYS.PROVIDER]?: string;
   // 默认模型
   [CONFIG_KEYS.DEFAULT_MODEL]?: string | null;
+  // 选中的渠道
+  [CONFIG_KEYS.SELECTED_CHANNELS]: Array<{ id: string; channelName: string; channelUrl: string }>;
 }
 
 export interface Provider {