npm - @nextclaw/ui - Versions diffs - 0.9.1 → 0.9.3 - Mend

@nextclaw/ui 0.9.1 → 0.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/CHANGELOG.md +12 -0
package/dist/assets/ChannelsList-ZBPiF0y2.js +1 -0
package/dist/assets/ChatPage-BOgoolWK.js +38 -0
package/dist/assets/{DocBrowser-LpzGe8An.js → DocBrowser-BUYNHg0Y.js} +1 -1
package/dist/assets/LogoBadge-DXPq99LJ.js +1 -0
package/dist/assets/MarketplacePage-Dx7nexYN.js +49 -0
package/dist/assets/McpMarketplacePage-064wdotP.js +40 -0
package/dist/assets/{ModelConfig-DuImUHIX.js → ModelConfig-BDIfLesG.js} +1 -1
package/dist/assets/ProvidersList-DrlIr46m.js +1 -0
package/dist/assets/RemoteAccessPage-ZkUBA-Av.js +1 -0
package/dist/assets/{RuntimeConfig-C6iqpJR_.js → RuntimeConfig-BPxXEGzM.js} +1 -1
package/dist/assets/{SearchConfig-Dvp1TAXu.js → SearchConfig-BIqnlpne.js} +1 -1
package/dist/assets/{SecretsConfig-D5Ymlvt9.js → SecretsConfig-jKZEVF2q.js} +2 -2
package/dist/assets/{SessionsConfig-CIA_jA1P.js → SessionsConfig-C_FXgVe1.js} +2 -2
package/dist/assets/{chat-message-B60Fh9kI.js → chat-message-DmzpZJc_.js} +1 -1
package/dist/assets/index-Byfw276e.js +8 -0
package/dist/assets/{index-CPDASUXh.js → index-Ct7FQpxN.js} +1 -1
package/dist/assets/index-bhNuQis7.css +1 -0
package/dist/assets/{label-D4fGx6Wb.js → label-B1MloEtn.js} +1 -1
package/dist/assets/marketplace-localization-Dk31LJJJ.js +1 -0
package/dist/assets/{page-layout-twy8gmBE.js → page-layout-BGg1EhM5.js} +1 -1
package/dist/assets/{popover-DYbYpt1j.js → popover-jJMv74Fp.js} +1 -1
package/dist/assets/{security-config-BcIZ4rpb.js → security-config-Boh9NIMz.js} +1 -1
package/dist/assets/skeleton-CmATs_b3.js +1 -0
package/dist/assets/status-dot-DNyCdxPZ.js +1 -0
package/dist/assets/{switch-DqA6r5XR.js → switch-DE_MYk7x.js} +1 -1
package/dist/assets/{tabs-custom-C6enKKs1.js → tabs-custom-B-zErYPr.js} +1 -1
package/dist/assets/{useConfirmDialog-CHBf5Of7.js → useConfirmDialog-BqQ6QfhB.js} +2 -2
package/dist/assets/{vendor-DKBNiC31.js → vendor-CwsIoNvJ.js} +128 -93
package/dist/index.html +3 -3
package/package.json +4 -4
package/src/App.tsx +4 -0
package/src/api/auth.types.ts +24 -0
package/src/api/chat-session-type.types.ts +21 -0
package/src/api/marketplace.ts +8 -2
package/src/api/mcp-marketplace.ts +138 -0
package/src/api/remote.ts +57 -0
package/src/api/remote.types.ts +80 -0
package/src/api/types.ts +91 -37
package/src/components/chat/ChatSidebar.test.tsx +31 -2
package/src/components/chat/ChatSidebar.tsx +26 -2
package/src/components/chat/chat-page-data.ts +37 -53
package/src/components/chat/chat-page-runtime.test.ts +122 -2
package/src/components/chat/chat-page-runtime.ts +1 -118
package/src/components/chat/chat-session-preference-governance.ts +303 -0
package/src/components/chat/legacy/LegacyChatPage.tsx +4 -34
package/src/components/chat/ncp/NcpChatPage.tsx +4 -34
package/src/components/chat/ncp/ncp-chat-page-data.test.ts +36 -0
package/src/components/chat/ncp/ncp-chat-page-data.ts +63 -36
package/src/components/chat/ncp/ncp-session-adapter.test.ts +2 -0
package/src/components/chat/ncp/ncp-session-adapter.ts +2 -0
package/src/components/chat/stores/chat-input.store.ts +14 -1
package/src/components/chat/useChatSessionTypeState.test.tsx +29 -0
package/src/components/chat/useChatSessionTypeState.ts +55 -12
package/src/components/layout/Sidebar.tsx +11 -1
package/src/components/marketplace/MarketplacePage.test.tsx +152 -0
package/src/components/marketplace/MarketplacePage.tsx +52 -199
package/src/components/marketplace/marketplace-installed-cache.test.ts +110 -0
package/src/components/marketplace/marketplace-installed-cache.ts +149 -0
package/src/components/marketplace/marketplace-localization.ts +77 -0
package/src/components/marketplace/marketplace-page-parts.tsx +102 -0
package/src/components/marketplace/mcp/McpMarketplacePage.test.tsx +208 -0
package/src/components/marketplace/mcp/McpMarketplacePage.tsx +578 -0
package/src/components/remote/RemoteAccessPage.tsx +320 -0
package/src/components/ui/input.tsx +1 -1
package/src/components/ui/label.tsx +1 -1
package/src/hooks/useMarketplace.ts +36 -7
package/src/hooks/useMcpMarketplace.ts +99 -0
package/src/hooks/useRemoteAccess.ts +92 -0
package/src/hooks/useWebSocket.ts +25 -16
package/src/lib/i18n.marketplace.ts +91 -0
package/src/lib/i18n.remote.ts +115 -0
package/src/lib/i18n.ts +10 -68
package/dist/assets/ChannelsList-DhvjpZcs.js +0 -1
package/dist/assets/ChatPage-B8VBaMQm.js +0 -38
package/dist/assets/LogoBadge-Be4lktJN.js +0 -1
package/dist/assets/MarketplacePage-Cx9AI3_h.js +0 -49
package/dist/assets/ProvidersList-Ccleg25k.js +0 -1
package/dist/assets/index-BiPDnzv0.js +0 -8
package/dist/assets/index-C8GsgIUn.css +0 -1
package/dist/assets/skeleton-DypBy7jp.js +0 -1

package/dist/index.html CHANGED Viewed

@@ -6,9 +6,9 @@
   <link rel="icon" type="image/svg+xml" href="/logo.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>NextClaw - 系统配置</title>
-  <script type="module" crossorigin src="/assets/index-BiPDnzv0.js"></script>
-  <link rel="modulepreload" crossorigin href="/assets/vendor-DKBNiC31.js">
-  <link rel="stylesheet" crossorigin href="/assets/index-C8GsgIUn.css">
+  <script type="module" crossorigin src="/assets/index-Byfw276e.js"></script>
+  <link rel="modulepreload" crossorigin href="/assets/vendor-CwsIoNvJ.js">
+  <link rel="stylesheet" crossorigin href="/assets/index-bhNuQis7.css">
 </head>
 <body>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -27,11 +27,11 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/agent-chat": "0.1.1",
+    "@nextclaw/ncp-react": "0.3.2",
     "@nextclaw/agent-chat-ui": "0.2.1",
-    "@nextclaw/ncp": "0.3.1",
+    "@nextclaw/agent-chat": "0.1.1",
     "@nextclaw/ncp-http-agent-client": "0.3.1",
-    "@nextclaw/ncp-react": "0.3.2"
+    "@nextclaw/ncp": "0.3.1"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/App.tsx CHANGED Viewed

@@ -25,7 +25,9 @@ const RuntimeConfigPage = lazy(async () => ({ default: (await import('@/componen
 const SecurityConfigPage = lazy(async () => ({ default: (await import('@/components/config/security-config')).SecurityConfig }));
 const SessionsConfigPage = lazy(async () => ({ default: (await import('@/components/config/SessionsConfig')).SessionsConfig }));
 const SecretsConfigPage = lazy(async () => ({ default: (await import('@/components/config/SecretsConfig')).SecretsConfig }));
+const RemoteAccessPage = lazy(async () => ({ default: (await import('@/components/remote/RemoteAccessPage')).RemoteAccessPage }));
 const MarketplacePage = lazy(async () => ({ default: (await import('@/components/marketplace/MarketplacePage')).MarketplacePage }));
+const McpMarketplacePage = lazy(async () => ({ default: (await import('@/components/marketplace/mcp/McpMarketplacePage')).McpMarketplacePage }));
 function RouteFallback() {
   return <div className="h-full w-full animate-pulse rounded-2xl border border-border/40 bg-card/40" />;
@@ -52,12 +54,14 @@ function ProtectedApp() {
           <Route path="/providers" element={<LazyRoute><ProvidersListPage /></LazyRoute>} />
           <Route path="/channels" element={<LazyRoute><ChannelsListPage /></LazyRoute>} />
           <Route path="/runtime" element={<LazyRoute><RuntimeConfigPage /></LazyRoute>} />
+          <Route path="/remote" element={<LazyRoute><RemoteAccessPage /></LazyRoute>} />
           <Route path="/security" element={<LazyRoute><SecurityConfigPage /></LazyRoute>} />
           <Route path="/sessions" element={<LazyRoute><SessionsConfigPage /></LazyRoute>} />
           <Route path="/secrets" element={<LazyRoute><SecretsConfigPage /></LazyRoute>} />
           <Route path="/settings" element={<Navigate to="/model" replace />} />
           <Route path="/marketplace/skills" element={<Navigate to="/skills" replace />} />
           <Route path="/marketplace" element={<Navigate to="/marketplace/plugins" replace />} />
+          <Route path="/marketplace/mcp" element={<LazyRoute><McpMarketplacePage /></LazyRoute>} />
           <Route path="/marketplace/:type" element={<LazyRoute><MarketplacePage /></LazyRoute>} />
           <Route path="/" element={<Navigate to="/chat" replace />} />
           <Route path="*" element={<Navigate to="/chat" replace />} />

package/src/api/auth.types.ts ADDED Viewed

@@ -0,0 +1,24 @@
+export type AuthStatusView = {
+  enabled: boolean;
+  configured: boolean;
+  authenticated: boolean;
+  username?: string;
+};
+export type AuthSetupRequest = {
+  username: string;
+  password: string;
+};
+export type AuthLoginRequest = {
+  username: string;
+  password: string;
+};
+export type AuthPasswordUpdateRequest = {
+  password: string;
+};
+export type AuthEnabledUpdateRequest = {
+  enabled: boolean;
+};

package/src/api/chat-session-type.types.ts ADDED Viewed

@@ -0,0 +1,21 @@
+export type ChatSessionTypeCtaView = {
+  kind: string;
+  label?: string;
+  href?: string;
+};
+export type ChatSessionTypeOptionView = {
+  value: string;
+  label: string;
+  ready?: boolean;
+  reason?: string | null;
+  reasonMessage?: string | null;
+  supportedModels?: string[];
+  recommendedModel?: string | null;
+  cta?: ChatSessionTypeCtaView | null;
+};
+export type ChatSessionTypesView = {
+  defaultType: string;
+  options: ChatSessionTypeOptionView[];
+};

package/src/api/marketplace.ts CHANGED Viewed

@@ -23,8 +23,14 @@ export type MarketplaceListParams = {
   pageSize?: number;
 };
-function toMarketplaceTypeSegment(type: MarketplaceItemType): 'plugins' | 'skills' {
-  return type === 'plugin' ? 'plugins' : 'skills';
+function toMarketplaceTypeSegment(type: MarketplaceItemType): 'plugins' | 'skills' | 'mcp' {
+  if (type === 'plugin') {
+    return 'plugins';
+  }
+  if (type === 'skill') {
+    return 'skills';
+  }
+  return 'mcp';
 }
 export async function fetchMarketplaceItems(params: MarketplaceListParams): Promise<MarketplaceListView> {

package/src/api/mcp-marketplace.ts ADDED Viewed

@@ -0,0 +1,138 @@
+import { api } from './client';
+import type {
+  MarketplaceInstalledView,
+  MarketplaceItemView,
+  MarketplaceListView,
+  MarketplaceMcpContentView,
+  MarketplaceMcpDoctorResult,
+  MarketplaceRecommendationView,
+  MarketplaceSort
+} from './types';
+export type McpMarketplaceListParams = {
+  q?: string;
+  tag?: string;
+  sort?: MarketplaceSort;
+  page?: number;
+  pageSize?: number;
+};
+export async function fetchMcpMarketplaceItems(params: McpMarketplaceListParams): Promise<MarketplaceListView> {
+  const query = new URLSearchParams();
+  if (params.q?.trim()) {
+    query.set('q', params.q.trim());
+  }
+  if (params.tag?.trim()) {
+    query.set('tag', params.tag.trim());
+  }
+  if (params.sort) {
+    query.set('sort', params.sort);
+  }
+  if (typeof params.page === 'number' && Number.isFinite(params.page)) {
+    query.set('page', String(Math.max(1, Math.trunc(params.page))));
+  }
+  if (typeof params.pageSize === 'number' && Number.isFinite(params.pageSize)) {
+    query.set('pageSize', String(Math.max(1, Math.trunc(params.pageSize))));
+  }
+  const suffix = query.toString();
+  const response = await api.get<MarketplaceListView>(
+    suffix ? `/api/marketplace/mcp/items?${suffix}` : '/api/marketplace/mcp/items'
+  );
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function fetchMcpMarketplaceInstalled(): Promise<MarketplaceInstalledView> {
+  const response = await api.get<MarketplaceInstalledView>('/api/marketplace/mcp/installed');
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function fetchMcpMarketplaceItem(slug: string): Promise<MarketplaceItemView> {
+  const response = await api.get<MarketplaceItemView>(`/api/marketplace/mcp/items/${encodeURIComponent(slug)}`);
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function fetchMcpMarketplaceContent(slug: string): Promise<MarketplaceMcpContentView> {
+  const response = await api.get<MarketplaceMcpContentView>(`/api/marketplace/mcp/items/${encodeURIComponent(slug)}/content`);
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function fetchMcpMarketplaceRecommendations(params: {
+  scene?: string;
+  limit?: number;
+} = {}): Promise<MarketplaceRecommendationView> {
+  const query = new URLSearchParams();
+  if (params.scene?.trim()) {
+    query.set('scene', params.scene.trim());
+  }
+  if (typeof params.limit === 'number' && Number.isFinite(params.limit)) {
+    query.set('limit', String(Math.max(1, Math.trunc(params.limit))));
+  }
+  const suffix = query.toString();
+  const response = await api.get<MarketplaceRecommendationView>(
+    suffix ? `/api/marketplace/mcp/recommendations?${suffix}` : '/api/marketplace/mcp/recommendations'
+  );
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function installMcpMarketplaceItem(request: {
+  spec: string;
+  name?: string;
+  enabled?: boolean;
+  allAgents?: boolean;
+  agents?: string[];
+  inputs?: Record<string, string>;
+}): Promise<{ type: 'mcp'; spec: string; name?: string; message: string; output?: string }> {
+  const response = await api.post<{ type: 'mcp'; spec: string; name?: string; message: string; output?: string }>(
+    '/api/marketplace/mcp/install',
+    {
+    type: 'mcp',
+    ...request
+    }
+  );
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function manageMcpMarketplaceItem(request: {
+  action: 'enable' | 'disable' | 'remove';
+  id?: string;
+  spec?: string;
+}): Promise<{ type: 'mcp'; action: 'enable' | 'disable' | 'remove'; id: string; message: string; output?: string }> {
+  const response = await api.post<{ type: 'mcp'; action: 'enable' | 'disable' | 'remove'; id: string; message: string; output?: string }>(
+    '/api/marketplace/mcp/manage',
+    {
+    type: 'mcp',
+    ...request
+    }
+  );
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function doctorMcpMarketplaceItem(name: string): Promise<MarketplaceMcpDoctorResult> {
+  const response = await api.post<MarketplaceMcpDoctorResult>('/api/marketplace/mcp/doctor', { name });
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}

package/src/api/remote.ts ADDED Viewed

@@ -0,0 +1,57 @@
+import { api } from './client';
+import type {
+  RemoteAccessView,
+  RemoteDoctorView,
+  RemoteLoginRequest,
+  RemoteServiceAction,
+  RemoteServiceActionResult,
+  RemoteSettingsUpdateRequest
+} from './remote.types';
+export async function fetchRemoteStatus(): Promise<RemoteAccessView> {
+  const response = await api.get<RemoteAccessView>('/api/remote/status');
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function fetchRemoteDoctor(): Promise<RemoteDoctorView> {
+  const response = await api.get<RemoteDoctorView>('/api/remote/doctor');
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function loginRemote(data: RemoteLoginRequest): Promise<RemoteAccessView> {
+  const response = await api.post<RemoteAccessView>('/api/remote/login', data);
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function logoutRemote(): Promise<RemoteAccessView> {
+  const response = await api.post<RemoteAccessView>('/api/remote/logout', {});
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function updateRemoteSettings(data: RemoteSettingsUpdateRequest): Promise<RemoteAccessView> {
+  const response = await api.put<RemoteAccessView>('/api/remote/settings', data);
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+export async function controlRemoteService(action: RemoteServiceAction): Promise<RemoteServiceActionResult> {
+  const response = await api.post<RemoteServiceActionResult>(`/api/remote/service/${action}`, {});
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}

package/src/api/remote.types.ts ADDED Viewed

@@ -0,0 +1,80 @@
+export type RemoteAccountView = {
+  loggedIn: boolean;
+  email?: string;
+  role?: string;
+  platformBase?: string | null;
+  apiBase?: string | null;
+};
+export type RemoteRuntimeView = {
+  enabled: boolean;
+  mode: "service" | "foreground";
+  state: "disabled" | "connecting" | "connected" | "disconnected" | "error";
+  deviceId?: string;
+  deviceName?: string;
+  platformBase?: string;
+  localOrigin?: string;
+  lastConnectedAt?: string | null;
+  lastError?: string | null;
+  updatedAt: string;
+};
+export type RemoteServiceView = {
+  running: boolean;
+  pid?: number;
+  uiUrl?: string;
+  uiPort?: number;
+  currentProcess: boolean;
+};
+export type RemoteSettingsView = {
+  enabled: boolean;
+  deviceName: string;
+  platformApiBase: string;
+};
+export type RemoteAccessView = {
+  account: RemoteAccountView;
+  settings: RemoteSettingsView;
+  service: RemoteServiceView;
+  localOrigin: string;
+  configuredEnabled: boolean;
+  platformBase?: string | null;
+  runtime: RemoteRuntimeView | null;
+};
+export type RemoteDoctorCheckView = {
+  name: string;
+  ok: boolean;
+  detail: string;
+};
+export type RemoteDoctorView = {
+  generatedAt: string;
+  checks: RemoteDoctorCheckView[];
+  snapshot: {
+    configuredEnabled: boolean;
+    runtime: RemoteRuntimeView | null;
+  };
+};
+export type RemoteLoginRequest = {
+  email: string;
+  password: string;
+  apiBase?: string;
+  register?: boolean;
+};
+export type RemoteSettingsUpdateRequest = {
+  enabled?: boolean;
+  deviceName?: string;
+  platformApiBase?: string;
+};
+export type RemoteServiceAction = "start" | "restart" | "stop";
+export type RemoteServiceActionResult = {
+  accepted: boolean;
+  action: RemoteServiceAction;
+  message: string;
+};

package/src/api/types.ts CHANGED Viewed

@@ -160,30 +160,27 @@ export type ProviderAuthImportResult = {
   expiresAt?: string;
 };
-export type AuthStatusView = {
-  enabled: boolean;
-  configured: boolean;
-  authenticated: boolean;
-  username?: string;
-};
-export type AuthSetupRequest = {
-  username: string;
-  password: string;
-};
-export type AuthLoginRequest = {
-  username: string;
-  password: string;
-};
-export type AuthPasswordUpdateRequest = {
-  password: string;
-};
-export type AuthEnabledUpdateRequest = {
-  enabled: boolean;
-};
+export type {
+  AuthEnabledUpdateRequest,
+  AuthLoginRequest,
+  AuthPasswordUpdateRequest,
+  AuthSetupRequest,
+  AuthStatusView
+} from './auth.types';
+export type {
+  RemoteAccessView,
+  RemoteAccountView,
+  RemoteDoctorCheckView,
+  RemoteDoctorView,
+  RemoteLoginRequest,
+  RemoteRuntimeView,
+  RemoteServiceAction,
+  RemoteServiceActionResult,
+  RemoteServiceView,
+  RemoteSettingsUpdateRequest,
+  RemoteSettingsView
+} from './remote.types';
 export type AgentProfileView = {
   id: string;
@@ -223,6 +220,7 @@ export type SessionEntryView = {
   updatedAt: string;
   label?: string;
   preferredModel?: string;
+  preferredThinking?: ThinkingLevel | null;
   sessionType: string;
   sessionTypeMutable: boolean;
   messageCount: number;
@@ -316,6 +314,12 @@ export type ChatTurnStreamReadyEvent = {
   stopReason?: string;
 };
+export type {
+  ChatSessionTypeCtaView,
+  ChatSessionTypeOptionView,
+  ChatSessionTypesView,
+} from './chat-session-type.types';
 export type ChatTurnStreamDeltaEvent = {
   delta: string;
 };
@@ -334,16 +338,6 @@ export type ChatCapabilitiesView = {
   stopReason?: string;
 };
-export type ChatSessionTypeOptionView = {
-  value: string;
-  label: string;
-};
-export type ChatSessionTypesView = {
-  defaultType: string;
-  options: ChatSessionTypeOptionView[];
-};
 export type ChatCommandOptionView = {
   name: string;
   description: string;
@@ -703,13 +697,14 @@ export type WsEvent =
   | { type: 'connection.close'; payload?: Record<string, unknown> }
   | { type: 'connection.error'; payload?: { message?: string } };
-export type MarketplaceItemType = 'plugin' | 'skill';
+export type MarketplaceItemType = 'plugin' | 'skill' | 'mcp';
 export type MarketplaceSort = 'relevance' | 'updated';
 export type MarketplacePluginInstallKind = 'npm';
 export type MarketplaceSkillInstallKind = 'builtin' | 'marketplace';
-export type MarketplaceInstallKind = MarketplacePluginInstallKind | MarketplaceSkillInstallKind;
+export type MarketplaceMcpInstallKind = 'template';
+export type MarketplaceInstallKind = MarketplacePluginInstallKind | MarketplaceSkillInstallKind | MarketplaceMcpInstallKind;
 export type MarketplaceInstallSpec = {
   kind: MarketplaceInstallKind;
@@ -717,6 +712,23 @@ export type MarketplaceInstallSpec = {
   command: string;
 };
+export type MarketplaceMcpTemplateInput = {
+  id: string;
+  label: string;
+  description?: string;
+  required?: boolean;
+  secret?: boolean;
+  defaultValue?: string;
+};
+export type MarketplaceMcpInstallSpec = MarketplaceInstallSpec & {
+  kind: 'template';
+  defaultName: string;
+  transportTypes: Array<'stdio' | 'http' | 'sse'>;
+  template: Record<string, unknown>;
+  inputs: MarketplaceMcpTemplateInput[];
+};
 export type MarketplaceLocalizedTextMap = Record<string, string>;
 export type MarketplaceItemSummary = {
@@ -764,6 +776,18 @@ export type MarketplacePluginContentView = {
   sourceUrl?: string;
 };
+export type MarketplaceMcpContentView = {
+  type: 'mcp';
+  slug: string;
+  name: string;
+  install: MarketplaceMcpInstallSpec;
+  source: 'marketplace' | 'remote';
+  raw: string;
+  metadataRaw?: string;
+  bodyRaw: string;
+  sourceUrl?: string;
+};
 export type MarketplaceListView = {
   total: number;
   page: number;
@@ -796,6 +820,21 @@ export type MarketplaceInstalledRecord = {
   runtimeStatus?: string;
   origin?: string;
   installPath?: string;
+  transport?: 'stdio' | 'http' | 'sse';
+  scope?: {
+    allAgents: boolean;
+    agents: string[];
+  };
+  catalogSlug?: string;
+  vendor?: string;
+  docsUrl?: string;
+  homepage?: string;
+  trustLevel?: 'official' | 'verified' | 'community';
+  toolCount?: number;
+  accessible?: boolean;
+  lastReadyAt?: string;
+  lastDoctorAt?: string;
+  lastError?: string;
 };
 export type MarketplaceInstalledView = {
@@ -812,6 +851,11 @@ export type MarketplaceInstallRequest = {
   skill?: string;
   installPath?: string;
   force?: boolean;
+  name?: string;
+  enabled?: boolean;
+  allAgents?: boolean;
+  agents?: string[];
+  inputs?: Record<string, string>;
 };
 export type MarketplaceInstallResult = {
@@ -819,9 +863,10 @@ export type MarketplaceInstallResult = {
   spec: string;
   message: string;
   output?: string;
+  name?: string;
 };
-export type MarketplaceManageAction = 'enable' | 'disable' | 'uninstall';
+export type MarketplaceManageAction = 'enable' | 'disable' | 'uninstall' | 'remove';
 export type MarketplaceManageRequest = {
   type: MarketplaceItemType;
@@ -837,3 +882,12 @@ export type MarketplaceManageResult = {
   message: string;
   output?: string;
 };
+export type MarketplaceMcpDoctorResult = {
+  name: string;
+  enabled: boolean;
+  transport: 'stdio' | 'http' | 'sse';
+  accessible: boolean;
+  toolCount: number;
+  error?: string;
+};

package/src/components/chat/ChatSidebar.test.tsx CHANGED Viewed

@@ -68,8 +68,8 @@ describe('ChatSidebar', () => {
         ...useChatInputStore.getState().snapshot,
         defaultSessionType: 'native',
         sessionTypeOptions: [
-          { value: 'native', label: 'Native' },
-          { value: 'codex', label: 'Codex' }
+          { value: 'native', label: 'Native', ready: true },
+          { value: 'codex', label: 'Codex', ready: true }
         ]
       }
     });
@@ -105,6 +105,35 @@ describe('ChatSidebar', () => {
     });
   });
+  it('shows setup required status for runtime session types that are not ready yet', () => {
+    useChatInputStore.setState({
+      snapshot: {
+        ...useChatInputStore.getState().snapshot,
+        sessionTypeOptions: [
+          { value: 'native', label: 'Native', ready: true },
+          {
+            value: 'claude',
+            label: 'Claude',
+            ready: false,
+            reasonMessage: 'Configure a provider API key first.'
+          }
+        ]
+      }
+    });
+    render(
+      <MemoryRouter>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+    fireEvent.click(screen.getByLabelText('Session Type'));
+    expect(screen.getByText('Claude')).not.toBeNull();
+    expect(screen.getByText('Setup')).not.toBeNull();
+    expect(screen.getByText('Configure a provider API key first.')).not.toBeNull();
+  });
   it('shows a session type badge for non-native sessions in the list', () => {
     useChatSessionListStore.setState({
       snapshot: {