@pb33f/cowboy-components 0.12.2 → 0.12.4

package/dist/{_basePickBy-DzbyLhrS.js → _basePickBy-COKEx4fd.js}

@@ -1,5 +1,5 @@
-import { e as x, c as O, g as m, k as P, h as p, j as w, l as A, m as c, n as I, t as N, o as E } from "./_baseUniq-BaMlJaXC.js";
-import { aR as g, aA as F, aS as M, aT as T, aU as _, aV as l, aW as $, aX as B, aY as S, aZ as y } from "./cowboy-components-Cusus7mi.js";
+import { e as x, c as O, g as m, k as P, h as p, j as w, l as A, m as c, n as I, t as N, o as E } from "./_baseUniq-CY2TCqsW.js";
+import { aR as g, aA as F, aS as M, aT as T, aU as _, aV as l, aW as $, aX as B, aY as S, aZ as y } from "./cowboy-components-wWvUFB6N.js";
 var R = /\s/;
 function G(n) {
   for (var r = n.length; r-- && R.test(n.charAt(r)); )

package/dist/{_baseUniq-BaMlJaXC.js → _baseUniq-CY2TCqsW.js}

@@ -1,4 +1,4 @@
-import { be as S, bf as Rn, aW as T, bg as w, bh as xn, bi as mn, aV as sn, bj as Mn, bk as un, bl as x, aT as U, bm as Cn, bn as on, bo as Fn, bp as E, bc as gn, bq as R, aR as ln, br as Dn, bs as D, bt as Gn, bu as Un, bv as _, aZ as Bn, bw as Nn, aU as Kn, bx as X, by as jn, bz as Hn, aY as qn, aX as cn, ba as Yn, bA as M } from "./cowboy-components-Cusus7mi.js";
+import { be as S, bf as Rn, aW as T, bg as w, bh as xn, bi as mn, aV as sn, bj as Mn, bk as un, bl as x, aT as U, bm as Cn, bn as on, bo as Fn, bp as E, bc as gn, bq as R, aR as ln, br as Dn, bs as D, bt as Gn, bu as Un, bv as _, aZ as Bn, bw as Nn, aU as Kn, bx as X, by as jn, bz as Hn, aY as qn, aX as cn, ba as Yn, bA as M } from "./cowboy-components-wWvUFB6N.js";
 var Zn = "[object Symbol]";
 function B(n) {
   return typeof n == "symbol" || S(n) && Rn(n) == Zn;

package/dist/{arc-CwbDNuoS.js → arc-1GmSMwko.js}

@@ -1,4 +1,4 @@
-import { a0 as ln, a1 as an, a2 as y, a3 as tn, a4 as H, a5 as q, a6 as _, a7 as un, a8 as B, a9 as rn, aa as L, ab as o, ac as sn, ad as on, ae as fn } from "./cowboy-components-Cusus7mi.js";
+import { a0 as ln, a1 as an, a2 as y, a3 as tn, a4 as H, a5 as q, a6 as _, a7 as un, a8 as B, a9 as rn, aa as L, ab as o, ac as sn, ad as on, ae as fn } from "./cowboy-components-wWvUFB6N.js";
 function cn(l) {
   return l.innerRadius;
 }

package/dist/{architecture-U656AL7Q-hA_jODHW.js → architecture-U656AL7Q-64gaAy5D.js}

@@ -1,4 +1,4 @@
-import { A as c, e as t } from "./mermaid-parser.core-BWH1OLmB.js";
+import { A as c, e as t } from "./mermaid-parser.core-BOHrQYc5.js";
 export {
   c as ArchitectureModule,
   t as createArchitectureServices

package/dist/{architectureDiagram-VXUJARFQ-BpOZDfV2.js → architectureDiagram-VXUJARFQ-dtzpCVJq.js}

@@ -1,6 +1,6 @@
-import { aI as ke, _ as dt, H as Ze, V as qe, l as Se, b as Qe, a as Je, p as Ke, q as je, g as _e, s as tr, y as er, D as rr, E as ir, F as ar, c as Ee, ak as me, aJ as pe, i as nr, d as or, x as sr, aK as hr, aL as lr } from "./cowboy-components-Cusus7mi.js";
-import { p as fr } from "./chunk-4BX2VUAB-Cax8rgH-.js";
-import { p as cr } from "./mermaid-parser.core-BWH1OLmB.js";
+import { aI as ke, _ as dt, H as Ze, V as qe, l as Se, b as Qe, a as Je, p as Ke, q as je, g as _e, s as tr, y as er, D as rr, E as ir, F as ar, c as Ee, ak as me, aJ as pe, i as nr, d as or, x as sr, aK as hr, aL as lr } from "./cowboy-components-wWvUFB6N.js";
+import { p as fr } from "./chunk-4BX2VUAB-S3Ahg-_D.js";
+import { p as cr } from "./mermaid-parser.core-BOHrQYc5.js";
 import { c as Fe } from "./cytoscape.esm-DfdJODL8.js";
 var he = { exports: {} }, le = { exports: {} }, fe = { exports: {} }, gr = fe.exports, we;
 function ur() {

package/dist/{blockDiagram-VD42YOAC-DvwLmxQa.js → blockDiagram-VD42YOAC-CmYglT7q.js}

@@ -1,8 +1,8 @@
-import { g as oe } from "./chunk-FMBD7UC4-DpzzxPYV.js";
-import { _ as d, E as rt, d as O, e as he, l as L, y as de, A as ge, c as R, ai as ue, R as pe, S as fe, O as xe, aj as j, ak as Wt, al as ye, u as $, k as be, am as we, an as xt, i as yt, ao as me } from "./cowboy-components-Cusus7mi.js";
-import { c as Le } from "./clone-CAtTIGp5.js";
-import { G as Se } from "./graph-DeER36N7.js";
-import { c as ke } from "./channel-Czyy2YF7.js";
+import { g as oe } from "./chunk-FMBD7UC4-Dy-fIu1M.js";
+import { _ as d, E as rt, d as O, e as he, l as L, y as de, A as ge, c as R, ai as ue, R as pe, S as fe, O as xe, aj as j, ak as Wt, al as ye, u as $, k as be, am as we, an as xt, i as yt, ao as me } from "./cowboy-components-wWvUFB6N.js";
+import { c as Le } from "./clone-BScqNVH4.js";
+import { G as Se } from "./graph-COhVMYEY.js";
+import { c as ke } from "./channel-zdPt9PFb.js";
 var bt = (function() {
   var e = /* @__PURE__ */ d(function(D, y, g, f) {
     for (g = g || {}, f = D.length; f--; g[D[f]] = y) ;

package/dist/{c4Diagram-YG6GDRKO-I84KTC03.js → c4Diagram-YG6GDRKO-i32h6Nz4.js}

@@ -1,5 +1,5 @@
-import { g as Se, d as De } from "./chunk-TZMSLE5B-Dsr5RxRa.js";
-import { _ as g, s as Pe, g as Be, a as Ie, b as Me, c as Bt, d as jt, l as de, e as Le, f as Ne, h as Tt, i as ge, j as Ye, w as je, k as $t, m as fe } from "./cowboy-components-Cusus7mi.js";
+import { g as Se, d as De } from "./chunk-TZMSLE5B-K0FCeysy.js";
+import { _ as g, s as Pe, g as Be, a as Ie, b as Me, c as Bt, d as jt, l as de, e as Le, f as Ne, h as Tt, i as ge, j as Ye, w as je, k as $t, m as fe } from "./cowboy-components-wWvUFB6N.js";
 var Ft = (function() {
   var e = /* @__PURE__ */ g(function(_t, x, m, v) {
     for (m = m || {}, v = _t.length; v--; m[_t[v]] = x) ;

package/dist/{channel-Czyy2YF7.js → channel-zdPt9PFb.js}

@@ -1,4 +1,4 @@
-import { ap as o, aq as n } from "./cowboy-components-Cusus7mi.js";
+import { ap as o, aq as n } from "./cowboy-components-wWvUFB6N.js";
 const t = (a, r) => o.lang.round(n.parse(a)[r]);
 export {
   t as c

package/dist/{chunk-4BX2VUAB-Cax8rgH-.js → chunk-4BX2VUAB-S3Ahg-_D.js}

@@ -1,4 +1,4 @@
-import { _ as i } from "./cowboy-components-Cusus7mi.js";
+import { _ as i } from "./cowboy-components-wWvUFB6N.js";
 function t(c, e) {
   c.accDescr && e.setAccDescription?.(c.accDescr), c.accTitle && e.setAccTitle?.(c.accTitle), c.title && e.setDiagramTitle?.(c.title);
 }

package/dist/{chunk-55IACEB6-CrdTf2pk.js → chunk-55IACEB6-DvHnMqsW.js}

@@ -1,4 +1,4 @@
-import { _ as a, d as o } from "./cowboy-components-Cusus7mi.js";
+import { _ as a, d as o } from "./cowboy-components-wWvUFB6N.js";
 var d = /* @__PURE__ */ a((t, e) => {
   let n;
   return e === "sandbox" && (n = o("#i" + t)), (e === "sandbox" ? o(n.nodes()[0].contentDocument.body) : o("body")).select(`[id="${t}"]`);

package/dist/{chunk-B4BG7PRW-DVw-G-FD.js → chunk-B4BG7PRW-B1VKBkeM.js}

@@ -1,7 +1,7 @@
-import { g as et } from "./chunk-FMBD7UC4-DpzzxPYV.js";
-import { g as tt } from "./chunk-55IACEB6-CrdTf2pk.js";
-import { s as st } from "./chunk-QN33PNHL-BOcC9xla.js";
-import { _ as A, l as Oe, c as D, o as it, r as at, u as we, d as ee, b as nt, a as rt, s as ut, g as lt, p as ot, q as ct, k as v, y as ht, x as dt, i as pt, Q as R } from "./cowboy-components-Cusus7mi.js";
+import { g as et } from "./chunk-FMBD7UC4-Dy-fIu1M.js";
+import { g as tt } from "./chunk-55IACEB6-DvHnMqsW.js";
+import { s as st } from "./chunk-QN33PNHL-m_pIkwiq.js";
+import { _ as A, l as Oe, c as D, o as it, r as at, u as we, d as ee, b as nt, a as rt, s as ut, g as lt, p as ot, q as ct, k as v, y as ht, x as dt, i as pt, Q as R } from "./cowboy-components-wWvUFB6N.js";
 var Ve = (function() {
   var s = /* @__PURE__ */ A(function(I, o, c, d) {
     for (c = c || {}, d = I.length; d--; c[I[d]] = o) ;

package/dist/{chunk-DI55MBZ5-_nf_Thmu.js → chunk-DI55MBZ5-BBdFd8hK.js}

@@ -1,6 +1,6 @@
-import { g as te } from "./chunk-55IACEB6-CrdTf2pk.js";
-import { s as ee } from "./chunk-QN33PNHL-BOcC9xla.js";
-import { _ as u, l as b, c as w, r as se, u as ie, a as re, b as ae, g as ne, s as oe, p as le, q as ce, T as he, k as U, y as ue } from "./cowboy-components-Cusus7mi.js";
+import { g as te } from "./chunk-55IACEB6-DvHnMqsW.js";
+import { s as ee } from "./chunk-QN33PNHL-m_pIkwiq.js";
+import { _ as u, l as b, c as w, r as se, u as ie, a as re, b as ae, g as ne, s as oe, p as le, q as ce, T as he, k as U, y as ue } from "./cowboy-components-wWvUFB6N.js";
 var vt = (function() {
   var t = /* @__PURE__ */ u(function(Y, o, c, n) {
     for (c = c || {}, n = Y.length; n--; c[Y[n]] = o) ;

package/dist/{chunk-FMBD7UC4-DpzzxPYV.js → chunk-FMBD7UC4-Dy-fIu1M.js}

@@ -1,4 +1,4 @@
-import { _ as e } from "./cowboy-components-Cusus7mi.js";
+import { _ as e } from "./cowboy-components-wWvUFB6N.js";
 var l = /* @__PURE__ */ e(() => `
   /* Font Awesome icon styling - consolidated */
   .label-icon {

package/dist/{chunk-QN33PNHL-BOcC9xla.js → chunk-QN33PNHL-m_pIkwiq.js}

@@ -1,4 +1,4 @@
-import { _ as a, e as w, l as x } from "./cowboy-components-Cusus7mi.js";
+import { _ as a, e as w, l as x } from "./cowboy-components-wWvUFB6N.js";
 var d = /* @__PURE__ */ a((e, t, i, r) => {
   e.attr("class", i);
   const { width: o, height: h, x: n, y: c } = u(e, t);

package/dist/{chunk-QZHKN3VN-CmrJpkO9.js → chunk-QZHKN3VN-CFY5v57S.js}

@@ -1,4 +1,4 @@
-import { _ as s } from "./cowboy-components-Cusus7mi.js";
+import { _ as s } from "./cowboy-components-wWvUFB6N.js";
 var t, e = (t = class {
   /**
    * @param init - Function that creates the default state.

package/dist/{chunk-TZMSLE5B-Dsr5RxRa.js → chunk-TZMSLE5B-K0FCeysy.js}

@@ -1,4 +1,4 @@
-import { _ as n, U as o, j as l } from "./cowboy-components-Cusus7mi.js";
+import { _ as n, U as o, j as l } from "./cowboy-components-wWvUFB6N.js";
 var x = /* @__PURE__ */ n((s, t) => {
   const e = s.append("rect");
   if (e.attr("x", t.x), e.attr("y", t.y), e.attr("fill", t.fill), e.attr("stroke", t.stroke), e.attr("width", t.width), e.attr("height", t.height), t.name && e.attr("name", t.name), t.rx && e.attr("rx", t.rx), t.ry && e.attr("ry", t.ry), t.attrs !== void 0)

package/dist/{classDiagram-v2-WZHVMYZB-vUMqQti2.js → classDiagram-2ON5EDUG-6WHnTaOM.js}

@@ -1,5 +1,5 @@
-import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-DVw-G-FD.js";
-import { _ as l } from "./cowboy-components-Cusus7mi.js";
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-B1VKBkeM.js";
+import { _ as l } from "./cowboy-components-wWvUFB6N.js";
 var d = {
   parser: e,
   get db() {

package/dist/{classDiagram-2ON5EDUG-vUMqQti2.js → classDiagram-v2-WZHVMYZB-6WHnTaOM.js}

@@ -1,5 +1,5 @@
-import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-DVw-G-FD.js";
-import { _ as l } from "./cowboy-components-Cusus7mi.js";
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-B1VKBkeM.js";
+import { _ as l } from "./cowboy-components-wWvUFB6N.js";
 var d = {
   parser: e,
   get db() {

package/dist/{clone-CAtTIGp5.js → clone-BScqNVH4.js}

@@ -1,4 +1,4 @@
-import { b as r } from "./_baseUniq-BaMlJaXC.js";
+import { b as r } from "./_baseUniq-CY2TCqsW.js";
 var e = 4;
 function a(o) {
   return r(o, e);

package/dist/components/details-drawer/generic-details-drawer.css.js

@@ -137,7 +137,21 @@ export const styles = css `
         flex: 1;
         overflow: auto;
         padding: var(--sl-spacing-small);
-        background: var(--background-color);
+        background: transparent;
+    }
+
+    .code-content::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+    }
+
+    .code-content::-webkit-scrollbar-track {
+        background-color: var(--terminal-background);
+    }
+
+    .code-content::-webkit-scrollbar-thumb {
+        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        background: var(--secondary-color-lowalpha);
     }
 
     .code-content pre {

package/dist/components/the-doctor/the-doctor.js

@@ -416,6 +416,8 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.settingsComponent.open();
     }
     handleImportRequested() {
+        this.uploadArchive.brokerId = this.getBrokerId();
+        this.uploadArchive.taskSubscriber = this.globalTaskController;
         this.uploadArchive.show();
     }
     handleNukeRequested() {

package/dist/components/the-doctor/upload-archive.d.ts

@@ -3,6 +3,7 @@ import { LitElement, TemplateResult } from "lit";
 import SlDialog from "@shoelace-style/shoelace/dist/components/dialog/dialog.js";
 import { SlButton, SlInput } from "@shoelace-style/shoelace";
 import { FileMeta } from "../../model/rolodex";
+import type { TaskSubscription } from "../../interfaces/doctor-interfaces";
 export declare class UploadArchiveComponent extends LitElement {
     static styles: import("lit").CSSResult[];
     dialog: SlDialog | undefined;
@@ -15,6 +16,10 @@ export declare class UploadArchiveComponent extends LitElement {
     urlOverlay: HTMLElement;
     urlProblem: HTMLElement;
     urlSpinner: HTMLDivElement;
+    processing: boolean;
+    processingMessage: string;
+    brokerId: string;
+    taskSubscriber: TaskSubscription | undefined;
     file: any;
     fileName: string;
     fileType: string;
@@ -22,13 +27,23 @@ export declare class UploadArchiveComponent extends LitElement {
     fileTooBig: boolean;
     noSpecFilesFound: boolean;
     cannotParseSpecError: string;
+    private unsubscribeTask;
+    private pendingResponse;
+    private diagnosisReady;
+    private diagnosisTimeout;
     constructor();
     show(): void;
     hide(): void;
+    private cleanupTaskSubscription;
     handleFileChange(event: any): void;
     selectFile(path: string): void;
+    private subscribeToDiagnosisTask;
+    private onDiagnosisComplete;
+    private finishAndClose;
     fetchUrl(): void;
     validateUrl(evt: KeyboardEvent): void;
     renderFilePath(file: string, isOpenAPI?: boolean): TemplateResult;
+    private renderProcessing;
+    private renderImportForm;
     render(): TemplateResult<1>;
 }

package/dist/components/the-doctor/upload-archive.js

@@ -18,12 +18,16 @@ import formsCss from "../../css/forms.css";
 import hrCss from "../../css/hr.css";
 import { NodeType } from "../../model/node_type";
 import { IconSize } from "../model-icon/model-icon";
+import { TaskAction, TaskType } from "../../model/task";
 const urlRegex = /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/;
 let UploadArchiveComponent = class UploadArchiveComponent extends LitElement {
     constructor() {
         super();
+        this.diagnosisReady = false;
         this.visible = false;
         this.invalid = false;
+        this.processing = false;
+        this.processingMessage = '';
         this.file = null;
         this.files = [];
     }
@@ -33,6 +37,8 @@ let UploadArchiveComponent = class UploadArchiveComponent extends LitElement {
     }
     hide() {
         this.visible = false;
+        this.processing = false;
+        this.processingMessage = '';
         this.file = null;
         this.files = [];
         this.fileSize = 0;
@@ -40,8 +46,21 @@ let UploadArchiveComponent = class UploadArchiveComponent extends LitElement {
         this.noSpecFilesFound = false;
         this.cannotParseSpecError = '';
         this.invalid = false;
+        this.pendingResponse = undefined;
+        this.diagnosisReady = false;
+        this.cleanupTaskSubscription();
         this.dialog?.hide();
     }
+    cleanupTaskSubscription() {
+        if (this.diagnosisTimeout) {
+            clearTimeout(this.diagnosisTimeout);
+            this.diagnosisTimeout = undefined;
+        }
+        if (this.unsubscribeTask) {
+            this.unsubscribeTask();
+            this.unsubscribeTask = undefined;
+        }
+    }
     handleFileChange(event) {
         const file = event.target.files[0];
         if (file) {
@@ -101,22 +120,70 @@ let UploadArchiveComponent = class UploadArchiveComponent extends LitElement {
     }
     selectFile(path) {
         this.noSpecFilesFound = false;
-        ModelService.selectRootPath(path).then((response) => {
+        this.processing = true;
+        this.processingMessage = 'Validating specification...';
+        this.diagnosisReady = false;
+        // subscribe to task completion BEFORE the HTTP call to avoid race conditions
+        this.subscribeToDiagnosisTask();
+        ModelService.selectRootPath(path, this.brokerId).then((response) => {
+            this.pendingResponse = {
+                content: response.instance,
+                path: path,
+                nodeId: response.id,
+            };
+            this.processingMessage = 'Analyzing specification...';
+            // if diagnosis already completed before HTTP response, finish now
+            if (this.diagnosisReady) {
+                this.finishAndClose();
+            }
+        }).catch((error) => {
+            this.processing = false;
+            this.invalid = true;
+            this.cannotParseSpecError = error.detail;
+            this.cleanupTaskSubscription();
+        });
+    }
+    subscribeToDiagnosisTask() {
+        if (!this.taskSubscriber) {
+            // no task subscriber available — fall back to timeout
+            this.diagnosisTimeout = setTimeout(() => this.onDiagnosisComplete(), 10000);
+            return;
+        }
+        // safety timeout in case the task never arrives
+        this.diagnosisTimeout = setTimeout(() => this.onDiagnosisComplete(), 15000);
+        this.unsubscribeTask = this.taskSubscriber.subscribeToTaskType(TaskType.AutoDiagnosis, (task) => {
+            if (task.status === 'completed') {
+                this.onDiagnosisComplete();
+            }
+            else if (task.status === 'failed') {
+                this.processingMessage = `Analysis failed: ${task.error || 'unknown error'}`;
+                setTimeout(() => this.onDiagnosisComplete(), 1500);
+            }
+        }, [TaskAction.Complete, TaskAction.Fail]);
+    }
+    onDiagnosisComplete() {
+        this.cleanupTaskSubscription();
+        if (!this.pendingResponse) {
+            // task completed before HTTP response arrived — mark ready and wait
+            this.diagnosisReady = true;
+            return;
+        }
+        this.finishAndClose();
+    }
+    finishAndClose() {
+        if (this.pendingResponse) {
             this.dispatchEvent(new CustomEvent(RolodexRootFileSelected, {
                 composed: true,
                 bubbles: true,
                 detail: {
-                    content: response.instance,
-                    path: path,
-                    nodeId: response.id,
+                    content: this.pendingResponse.content,
+                    path: this.pendingResponse.path,
+                    nodeId: this.pendingResponse.nodeId,
                 }
             }));
-            this.files = [];
-            this.hide();
-        }).catch((error) => {
-            this.invalid = true;
-            this.cannotParseSpecError = error.detail;
-        });
+        }
+        this.files = [];
+        this.hide();
     }
     fetchUrl() {
         this.noSpecFilesFound = false;
@@ -171,14 +238,22 @@ let UploadArchiveComponent = class UploadArchiveComponent extends LitElement {
             </span>
         `;
     }
-    render() {
+    renderProcessing() {
+        return html `
+            <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; gap: 20px;">
+                <sl-spinner style="font-size: 3rem; --track-width: 4px; --indicator-color: var(--secondary-color);"></sl-spinner>
+                <p style="font-size: 1.1em; color: var(--primary-color); margin: 0;">${this.processingMessage}</p>
+            </div>
+        `;
+    }
+    renderImportForm() {
         let renderFiles = html ``;
         if (this.files.length > 0 && !this.cannotParseSpecError) {
             renderFiles = html `
                 <div class="files">
                     <h4>Select the Entry Document</h4>
                     <p>
-                        The Entry Document is the 'top' or the <strong><em>starting point</em></strong>. 
+                        The Entry Document is the 'top' or the <strong><em>starting point</em></strong>.
                         Tell the doctor which is your <strong><em>main</em></strong>
                         specification that <strong>starts</strong> the OpenAPI document.
                     </p>
@@ -201,70 +276,78 @@ let UploadArchiveComponent = class UploadArchiveComponent extends LitElement {
             <p>Try another file, or check your archive.</p>`;
         }
         return html `
-            <sl-dialog style="--width: 60vw; --height: 50vh">
-                <span slot="label"><sl-icon name="upload" aria-hidden="true"></sl-icon> Import OpenAPI spec via URL or upload an archive</span>
-                <div class="archive-select">
-                    <div class="use-url">
-                        
-                        <div style="margin-top: 8px; margin-right: 5px;">URL:</div>
-                        <div style="width: 100%">
-                            <sl-input id="url-input" class="url-input"
-                                      placeholder="https://api.pb33f.io/train-travel.yaml" 
-                                      @keydown="${this.validateUrl}"
-                                      @keyup="${this.validateUrl}"></sl-input>
-                            <div style="width: 100%; padding-top: 20px;">
-                                <sl-button id="url-input-button" class="url-input-button close-button"
-                                           variant="neutral" disabled
-                                           @click="${this.fetchUrl}">Fetch URL
-                                </sl-button>
-                            </div>
+            <div class="archive-select">
+                <div class="use-url">
+
+                    <div style="margin-top: 8px; margin-right: 5px;">URL:</div>
+                    <div style="width: 100%">
+                        <sl-input id="url-input" class="url-input"
+                                  placeholder="https://api.pb33f.io/train-travel.yaml"
+                                  @keydown="${this.validateUrl}"
+                                  @keyup="${this.validateUrl}"></sl-input>
+                        <div style="width: 100%; padding-top: 20px;">
+                            <sl-button id="url-input-button" class="url-input-button close-button"
+                                       variant="neutral" disabled
+                                       @click="${this.fetchUrl}">Fetch URL
+                            </sl-button>
                         </div>
                     </div>
+                </div>
 
-                    <div class="upload-archive">
-                        Spec exploded into multiple files? Upload a <strong>zip</strong> archive or a <strong>tarball</strong> containing everything.
-                        <p>
-                            The OpenAPI doctor supports <strong>zip files</strong> (.zip) and gzip compressed
-                            <strong>tarballs</strong> (.tar.gz).
-                        </p>
+                <div class="upload-archive">
+                    Spec exploded into multiple files? Upload a <strong>zip</strong> archive or a <strong>tarball</strong> containing everything.
+                    <p>
+                        The OpenAPI doctor supports <strong>zip files</strong> (.zip) and gzip compressed
+                        <strong>tarballs</strong> (.tar.gz).
+                    </p>
 
-                        <label for="fileInput" class="upload-archive-button">
-                            UPLOAD .zip OR .tar.gz
-                        </label>
-                        <input ${this.invalid ? 'invalid-file invalid' : ''}" type="file" id="fileInput" @change="${this.handleFileChange}"/>
+                    <label for="fileInput" class="upload-archive-button">
+                        UPLOAD .zip OR .tar.gz
+                    </label>
+                    <input ${this.invalid ? 'invalid-file invalid' : ''}" type="file" id="fileInput" @change="${this.handleFileChange}"/>
 
-                        ${this.invalid && this.cannotParseSpecError != '' ? html `
-                            <p class="invalid">Oh dear, '<strong>${this.fileName}</strong>' is very sick.</p>
-                            <p class="invalid">I'm unable to proceed with this file:
-                                <br/>
-                                <br/>
-                                ${this.cannotParseSpecError}
-                            </p>
-                        ` : ''}
-                        
-                        ${this.invalid && !this.fileTooBig && this.cannotParseSpecError == '' ? html `
-                            <p class="invalid">'<strong>${this.fileName}</strong>' has a type of
-                                '<strong>${this.fileType}</strong>'
-                                which is an invalid file type.</p>
-                            <p class="invalid">Please upload a <strong>valid</strong> zip archive or a tarball.</p>
-                        ` : ''}
+                    ${this.invalid && this.cannotParseSpecError != '' ? html `
+                        <p class="invalid">Oh dear, '<strong>${this.fileName}</strong>' is very sick.</p>
+                        <p class="invalid">I'm unable to proceed with this file:
+                            <br/>
+                            <br/>
+                            ${this.cannotParseSpecError}
+                        </p>
+                    ` : ''}
 
-                        ${this.invalid && this.fileTooBig && this.cannotParseSpecError == '' ? html `
-                            <p class="invalid">'<strong>${this.fileName}</strong>' is too big!
-                                '<strong>
-                                    <sl-format-bytes value="${this.fileSize}"></sl-format-bytes>
-                                </strong>'
-                                exceeds the <strong>5mb</strong> limit for free use
-                            </p>
-                            <p class="invalid">Please upload a <strong>smaller</strong> zip archive or a tarball, or
-                                authenticate.</p>
-                        ` : ''}
+                    ${this.invalid && !this.fileTooBig && this.cannotParseSpecError == '' ? html `
+                        <p class="invalid">'<strong>${this.fileName}</strong>' has a type of
+                            '<strong>${this.fileType}</strong>'
+                            which is an invalid file type.</p>
+                        <p class="invalid">Please upload a <strong>valid</strong> zip archive or a tarball.</p>
+                    ` : ''}
+
+                    ${this.invalid && this.fileTooBig && this.cannotParseSpecError == '' ? html `
+                        <p class="invalid">'<strong>${this.fileName}</strong>' is too big!
+                            '<strong>
+                                <sl-format-bytes value="${this.fileSize}"></sl-format-bytes>
+                            </strong>'
+                            exceeds the <strong>5mb</strong> limit for free use
+                        </p>
+                        <p class="invalid">Please upload a <strong>smaller</strong> zip archive or a tarball, or
+                            authenticate.</p>
+                    ` : ''}
 
-                    </div>
                 </div>
+            </div>
 
-                ${renderFiles}
-                <sl-button slot="footer" variant="primary" @click="${this.hide}">Close</sl-button>
+            ${renderFiles}
+            <sl-button slot="footer" variant="primary" @click="${this.hide}">Close</sl-button>
+        `;
+    }
+    render() {
+        const label = this.processing
+            ? html `<sl-icon name="activity" aria-hidden="true"></sl-icon> Analyzing Specification`
+            : html `<sl-icon name="upload" aria-hidden="true"></sl-icon> Import OpenAPI spec via URL or upload an archive`;
+        return html `
+            <sl-dialog style="--width: 60vw; --height: 50vh">
+                <span slot="label">${label}</span>
+                ${this.processing ? this.renderProcessing() : this.renderImportForm()}
             </sl-dialog>
         `;
     }
@@ -300,6 +383,15 @@ __decorate([
 __decorate([
     query('#url-spinner')
 ], UploadArchiveComponent.prototype, "urlSpinner", void 0);
+__decorate([
+    property({ type: Boolean })
+], UploadArchiveComponent.prototype, "processing", void 0);
+__decorate([
+    property({ type: String })
+], UploadArchiveComponent.prototype, "processingMessage", void 0);
+__decorate([
+    property({ type: String })
+], UploadArchiveComponent.prototype, "brokerId", void 0);
 UploadArchiveComponent = __decorate([
     customElement("pb33f-upload-archive")
 ], UploadArchiveComponent);

package/dist/{cose-bilkent-S5V4N54A-BEwcesj_.js → cose-bilkent-S5V4N54A-4n1zhWpT.js}

@@ -1,4 +1,4 @@
-import { aI as lt, _ as V, l as k, d as gt } from "./cowboy-components-Cusus7mi.js";
+import { aI as lt, _ as V, l as k, d as gt } from "./cowboy-components-wWvUFB6N.js";
 import { c as tt } from "./cytoscape.esm-DfdJODL8.js";
 var Z = { exports: {} }, $ = { exports: {} }, Q = { exports: {} }, ut = Q.exports, j;
 function ft() {