@nextclaw/ui 0.5.3 → 0.5.4

package/dist/index.html

@@ -6,7 +6,7 @@
   <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-CAFcPSll.js"></script>
+  <script type="module" crossorigin src="/assets/index-CWt_NEq3.js"></script>
   <link rel="stylesheet" crossorigin href="/assets/index-BHGBLfqi.css">
 </head>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "private": false,
   "type": "module",
   "license": "MIT",

package/src/components/marketplace/MarketplacePage.tsx

@@ -231,6 +231,7 @@ function MarketplaceListCard(props: {
   onManage: (action: MarketplaceManageAction, record: MarketplaceInstalledRecord) => void;
 }) {
   const record = props.record;
+  const pluginRecord = record?.type === 'plugin' ? record : undefined;
   const type = props.item?.type ?? record?.type;
   const title = props.item?.name ?? record?.label ?? record?.id ?? record?.spec ?? 'Unknown Item';
   const summary = props.item?.summary ?? (record ? 'Installed locally. Details are currently unavailable from marketplace.' : '');
@@ -239,11 +240,12 @@ function MarketplaceListCard(props: {
   const targetId = record?.id || record?.spec;
   const busyForRecord = Boolean(targetId) && props.manageState.isPending && props.manageState.targetId === targetId;
 
-  const canToggle = record?.type === 'plugin';
+  const canToggle = Boolean(pluginRecord);
   const canUninstallPlugin = record?.type === 'plugin' && record.origin !== 'bundled';
   const canUninstallSkill = record?.type === 'skill' && record.source === 'workspace';
   const canUninstall = Boolean(canUninstallPlugin || canUninstallSkill);
 
+  const isDisabled = record ? (record.enabled === false || record.runtimeStatus === 'disabled') : false;
   const isInstalling = props.installState.isPending && props.item && props.installState.installingSpec === props.item.install.spec;
 
   const displayType = type === 'plugin' ? 'Plugin' : type === 'skill' ? 'Skill' : 'Extension';
@@ -305,15 +307,15 @@ function MarketplaceListCard(props: {
           </button>
         )}
 
-        {record && canToggle && (
+        {pluginRecord && canToggle && (
           <button
             disabled={props.manageState.isPending}
-            onClick={() => props.onManage(record.enabled === false ? 'enable' : 'disable', record)}
+            onClick={() => props.onManage(isDisabled ? 'enable' : 'disable', pluginRecord)}
             className="inline-flex items-center h-8 px-4 rounded-full text-xs font-semibold border border-gray-200 text-gray-700 bg-white hover:bg-gray-50 hover:border-gray-300 disabled:opacity-50 transition-colors"
           >
             {busyForRecord && props.manageState.action !== 'uninstall'
               ? (props.manageState.action === 'enable' ? 'Enabling...' : 'Disabling...')
-              : (record.enabled === false ? 'Enable' : 'Disable')}
+              : (isDisabled ? 'Enable' : 'Disable')}
           </button>
         )}
 

package/src/hooks/useMarketplace.ts

@@ -51,6 +51,8 @@ export function useInstallMarketplaceItem() {
     mutationFn: (request: MarketplaceInstallRequest) => installMarketplaceItem(request),
     onSuccess: (result) => {
       queryClient.invalidateQueries({ queryKey: ['marketplace-installed'] });
+      queryClient.refetchQueries({ queryKey: ['marketplace-installed'], type: 'active' });
+      queryClient.refetchQueries({ queryKey: ['marketplace-items'], type: 'active' });
       toast.success(result.message || `${result.type} installed`);
     },
     onError: (error: Error) => {
@@ -67,6 +69,8 @@ export function useManageMarketplaceItem() {
     onSuccess: (result) => {
       queryClient.invalidateQueries({ queryKey: ['marketplace-installed'] });
       queryClient.invalidateQueries({ queryKey: ['marketplace-items'] });
+      queryClient.refetchQueries({ queryKey: ['marketplace-installed'], type: 'active' });
+      queryClient.refetchQueries({ queryKey: ['marketplace-items'], type: 'active' });
       toast.success(result.message || `${result.action} success`);
     },
     onError: (error: Error) => {