fix: runs

Author: anuragxxd

packages/ecc-client-ga4gh-wes/src/components/run-create/run-create.ts

@@ -164,7 +164,7 @@ export class ECCClientGa4ghWesRunCreate extends LitElement {
     }
   }
 
-  private handleInputChange(
+  public handleInputChange(
     field: keyof typeof this.formData,
     value: string
   ): void {
@@ -416,21 +416,23 @@ export class ECCClientGa4ghWesRunCreate extends LitElement {
       <div class="grid gap-4">
         <!-- Workflow URL spans full width -->
         <div class="grid gap-2">
-          <ecc-utils-design-label
-            for="workflow-url"
-            class="text-sm font-medium"
-          >
-            Workflow URL <span class="text-destructive">*</span>
-          </ecc-utils-design-label>
-          <ecc-utils-design-input
-            id="workflow-url"
-            .value=${this.formData.workflowUrl}
-            @ecc-input-changed=${(e: CustomEvent) =>
-              this.handleInputChange("workflowUrl", e.detail.value)}
-            placeholder="https://example.com/workflow.cwl"
-            required
-            class="h-10"
-          ></ecc-utils-design-input>
+          <slot name="workflow-url">
+            <ecc-utils-design-label
+              for="workflow-url"
+              class="text-sm font-medium"
+            >
+              Workflow URL <span class="text-destructive">*</span>
+            </ecc-utils-design-label>
+            <ecc-utils-design-input
+              id="workflow-url"
+              .value=${this.formData.workflowUrl}
+              @ecc-input-changed=${(e: CustomEvent) =>
+                this.handleInputChange("workflowUrl", e.detail.value)}
+              placeholder="https://example.com/workflow.cwl"
+              required
+              class="h-10"
+            ></ecc-utils-design-input>
+          </slot>
         </div>
 
         <!-- Workflow Type and Version in same row -->
@@ -441,11 +443,6 @@ export class ECCClientGa4ghWesRunCreate extends LitElement {
               class="text-sm font-medium"
             >
               Workflow Type <span class="text-destructive">*</span>
-              ${this.loading
-                ? html`<span class="text-xs text-muted-foreground ml-2"
-                    >(Loading...)</span
-                  >`
-                : ""}
             </ecc-utils-design-label>
             <ecc-utils-design-select
               id="workflow-type"
@@ -474,11 +471,6 @@ export class ECCClientGa4ghWesRunCreate extends LitElement {
               class="text-sm font-medium"
             >
               Workflow Type Version <span class="text-destructive">*</span>
-              ${this.loading
-                ? html`<span class="text-xs text-muted-foreground ml-2"
-                    >(Loading...)</span
-                  >`
-                : ""}
             </ecc-utils-design-label>
             <ecc-utils-design-select
               id="workflow-version"

packages/ecc-client-ga4gh-wes/src/components/run/run.ts

@@ -440,20 +440,37 @@ export class ECCClientGa4ghWesRun extends LitElement {
 
           <!-- Tags Section -->
           ${request.tags
-            ? html`
-                <div class="flex flex-col gap-3">
-                  <div class="font-bold text-base">Tags</div>
-                  <div class="flex flex-wrap gap-2">
-                    ${Object.entries(request.tags).map(
-                      ([key, value]) => html`
-                        <ecc-utils-design-badge variant="outline"
-                          >${key}: ${value}</ecc-utils-design-badge
-                        >
-                      `
-                    )}
-                  </div>
-                </div>
-              `
+            ? (() => {
+                let tagsObj: Record<string, string> | null = null;
+                if (typeof request.tags === "string") {
+                  try {
+                    tagsObj = JSON.parse(request.tags);
+                  } catch {
+                    tagsObj = null;
+                  }
+                } else if (
+                  typeof request.tags === "object" &&
+                  request.tags !== null
+                ) {
+                  tagsObj = request.tags;
+                }
+                return tagsObj
+                  ? html`
+                      <div class="flex flex-col gap-3">
+                        <div class="font-bold text-base">Tags</div>
+                        <div class="flex flex-wrap gap-2">
+                          ${Object.entries(tagsObj).map(
+                            ([key, value]) => html`
+                              <ecc-utils-design-badge variant="outline"
+                                >${key}: ${value}</ecc-utils-design-badge
+                              >
+                            `
+                          )}
+                        </div>
+                      </div>
+                    `
+                  : "";
+              })()
             : ""}
         </div>
       </div>
@@ -510,6 +527,7 @@ export class ECCClientGa4ghWesRun extends LitElement {
                   value=${log.cmd.join(" ")}
                   extension="sh"
                   disabled
+                  class="part:h-[40px]"
                 ></ecc-utils-design-code>
               </div>
             `
@@ -664,7 +682,7 @@ export class ECCClientGa4ghWesRun extends LitElement {
 
     return html`
       <div class="space-y-4">
-        ${this.renderRunHeader()}
+        <slot name="header">${this.renderRunHeader()}</slot>
 
         <ecc-utils-design-tabs
           default-value="overview"