@nextclaw/ui 0.12.34 → 0.12.35-beta.1

package/src/shared/components/config/provider-form-support.ts

@@ -3,7 +3,10 @@ import type { getLanguage } from '@/shared/lib/i18n';
 import type { ProviderConfigUpdate, ProviderConfigView, ThinkingLevel } from '@/shared/lib/api';
 
 type WireApiType = 'auto' | 'chat' | 'responses';
-type ModelThinkingConfig = Record<string, { supported: ThinkingLevel[]; default?: ThinkingLevel | null }>;
+type ModelConfig = Record<string, {
+  thinking?: { supported: ThinkingLevel[]; default?: ThinkingLevel | null };
+  vision?: boolean;
+}>;
 type ProviderAuthMethodOption = {
   id: string;
 };
@@ -17,7 +20,7 @@ const EMPTY_PROVIDER_CONFIG: ProviderConfigView = {
   extraHeaders: null,
   wireApi: null,
   models: [],
-  modelThinking: {}
+  modelConfig: {}
 };
 
 const THINKING_LEVELS: ThinkingLevel[] = ['off', 'minimal', 'low', 'medium', 'high', 'adaptive', 'xhigh'];
@@ -144,53 +147,65 @@ function normalizeThinkingLevels(values: unknown): ThinkingLevel[] {
   return deduped;
 }
 
-function normalizeModelThinkingConfig(
-  input: ProviderConfigView['modelThinking'],
+function normalizeModelConfig(
+  input: ProviderConfigView['modelConfig'],
   aliases: string[]
-): ModelThinkingConfig {
+): ModelConfig {
   if (!input) {
     return {};
   }
-  const normalized: ModelThinkingConfig = {};
+  const normalized: ModelConfig = {};
   for (const [rawModel, rawValue] of Object.entries(input)) {
     const model = toProviderLocalModelId(rawModel, aliases);
     if (!model) {
       continue;
     }
-    const supported = normalizeThinkingLevels(rawValue?.supported);
-    if (supported.length === 0) {
-      continue;
+    const entry: NonNullable<ModelConfig[string]> = {};
+    const supported = normalizeThinkingLevels(rawValue?.thinking?.supported);
+    if (supported.length > 0) {
+      const defaultLevel = parseThinkingLevel(rawValue?.thinking?.default);
+      entry.thinking =
+        defaultLevel && supported.includes(defaultLevel)
+          ? { supported, default: defaultLevel }
+          : { supported };
+    }
+    if (rawValue?.vision === true) {
+      entry.vision = true;
+    }
+    if (entry.thinking || entry.vision === true) {
+      normalized[model] = entry;
     }
-    const defaultLevel = parseThinkingLevel(rawValue?.default);
-    normalized[model] =
-      defaultLevel && supported.includes(defaultLevel)
-        ? { supported, default: defaultLevel }
-        : { supported };
   }
   return normalized;
 }
 
-function normalizeModelThinkingForModels(modelThinking: ModelThinkingConfig, models: string[]): ModelThinkingConfig {
+function normalizeModelConfigForModels(modelConfig: ModelConfig, models: string[]): ModelConfig {
   const modelSet = new Set(models.map((item) => item.trim()).filter(Boolean));
-  const normalized: ModelThinkingConfig = {};
-  for (const [model, entry] of Object.entries(modelThinking)) {
+  const normalized: ModelConfig = {};
+  for (const [model, entry] of Object.entries(modelConfig)) {
     if (!modelSet.has(model)) {
       continue;
     }
-    const supported = normalizeThinkingLevels(entry.supported);
-    if (supported.length === 0) {
-      continue;
+    const nextEntry: NonNullable<ModelConfig[string]> = {};
+    const supported = normalizeThinkingLevels(entry.thinking?.supported);
+    if (supported.length > 0) {
+      const defaultLevel = parseThinkingLevel(entry.thinking?.default);
+      nextEntry.thinking =
+        defaultLevel && supported.includes(defaultLevel)
+          ? { supported, default: defaultLevel }
+          : { supported };
+    }
+    if (entry.vision === true) {
+      nextEntry.vision = true;
+    }
+    if (nextEntry.thinking || nextEntry.vision === true) {
+      normalized[model] = nextEntry;
     }
-    const defaultLevel = parseThinkingLevel(entry.default);
-    normalized[model] =
-      defaultLevel && supported.includes(defaultLevel)
-        ? { supported, default: defaultLevel }
-        : { supported };
   }
   return normalized;
 }
 
-function modelThinkingEqual(left: ModelThinkingConfig, right: ModelThinkingConfig): boolean {
+function modelConfigEqual(left: ModelConfig, right: ModelConfig): boolean {
   const leftKeys = Object.keys(left).sort();
   const rightKeys = Object.keys(right).sort();
   if (leftKeys.length !== rightKeys.length) {
@@ -206,12 +221,15 @@ function modelThinkingEqual(left: ModelThinkingConfig, right: ModelThinkingConfi
     if (!leftEntry || !rightEntry) {
       return false;
     }
-    const leftSupported = [...leftEntry.supported].sort();
-    const rightSupported = [...rightEntry.supported].sort();
+    const leftSupported = [...(leftEntry.thinking?.supported ?? [])].sort();
+    const rightSupported = [...(rightEntry.thinking?.supported ?? [])].sort();
     if (!modelListsEqual(leftSupported, rightSupported)) {
       return false;
     }
-    if ((leftEntry.default ?? null) !== (rightEntry.default ?? null)) {
+    if ((leftEntry.thinking?.default ?? null) !== (rightEntry.thinking?.default ?? null)) {
+      return false;
+    }
+    if ((leftEntry.vision ?? false) !== (rightEntry.vision ?? false)) {
       return false;
     }
   }
@@ -304,18 +322,18 @@ function shouldUsePillSelector(params: {
   return params.required && params.hasDefault && params.optionCount > 1 && params.optionCount <= 3;
 }
 
-export type { ModelThinkingConfig, ProviderAuthMethodOption, WireApiType };
+export type { ModelConfig, ProviderAuthMethodOption, WireApiType };
 export {
   applyEnabledPatch,
   EMPTY_PROVIDER_CONFIG,
   formatThinkingLevelLabel,
   headersEqual,
   modelListsEqual,
-  modelThinkingEqual,
+  modelConfigEqual,
   normalizeHeaders,
   normalizeModelList,
-  normalizeModelThinkingConfig,
-  normalizeModelThinkingForModels,
+  normalizeModelConfig,
+  normalizeModelConfigForModels,
   resolveEditableModels,
   resolvePreferredAuthMethodId,
   serializeModelsForSave,

package/src/shared/components/config/provider-form.tsx

@@ -36,18 +36,18 @@ import {
   formatThinkingLevelLabel,
   headersEqual,
   modelListsEqual,
-  modelThinkingEqual,
+  modelConfigEqual,
   normalizeHeaders,
   normalizeModelList,
-  normalizeModelThinkingConfig,
-  normalizeModelThinkingForModels,
+  normalizeModelConfig,
+  normalizeModelConfigForModels,
   resolveEditableModels,
   resolvePreferredAuthMethodId,
   serializeModelsForSave,
   shouldUsePillSelector,
   THINKING_LEVELS,
   toProviderLocalModelId,
-  type ModelThinkingConfig,
+  type ModelConfig,
   type WireApiType
 } from './provider-form-support';
 import { ProviderModelsSection } from './provider-models-section';
@@ -77,7 +77,7 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
   const [extraHeaders, setExtraHeaders] = useState<Record<string, string> | null>(null);
   const [wireApi, setWireApi] = useState<WireApiType>('auto');
   const [models, setModels] = useState<string[]>([]);
-  const [modelThinking, setModelThinking] = useState<ModelThinkingConfig>({});
+  const [modelConfig, setModelConfig] = useState<ModelConfig>({});
   const [modelDraft, setModelDraft] = useState('');
   const [providerDisplayName, setProviderDisplayName] = useState('');
   const [showAdvanced, setShowAdvanced] = useState(false);
@@ -124,13 +124,13 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
     [resolvedProviderConfig.models, providerModelAliases]
   );
   const currentEditableModels = useMemo(() => resolveEditableModels(defaultModels, currentModels), [defaultModels, currentModels]);
-  const currentModelThinking = useMemo(
+  const currentModelConfig = useMemo(
     () =>
-      normalizeModelThinkingForModels(
-        normalizeModelThinkingConfig(resolvedProviderConfig.modelThinking, providerModelAliases),
+      normalizeModelConfigForModels(
+        normalizeModelConfig(resolvedProviderConfig.modelConfig ?? providerSpec?.modelConfig, providerModelAliases),
         currentEditableModels
       ),
-    [currentEditableModels, providerModelAliases, resolvedProviderConfig.modelThinking]
+    [currentEditableModels, providerModelAliases, providerSpec?.modelConfig, resolvedProviderConfig.modelConfig]
   );
   const language = getLanguage();
   const apiBaseHelpText =
@@ -235,7 +235,7 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
       setExtraHeaders(null);
       setWireApi('auto');
       setModels([]);
-      setModelThinking({});
+      setModelConfig({});
       setModelDraft('');
       setProviderDisplayName('');
       setAuthSessionId(null);
@@ -251,7 +251,7 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
     setExtraHeaders(resolvedProviderConfig.extraHeaders || null);
     setWireApi(currentWireApi);
     setModels(currentEditableModels);
-    setModelThinking(currentModelThinking);
+    setModelConfig(currentModelConfig);
     setModelDraft('');
     setProviderDisplayName(effectiveDisplayName);
     setAuthSessionId(null);
@@ -265,14 +265,14 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
     resolvedProviderConfig.extraHeaders,
     currentWireApi,
     currentEditableModels,
-    currentModelThinking,
+    currentModelConfig,
     effectiveDisplayName,
     preferredAuthMethodId,
     clearAuthPollTimer
   ]);
 
   useEffect(() => () => clearAuthPollTimer(), [clearAuthPollTimer]);
-  useEffect(() => setModelThinking((prev) => normalizeModelThinkingForModels(prev, models)), [models]);
+  useEffect(() => setModelConfig((prev) => normalizeModelConfigForModels(prev, models)), [models]);
 
   const hasChanges = useMemo(() => {
     if (!providerName) {
@@ -285,7 +285,7 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
       !headersEqual(extraHeaders, currentHeaders) ||
       (supportsWireApi && wireApi !== currentWireApi) ||
       !modelListsEqual(models, currentEditableModels) ||
-      !modelThinkingEqual(modelThinking, currentModelThinking) ||
+      !modelConfigEqual(modelConfig, currentModelConfig) ||
       (isCustomProvider && providerDisplayName.trim() !== effectiveDisplayName)
     );
   }, [
@@ -302,8 +302,8 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
     currentWireApi,
     models,
     currentEditableModels,
-    modelThinking,
-    currentModelThinking,
+    modelConfig,
+    currentModelConfig,
     isCustomProvider,
     providerDisplayName,
     effectiveDisplayName
@@ -323,42 +323,74 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
   };
 
   const toggleModelThinkingLevel = (modelName: string, level: ThinkingLevel) => {
-    setModelThinking((prev) => {
+    setModelConfig((prev) => {
       const currentEntry = prev[modelName];
-      const currentLevels = currentEntry?.supported ?? [];
+      const currentLevels = currentEntry?.thinking?.supported ?? [];
       const nextLevels = currentLevels.includes(level)
         ? currentLevels.filter((item) => item !== level)
         : THINKING_LEVELS.filter((item) => item === level || currentLevels.includes(item));
-      if (nextLevels.length === 0) {
-        const next = { ...prev };
-        delete next[modelName];
-        return next;
-      }
       const nextDefault =
-        currentEntry?.default && nextLevels.includes(currentEntry.default) ? currentEntry.default : undefined;
-      return {
-        ...prev,
-        [modelName]: nextDefault ? { supported: nextLevels, default: nextDefault } : { supported: nextLevels }
+        currentEntry?.thinking?.default && nextLevels.includes(currentEntry.thinking.default)
+          ? currentEntry.thinking.default
+          : undefined;
+      const nextEntry = {
+        ...currentEntry,
+        thinking:
+          nextLevels.length > 0
+            ? nextDefault
+              ? { supported: nextLevels, default: nextDefault }
+              : { supported: nextLevels }
+            : undefined
       };
+      const next = { ...prev };
+      if (nextEntry.thinking || nextEntry.vision === true) {
+        next[modelName] = nextEntry;
+      } else {
+        delete next[modelName];
+      }
+      return next;
     });
   };
 
   const setModelThinkingDefault = (modelName: string, level: ThinkingLevel | null) => {
-    setModelThinking((prev) => {
+    setModelConfig((prev) => {
       const currentEntry = prev[modelName];
-      if (!currentEntry || currentEntry.supported.length === 0) {
+      const currentThinking = currentEntry?.thinking;
+      if (!currentThinking || currentThinking.supported.length === 0) {
         return prev;
       }
-      if (level && !currentEntry.supported.includes(level)) {
+      if (level && !currentThinking.supported.includes(level)) {
         return prev;
       }
       return {
         ...prev,
-        [modelName]: level ? { supported: currentEntry.supported, default: level } : { supported: currentEntry.supported }
+        [modelName]: {
+          ...currentEntry,
+          thinking: level
+            ? { supported: currentThinking.supported, default: level }
+            : { supported: currentThinking.supported }
+        }
       };
     });
   };
 
+  const setModelVision = (modelName: string, vision: boolean) => {
+    setModelConfig((prev) => {
+      const currentEntry = prev[modelName];
+      const nextEntry = {
+        ...currentEntry,
+        vision: vision ? true : undefined
+      };
+      const next = { ...prev };
+      if (nextEntry.thinking || nextEntry.vision === true) {
+        next[modelName] = nextEntry;
+      } else {
+        delete next[modelName];
+      }
+      return next;
+    });
+  };
+
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     if (!providerName) {
@@ -390,8 +422,8 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
     if (!modelListsEqual(models, currentEditableModels)) {
       payload.models = serializeModelsForSave(models, defaultModels);
     }
-    if (!modelThinkingEqual(modelThinking, currentModelThinking)) {
-      payload.modelThinking = normalizeModelThinkingForModels(modelThinking, models);
+    if (!modelConfigEqual(modelConfig, currentModelConfig)) {
+      payload.modelConfig = normalizeModelConfigForModels(modelConfig, models);
     }
 
     updateProvider.mutate({ provider: providerName, data: payload });
@@ -596,7 +628,7 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
 
           <ProviderModelsSection
             models={models}
-            modelThinking={modelThinking}
+            modelConfig={modelConfig}
             modelDraft={modelDraft}
             showModelInput={showModelInput}
             onModelDraftChange={setModelDraft}
@@ -604,7 +636,7 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
             onAddModel={handleAddModel}
             onRemoveModel={(modelName) => {
               setModels((prev) => prev.filter((name) => name !== modelName));
-              setModelThinking((prev) => {
+              setModelConfig((prev) => {
                 const next = { ...prev };
                 delete next[modelName];
                 return next;
@@ -612,6 +644,7 @@ export function ProviderForm({ providerName, onProviderDeleted }: ProviderFormPr
             }}
             onToggleModelThinkingLevel={toggleModelThinkingLevel}
             onSetModelThinkingDefault={setModelThinkingDefault}
+            onSetModelVision={setModelVision}
             thinkingLevels={THINKING_LEVELS}
             formatThinkingLevelLabel={formatThinkingLevelLabel}
           />

package/src/shared/components/config/provider-models-section.tsx

@@ -3,15 +3,19 @@ import { Input } from '@/shared/components/ui/input';
 import { Label } from '@/shared/components/ui/label';
 import { Popover, PopoverContent, PopoverTrigger } from '@/shared/components/ui/popover';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/shared/components/ui/select';
+import { Switch } from '@/shared/components/ui/switch';
 import { t } from '@/shared/lib/i18n';
 import type { ThinkingLevel } from '@/shared/lib/api';
 import { Plus, Settings2, X } from 'lucide-react';
 
-type ModelThinkingConfig = Record<string, { supported: ThinkingLevel[]; default?: ThinkingLevel | null }>;
+type ModelConfig = Record<string, {
+  thinking?: { supported: ThinkingLevel[]; default?: ThinkingLevel | null };
+  vision?: boolean;
+}>;
 
 type ProviderModelsSectionProps = {
   models: string[];
-  modelThinking: ModelThinkingConfig;
+  modelConfig: ModelConfig;
   modelDraft: string;
   showModelInput: boolean;
   onModelDraftChange: (value: string) => void;
@@ -20,6 +24,7 @@ type ProviderModelsSectionProps = {
   onRemoveModel: (modelName: string) => void;
   onToggleModelThinkingLevel: (modelName: string, level: ThinkingLevel) => void;
   onSetModelThinkingDefault: (modelName: string, level: ThinkingLevel | null) => void;
+  onSetModelVision: (modelName: string, vision: boolean) => void;
   thinkingLevels: ThinkingLevel[];
   formatThinkingLevelLabel: (level: ThinkingLevel) => string;
 };
@@ -27,7 +32,7 @@ type ProviderModelsSectionProps = {
 export function ProviderModelsSection(props: ProviderModelsSectionProps) {
   const {
     models,
-    modelThinking,
+    modelConfig,
     modelDraft,
     showModelInput,
     onModelDraftChange,
@@ -36,6 +41,7 @@ export function ProviderModelsSection(props: ProviderModelsSectionProps) {
     onRemoveModel,
     onToggleModelThinkingLevel,
     onSetModelThinkingDefault,
+    onSetModelVision,
     thinkingLevels,
     formatThinkingLevelLabel
   } = props;
@@ -108,9 +114,11 @@ export function ProviderModelsSection(props: ProviderModelsSectionProps) {
       ) : (
         <div className="flex flex-wrap gap-2">
           {models.map((modelName) => {
-            const thinkingEntry = modelThinking[modelName];
+            const modelEntry = modelConfig[modelName];
+            const thinkingEntry = modelEntry?.thinking;
             const supportedLevels = thinkingEntry?.supported ?? [];
             const defaultThinkingLevel = thinkingEntry?.default ?? null;
+            const visionEnabled = modelEntry?.vision === true;
 
             return (
               <div
@@ -130,6 +138,13 @@ export function ProviderModelsSection(props: ProviderModelsSectionProps) {
                     </button>
                   </PopoverTrigger>
                   <PopoverContent className="w-80 space-y-3">
+                    <div className="flex items-center justify-between gap-3 rounded-lg border border-gray-100 bg-gray-50 px-3 py-2">
+                      <div className="min-w-0">
+                        <p className="text-xs font-semibold text-gray-800">{t('providerModelVisionTitle')}</p>
+                        <p className="text-xs text-gray-500">{t('providerModelVisionHint')}</p>
+                      </div>
+                      <Switch checked={visionEnabled} onCheckedChange={(checked) => onSetModelVision(modelName, checked)} />
+                    </div>
                     <div className="space-y-1">
                       <p className="text-xs font-semibold text-gray-800">{t('providerModelThinkingTitle')}</p>
                       <p className="text-xs text-gray-500">{t('providerModelThinkingHint')}</p>

package/src/shared/components/model-config.test.tsx

@@ -213,6 +213,7 @@ describe('ModelConfig', () => {
               prefix: 'openai',
               aliases: ['openai'],
               models: ['gpt-5.2'],
+              modelConfig: {},
               modelThinking: {},
               configured: true
             },
@@ -222,6 +223,7 @@ describe('ModelConfig', () => {
               prefix: 'customhub',
               aliases: ['customhub'],
               models: [],
+              modelConfig: {},
               modelThinking: {},
               configured: true
             }

package/src/shared/components/ui/button.tsx

@@ -3,7 +3,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/shared/lib/utils';
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-all duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  'inline-flex items-center justify-center whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
   {
     variants: {
       variant: {

package/src/shared/lib/api/channel-auth.types.ts

@@ -4,6 +4,12 @@ export type ChannelAuthStartRequest = {
   domain?: string;
 };
 
+export type ChannelAuthConnectRequest = {
+  accountId?: string;
+  domain?: string;
+  fields?: Record<string, unknown>;
+};
+
 export type ChannelAuthStartResult = {
   channel: string;
   kind: "qr_code";
@@ -27,3 +33,5 @@ export type ChannelAuthPollResult = {
   accountId?: string | null;
   notes?: string[];
 };
+
+export type ChannelAuthConnectResult = ChannelAuthPollResult;

package/src/shared/lib/api/types.ts

@@ -35,10 +35,10 @@ export type BootstrapStatusView = {
     completedAt?: string;
     error?: string;
   };
-  pluginHydration: {
+  extensionLoading: {
     state: BootstrapStageState;
-    loadedPluginCount: number;
-    totalPluginCount: number;
+    loadedExtensionCount: number;
+    totalExtensionCount: number;
     startedAt?: string;
     completedAt?: string;
     error?: string;
@@ -66,7 +66,10 @@ export type ProviderConfigView = {
   extraHeaders?: Record<string, string> | null;
   wireApi?: "auto" | "chat" | "responses" | null;
   models?: string[];
-  modelThinking?: Record<string, { supported: ThinkingLevel[]; default?: ThinkingLevel | null }>;
+  modelConfig?: Record<string, {
+    thinking?: { supported: ThinkingLevel[]; default?: ThinkingLevel | null };
+    vision?: boolean;
+  }>;
 };
 
 export type ProviderConfigUpdate = {
@@ -77,7 +80,10 @@ export type ProviderConfigUpdate = {
   extraHeaders?: Record<string, string> | null;
   wireApi?: "auto" | "chat" | "responses" | null;
   models?: string[] | null;
-  modelThinking?: Record<string, { supported?: ThinkingLevel[]; default?: ThinkingLevel | null }> | null;
+  modelConfig?: Record<string, {
+    thinking?: { supported?: ThinkingLevel[]; default?: ThinkingLevel | null };
+    vision?: boolean;
+  }> | null;
 };
 
 export type ProviderConnectionTestRequest = ProviderConfigUpdate & {
@@ -547,6 +553,10 @@ export type ProviderSpecView = {
     supportsCliImport?: boolean;
   };
   defaultModels?: string[];
+  modelConfig?: Record<string, {
+    thinking?: { supported: ThinkingLevel[]; default?: ThinkingLevel | null };
+    vision?: boolean;
+  }>;
   supportsWireApi?: boolean;
   wireApiOptions?: Array<"auto" | "chat" | "responses">;
   defaultWireApi?: "auto" | "chat" | "responses";
@@ -666,14 +676,13 @@ export type WsEvent =
   | { type: 'connection.close'; payload?: Record<string, unknown> }
   | { type: 'connection.error'; payload?: { message?: string } };
 
-export type MarketplaceItemType = 'plugin' | 'skill' | 'mcp';
+export type MarketplaceItemType = 'skill' | 'mcp';
 
 export type MarketplaceSort = 'relevance' | 'updated';
 
-export type MarketplacePluginInstallKind = 'npm';
 export type MarketplaceSkillInstallKind = 'builtin' | 'marketplace';
 export type MarketplaceMcpInstallKind = 'template';
-export type MarketplaceInstallKind = MarketplacePluginInstallKind | MarketplaceSkillInstallKind | MarketplaceMcpInstallKind;
+export type MarketplaceInstallKind = MarketplaceSkillInstallKind | MarketplaceMcpInstallKind;
 
 export type MarketplaceInstallSpec = {
   kind: MarketplaceInstallKind;
@@ -733,18 +742,6 @@ export type MarketplaceSkillContentView = {
   sourceUrl?: string;
 };
 
-export type MarketplacePluginContentView = {
-  type: 'plugin';
-  slug: string;
-  name: string;
-  install: MarketplaceInstallSpec;
-  source: 'npm' | 'repo' | 'remote';
-  raw?: string;
-  bodyRaw?: string;
-  metadataRaw?: string;
-  sourceUrl?: string;
-};
-
 export type MarketplaceMcpContentView = {
   type: 'mcp';
   slug: string;

package/src/shared/lib/api/utils/channel-auth.utils.ts

@@ -1,7 +1,9 @@
-import { nextclawClient } from '../managers/client.manager';
+import { nextclawClient } from '@/shared/lib/api/managers/client.manager';
 import type {
   ChannelAuthPollRequest,
   ChannelAuthPollResult,
+  ChannelAuthConnectRequest,
+  ChannelAuthConnectResult,
   ChannelAuthStartRequest,
   ChannelAuthStartResult
 } from '@/shared/lib/api/channel-auth.types';
@@ -19,3 +21,10 @@ export async function pollChannelAuth(
 ): Promise<ChannelAuthPollResult> {
   return await nextclawClient.channelAuth.poll(channel, data);
 }
+
+export async function connectChannelAuth(
+  channel: string,
+  data: ChannelAuthConnectRequest
+): Promise<ChannelAuthConnectResult> {
+  return await nextclawClient.channelAuth.connect(channel, data);
+}

package/src/shared/lib/api/utils/marketplace.utils.ts

@@ -5,7 +5,6 @@ import type {
   MarketplaceManageRequest,
   MarketplaceManageResult,
   MarketplaceInstalledView,
-  MarketplacePluginContentView,
   MarketplaceItemType,
   MarketplaceSkillContentView,
   MarketplaceItemView,
@@ -37,10 +36,6 @@ export async function fetchMarketplaceSkillContent(slug: string): Promise<Market
   return await nextclawClient.marketplace.fetchSkillContent(slug);
 }
 
-export async function fetchMarketplacePluginContent(slug: string): Promise<MarketplacePluginContentView> {
-  return await nextclawClient.marketplace.fetchPluginContent(slug);
-}
-
 export async function fetchMarketplaceRecommendations(
   type: MarketplaceItemType,
   params: {