Reset a node to maintenance mode.

src/components/ClusterNodesComponent.tsx

@@ -4,7 +4,7 @@ import { Button } from './ui/button';
 import { Badge } from './ui/badge';
 import { Alert } from './ui/alert';
 import { Input } from './ui/input';
-import { Cpu, HardDrive, Network, Monitor, CheckCircle, AlertCircle, BookOpen, ExternalLink, Loader2 } from 'lucide-react';
+import { Cpu, HardDrive, Network, Monitor, CheckCircle, AlertCircle, BookOpen, ExternalLink, Loader2, RotateCcw } from 'lucide-react';
 import { useInstanceContext } from '../hooks/useInstanceContext';
 import { useNodes, useDiscoveryStatus } from '../hooks/useNodes';
 import { useCluster } from '../hooks/useCluster';
@@ -36,6 +36,8 @@ export function ClusterNodesComponent() {
     updateNode,
     applyNode,
     isApplying,
+    resetNode,
+    isResetting,
     refetch
   } = useNodes(currentInstance);
 
@@ -194,7 +196,6 @@ export function ClusterNodesComponent() {
       nodeName: drawerState.node.hostname,
       updates: {
         role: data.role,
-        config: {
         disk: data.disk,
         target_ip: data.targetIp,
         current_ip: data.currentIp,
@@ -202,7 +203,6 @@ export function ClusterNodesComponent() {
         schematic_id: data.schematicId,
         maintenance: data.maintenance,
       },
-      },
     });
     closeDrawer();
   };
@@ -214,6 +214,16 @@ export function ClusterNodesComponent() {
     await applyNode(drawerState.node.hostname);
   };
 
+  const handleResetNode = (node: Node) => {
+    if (
+      confirm(
+        `Reset node ${node.hostname}?\n\nThis will wipe the node and return it to maintenance mode. The node will need to be reconfigured.`
+      )
+    ) {
+      resetNode(node.hostname);
+    }
+  };
+
   const handleDeleteNode = (hostname: string) => {
     if (!currentInstance) return;
     if (confirm(`Are you sure you want to remove node ${hostname}?`)) {
@@ -576,10 +586,21 @@ export function ClusterNodesComponent() {
                           )}
                         </div>
                       )}
-                      {node.talosVersion && (
+                      {(node.version || node.schematic_id) && (
                         <div className="text-xs text-muted-foreground mt-1">
-                          Talos: {node.talosVersion}
-                          {node.kubernetesVersion && ` • K8s: ${node.kubernetesVersion}`}
+                          {node.version && <span>Talos: {node.version}</span>}
+                          {node.version && node.schematic_id && <span> • </span>}
+                          {node.schematic_id && (
+                            <span
+                              title={node.schematic_id}
+                              onClick={() => {
+                                navigator.clipboard.writeText(node.schematic_id!);
+                              }}
+                              className="cursor-pointer hover:text-primary hover:underline"
+                            >
+                              Schema: {node.schematic_id.substring(0, 8)}...
+                            </span>
+                          )}
                         </div>
                       )}
                     </div>
@@ -600,6 +621,18 @@ export function ClusterNodesComponent() {
                           {isApplying ? <Loader2 className="h-4 w-4 animate-spin" /> : 'Apply'}
                         </Button>
                       )}
+                      {!node.maintenance && (node.configured || node.applied) && (
+                        <Button
+                          size="sm"
+                          variant="outline"
+                          onClick={() => handleResetNode(node)}
+                          disabled={isResetting}
+                          className="border-orange-500 text-orange-500 hover:bg-orange-50 hover:text-orange-600"
+                        >
+                          <RotateCcw className="h-4 w-4 mr-1" />
+                          Reset
+                        </Button>
+                      )}
                       <Button
                         size="sm"
                         variant="destructive"

src/components/apps/AppDetailModal.tsx

@@ -221,7 +221,7 @@ export function AppDetailModal({
                           <ReactMarkdown
                             components={{
                               // Style code blocks
-                              code: ({node, inline, className, children, ...props}) => {
+                              code: ({inline, children, ...props}) => {
                                 return inline ? (
                                   <code className="bg-muted px-1 py-0.5 rounded text-sm" {...props}>
                                     {children}
@@ -233,7 +233,7 @@ export function AppDetailModal({
                                 );
                               },
                               // Make links open in new tab
-                              a: ({node, children, href, ...props}) => (
+                              a: ({children, href, ...props}) => (
                                 <a href={href} target="_blank" rel="noopener noreferrer" className="text-primary hover:underline" {...props}>
                                   {children}
                                 </a>

src/components/nodes/NodeForm.tsx

@@ -28,6 +28,7 @@ interface NodeFormProps {
   detection?: HardwareInfo;
   onSubmit: (data: NodeFormData) => Promise<void>;
   onApply?: (data: NodeFormData) => Promise<void>;
+  onCancel?: () => void;
   submitLabel?: string;
   showApplyButton?: boolean;
   instanceName?: string;
@@ -123,6 +124,7 @@ export function NodeForm({
   detection,
   onSubmit,
   onApply,
+  onCancel,
   submitLabel = 'Save',
   showApplyButton = false,
   instanceName,
@@ -557,19 +559,30 @@ export function NodeForm({
         </p>
       </div>
 
-      <div className="flex items-center gap-2">
-        <input
-          id="maintenance"
-          type="checkbox"
-          {...register('maintenance')}
-          className="h-4 w-4 rounded border-input"
-        />
-        <Label htmlFor="maintenance" className="font-normal">
-          Start in maintenance mode
-        </Label>
-      </div>
-
       <div className="flex gap-2">
+        {onCancel && (
+          <Button
+            type="button"
+            variant="outline"
+            onClick={() => {
+              reset();
+              onCancel();
+            }}
+            disabled={isSubmitting}
+          >
+            Cancel
+          </Button>
+        )}
+        {showApplyButton && onApply ? (
+          <Button
+            type="button"
+            onClick={handleSubmit(onApply)}
+            disabled={isSubmitting}
+            className="flex-1"
+          >
+            {isSubmitting ? 'Applying...' : 'Apply Configuration'}
+          </Button>
+        ) : (
           <Button
             type="submit"
             disabled={isSubmitting}
@@ -577,17 +590,6 @@ export function NodeForm({
           >
             {isSubmitting ? 'Saving...' : submitLabel}
           </Button>
-
-        {showApplyButton && onApply && (
-          <Button
-            type="button"
-            onClick={handleSubmit(onApply)}
-            disabled={isSubmitting}
-            variant="secondary"
-            className="flex-1"
-          >
-            {isSubmitting ? 'Applying...' : 'Apply Configuration'}
-          </Button>
         )}
       </div>
     </form>

src/components/nodes/NodeFormDrawer.tsx

@@ -58,6 +58,7 @@ export function NodeFormDrawer({
         detection={detection}
         onSubmit={onSubmit}
         onApply={onApply}
+        onCancel={onClose}
         submitLabel={mode === 'add' ? 'Add Node' : 'Save'}
         showApplyButton={mode === 'configure'}
         instanceName={instanceName}

src/components/services/ServiceConfigEditor.tsx

@@ -18,10 +18,12 @@ interface ServiceConfigEditorProps {
 export function ServiceConfigEditor({
   instanceName,
   serviceName,
-  manifest: _manifestProp, // Ignore the prop, fetch from status instead
+  manifest: _manifest, // Ignore the prop, fetch from status instead
   onClose,
   onSuccess,
 }: ServiceConfigEditorProps) {
+  // Suppress unused variable warning - kept for API compatibility
+  void _manifest;
   const { config, isLoading: configLoading, updateConfig, isUpdating } = useServiceConfig(instanceName, serviceName);
   const { data: statusData, isLoading: statusLoading } = useServiceStatus(instanceName, serviceName);
 

src/hooks/useNodes.ts

@@ -71,6 +71,13 @@ export function useNodes(instanceName: string | null | undefined) {
     mutationFn: (ip: string) => nodesApi.getHardware(instanceName!, ip),
   });
 
+  const resetMutation = useMutation({
+    mutationFn: (nodeName: string) => nodesApi.reset(instanceName!, nodeName),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['instances', instanceName, 'nodes'] });
+    },
+  });
+
   return {
     nodes: nodesQuery.data?.nodes || [],
     isLoading: nodesQuery.isLoading,
@@ -101,6 +108,9 @@ export function useNodes(instanceName: string | null | undefined) {
     isFetchingTemplates: fetchTemplatesMutation.isPending,
     cancelDiscovery: cancelDiscoveryMutation.mutate,
     isCancellingDiscovery: cancelDiscoveryMutation.isPending,
+    resetNode: resetMutation.mutate,
+    isResetting: resetMutation.isPending,
+    resetError: resetMutation.error,
   };
 }
 

src/router/pages/AssetsIsoPage.tsx

@@ -11,19 +11,17 @@ import {
   BookOpen,
   ExternalLink,
   CheckCircle,
-  XCircle,
   Usb,
   ArrowLeft,
   CloudLightning,
 } from 'lucide-react';
 import { useAssetList, useDownloadAsset, useAssetStatus } from '../../services/api/hooks/useAssets';
 import { assetsApi } from '../../services/api/assets';
-import type { AssetType } from '../../services/api/types/asset';
 
 export function AssetsIsoPage() {
   const { data, isLoading, error } = useAssetList();
   const downloadAsset = useDownloadAsset();
-  const [selectedSchematicId, setSelectedSchematicId] = useState<string | null>(null);
+  const [selectedSchematicId] = useState<string | null>(null);
   const [selectedVersion, setSelectedVersion] = useState('v1.8.0');
   const { data: statusData } = useAssetStatus(selectedSchematicId);
 

src/router/pages/IsoPage.tsx

@@ -15,22 +15,20 @@ import {
 } from 'lucide-react';
 import { useAssetList, useDownloadAsset, useDeleteAsset } from '../../services/api/hooks/useAssets';
 import { assetsApi } from '../../services/api/assets';
-import type { Platform } from '../../services/api/types/asset';
+import type { Platform, Asset } from '../../services/api/types/asset';
 
-// Helper function to extract version from ISO filename
-// Filename format: talos-v1.11.2-metal-amd64.iso
-function extractVersionFromPath(path: string): string {
+// Helper function to extract platform from filename
+// Filename format: metal-amd64.iso
+function extractPlatformFromPath(path: string): string {
   const filename = path.split('/').pop() || '';
-  const match = filename.match(/talos-(v\d+\.\d+\.\d+)-metal/);
+  const match = filename.match(/-(amd64|arm64)\./);
   return match ? match[1] : 'unknown';
 }
 
-// Helper function to extract platform from ISO filename
-// Filename format: talos-v1.11.2-metal-amd64.iso
-function extractPlatformFromPath(path: string): string {
-  const filename = path.split('/').pop() || '';
-  const match = filename.match(/-(amd64|arm64)\.iso$/);
-  return match ? match[1] : 'unknown';
+// Type for ISO asset with schematic and version info
+interface IsoAssetWithMetadata extends Asset {
+  schematic_id: string;
+  version: string;
 }
 
 export function IsoPage() {
@@ -38,8 +36,8 @@ export function IsoPage() {
   const downloadAsset = useDownloadAsset();
   const deleteAsset = useDeleteAsset();
 
-  const [schematicId, setSchematicId] = useState('');
-  const [selectedVersion, setSelectedVersion] = useState('v1.11.2');
+  const [schematicId, setSchematicId] = useState('434a0300db532066f1098e05ac068159371d00f0aba0a3103a0e826e83825c82');
+  const [selectedVersion, setSelectedVersion] = useState('v1.11.5');
   const [selectedPlatform, setSelectedPlatform] = useState<Platform>('amd64');
   const [isDownloading, setIsDownloading] = useState(false);
 
@@ -53,10 +51,10 @@ export function IsoPage() {
     try {
       await downloadAsset.mutateAsync({
         schematicId,
-        request: {
         version: selectedVersion,
+        request: {
           platform: selectedPlatform,
-          assets: ['iso']
+          asset_types: ['iso']
         },
       });
       // Refresh the list after download
@@ -69,13 +67,13 @@ export function IsoPage() {
     }
   };
 
-  const handleDelete = async (schematicIdToDelete: string) => {
-    if (!confirm('Are you sure you want to delete this schematic and all its assets? This action cannot be undone.')) {
+  const handleDelete = async (schematicIdToDelete: string, versionToDelete: string) => {
+    if (!confirm(`Are you sure you want to delete ${schematicIdToDelete}@${versionToDelete} and all its assets? This action cannot be undone.`)) {
       return;
     }
 
     try {
-      await deleteAsset.mutateAsync(schematicIdToDelete);
+      await deleteAsset.mutateAsync({ schematicId: schematicIdToDelete, version: versionToDelete });
       await refetch();
     } catch (err) {
       console.error('Delete failed:', err);
@@ -83,15 +81,14 @@ export function IsoPage() {
     }
   };
 
-  // Find all ISO assets from all schematics (including multiple ISOs per schematic)
-  const isoAssets = data?.schematics
-    .flatMap(schematic => {
-      // Get ALL ISO assets for this schematic (not just the first one)
-      const isoAssetsForSchematic = schematic.assets.filter(asset => asset.type === 'iso');
-      return isoAssetsForSchematic.map(isoAsset => ({
+  // Find all ISO assets from all assets (schematic@version combinations)
+  const isoAssets = data?.assets?.flatMap(asset => {
+    // Get ALL ISO assets for this schematic@version
+    const isoAssetsForAsset = asset.assets.filter(a => a.type === 'iso');
+    return isoAssetsForAsset.map(isoAsset => ({
       ...isoAsset,
-        schematic_id: schematic.schematic_id,
-        version: schematic.version
+      schematic_id: asset.schematic_id,
+      version: asset.version
     }));
   }) || [];
 
@@ -146,46 +143,6 @@ export function IsoPage() {
           </div>
         </CardHeader>
         <CardContent className="space-y-4">
-          {/* Schematic ID Input */}
-          <div>
-            <label className="text-sm font-medium mb-2 block">
-              Schematic ID
-              <span className="text-muted-foreground ml-2">(64-character hex string)</span>
-            </label>
-            <input
-              type="text"
-              value={schematicId}
-              onChange={(e) => setSchematicId(e.target.value)}
-              placeholder="e.g., 434a0300db532066f1098e05ac068159371d00f0aba0a3103a0e826e83825c82"
-              className="w-full px-3 py-2 border rounded-lg bg-background font-mono text-sm"
-            />
-            <p className="text-xs text-muted-foreground mt-1">
-              Get your schematic ID from the{' '}
-              <a
-                href="https://factory.talos.dev"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-primary hover:underline"
-              >
-                Talos Image Factory
-              </a>
-            </p>
-          </div>
-
-          {/* Version Selection */}
-          <div>
-            <label className="text-sm font-medium mb-2 block">Talos Version</label>
-            <select
-              value={selectedVersion}
-              onChange={(e) => setSelectedVersion(e.target.value)}
-              className="w-full md:w-64 px-3 py-2 border rounded-lg bg-background"
-            >
-              <option value="v1.11.2">v1.11.2</option>
-              <option value="v1.11.1">v1.11.1</option>
-              <option value="v1.11.0">v1.11.0</option>
-            </select>
-          </div>
-
           {/* Platform Selection */}
           <div>
             <label className="text-sm font-medium mb-2 block">Platform</label>
@@ -215,6 +172,49 @@ export function IsoPage() {
             </div>
           </div>
 
+          {/* Version Selection */}
+          <div>
+            <label className="text-sm font-medium mb-2 block">Talos Version</label>
+            <select
+              value={selectedVersion}
+              onChange={(e) => setSelectedVersion(e.target.value)}
+              className="w-full md:w-64 px-3 py-2 border rounded-lg bg-background"
+            >
+              <option value="v1.11.5">v1.11.5</option>
+              <option value="v1.11.4">v1.11.4</option>
+              <option value="v1.11.3">v1.11.3</option>
+              <option value="v1.11.2">v1.11.2</option>
+              <option value="v1.11.1">v1.11.1</option>
+              <option value="v1.11.0">v1.11.0</option>
+            </select>
+          </div>
+
+          {/* Schematic ID Input */}
+          <div>
+            <label className="text-sm font-medium mb-2 block">
+              Schematic ID
+              <span className="text-muted-foreground ml-2">(64-character hex string)</span>
+            </label>
+            <input
+              type="text"
+              value={schematicId}
+              onChange={(e) => setSchematicId(e.target.value)}
+              placeholder="e.g., 434a0300db532066f1098e05ac068159371d00f0aba0a3103a0e826e83825c82"
+              className="w-full px-3 py-2 border rounded-lg bg-background font-mono text-sm"
+            />
+            <p className="text-xs text-muted-foreground mt-1">
+              Get your schematic ID from the{' '}
+              <a
+                href="https://factory.talos.dev"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-primary hover:underline"
+              >
+                Talos Image Factory
+              </a>
+            </p>
+          </div>
+
           {/* Download Button */}
           <Button
             onClick={handleDownload}
@@ -264,11 +264,12 @@ export function IsoPage() {
             </div>
           ) : (
             <div className="space-y-3">
-              {isoAssets.map((asset: any) => {
-                const version = extractVersionFromPath(asset.path || '');
+              {isoAssets.map((asset: IsoAssetWithMetadata) => {
                 const platform = extractPlatformFromPath(asset.path || '');
+                // Use composite key for React key
+                const compositeKey = `${asset.schematic_id}@${asset.version}`;
                 return (
-                  <Card key={asset.schematic_id} className="p-4">
+                  <Card key={compositeKey} className="p-4">
                     <div className="flex items-center gap-4">
                       <div className="p-2 bg-muted rounded-lg">
                         <Disc className="h-5 w-5 text-primary" />
@@ -276,7 +277,7 @@ export function IsoPage() {
                       <div className="flex-1">
                         <div className="flex items-center gap-2 mb-1">
                           <h5 className="font-medium">Talos ISO</h5>
-                          <Badge variant="outline">{version}</Badge>
+                          <Badge variant="outline">{asset.version}</Badge>
                           <Badge variant="outline" className="uppercase">{platform}</Badge>
                           {asset.downloaded ? (
                             <Badge variant="success" className="flex items-center gap-1">
@@ -292,7 +293,7 @@ export function IsoPage() {
                         </div>
                         <div className="text-sm text-muted-foreground space-y-1">
                           <div className="font-mono text-xs truncate">
-                            Schematic: {asset.schematic_id}
+                            {asset.schematic_id}@{asset.version}
                           </div>
                           {asset.size && (
                             <div>Size: {(asset.size / 1024 / 1024).toFixed(2)} MB</div>
@@ -305,7 +306,7 @@ export function IsoPage() {
                             size="sm"
                             variant="outline"
                             onClick={() => {
-                              window.location.href = assetsApi.getAssetUrl(asset.schematic_id, 'iso');
+                              window.location.href = assetsApi.getAssetUrl(asset.schematic_id, asset.version, 'iso');
                             }}
                           >
                             <Download className="h-4 w-4 mr-1" />
@@ -315,7 +316,7 @@ export function IsoPage() {
                             size="sm"
                             variant="outline"
                             className="text-red-600 hover:text-red-700 hover:bg-red-50"
-                            onClick={() => handleDelete(asset.schematic_id)}
+                            onClick={() => handleDelete(asset.schematic_id, asset.version)}
                           >
                             <Trash2 className="h-4 w-4" />
                           </Button>

src/services/api/assets.ts

@@ -1,42 +1,42 @@
 import { apiClient } from './client';
-import type { AssetListResponse, Schematic, DownloadAssetRequest, AssetStatusResponse } from './types/asset';
+import type { AssetListResponse, PXEAsset, DownloadAssetRequest, AssetStatusResponse } from './types/asset';
 
 // Get API base URL
 const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:5055';
 
 export const assetsApi = {
-  // List all schematics
+  // List all assets (schematic@version combinations)
   list: async (): Promise<AssetListResponse> => {
-    const response = await apiClient.get('/api/v1/assets');
+    const response = await apiClient.get('/api/v1/pxe/assets');
     return response as AssetListResponse;
   },
 
-  // Get schematic details
-  get: async (schematicId: string): Promise<Schematic> => {
-    const response = await apiClient.get(`/api/v1/assets/${schematicId}`);
-    return response as Schematic;
+  // Get asset details for specific schematic@version
+  get: async (schematicId: string, version: string): Promise<PXEAsset> => {
+    const response = await apiClient.get(`/api/v1/pxe/assets/${schematicId}/${version}`);
+    return response as PXEAsset;
   },
 
-  // Download assets for a schematic
-  download: async (schematicId: string, request: DownloadAssetRequest): Promise<{ message: string }> => {
-    const response = await apiClient.post(`/api/v1/assets/${schematicId}/download`, request);
+  // Download assets for a schematic@version
+  download: async (schematicId: string, version: string, request: DownloadAssetRequest): Promise<{ message: string }> => {
+    const response = await apiClient.post(`/api/v1/pxe/assets/${schematicId}/${version}/download`, request);
     return response as { message: string };
   },
 
   // Get download status
-  status: async (schematicId: string): Promise<AssetStatusResponse> => {
-    const response = await apiClient.get(`/api/v1/assets/${schematicId}/status`);
+  status: async (schematicId: string, version: string): Promise<AssetStatusResponse> => {
+    const response = await apiClient.get(`/api/v1/pxe/assets/${schematicId}/${version}/status`);
     return response as AssetStatusResponse;
   },
 
   // Get download URL for an asset (includes base URL for direct download)
-  getAssetUrl: (schematicId: string, assetType: 'kernel' | 'initramfs' | 'iso'): string => {
-    return `${API_BASE_URL}/api/v1/assets/${schematicId}/pxe/${assetType}`;
+  getAssetUrl: (schematicId: string, version: string, assetType: 'kernel' | 'initramfs' | 'iso'): string => {
+    return `${API_BASE_URL}/api/v1/pxe/assets/${schematicId}/${version}/pxe/${assetType}`;
   },
 
-  // Delete a schematic and all its assets
-  delete: async (schematicId: string): Promise<{ message: string }> => {
-    const response = await apiClient.delete(`/api/v1/assets/${schematicId}`);
+  // Delete an asset (schematic@version) and all its files
+  delete: async (schematicId: string, version: string): Promise<{ message: string }> => {
+    const response = await apiClient.delete(`/api/v1/pxe/assets/${schematicId}/${version}`);
     return response as { message: string };
   },
 };

src/services/api/hooks/useAssets.ts

@@ -9,19 +9,19 @@ export function useAssetList() {
   });
 }
 
-export function useAsset(schematicId: string | null | undefined) {
+export function useAsset(schematicId: string | null | undefined, version: string | null | undefined) {
   return useQuery({
-    queryKey: ['assets', schematicId],
-    queryFn: () => assetsApi.get(schematicId!),
-    enabled: !!schematicId,
+    queryKey: ['assets', schematicId, version],
+    queryFn: () => assetsApi.get(schematicId!, version!),
+    enabled: !!schematicId && !!version,
   });
 }
 
-export function useAssetStatus(schematicId: string | null | undefined) {
+export function useAssetStatus(schematicId: string | null | undefined, version: string | null | undefined) {
   return useQuery({
-    queryKey: ['assets', schematicId, 'status'],
-    queryFn: () => assetsApi.status(schematicId!),
-    enabled: !!schematicId,
+    queryKey: ['assets', schematicId, version, 'status'],
+    queryFn: () => assetsApi.status(schematicId!, version!),
+    enabled: !!schematicId && !!version,
     refetchInterval: (query) => {
       const data = query.state.data;
       // Poll every 2 seconds if downloading
@@ -34,12 +34,12 @@ export function useDownloadAsset() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ schematicId, request }: { schematicId: string; request: DownloadAssetRequest }) =>
-      assetsApi.download(schematicId, request),
+    mutationFn: ({ schematicId, version, request }: { schematicId: string; version: string; request: DownloadAssetRequest }) =>
+      assetsApi.download(schematicId, version, request),
     onSuccess: (_, variables) => {
       queryClient.invalidateQueries({ queryKey: ['assets'] });
-      queryClient.invalidateQueries({ queryKey: ['assets', variables.schematicId] });
-      queryClient.invalidateQueries({ queryKey: ['assets', variables.schematicId, 'status'] });
+      queryClient.invalidateQueries({ queryKey: ['assets', variables.schematicId, variables.version] });
+      queryClient.invalidateQueries({ queryKey: ['assets', variables.schematicId, variables.version, 'status'] });
     },
   });
 }
@@ -48,11 +48,12 @@ export function useDeleteAsset() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: (schematicId: string) => assetsApi.delete(schematicId),
-    onSuccess: (_, schematicId) => {
+    mutationFn: ({ schematicId, version }: { schematicId: string; version: string }) =>
+      assetsApi.delete(schematicId, version),
+    onSuccess: (_, { schematicId, version }) => {
       queryClient.invalidateQueries({ queryKey: ['assets'] });
-      queryClient.invalidateQueries({ queryKey: ['assets', schematicId] });
-      queryClient.invalidateQueries({ queryKey: ['assets', schematicId, 'status'] });
+      queryClient.invalidateQueries({ queryKey: ['assets', schematicId, version] });
+      queryClient.invalidateQueries({ queryKey: ['assets', schematicId, version, 'status'] });
     },
   });
 }

src/services/api/nodes.ts

@@ -59,4 +59,8 @@ export const nodesApi = {
   async fetchTemplates(instanceName: string): Promise<OperationResponse> {
     return apiClient.post(`/api/v1/instances/${instanceName}/nodes/fetch-templates`);
   },
+
+  async reset(instanceName: string, nodeName: string): Promise<OperationResponse> {
+    return apiClient.post(`/api/v1/instances/${instanceName}/nodes/${nodeName}/reset`);
+  },
 };

src/services/api/types/asset.ts

@@ -10,8 +10,8 @@ export interface Asset {
   downloaded: boolean;
 }
 
-// Schematic representation matching backend
-export interface Schematic {
+// PXEAsset represents a schematic@version combination (composite key)
+export interface PXEAsset {
   schematic_id: string;
   version: string;
   path: string;
@@ -19,13 +19,12 @@ export interface Schematic {
 }
 
 export interface AssetListResponse {
-  schematics: Schematic[];
+  assets: PXEAsset[];
 }
 
 export interface DownloadAssetRequest {
-  version: string;
   platform?: Platform;
-  assets?: AssetType[];
+  asset_types?: string[];
   force?: boolean;
 }