@pb33f/cowboy-components 0.11.0 → 0.12.1

package/dist/{_basePickBy-D0MVaff7.js → _basePickBy-CHhH8kjm.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-DVhBEtEZ.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-BRANjWMG.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-CqLfUP_m.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-Bg77T9d-.js";
 var R = /\s/;
 function G(n) {
   for (var r = n.length; r-- && R.test(n.charAt(r)); )

package/dist/{_baseUniq-DVhBEtEZ.js → _baseUniq-CqLfUP_m.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-BRANjWMG.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-Bg77T9d-.js";
 var Zn = "[object Symbol]";
 function B(n) {
   return typeof n == "symbol" || S(n) && Rn(n) == Zn;

package/dist/{arc-DfidlRZC.js → arc-Bc0dbGi3.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-BRANjWMG.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-Bg77T9d-.js";
 function cn(l) {
   return l.innerRadius;
 }

package/dist/{architecture-U656AL7Q-2l0oI7kq.js → architecture-U656AL7Q-B1Af1iSx.js}

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

package/dist/{architectureDiagram-VXUJARFQ-CluOaK7l.js → architectureDiagram-VXUJARFQ-CJl5OVfp.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-BRANjWMG.js";
-import { p as fr } from "./chunk-4BX2VUAB-Dk4r_XjO.js";
-import { p as cr } from "./mermaid-parser.core-quOEU4Mi.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-Bg77T9d-.js";
+import { p as fr } from "./chunk-4BX2VUAB-C0WUXJTj.js";
+import { p as cr } from "./mermaid-parser.core-CyYIBqRM.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-RbyzthW7.js → blockDiagram-VD42YOAC-CICDv6Wk.js}

@@ -1,8 +1,8 @@
-import { g as oe } from "./chunk-FMBD7UC4-_BECV2vM.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-BRANjWMG.js";
-import { c as Le } from "./clone-CXHEQoEn.js";
-import { G as Se } from "./graph-BSko0AhB.js";
-import { c as ke } from "./channel-Dsjz0D5Z.js";
+import { g as oe } from "./chunk-FMBD7UC4-CKC9V5WI.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-Bg77T9d-.js";
+import { c as Le } from "./clone-ygSTXFFk.js";
+import { G as Se } from "./graph-DXbidQWz.js";
+import { c as ke } from "./channel-DrLe0ToL.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-Bx8eR5aW.js → c4Diagram-YG6GDRKO-MIX4hsr0.js}

@@ -1,5 +1,5 @@
-import { g as Se, d as De } from "./chunk-TZMSLE5B-DRZQTDqv.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-BRANjWMG.js";
+import { g as Se, d as De } from "./chunk-TZMSLE5B-DT1-HT9H.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-Bg77T9d-.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-Dsjz0D5Z.js → channel-DrLe0ToL.js}

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

package/dist/{chunk-4BX2VUAB-Dk4r_XjO.js → chunk-4BX2VUAB-C0WUXJTj.js}

@@ -1,4 +1,4 @@
-import { _ as i } from "./cowboy-components-BRANjWMG.js";
+import { _ as i } from "./cowboy-components-Bg77T9d-.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-O_k-h5nN.js → chunk-55IACEB6-BQmuOZTD.js}

@@ -1,4 +1,4 @@
-import { _ as a, d as o } from "./cowboy-components-BRANjWMG.js";
+import { _ as a, d as o } from "./cowboy-components-Bg77T9d-.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-DVDQ5atJ.js → chunk-B4BG7PRW-BVzpD5kO.js}

@@ -1,7 +1,7 @@
-import { g as et } from "./chunk-FMBD7UC4-_BECV2vM.js";
-import { g as tt } from "./chunk-55IACEB6-O_k-h5nN.js";
-import { s as st } from "./chunk-QN33PNHL-BZt9yPgN.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-BRANjWMG.js";
+import { g as et } from "./chunk-FMBD7UC4-CKC9V5WI.js";
+import { g as tt } from "./chunk-55IACEB6-BQmuOZTD.js";
+import { s as st } from "./chunk-QN33PNHL-BpLt0jar.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-Bg77T9d-.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-CeD8zHDH.js → chunk-DI55MBZ5-BBKOtSgz.js}

@@ -1,6 +1,6 @@
-import { g as te } from "./chunk-55IACEB6-O_k-h5nN.js";
-import { s as ee } from "./chunk-QN33PNHL-BZt9yPgN.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-BRANjWMG.js";
+import { g as te } from "./chunk-55IACEB6-BQmuOZTD.js";
+import { s as ee } from "./chunk-QN33PNHL-BpLt0jar.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-Bg77T9d-.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-_BECV2vM.js → chunk-FMBD7UC4-CKC9V5WI.js}

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

package/dist/{chunk-QN33PNHL-BZt9yPgN.js → chunk-QN33PNHL-BpLt0jar.js}

@@ -1,4 +1,4 @@
-import { _ as a, e as w, l as x } from "./cowboy-components-BRANjWMG.js";
+import { _ as a, e as w, l as x } from "./cowboy-components-Bg77T9d-.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-VPFLLErx.js → chunk-QZHKN3VN-D8_F_eNC.js}

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

package/dist/{chunk-TZMSLE5B-DRZQTDqv.js → chunk-TZMSLE5B-DT1-HT9H.js}

@@ -1,4 +1,4 @@
-import { _ as n, U as o, j as l } from "./cowboy-components-BRANjWMG.js";
+import { _ as n, U as o, j as l } from "./cowboy-components-Bg77T9d-.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-Pjlv98sa.js → classDiagram-2ON5EDUG-Cw7wLeoA.js}

@@ -1,5 +1,5 @@
-import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-DVDQ5atJ.js";
-import { _ as l } from "./cowboy-components-BRANjWMG.js";
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-BVzpD5kO.js";
+import { _ as l } from "./cowboy-components-Bg77T9d-.js";
 var d = {
   parser: e,
   get db() {

package/dist/{classDiagram-2ON5EDUG-Pjlv98sa.js → classDiagram-v2-WZHVMYZB-Cw7wLeoA.js}

@@ -1,5 +1,5 @@
-import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-DVDQ5atJ.js";
-import { _ as l } from "./cowboy-components-BRANjWMG.js";
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-BVzpD5kO.js";
+import { _ as l } from "./cowboy-components-Bg77T9d-.js";
 var d = {
   parser: e,
   get db() {

package/dist/{clone-CXHEQoEn.js → clone-ygSTXFFk.js}

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

package/dist/components/charts/beefy-chart.d.ts

@@ -12,10 +12,13 @@ export declare class BeefyChart extends Colorful {
     width: number;
     stepSize: number;
     chartType: any;
-    chart: Chart;
+    chart: Chart | null;
     constructor();
     updateChart(): void;
     buildChart(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    resize(): void;
     firstUpdated(): void;
     updated(changedProperties: Map<string, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/charts/beefy-chart.js

@@ -14,7 +14,6 @@ let BeefyChart = class BeefyChart extends Colorful {
         this.title = 'chart';
         this.legend = false;
         this.height = 458;
-        this.width = 800;
         this.smallTitle = false;
         this.stepSize = 1;
         this.chartType = 'line';
@@ -42,6 +41,7 @@ let BeefyChart = class BeefyChart extends Colorful {
             },
             options: {
                 responsive: true,
+                maintainAspectRatio: false,
                 elements: {
                     point: {
                         borderColor: this.secondary,
@@ -107,6 +107,22 @@ let BeefyChart = class BeefyChart extends Colorful {
             }
         });
     }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.chart && this.hasUpdated) {
+            this.updateComplete.then(() => this.buildChart());
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.chart) {
+            this.chart.destroy();
+            this.chart = null;
+        }
+    }
+    resize() {
+        this.chart?.resize();
+    }
     firstUpdated() {
         super.firstUpdated();
         this.buildChart();
@@ -118,16 +134,20 @@ let BeefyChart = class BeefyChart extends Colorful {
     }
     render() {
         return html `
-            <canvas id="chart" style="width: ${this.width}px; height: ${this.height}px; "></canvas>
+            <div class="chart-container" style="height: ${this.height}px;${this.width ? ` max-width: ${this.width}px;` : ''}">
+                <canvas id="chart" style="width: 100%; height: ${this.height}px;"></canvas>
+            </div>
         `;
     }
 };
 BeefyChart.styles = css `
     :host {
-      display: block; /* ensures the host takes up space */
-      /* Optionally, set explicit dimensions if needed */
+      display: block;
+      width: 100%;
+    }
+    .chart-container {
+      position: relative;
       width: 100%;
-   
     }`;
 __decorate([
     property()

package/dist/components/editor/editor.js

@@ -274,7 +274,9 @@ function generatePb33fLightTheme() {
             'editor.lineHighlightBackground': '#e8e8e8',
             'editorLineNumber.foreground': '#aaaaaa',
             'editorLineNumber.activeForeground': '#000000',
-            'editor.inactiveSelectionBackground': 'rgba(0, 0, 0, 0.15)',
+            'editor.selectionBackground': 'rgba(0, 0, 0, 0.15)',
+            'editor.inactiveSelectionBackground': 'rgba(0, 0, 0, 0.1)',
+            'editor.selectionHighlightBackground': 'rgba(0, 0, 0, 0.08)',
             'diffEditor.removedTextBackground': editorRedDimLight,
             'diffEditor.insertedTextBackground': editorGreenDimmerLight,
             'diffEditor.insertedLineBackground': editorBrownLight,
@@ -352,7 +354,9 @@ function generateDeadLightTheme() {
             'editor.lineHighlightBackground': '#fafafa',
             'editorLineNumber.foreground': '#cccccc',
             'editorLineNumber.activeForeground': '#aaaaaa',
-            'editor.inactiveSelectionBackground': '#f0f0f0',
+            'editor.selectionBackground': 'rgba(0, 0, 0, 0.1)',
+            'editor.inactiveSelectionBackground': 'rgba(0, 0, 0, 0.06)',
+            'editor.selectionHighlightBackground': 'rgba(0, 0, 0, 0.05)',
             'diffEditor.removedTextBackground': 'rgba(0, 0, 0, 0.12)',
             'diffEditor.insertedTextBackground': 'rgba(0, 0, 0, 0.05)',
             'diffEditor.insertedLineBackground': 'rgba(0, 0, 0, 0.04)',

package/dist/components/github/github-workspace-view.js

@@ -368,7 +368,7 @@ let GitHubWorkspaceView = class GitHubWorkspaceView extends LitElement {
                                                     @mouseover="${handleMouseOver}"
                                                     @mouseout="${handleMouseOut}"
                                                     style="${isImporting ? 'display: flex; align-items: center;' : ''}">
-                                                    ${DoctorIcon.getOpenAPIIcon(ICON_SIZE)}
+                                                    ${DoctorIcon.getOpenAPIIcon(ICON_SIZE, document.documentElement.getAttribute('theme') === 'light')}
                                                     ${isImporting ? html `
                                                         <pb33f-indeterminate-loader
                                                             constantFlow    

package/dist/components/model-icon/doctor-icon.d.ts

@@ -3,7 +3,7 @@ export declare class DoctorIcon extends LitElement {
     static styles: import("lit").CSSResult;
     size: number;
     iconType: string;
-    static getOpenAPIIcon(size?: number): TemplateResult;
+    static getOpenAPIIcon(size?: number, lightMode?: boolean): TemplateResult;
     static getGitHubIcon(size?: number): TemplateResult;
     render(): TemplateResult;
 }

package/dist/components/model-icon/doctor-icon.js

@@ -13,9 +13,11 @@ let DoctorIcon = DoctorIcon_1 = class DoctorIcon extends LitElement {
         this.size = 20;
         this.iconType = 'openapi';
     }
-    static getOpenAPIIcon(size = 20) {
+    static getOpenAPIIcon(size = 20, lightMode = false) {
+        const centerFill = lightMode ? '#000' : '#fff';
+        const filterStyle = lightMode ? 'filter: grayscale(100%);' : '';
         return html `
-            <svg width="${size}" height="${size}" id="openapi-logo" data-name="openapi-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 784.37 784.29" style=" vertical-align: middle;">
+            <svg width="${size}" height="${size}" id="openapi-logo" data-name="openapi-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 784.37 784.29" style="vertical-align: middle; ${filterStyle}">
                 <path d="M207.28,450.97H.31c.04,1.02.07,2.03.12,3.03.08,1.95.22,3.88.34,5.83.05.84.09,1.67.16,2.5.16,2.25.35,4.5.56,6.73.05.51.09,1.02.14,1.5.24,2.5.51,4.99.8,7.47.01.24.04.48.08.72.33,2.67.67,5.35,1.06,8,0,.04,0,.08.01.1,2.39,16.54,5.96,32.88,10.7,48.9.03.07.05.13.07.2.75,2.54,1.53,5.05,2.33,7.54.05.14.1.3.14.44s.09.29.14.44c.73,2.26,1.5,4.51,2.28,6.77.2.56.39,1.14.6,1.71.69,1.95,1.4,3.9,2.13,5.86.34.88.67,1.75.99,2.64.64,1.62,1.26,3.23,1.9,4.84.48,1.22.98,2.43,1.49,3.63.52,1.27,1.05,2.51,1.58,3.78.65,1.54,1.35,3.07,2.03,4.62.41.92.82,1.82,1.23,2.73.84,1.84,1.7,3.69,2.58,5.52.29.59.56,1.18.85,1.75,1.02,2.12,2.05,4.2,3.1,6.28.18.31.33.64.5.95,1.18,2.3,2.38,4.59,3.62,6.86.05.1.12.2.16.31.26.47.55.93.81,1.4l176.76-106.47.65-.39c-6.97-14.7-11.31-30.33-12.93-46.22h0Z" style="fill: #359ed3;"/>
                 <path d="M258.15,545.99l-.5.5-145.79,145.77c.75.69,1.49,1.41,2.26,2.08,1.36,1.24,2.75,2.46,4.12,3.67.72.63,1.41,1.26,2.13,1.88,1.65,1.43,3.32,2.81,4.98,4.21.46.38.89.75,1.35,1.12,2.12,1.74,4.26,3.46,6.42,5.15,2.07,1.63,4.14,3.22,6.26,4.81.09.05.16.1.24.17,8.8,6.57,17.9,12.72,27.27,18.44.31.21.64.39.97.6,1.79,1.06,3.57,2.12,5.37,3.16l3.29,1.88c1.05.6,2.08,1.18,3.12,1.75,1.9,1.03,3.79,2.07,5.7,3.07.26.14.52.29.8.42,5.3,2.77,10.68,5.35,16.12,7.83l5.18-12.57,73.33-178.04.26-.65c-8-4.29-15.68-9.36-22.89-15.27h0Z" style="fill: #62c4ff;"/>
                 <path d="M242.97,531.46c-1.57-1.74-3.08-3.53-4.55-5.36-1.31-1.61-2.56-3.23-3.78-4.88-1.4-1.88-2.76-3.79-4.05-5.73-1.29-1.95-2.58-3.91-3.78-5.9l-176.98,106.6c2.72,4.52,5.54,8.92,8.45,13.26.09.16.18.31.29.46.03.07.07.1.1.17.09.13.18.29.27.43.01.01.03.03.03.05.24.34.47.68.71,1.03.01.01.03.04.05.07s.01.01.01.03c3.07,4.54,6.24,9.01,9.49,13.38.07.09.14.18.21.27.08.09.14.18.21.27,1.43,1.87,2.84,3.74,4.3,5.6.2.25.38.48.59.72,1.49,1.92,3.02,3.82,4.58,5.69.37.44.75.89,1.11,1.35,1.4,1.67,2.8,3.33,4.22,4.98.61.71,1.24,1.43,1.87,2.12,1.22,1.39,2.42,2.77,3.66,4.13.68.75,1.39,1.5,2.08,2.25.31.35.63.68.95,1.03.9.98,1.8,1.96,2.72,2.93.37.38.76.76,1.12,1.15,1.61,1.67,3.24,3.36,4.89,5.01l146.01-145.98c-1.67-1.67-3.24-3.4-4.79-5.13h0Z" style="fill: #f6f;"/>
@@ -25,7 +27,7 @@ let DoctorIcon = DoctorIcon_1 = class DoctorIcon extends LitElement {
                 <path d="M340.37,89.8c-2.34.05-4.68.05-7.01.14-14.6.59-29.18,2.08-43.64,4.51-.31.05-.63.1-.95.16-2.03.35-4.04.72-6.05,1.1-1.14.22-2.29.43-3.44.65-1.19.24-2.37.48-3.56.75-1.96.41-3.92.84-5.87,1.29-.37.07-.72.16-1.07.24-28.98,6.77-56.99,17.21-83.33,31.07-1.71.92-3.39,1.95-5.1,2.88-2.04,1.12-4.08,2.28-6.11,3.44-1.5.88-3.03,1.67-4.54,2.56-.01.01-.04.03-.05.03-.1.07-.21.13-.31.18-.39.25-.8.44-1.19.68v.03s3.63,6,3.63,6l102.97,170.93c2.01-1.2,4.07-2.31,6.12-3.41,2.07-1.11,4.16-2.16,6.26-3.15,14.55-6.95,30.19-11.33,46.23-12.96,2.33-.24,4.65-.43,7-.55,2.33-.12,4.67-.24,7.01-.24V89.65c-2.34,0-4.67.1-7,.14h0Z" style="fill: #f6f;"/>
                 <path d="M694.3,419.9c-.1-1.86-.21-3.7-.34-5.57-.05-.92-.11-1.85-.18-2.77-.14-2.18-.33-4.37-.54-6.55-.04-.56-.09-1.12-.14-1.69-.24-2.45-.5-4.88-.78-7.31-.03-.2-.04-.39-.07-.59l-.04-.27c-.31-2.63-.67-5.26-1.03-7.87l-.04-.25c-2.38-16.5-5.95-32.82-10.67-48.81-.04-.12-.07-.21-.1-.31-.75-2.5-1.52-4.97-2.29-7.44-.12-.33-.22-.65-.33-.98-.73-2.24-1.48-4.46-2.25-6.68l-.63-1.8c-.68-1.92-1.39-3.84-2.09-5.77-.35-.92-.69-1.83-1.06-2.73-.6-1.6-1.22-3.18-1.86-4.75-.5-1.27-1.01-2.51-1.52-3.74-.51-1.24-1.03-2.46-1.54-3.69-.68-1.57-1.37-3.14-2.07-4.69-.39-.88-.78-1.77-1.19-2.65-.85-1.86-1.73-3.73-2.6-5.58-.27-.55-.55-1.12-.82-1.69-1.02-2.12-2.07-4.25-3.14-6.34-.14-.29-.3-.59-.44-.88-1.19-2.31-2.42-4.64-3.65-6.93-.05-.08-.09-.17-.14-.25-6-11.03-12.6-21.74-19.76-32.06l-152.38,152.38c3.46,10.21,5.71,20.74,6.81,31.34h207c-.05-1.03-.08-2.07-.13-3.07h0Z" style="fill: #62c4ff;"/>
                 <path d="M488.24,436.97c0,2.34-.22,4.67-.34,7.01s-.16,4.68-.39,7c-2.67,26.9-13.04,53.15-31.13,75.21-1.46,1.79-3.12,3.46-4.71,5.2-1.57,1.73-3.02,3.52-4.69,5.19l146.01,145.98c1.66-1.66,3.22-3.37,4.84-5.06s3.27-3.35,4.84-5.06c10.8-11.7,20.68-23.94,29.58-36.66.37-.51.69-1.01,1.05-1.5,1.09-1.56,2.13-3.14,3.2-4.71.93-1.41,1.86-2.81,2.76-4.24.46-.68.9-1.39,1.33-2.07,33.49-52.57,51.41-112.17,53.82-172.29.09-2.33.14-4.67.18-7.01.05-2.33.12-4.65.12-7h-206.46Z" style="fill: #f6f;"/>
-                <path d="M756.04,28.33c-37.77-37.77-99.02-37.77-136.79,0-30.14,30.12-36.17,75.17-18.21,111.33l-210.72,210.7c-36.17-17.94-81.22-11.92-111.36,18.2-37.77,37.77-37.76,99.02,0,136.79,37.79,37.77,99.04,37.76,136.82,0,30.14-30.14,36.15-75.18,18.2-111.35l210.72-210.69c36.18,17.94,81.21,11.92,111.35-18.21,37.77-37.76,37.77-99,0-136.78h0Z" style="fill: #fff;"/>
+                <path d="M756.04,28.33c-37.77-37.77-99.02-37.77-136.79,0-30.14,30.12-36.17,75.17-18.21,111.33l-210.72,210.7c-36.17-17.94-81.22-11.92-111.36,18.2-37.77,37.77-37.76,99.02,0,136.79,37.79,37.77,99.04,37.76,136.82,0,30.14-30.14,36.15-75.18,18.2-111.35l210.72-210.69c36.18,17.94,81.21,11.92,111.35-18.21,37.77-37.76,37.77-99,0-136.78h0Z" style="fill: ${centerFill};"/>
             </svg>
         `;
     }
@@ -38,7 +40,7 @@ let DoctorIcon = DoctorIcon_1 = class DoctorIcon extends LitElement {
     }
     render() {
         if (this.iconType === 'openapi') {
-            return DoctorIcon_1.getOpenAPIIcon(this.size);
+            return DoctorIcon_1.getOpenAPIIcon(this.size, document.documentElement.getAttribute('theme') === 'light');
         }
         return html ``;
     }

package/dist/components/model-icon/model-icon.d.ts

@@ -27,7 +27,10 @@ export declare class ModelIconComponent extends LitElement {
     tooltip: string;
     getSize(): string;
     getIconColor(): string;
+    private _themeHandler;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     isLightMode(): boolean;
     getNodeTypeFromIcon(icon: string): NodeType;
     static getIconForType(nodeType: NodeType): string;

package/dist/components/model-icon/model-icon.js

@@ -13,6 +13,7 @@ import formattingCss from "../../css/formatting.css.js";
 import { html, LitElement } from "lit";
 import { NodeType } from "../../model/node_type.js";
 import tooltipCss from "../../css/tooltip.css.js";
+import { PB33F_THEME_CHANGE } from "../../events/theme.js";
 export var IconSize;
 (function (IconSize) {
     IconSize["tiny"] = "tiny";
@@ -74,9 +75,18 @@ let ModelIconComponent = ModelIconComponent_1 = class ModelIconComponent extends
     }
     constructor() {
         super();
+        this._themeHandler = () => this.requestUpdate();
         this.size = IconSize.medium;
         this.color = IconColor.primary;
     }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener(PB33F_THEME_CHANGE, this._themeHandler);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener(PB33F_THEME_CHANGE, this._themeHandler);
+    }
     isLightMode() {
         return document.documentElement.getAttribute('theme') === 'light';
     }

package/dist/components/problems-overview/problems-overview.css.js

@@ -22,7 +22,7 @@ export default css `
     }
     
     .overview-container {
-        height: 100%;
+        height: calc(100vh - 125px);
         padding-right: 5px;
     }
     

package/dist/components/the-doctor/status-bar.css.js

@@ -2,7 +2,7 @@ import { css } from "lit";
 export default css `
     .status-bar {
         position: absolute;
-        bottom: 8px;
+        bottom: 4px;
         left: 0;
         width: calc(100% - 6px);
         height: 22px;
@@ -33,7 +33,7 @@ export default css `
     
     .warning {
         border-top: 1px dashed var(--warn-color);
-        border-bottom: none;
+        border-bottom: 1px dashed var(--warn-color);
     }
     
     .error {
@@ -42,6 +42,27 @@ export default css `
         border-bottom: none;
         color: var(--font-color)
     }
+
+    :host-context(html[theme="light"]) .error {
+        background-color: #000;
+        color: #fff;
+    }
+
+    :host-context(html[theme="light"]) .error sl-dialog {
+        color: var(--font-color);
+    }
+
+    :host-context(html[theme="light"]) .error a {
+        text-decoration: underline;
+    }
+
+    :host-context(html[theme="light"]) .error a,
+    :host-context(html[theme="light"]) .error a strong,
+    :host-context(html[theme="light"]) .error strong,
+    :host-context(html[theme="light"]) .error sl-icon,
+    :host-context(html[theme="light"]) .error .error-icon {
+        color: #fff;
+    }
     
     strong {
         font-family: var(--font-stack-bold), monospace;

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

@@ -46,7 +46,7 @@ let StatusBar = class StatusBar extends LitElement {
         if (this.callsRemaining <= 0) {
             clazz = 'error';
             clazzIcon = 'error-icon';
-            actionText = 'You have run out of credit. Service disabled';
+            actionText = 'Disabled';
             icon = 'exclamation-square';
         }
         return html `

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

@@ -47,7 +47,11 @@ export default css `
         max-height: calc(100vh - 100px);
         overflow: hidden;
     }
-    
+
+
+    pb33f-doctor-sidebar-panel {
+        height: calc(100vh - 90px);
+    }
 
     .problems::-webkit-scrollbar,.problems-data::-webkit-scrollbar {
         width: 8px;

package/dist/components/time-vortex/timeline-view.css.js

@@ -4,6 +4,17 @@ export default css `
         display: flex;
         padding: 10px 10px 10px 20px;
         height: 370px;
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    pb33f-chart {
+        flex: 1;
+        min-width: 0;
+    }
+
+    .stats-container > div {
+        flex-shrink: 0;
     }
     
     .changes-chart {

package/dist/components/time-vortex/timeline-view.js

@@ -166,7 +166,6 @@ let TimelineView = class TimelineView extends Colorful {
             <div class="changes-chart stats-container">
                 <pb33f-chart id="diagnosis-chart"
                         height="400"
-                        width="1000"
                         smallTitle
                         ?legend=${false}
                         title="Diagnosis score over time"

package/dist/{cose-bilkent-S5V4N54A-BgwjXRSW.js → cose-bilkent-S5V4N54A-DxgFNfEN.js}

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