@elixir-cloud/trs-filer 2.0.0-alpha.2 → 2.0.0-alpha.29

package/dist/chunks/{chunk.FZDL764O.js → chunk.PNFA44FN.js}

@@ -1,6 +1,9 @@
-import { ComponentStyles, __decorateClass, __spreadProps, __spreadValues } from './chunk.Q5GOJN3Z.js';
+import { ComponentStyles } from './chunk.D4A7TFU2.js';
+import { RestTrsFilerProvider } from './chunk.3S22ENXV.js';
+import { __decorateClass, __spreadProps, __spreadValues } from './chunk.S3NI7NKU.js';
 import { css, LitElement, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import JSZip from '@progress/jszip-esm';
 import '@elixir-cloud/design/components/button/index.js';
 import '@elixir-cloud/design/components/input/index.js';
 import '@elixir-cloud/design/components/select/index.js';
@@ -13,7 +16,6 @@ import '@elixir-cloud/design/components/tabs/index.js';
 import '@elixir-cloud/design/components/separator/index.js';
 import '@elixir-cloud/design/components/checkbox/index.js';
 import '@elixir-cloud/design/components/collapsible/index.js';
-import JSZip from '@progress/jszip-esm';
 
 var GlobalStyles = css`
   :host {
@@ -107,250 +109,7 @@ var GlobalStyles = css`
     --sidebar-ring: var(--ecc-sidebar-ring, oklch(0.439 0 0));
   }
 `;
-
-// src/providers/rest-trs-filer-provider.ts
-var RestTrsFilerProvider = class {
-  constructor(baseUrl) {
-    this.baseUrl = baseUrl;
-  }
-  async getToolClasses() {
-    const url = `${this.baseUrl}/toolClasses`;
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch tool classes: ${response.statusText}`);
-    }
-    return response.json();
-  }
-  async getToolsList(limit, offset, filters, query) {
-    let url = `${this.baseUrl}/tools?${limit ? `limit=${limit}&` : ""}${offset ? `offset=${offset}&` : ""}`;
-    if (query && query.length > 0) {
-      url += `&name=${encodeURIComponent(query)}`;
-    }
-    Object.entries(filters).forEach(([key, value]) => {
-      if (value !== "" && value !== void 0 && key !== "offset") {
-        url += `&${key}=${encodeURIComponent(String(value))}`;
-      }
-    });
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch tools: ${response.statusText}`);
-    }
-    return response.json();
-  }
-  async getTool(url, id) {
-    const encodedToolId = encodeURIComponent(id);
-    const response = await fetch(`${this.baseUrl}/tools/${encodedToolId}`);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch tool: ${response.statusText}`);
-    }
-    return response.json();
-  }
-  async getToolVersions(url, id) {
-    const encodedToolId = encodeURIComponent(id);
-    const response = await fetch(
-      `${this.baseUrl}/tools/${encodedToolId}/versions`
-    );
-    if (!response.ok) {
-      throw new Error(`Failed to fetch tool versions: ${response.statusText}`);
-    }
-    return response.json();
-  }
-  async getToolVersion(url, id, versionId) {
-    const encodedToolId = encodeURIComponent(id);
-    const version = versionId.split(":")[1] ? versionId.split(":")[1] : versionId;
-    const encodedVersionId = encodeURIComponent(version);
-    const response = await fetch(
-      `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}`
-    );
-    if (!response.ok) {
-      throw new Error(`Failed to fetch tool version: ${response.statusText}`);
-    }
-    return response.json();
-  }
-  async getToolFiles(url, id, version, descriptorType, format) {
-    const encodedToolId = encodeURIComponent(id);
-    const versionPart = version.split(":")[1] ? version.split(":")[1] : version;
-    const encodedVersionId = encodeURIComponent(versionPart);
-    const encodedType = encodeURIComponent(descriptorType);
-    let requestUrl = `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}/${encodedType}/files`;
-    if (format) {
-      requestUrl += `?format=${format}`;
-    }
-    const response = await fetch(requestUrl);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch tool files: ${response.statusText}`);
-    }
-    return response.json();
-  }
-  async getToolDescriptor(url, id, version, descriptorType) {
-    const encodedToolId = encodeURIComponent(id);
-    const versionPart = version.split(":")[1] ? version.split(":")[1] : version;
-    const encodedVersionId = encodeURIComponent(versionPart);
-    const encodedType = encodeURIComponent(descriptorType);
-    const response = await fetch(
-      `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}/${encodedType}/descriptor`
-    );
-    if (!response.ok) {
-      throw new Error(
-        `Failed to fetch tool descriptor: ${response.statusText}`
-      );
-    }
-    return response.json();
-  }
-  async getToolDescriptorByPath(url, id, version, descriptorType, path) {
-    const encodedToolId = encodeURIComponent(id);
-    const versionPart = version.split(":")[1] ? version.split(":")[1] : version;
-    const encodedVersionId = encodeURIComponent(versionPart);
-    const encodedType = encodeURIComponent(descriptorType);
-    try {
-      const response = await fetch(
-        `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}/${encodedType}/descriptor/${path}`
-      );
-      if (response.ok) {
-        return response.json();
-      }
-      const encodedPath = encodeURIComponent(path);
-      const encodedResponse = await fetch(
-        `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}/${encodedType}/descriptor/${encodedPath}`
-      );
-      if (encodedResponse.ok) {
-        return encodedResponse.json();
-      }
-      throw new Error(
-        `Failed to fetch tool descriptor by path: ${encodedResponse.statusText}`
-      );
-    } catch (error) {
-      const encodedPath = encodeURIComponent(path);
-      try {
-        const encodedResponse = await fetch(
-          `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}/${encodedType}/descriptor/${encodedPath}`
-        );
-        if (encodedResponse.ok) {
-          return encodedResponse.json();
-        }
-        throw new Error(
-          `Failed to fetch tool descriptor by path: ${encodedResponse.statusText}`
-        );
-      } catch (encodedError) {
-        throw error;
-      }
-    }
-  }
-  async getContainerfile(url, id, version) {
-    const encodedToolId = encodeURIComponent(id);
-    const versionPart = version.split(":")[1] ? version.split(":")[1] : version;
-    const encodedVersionId = encodeURIComponent(versionPart);
-    const response = await fetch(
-      `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}/containerfile`
-    );
-    if (!response.ok) {
-      throw new Error(`Failed to fetch containerfile: ${response.statusText}`);
-    }
-    return response.json();
-  }
-  async getToolTests(url, id, version, descriptorType) {
-    const encodedToolId = encodeURIComponent(id);
-    const versionPart = version.split(":")[1] ? version.split(":")[1] : version;
-    const encodedVersionId = encodeURIComponent(versionPart);
-    const encodedType = encodeURIComponent(descriptorType);
-    const response = await fetch(
-      `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}/${encodedType}/tests`
-    );
-    if (!response.ok) {
-      throw new Error(`Failed to fetch tool tests: ${response.statusText}`);
-    }
-    return response.json();
-  }
-  // Creation methods (TRS-Filer specific functionality)
-  async createTool(tool) {
-    console.log("Creating tool:", tool);
-    const response = await fetch(`${this.baseUrl}/tools`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(tool)
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to create tool: ${response.statusText}`);
-    }
-    return response.text();
-  }
-  async createToolWithId(id, tool) {
-    const encodedToolId = encodeURIComponent(id);
-    const response = await fetch(`${this.baseUrl}/tools/${encodedToolId}`, {
-      method: "PUT",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(tool)
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to create/update tool: ${response.statusText}`);
-    }
-    return response.text();
-  }
-  async createToolVersion(toolId, version) {
-    const encodedToolId = encodeURIComponent(toolId);
-    const response = await fetch(`${this.baseUrl}/tools/${encodedToolId}/versions`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(version)
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to create tool version: ${response.statusText}`);
-    }
-    return response.text();
-  }
-  async createToolVersionWithId(toolId, versionId, version) {
-    const encodedToolId = encodeURIComponent(toolId);
-    const encodedVersionId = encodeURIComponent(versionId);
-    const response = await fetch(
-      `${this.baseUrl}/tools/${encodedToolId}/versions/${encodedVersionId}`,
-      {
-        method: "PUT",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(version)
-      }
-    );
-    if (!response.ok) {
-      throw new Error(`Failed to create/update tool version: ${response.statusText}`);
-    }
-    return response.text();
-  }
-  async createToolClass(toolClass) {
-    const response = await fetch(`${this.baseUrl}/toolClasses`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(toolClass)
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to create tool class: ${response.statusText}`);
-    }
-    return response.text();
-  }
-  async createToolClassWithId(id, toolClass) {
-    const encodedId = encodeURIComponent(id);
-    const response = await fetch(`${this.baseUrl}/toolClasses/${encodedId}`, {
-      method: "PUT",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(toolClass)
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to create/update tool class: ${response.statusText}`);
-    }
-    return response.text();
-  }
-};
-var ECCClientElixirTrsToolCreate = class extends LitElement {
+var _ECCClientElixirTrsToolCreate = class _ECCClientElixirTrsToolCreate extends LitElement {
   constructor() {
     super(...arguments);
     this.baseUrl = "";
@@ -392,7 +151,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
   async firstUpdated() {
     if (!this.baseUrl && !this.provider) {
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-validation-error", {
+        new CustomEvent("ecc-tool-create-validation-failed", {
           detail: {
             error: "Please provide either a base URL for the TRS API or a custom provider."
           },
@@ -420,14 +179,13 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     }
   }
   async loadToolClasses() {
-    if (!this._provider)
-      return;
+    if (!this._provider) return;
     try {
       this.toolClasses = await this._provider.getToolClasses();
     } catch (error) {
       console.error("Failed to load tool classes:", error);
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-error", {
+        new CustomEvent("ecc-tool-create-failed", {
           detail: { error: "Failed to load tool classes" },
           bubbles: true,
           composed: true
@@ -479,8 +237,10 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     const activeDescriptorType = this.activeDescriptorType[versionIndex] || (version.descriptorTypes.length > 0 ? version.descriptorTypes[0] : null);
     if (!activeDescriptorType) {
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-validation-error", {
-          detail: { error: "Please select a descriptor type before adding files." },
+        new CustomEvent("ecc-tool-create-validation-failed", {
+          detail: {
+            error: "Please select a descriptor type before adding files."
+          },
           bubbles: true,
           composed: true
         })
@@ -492,6 +252,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     updatedVersions[versionIndex].files.push({
       path: "",
       fileType: "PRIMARY_DESCRIPTOR",
+      uiFileType: "PRIMARY_DESCRIPTOR",
       content: "",
       checksumType: "sha256",
       checksumValue: "",
@@ -524,14 +285,16 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
   }
   handleBulkFileUpload(versionIndex, event) {
     const input = event.target;
-    const files = input.files;
+    const { files } = input;
     if (files && files.length > 0) {
       const version = this.versions[versionIndex];
       const activeDescriptorType = this.activeDescriptorType[versionIndex] || (version.descriptorTypes.length > 0 ? version.descriptorTypes[0] : null);
       if (!activeDescriptorType) {
         this.dispatchEvent(
-          new CustomEvent("ecc-tool-create-validation-error", {
-            detail: { error: "Please select a descriptor type before uploading files." },
+          new CustomEvent("ecc-tool-create-validation-failed", {
+            detail: {
+              error: "Please select a descriptor type before uploading files."
+            },
             bubbles: true,
             composed: true
           })
@@ -541,15 +304,25 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
       }
       const updatedVersions = [...this.versions];
       const descriptorType = activeDescriptorType;
-      Array.from(files).forEach((file, index) => {
+      Array.from(files).forEach((file) => {
+        const defaultFileType = _ECCClientElixirTrsToolCreate.getDefaultFileType(
+          file.name
+        );
+        const uiFileType = _ECCClientElixirTrsToolCreate.getUIFileType(
+          file.name,
+          defaultFileType
+        );
+        const containerImageType = defaultFileType === "CONTAINERFILE" ? _ECCClientElixirTrsToolCreate.getContainerImageType(file.name) : void 0;
         const fileData = {
           path: file.name,
-          fileType: this.getDefaultFileType(file.name),
+          fileType: defaultFileType,
+          uiFileType,
           content: "",
           file,
           checksumType: "sha256",
           checksumValue: "",
-          descriptorType
+          descriptorType,
+          containerImageType
         };
         updatedVersions[versionIndex].files.push(fileData);
         const reader = new FileReader();
@@ -576,7 +349,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     const file = (_a = input.files) == null ? void 0 : _a[0];
     if (!file || !file.name.toLowerCase().endsWith(".zip")) {
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-validation-error", {
+        new CustomEvent("ecc-tool-create-validation-failed", {
           detail: { error: "Please select a valid ZIP file" },
           bubbles: true,
           composed: true
@@ -588,8 +361,10 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     const activeDescriptorType = this.activeDescriptorType[versionIndex] || (version.descriptorTypes.length > 0 ? version.descriptorTypes[0] : null);
     if (!activeDescriptorType) {
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-validation-error", {
-          detail: { error: "Please select a descriptor type before uploading ZIP files." },
+        new CustomEvent("ecc-tool-create-validation-failed", {
+          detail: {
+            error: "Please select a descriptor type before uploading ZIP files."
+          },
           bubbles: true,
           composed: true
         })
@@ -603,17 +378,16 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
       const zipContent = await zip.loadAsync(file);
       const updatedVersions = [...this.versions];
       const filePromises = [];
-      let extractedCount = 0;
       const descriptorType = activeDescriptorType;
       zipContent.forEach((relativePath, zipEntry) => {
-        if (zipEntry.dir)
-          return;
-        const promise = this.extractFileFromZip(zipEntry, relativePath).then((fileData) => {
+        if (zipEntry.dir) return;
+        const promise = _ECCClientElixirTrsToolCreate.extractFileFromZip(
+          zipEntry,
+          relativePath
+        ).then((fileData) => {
           if (fileData) {
-            fileData.descriptorType = descriptorType;
-            updatedVersions[versionIndex].files.push(fileData);
-            extractedCount++;
-          } else {
+            const fileDataWithDescriptor = __spreadProps(__spreadValues({}, fileData), { descriptorType });
+            updatedVersions[versionIndex].files.push(fileDataWithDescriptor);
           }
         }).catch((error) => {
           console.error(`Failed to extract file ${relativePath}:`, error);
@@ -635,7 +409,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
         error instanceof Error ? error.stack : "No stack trace"
       );
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-error", {
+        new CustomEvent("ecc-tool-create-failed", {
           detail: {
             error: `Failed to extract ZIP file: ${error instanceof Error ? error.message : "Unknown error"}. Please ensure it's a valid ZIP archive.`
           },
@@ -647,9 +421,9 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
       this.loading = false;
     }
   }
-  async extractFileFromZip(zipEntry, relativePath) {
+  static async extractFileFromZip(zipEntry, relativePath) {
     try {
-      const isTextFile = this.isTextFile(relativePath);
+      const isTextFile = _ECCClientElixirTrsToolCreate.isTextFile(relativePath);
       let content;
       if (isTextFile) {
         content = await zipEntry.async("text");
@@ -658,16 +432,24 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
         const uint8Array = new Uint8Array(arrayBuffer);
         content = btoa(String.fromCharCode(...uint8Array));
       }
+      const defaultFileType = _ECCClientElixirTrsToolCreate.getDefaultFileType(relativePath);
+      const uiFileType = _ECCClientElixirTrsToolCreate.getUIFileType(
+        relativePath,
+        defaultFileType
+      );
+      const containerImageType = defaultFileType === "CONTAINERFILE" ? _ECCClientElixirTrsToolCreate.getContainerImageType(relativePath) : void 0;
       const fileData = {
         path: relativePath,
-        fileType: this.getDefaultFileType(relativePath),
+        fileType: defaultFileType,
+        uiFileType,
         content,
         file: void 0,
         // No actual File object for extracted files
         checksumType: "sha256",
         checksumValue: "",
-        descriptorType: void 0
+        descriptorType: void 0,
         // Will be set by the calling method
+        containerImageType
       };
       return fileData;
     } catch (error) {
@@ -679,7 +461,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
       return null;
     }
   }
-  isTextFile(filename) {
+  static isTextFile(filename) {
     var _a;
     const textExtensions = [
       "txt",
@@ -715,7 +497,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     const extension = (_a = filename.split(".").pop()) == null ? void 0 : _a.toLowerCase();
     return textExtensions.includes(extension || "") || filename.toLowerCase().includes("readme") || filename.toLowerCase().includes("license") || filename.toLowerCase().includes("changelog");
   }
-  getDefaultFileType(filename) {
+  static getDefaultFileType(filename) {
     var _a;
     const extension = (_a = filename.split(".").pop()) == null ? void 0 : _a.toLowerCase();
     const basename = filename.toLowerCase();
@@ -728,15 +510,12 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     if (basename === "dockerfile" || basename.includes("container") || extension === "def") {
       return "CONTAINERFILE";
     }
-    if (extension === "yml" || extension === "yaml" || extension === "json") {
+    if (basename.includes("workflow") || basename.includes("main") || extension === "cwl" || extension === "wdl" || extension === "nf" || extension === "yml" || extension === "yaml" || extension === "json") {
       return "SECONDARY_DESCRIPTOR";
     }
     return "OTHER";
   }
-  getDefaultDescriptorType(filename) {
-    return void 0;
-  }
-  getContainerImageType(filename) {
+  static getContainerImageType(filename) {
     var _a;
     const basename = filename.toLowerCase();
     const extension = (_a = filename.split(".").pop()) == null ? void 0 : _a.toLowerCase();
@@ -748,7 +527,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     }
     return "Docker";
   }
-  getFileExtension(filename) {
+  static getFileExtension(filename) {
     var _a;
     return ((_a = filename.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "txt";
   }
@@ -775,11 +554,12 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     this.versions = updatedVersions;
   }
   async handleSubmit() {
-    console.log("handleSubmit");
     if (!this._provider || !this._provider.createTool) {
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-error", {
-          detail: { error: "Tool creation is not supported by the current provider" },
+        new CustomEvent("ecc-tool-create-failed", {
+          detail: {
+            error: "Tool creation is not supported by the current provider"
+          },
           bubbles: true,
           composed: true
         })
@@ -829,7 +609,9 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
                 }
               ] : void 0
             },
-            type: file.fileType === "CONTAINERFILE" ? this.getContainerImageType(file.path) : file.descriptorType || version.descriptorTypes[0] || "CWL"
+            type: file.fileType === "CONTAINERFILE" ? file.containerImageType || _ECCClientElixirTrsToolCreate.getContainerImageType(
+              file.path
+            ) : file.descriptorType || version.descriptorTypes[0] || "CWL"
             // Use file's descriptor type or first version descriptor type as default
           })) : void 0,
           images: version.images.length > 0 ? version.images : void 0
@@ -846,7 +628,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
       }
       const successMessage = `Tool created successfully with ID: ${toolId}`;
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-success", {
+        new CustomEvent("ecc-tool-created", {
           detail: { toolId, toolData, message: successMessage },
           bubbles: true,
           composed: true
@@ -856,7 +638,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Failed to create tool";
       this.dispatchEvent(
-        new CustomEvent("ecc-tool-create-error", {
+        new CustomEvent("ecc-tool-create-failed", {
           detail: { error: errorMessage },
           bubbles: true,
           composed: true
@@ -897,100 +679,94 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
   }
   renderBasicFields() {
     return html`
-        <div class="grid gap-4">
-          <!-- Tool Name, Organization, Tool Class in same row on desktop -->
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div class="grid gap-2">
-              <ecc-utils-design-label
-                for="tool-name"
-                class="text-sm font-medium"
-              >
-                Tool Name
-              </ecc-utils-design-label>
-              <ecc-utils-design-input
-                id="tool-name"
-                .value=${this.formData.name}
-                @ecc-utils-change=${(e) => this.handleInputChange("name", e.detail.value)}
-                placeholder="Enter a descriptive name for your tool"
-                class="h-10"
-              ></ecc-utils-design-input>
-            </div>
+      <div class="grid gap-4">
+        <!-- Tool Name, Organization, Tool Class in same row on desktop -->
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div class="grid gap-2">
+            <ecc-utils-design-label for="tool-name" class="text-sm font-medium">
+              Tool Name
+            </ecc-utils-design-label>
+            <ecc-utils-design-input
+              id="tool-name"
+              .value=${this.formData.name}
+              @ecc-input-changed=${(e) => this.handleInputChange("name", e.detail.value)}
+              placeholder="Enter a descriptive name for your tool"
+              class="h-10"
+            ></ecc-utils-design-input>
+          </div>
 
-            <div class="grid gap-2">
-              <ecc-utils-design-label
-                for="organization"
-                class="text-sm font-medium"
-              >
-                Organization <span class="text-destructive">*</span>
-              </ecc-utils-design-label>
-              <ecc-utils-design-input
-                id="organization"
-                .value=${this.formData.organization}
-                @ecc-utils-change=${(e) => this.handleInputChange("organization", e.detail.value)}
-                placeholder="Enter your organization name"
-                required
-                class="h-10"
-              ></ecc-utils-design-input>
-            </div>
+          <div class="grid gap-2">
+            <ecc-utils-design-label
+              for="organization"
+              class="text-sm font-medium"
+            >
+              Organization <span class="text-destructive">*</span>
+            </ecc-utils-design-label>
+            <ecc-utils-design-input
+              id="organization"
+              .value=${this.formData.organization}
+              @ecc-input-changed=${(e) => this.handleInputChange("organization", e.detail.value)}
+              placeholder="Enter your organization name"
+              required
+              class="h-10"
+            ></ecc-utils-design-input>
+          </div>
 
-            <div class="grid gap-1">
-              <ecc-utils-design-label
-                for="tool-class"
-                class="text-sm font-medium"
-              >
-                Tool Class <span class="text-destructive">*</span>
-              </ecc-utils-design-label>
-              <ecc-utils-design-select
-                id="tool-class-select"
-                .value=${this.formData.toolClassId}
-                @ecc-utils-change=${(e) => {
+          <div class="grid gap-1">
+            <ecc-utils-design-label
+              for="tool-class"
+              class="text-sm font-medium"
+            >
+              Tool Class <span class="text-destructive">*</span>
+            </ecc-utils-design-label>
+            <ecc-utils-design-select
+              id="tool-class-select"
+              .value=${this.formData.toolClassId}
+              @ecc-input-changed=${(e) => {
       this.handleInputChange("toolClassId", e.detail.value);
     }}
-                required
-              >
-                <ecc-utils-design-select-trigger class="h-10">
-                  <ecc-utils-design-select-value
-                    placeholder="Select a tool class"
-                  ></ecc-utils-design-select-value>
-                </ecc-utils-design-select-trigger>
+              required
+            >
+              <ecc-utils-design-select-trigger class="h-10">
+                <ecc-utils-design-select-value
+                  placeholder="Select a tool class"
+                ></ecc-utils-design-select-value>
+              </ecc-utils-design-select-trigger>
 
-                <ecc-utils-design-select-content>
-                  <ecc-utils-design-select-item value="">
-                    Select a tool class
-                  </ecc-utils-design-select-item>
-                  ${this.toolClasses.map(
+              <ecc-utils-design-select-content>
+                <ecc-utils-design-select-item value="">
+                  Select a tool class
+                </ecc-utils-design-select-item>
+                ${this.toolClasses.map(
       (tc) => html`
-                      <ecc-utils-design-select-item value=${tc.id}>
-                        <div class="flex flex-col">
-                          <span class="font-medium">${tc.name}</span>
-                        </div>
-                      </ecc-utils-design-select-item>
-                    `
+                    <ecc-utils-design-select-item value=${tc.id}>
+                      <div class="flex flex-col">
+                        <span class="font-medium">${tc.name}</span>
+                      </div>
+                    </ecc-utils-design-select-item>
+                  `
     )}
-                </ecc-utils-design-select-content>
-              </ecc-utils-design-select>
-            </div>
+              </ecc-utils-design-select-content>
+            </ecc-utils-design-select>
           </div>
+        </div>
 
-          <!-- Description spans full width -->
-          <div class="grid gap-2">
-            <ecc-utils-design-label
-              for="description"
-              class="text-sm font-medium"
-            >
-              Description
-            </ecc-utils-design-label>
-            <ecc-utils-design-textarea
-              id="description"
-              .value=${this.formData.description}
-              @ecc-utils-change=${(e) => this.handleInputChange("description", e.detail.value)}
-              placeholder="Provide a detailed description of what your tool does"
-              rows="4"
-              class="resize-none"
-            ></ecc-utils-design-textarea>
-          </div>
-          ${this.renderAdvancedFields()}
+        <!-- Description spans full width -->
+        <div class="grid gap-2">
+          <ecc-utils-design-label for="description" class="text-sm font-medium">
+            Description
+          </ecc-utils-design-label>
+          <ecc-utils-design-textarea
+            id="description"
+            .value=${this.formData.description}
+            @ecc-input-changed=${(e) => this.handleInputChange("description", e.detail.value)}
+            placeholder="Provide a detailed description of what your tool does"
+            rows="4"
+            class="resize-none"
+          ></ecc-utils-design-textarea>
         </div>
+        ${this.renderAdvancedFields()}
+      </div>
     `;
   }
   renderAdvancedFields() {
@@ -1037,7 +813,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
                   <ecc-utils-design-input
                     id="custom-tool-id"
                     .value=${this.formData.customToolId}
-                    @ecc-utils-change=${(e) => {
+                    @ecc-input-changed=${(e) => {
       this.handleInputChange("customToolId", e.detail.value);
       this.handleInputChange(
         "useCustomId",
@@ -1060,7 +836,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
                   <ecc-utils-design-input
                     id="aliases"
                     .value=${this.formData.aliases.join(", ")}
-                    @ecc-utils-change=${(e) => this.handleArrayInputChange("aliases", e.detail.value)}
+                    @ecc-input-changed=${(e) => this.handleArrayInputChange("aliases", e.detail.value)}
                     placeholder="alias1, alias2, alias3"
                     class="h-10"
                   ></ecc-utils-design-input>
@@ -1077,7 +853,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
                   <ecc-utils-design-input
                     id="checker-url"
                     .value=${this.formData.checkerUrl}
-                    @ecc-utils-change=${(e) => {
+                    @ecc-input-changed=${(e) => {
       this.handleInputChange("checkerUrl", e.detail.value);
       this.handleInputChange(
         "hasChecker",
@@ -1190,7 +966,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
             >
             <ecc-utils-design-input
               .value=${version.name}
-              @ecc-utils-change=${(e) => this.handleVersionChange(index, "name", e.detail.value)}
+              @ecc-input-changed=${(e) => this.handleVersionChange(index, "name", e.detail.value)}
               placeholder="e.g., v1.0.0"
               class="h-10"
             ></ecc-utils-design-input>
@@ -1202,7 +978,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
             </ecc-utils-design-label>
             <ecc-utils-design-input
               .value=${version.author.join(", ")}
-              @ecc-utils-change=${(e) => {
+              @ecc-input-changed=${(e) => {
       const authors = e.detail.value.split(",").map((a) => a.trim()).filter((a) => a);
       this.handleVersionChange(index, "author", authors);
     }}
@@ -1219,9 +995,30 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
             <ecc-utils-design-multi-select
               .value=${version.descriptorTypes}
               placeholder="Select supported languages..."
-              @ecc-utils-change=${(e) => {
+              @ecc-input-changed=${(e) => {
       const updatedVersions = [...this.versions];
-      updatedVersions[index].descriptorTypes = e.detail.value;
+      const oldDescriptorTypes = updatedVersions[index].descriptorTypes;
+      const newDescriptorTypes = e.detail.value;
+      updatedVersions[index].descriptorTypes = newDescriptorTypes;
+      const removedDescriptorTypes = oldDescriptorTypes.filter(
+        (type) => !newDescriptorTypes.includes(type)
+      );
+      if (removedDescriptorTypes.length > 0) {
+        updatedVersions[index].files = updatedVersions[index].files.filter(
+          (file) => !removedDescriptorTypes.includes(file.descriptorType)
+        );
+      }
+      const currentActiveDescriptor = this.activeDescriptorType[index];
+      if (currentActiveDescriptor && removedDescriptorTypes.includes(
+        currentActiveDescriptor
+      )) {
+        this.activeDescriptorType = __spreadProps(__spreadValues({}, this.activeDescriptorType), {
+          [index]: newDescriptorTypes.length > 0 ? newDescriptorTypes[0] : void 0
+        });
+        this.activeFileIndex = __spreadProps(__spreadValues({}, this.activeFileIndex), {
+          [index]: -1
+        });
+      }
       this.versions = updatedVersions;
     }}
               class="mt-2"
@@ -1285,9 +1082,11 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
                       Tags
                     </ecc-utils-design-label>
                     <ecc-utils-design-multi-select
-                      .value=${this.getVersionTags(version)}
+                      .value=${_ECCClientElixirTrsToolCreate.getVersionTags(
+      version
+    )}
                       placeholder="Select tags..."
-                      @ecc-utils-change=${(e) => {
+                      @ecc-input-changed=${(e) => {
       this.handleVersionTagsChange(index, e.detail.value);
     }}
                     >
@@ -1314,7 +1113,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
                     </ecc-utils-design-label>
                     <ecc-utils-design-input
                       .value=${version.customVersionId}
-                      @ecc-utils-change=${(e) => this.handleVersionChange(
+                      @ecc-input-changed=${(e) => this.handleVersionChange(
       index,
       "customVersionId",
       e.detail.value
@@ -1391,7 +1190,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
                       >
                       <ecc-utils-design-select
                         .value=${this.activeDescriptorType[index] || version.descriptorTypes[0]}
-                        @ecc-utils-change=${(e) => {
+                        @ecc-input-changed=${(e) => {
       this.activeDescriptorType = __spreadProps(__spreadValues({}, this.activeDescriptorType), {
         [index]: e.detail.value
       });
@@ -1475,7 +1274,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
         <!-- Files List Section - 1/5 of screen -->
         <div class="col-span-5 md:col-span-1">
           <div class="space-y-1 max-h-[400px] overflow-y-auto">
-            ${filteredFiles.map((file, fileIndex) => {
+            ${filteredFiles.map((file) => {
       const originalIndex = files.indexOf(file);
       return html`
                 <ecc-utils-design-button
@@ -1491,8 +1290,8 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
                 >
                   <span class="truncate">
                     ${file.path || `File ${originalIndex + 1}`}
-                    ${file.descriptorType ? html`<span class="text-xs text-muted-foreground ml-1"
-                          >(${file.descriptorType})</span
+                    ${file.uiFileType ? html`<span class="text-xs text-muted-foreground ml-1"
+                          >(${file.uiFileType})</span
                         >` : ""}
                   </span>
                   <ecc-utils-design-button
@@ -1541,24 +1340,19 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
         </div>
       `;
     }
-    const fileTypes = [
-      { value: "PRIMARY_DESCRIPTOR", label: "Primary Descriptor" },
-      { value: "SECONDARY_DESCRIPTOR", label: "Secondary Descriptor" },
-      { value: "TEST_FILE", label: "Test File" },
-      { value: "CONTAINERFILE", label: "Container File" },
-      { value: "OTHER", label: "Other" }
-    ];
+    const otherFileHasPrimaryDescriptor = files.some(
+      (file, index) => index !== activeIndex && file.uiFileType === "PRIMARY_DESCRIPTOR" && file.descriptorType === activeFile.descriptorType
+    );
     const checksumTypes = ["sha256", "sha1", "md5"];
     return html`
       <div class="space-y-4">
-
         <!-- File Configuration -->
         <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
           <div>
             <ecc-utils-design-label>File Path</ecc-utils-design-label>
             <ecc-utils-design-input
               .value=${activeFile.path}
-              @ecc-utils-change=${(e) => {
+              @ecc-input-changed=${(e) => {
       this.handleFileFieldChange(
         versionIndex,
         activeIndex,
@@ -1573,27 +1367,87 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
           <div>
             <ecc-utils-design-label>File Type</ecc-utils-design-label>
             <ecc-utils-design-select
-              .value=${activeFile.fileType}
-              @ecc-utils-change=${(e) => {
+              .value=${activeFile.uiFileType}
+              @ecc-input-changed=${(e) => {
+      const newUIFileType = e.detail.value;
+      const newFileType = _ECCClientElixirTrsToolCreate.convertUIFileTypeToFileType(
+        newUIFileType
+      );
+      const newContainerImageType = _ECCClientElixirTrsToolCreate.convertUIFileTypeToImageType(
+        newUIFileType
+      );
+      this.handleFileFieldChange(
+        versionIndex,
+        activeIndex,
+        "uiFileType",
+        newUIFileType
+      );
       this.handleFileFieldChange(
         versionIndex,
         activeIndex,
         "fileType",
-        e.detail.value
+        newFileType
       );
+      if (newContainerImageType) {
+        this.handleFileFieldChange(
+          versionIndex,
+          activeIndex,
+          "containerImageType",
+          newContainerImageType
+        );
+      } else {
+        this.handleFileFieldChange(
+          versionIndex,
+          activeIndex,
+          "containerImageType",
+          void 0
+        );
+      }
     }}
             >
               <ecc-utils-design-select-trigger>
                 <ecc-utils-design-select-value></ecc-utils-design-select-value>
               </ecc-utils-design-select-trigger>
               <ecc-utils-design-select-content>
-                ${fileTypes.map(
-      (type) => html`
-                    <ecc-utils-design-select-item value=${type.value}>
-                      ${type.label}
-                    </ecc-utils-design-select-item>
-                  `
-    )}
+                <!-- Source Files Group -->
+                <ecc-utils-design-select-group>
+                  <ecc-utils-design-select-label
+                    >Source file</ecc-utils-design-select-label
+                  >
+                  <ecc-utils-design-select-item
+                    value="PRIMARY_DESCRIPTOR"
+                    .disabled=${otherFileHasPrimaryDescriptor && activeFile.uiFileType !== "PRIMARY_DESCRIPTOR"}
+                  >
+                    Primary Descriptor
+                  </ecc-utils-design-select-item>
+                  <ecc-utils-design-select-item value="SECONDARY_DESCRIPTOR">
+                    Secondary Descriptor
+                  </ecc-utils-design-select-item>
+                  <ecc-utils-design-select-item value="TEST_FILE">
+                    Test File
+                  </ecc-utils-design-select-item>
+                  <ecc-utils-design-select-item value="OTHER">
+                    Other
+                  </ecc-utils-design-select-item>
+                </ecc-utils-design-select-group>
+
+                <ecc-utils-design-select-separator></ecc-utils-design-select-separator>
+
+                <!-- Image Files Group -->
+                <ecc-utils-design-select-group>
+                  <ecc-utils-design-select-label
+                    >Image file</ecc-utils-design-select-label
+                  >
+                  <ecc-utils-design-select-item value="Docker">
+                    Docker
+                  </ecc-utils-design-select-item>
+                  <ecc-utils-design-select-item value="Singularity">
+                    Singularity
+                  </ecc-utils-design-select-item>
+                  <ecc-utils-design-select-item value="Conda">
+                    Conda
+                  </ecc-utils-design-select-item>
+                </ecc-utils-design-select-group>
               </ecc-utils-design-select-content>
             </ecc-utils-design-select>
           </div>
@@ -1602,7 +1456,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
             <ecc-utils-design-label>Checksum Type</ecc-utils-design-label>
             <ecc-utils-design-select
               .value=${activeFile.checksumType}
-              @ecc-utils-change=${(e) => {
+              @ecc-input-changed=${(e) => {
       this.handleFileFieldChange(
         versionIndex,
         activeIndex,
@@ -1632,7 +1486,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
             >
             <ecc-utils-design-input
               .value=${activeFile.checksumValue}
-              @ecc-utils-change=${(e) => {
+              @ecc-input-changed=${(e) => {
       this.handleFileFieldChange(
         versionIndex,
         activeIndex,
@@ -1652,8 +1506,10 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
           ${activeFile.content !== void 0 ? html`
                 <ecc-utils-design-code
                   value=${activeFile.content}
-                  extension=${this.getFileExtension(activeFile.path)}
-                  @ecc-utils-change=${(e) => {
+                  extension=${_ECCClientElixirTrsToolCreate.getFileExtension(
+      activeFile.path
+    )}
+                  @ecc-input-changed=${(e) => {
       this.handleFileFieldChange(
         versionIndex,
         activeIndex,
@@ -1675,17 +1531,11 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
       </div>
     `;
   }
-  renderFileInput(versionIndex, fileIndex, file) {
-    return html``;
-  }
-  getVersionTags(version) {
+  static getVersionTags(version) {
     const tags = [];
-    if (version.isProduction)
-      tags.push("prod");
-    if (version.verified)
-      tags.push("verified");
-    if (version.signed)
-      tags.push("signed");
+    if (version.isProduction) tags.push("prod");
+    if (version.verified) tags.push("verified");
+    if (version.signed) tags.push("signed");
     return tags;
   }
   handleVersionTagsChange(index, tags) {
@@ -1697,6 +1547,24 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     });
     this.versions = updatedVersions;
   }
+  static getUIFileType(filename, fileType) {
+    if (fileType === "CONTAINERFILE") {
+      return _ECCClientElixirTrsToolCreate.getContainerImageType(filename);
+    }
+    return fileType;
+  }
+  static convertUIFileTypeToFileType(uiFileType) {
+    if (uiFileType === "Docker" || uiFileType === "Singularity" || uiFileType === "Conda") {
+      return "CONTAINERFILE";
+    }
+    return uiFileType;
+  }
+  static convertUIFileTypeToImageType(uiFileType) {
+    if (uiFileType === "Docker" || uiFileType === "Singularity" || uiFileType === "Conda") {
+      return uiFileType;
+    }
+    return void 0;
+  }
   render() {
     return html`
       <div class="">
@@ -1707,8 +1575,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     }}
         >
           <div class="space-y-4">
-            ${this.renderBasicFields()} 
-            ${this.renderVersions()}
+            ${this.renderBasicFields()} ${this.renderVersions()}
           </div>
 
           <div class="flex justify-between items-center mt-4">
@@ -1735,7 +1602,7 @@ var ECCClientElixirTrsToolCreate = class extends LitElement {
     `;
   }
 };
-ECCClientElixirTrsToolCreate.styles = [
+_ECCClientElixirTrsToolCreate.styles = [
   ComponentStyles,
   GlobalStyles,
   css`
@@ -1756,34 +1623,35 @@ ECCClientElixirTrsToolCreate.styles = [
 ];
 __decorateClass([
   property({ type: String, reflect: true })
-], ECCClientElixirTrsToolCreate.prototype, "baseUrl", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "baseUrl", 2);
 __decorateClass([
   property({ attribute: false, reflect: true })
-], ECCClientElixirTrsToolCreate.prototype, "provider", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "provider", 2);
 __decorateClass([
   state()
-], ECCClientElixirTrsToolCreate.prototype, "toolClasses", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "toolClasses", 2);
 __decorateClass([
   state()
-], ECCClientElixirTrsToolCreate.prototype, "loading", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "loading", 2);
 __decorateClass([
   state()
-], ECCClientElixirTrsToolCreate.prototype, "error", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "error", 2);
 __decorateClass([
   state()
-], ECCClientElixirTrsToolCreate.prototype, "success", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "success", 2);
 __decorateClass([
   state()
-], ECCClientElixirTrsToolCreate.prototype, "formData", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "formData", 2);
 __decorateClass([
   state()
-], ECCClientElixirTrsToolCreate.prototype, "versions", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "versions", 2);
 __decorateClass([
   state()
-], ECCClientElixirTrsToolCreate.prototype, "activeFileIndex", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "activeFileIndex", 2);
 __decorateClass([
   state()
-], ECCClientElixirTrsToolCreate.prototype, "activeDescriptorType", 2);
+], _ECCClientElixirTrsToolCreate.prototype, "activeDescriptorType", 2);
+var ECCClientElixirTrsToolCreate = _ECCClientElixirTrsToolCreate;
 var tool_create_default = ECCClientElixirTrsToolCreate;
 
 export { ECCClientElixirTrsToolCreate, tool_create_default };