fix: update default plugin signatures for native apps

Author: toderian

src/components/create-job/plugins/NativeInputsSection.tsx

@@ -1,22 +1,39 @@
 import ConfigSectionTitle from '@components/job/config/ConfigSectionTitle';
+import { BOOLEAN_TYPES } from '@data/booleanTypes';
 import { PLUGIN_SIGNATURE_TYPES } from '@data/pluginSignatureTypes';
 import CustomParametersSection from '@shared/jobs/native/CustomParametersSection';
 import NativeAppIdentitySection from '@shared/jobs/native/NativeAppIdentitySection';
 import PortMappingSection from '@shared/PortMappingSection';
+import { useEffect } from 'react';
 import { useFormContext } from 'react-hook-form';
 import AppParametersSection from '../sections/AppParametersSection';
 
+const CUSTOM_SIGNATURE = PLUGIN_SIGNATURE_TYPES[PLUGIN_SIGNATURE_TYPES.length - 1];
+
 export default function NativeInputsSection({ name }: { name: string }) {
-    const { watch } = useFormContext();
+    const { watch, setValue } = useFormContext();
 
     const pluginSignature: (typeof PLUGIN_SIGNATURE_TYPES)[number] = watch(`${name}.pluginSignature`);
 
+    const isCustomSignature = pluginSignature === CUSTOM_SIGNATURE;
+
+    useEffect(() => {
+        if (!isCustomSignature) {
+            setValue(`${name}.enableTunneling`, BOOLEAN_TYPES[1]);
+            setValue(`${name}.tunnelingToken`, undefined);
+        }
+    }, [isCustomSignature, name, setValue]);
+
     return (
         <div className="col gap-4">
             <NativeAppIdentitySection pluginSignature={pluginSignature} baseName={name} />
 
             <ConfigSectionTitle title="App Parameters" />
-            <AppParametersSection baseName={name} />
+            <AppParametersSection
+                baseName={name}
+                disableTunneling={!isCustomSignature}
+                tunnelingDisabledNote="Tunneling is disabled by default for the selected plugin signature."
+            />
 
             <ConfigSectionTitle title="Port Mapping" />
             <PortMappingSection baseName={name} />

src/components/create-job/sections/AppParametersSection.tsx

@@ -10,12 +10,16 @@ export default function AppParametersSection({
     enablePort = true,
     enableTunnelingLabel = false,
     forceTunnelingEnabled = false,
+    disableTunneling = false,
+    tunnelingDisabledNote,
 }: {
     baseName?: string;
     isCreatingTunnel?: boolean;
     enablePort?: boolean;
     enableTunnelingLabel?: boolean;
     forceTunnelingEnabled?: boolean;
+    disableTunneling?: boolean;
+    tunnelingDisabledNote?: string;
 }) {
     const { watch, trigger } = useFormContext();
 
@@ -24,24 +28,31 @@ export default function AppParametersSection({
     return (
         <div className="col gap-4">
             {(!forceTunnelingEnabled || enablePort) && (
-                <div className="flex gap-4">
-                    {!forceTunnelingEnabled && (
-                        <SelectWithLabel
-                            name={`${baseName}.enableTunneling`}
-                            label="Enable Tunneling"
-                            options={BOOLEAN_TYPES}
-                            onSelect={() => {
-                                trigger(`${baseName}.port`);
-                            }}
-                        />
-                    )}
+                <div className="col gap-2">
+                    <div className="flex gap-4">
+                        {!forceTunnelingEnabled && (
+                            <SelectWithLabel
+                                name={`${baseName}.enableTunneling`}
+                                label="Enable Tunneling"
+                                options={BOOLEAN_TYPES}
+                                isDisabled={disableTunneling}
+                                onSelect={() => {
+                                    trigger(`${baseName}.port`);
+                                }}
+                            />
+                        )}
 
-                    {enablePort && (
-                        <NumberInputWithLabel
-                            name={`${baseName}.port`}
-                            label="Port"
-                            isOptional={enableTunneling === BOOLEAN_TYPES[1]}
-                        />
+                        {enablePort && (
+                            <NumberInputWithLabel
+                                name={`${baseName}.port`}
+                                label="Port"
+                                isOptional={enableTunneling === BOOLEAN_TYPES[1]}
+                            />
+                        )}
+                    </div>
+
+                    {disableTunneling && tunnelingDisabledNote && (
+                        <p className="text-sm text-default-500">{tunnelingDisabledNote}</p>
                     )}
                 </div>
             )}

src/data/pluginSignatureTypes.ts

@@ -1,2 +1,8 @@
 // 'CUSTOM' must be the last element in the array
-export const PLUGIN_SIGNATURE_TYPES = ['A_SIMPLE_PLUGIN', 'EDGE_NODE_API_TEST', 'CUSTOM'] as const;
+export const PLUGIN_SIGNATURE_TYPES = [
+    'LLM_INFERENCE_API',
+    'STRUCT_DATA_API',
+    'CV_INFERENCE_API',
+    'SD_INFERENCE_API',
+    'CUSTOM',
+] as const;