@pb33f/cowboy-components 0.12.5 → 0.13.1

package/dist/components/rodeo/users.d.ts

@@ -1,4 +1,54 @@
 import { LitElement } from "lit";
+import '@shoelace-style/shoelace/dist/components/drawer/drawer.js';
+import '@shoelace-style/shoelace/dist/components/input/input.js';
+import '@shoelace-style/shoelace/dist/components/select/select.js';
+import '@shoelace-style/shoelace/dist/components/option/option.js';
+import '@shoelace-style/shoelace/dist/components/button/button.js';
+import '@shoelace-style/shoelace/dist/components/badge/badge.js';
+import '@shoelace-style/shoelace/dist/components/icon-button/icon-button.js';
+import '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js';
+import '@shoelace-style/shoelace/dist/components/relative-time/relative-time.js';
+import '@shoelace-style/shoelace/dist/components/switch/switch.js';
+import '@shoelace-style/shoelace/dist/components/format-number/format-number.js';
+import './user-list.js';
+import './user-detail.js';
 export declare class RodeoUsers extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private users;
+    private loading;
+    private error;
+    private page;
+    private perPage;
+    private totalPages;
+    private total;
+    private search;
+    private activeFilter;
+    private userDetail;
+    private detailLoading;
+    private walletTransactions;
+    private userEvents;
+    private auditLog;
+    private drawer;
+    private searchTimeout;
+    private fetchController;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private fetchUsers;
+    private fetchUserDetail;
+    private handleUpdate;
+    private handleUserSelected;
+    private handleUserUpdateEvent;
+    private handleLoadTransactions;
+    private handleLoadEvents;
+    private handleLoadAuditLog;
+    private handlePageTransactions;
+    private handlePageEvents;
+    private handlePageAuditLog;
+    private handleSearchInput;
+    private handleFilterChange;
+    private handlePrevPage;
+    private handleNextPage;
+    private showToast;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/rodeo/users.js

@@ -4,13 +4,388 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement } from "lit";
-import { customElement } from "lit/decorators.js";
+import { html, css, LitElement } from "lit";
+import { customElement, state, query } from "lit/decorators.js";
+import { RodeoService } from "../../services/rodeo-service.js";
+import { RodeoUserSelected, RodeoUserUpdated, RodeoUserBlockToggled, RodeoLoadTransactions, RodeoLoadEvents, RodeoLoadAuditLog, RodeoPageTransactions, RodeoPageEvents, RodeoPageAuditLog } from "../../events/rodeo.js";
+import { AddToast } from "../../events/doctor.js";
+import { ToastType } from "../../model/toast.js";
+import '@shoelace-style/shoelace/dist/components/drawer/drawer.js';
+import '@shoelace-style/shoelace/dist/components/input/input.js';
+import '@shoelace-style/shoelace/dist/components/select/select.js';
+import '@shoelace-style/shoelace/dist/components/option/option.js';
+import '@shoelace-style/shoelace/dist/components/button/button.js';
+import '@shoelace-style/shoelace/dist/components/badge/badge.js';
+import '@shoelace-style/shoelace/dist/components/icon-button/icon-button.js';
+import '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js';
+import '@shoelace-style/shoelace/dist/components/relative-time/relative-time.js';
+import '@shoelace-style/shoelace/dist/components/switch/switch.js';
+import '@shoelace-style/shoelace/dist/components/format-number/format-number.js';
+import './user-list.js';
+import './user-detail.js';
+import buttonCss from "../../css/button.css.js";
+import formsCss from "../../css/forms.css.js";
+import detailsDrawerCss from "../details-drawer/details-drawer.css.js";
 let RodeoUsers = class RodeoUsers extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.users = [];
+        this.loading = false;
+        this.error = null;
+        this.page = 1;
+        this.perPage = 25;
+        this.totalPages = 1;
+        this.total = 0;
+        this.search = '';
+        this.activeFilter = '';
+        this.userDetail = null;
+        this.detailLoading = false;
+        this.walletTransactions = null;
+        this.userEvents = null;
+        this.auditLog = null;
+        this.searchTimeout = null;
+        this.fetchController = null;
+        this.handleUserSelected = (e) => {
+            const user = e.detail;
+            // reset lazy-loaded sections when opening a new user
+            this.walletTransactions = null;
+            this.userEvents = null;
+            this.auditLog = null;
+            this.fetchUserDetail(user.userId);
+            this.updateComplete.then(() => {
+                if (this.drawer) {
+                    this.drawer.show();
+                }
+            });
+        };
+        this.handleUserUpdateEvent = (e) => {
+            const { userId, updates } = e.detail;
+            this.handleUpdate(userId, updates);
+        };
+        this.handleLoadTransactions = () => {
+            if (!this.userDetail?.user?.userId)
+                return;
+            RodeoService.getUserWalletTransactions(this.userDetail.user.userId)
+                .then(res => { this.walletTransactions = res; })
+                .catch(() => { this.showToast('failed to load wallet transactions', ToastType.ERROR); });
+        };
+        this.handleLoadEvents = () => {
+            if (!this.userDetail?.user?.userId)
+                return;
+            RodeoService.getUserEvents(this.userDetail.user.userId)
+                .then(res => { this.userEvents = res; })
+                .catch(() => { this.showToast('failed to load user events', ToastType.ERROR); });
+        };
+        this.handleLoadAuditLog = () => {
+            if (!this.userDetail?.user?.userId)
+                return;
+            RodeoService.getUserAuditLog(this.userDetail.user.userId)
+                .then(res => { this.auditLog = res; })
+                .catch(() => { this.showToast('failed to load audit log', ToastType.ERROR); });
+        };
+        this.handlePageTransactions = (e) => {
+            if (!this.userDetail?.user?.userId)
+                return;
+            const { offset } = e.detail;
+            RodeoService.getUserWalletTransactions(this.userDetail.user.userId, this.walletTransactions?.limit ?? 25, offset)
+                .then(res => { this.walletTransactions = res; })
+                .catch(() => { this.showToast('failed to load wallet transactions', ToastType.ERROR); });
+        };
+        this.handlePageEvents = (e) => {
+            if (!this.userDetail?.user?.userId)
+                return;
+            const { offset } = e.detail;
+            RodeoService.getUserEvents(this.userDetail.user.userId, this.userEvents?.limit ?? 25, offset)
+                .then(res => { this.userEvents = res; })
+                .catch(() => { this.showToast('failed to load user events', ToastType.ERROR); });
+        };
+        this.handlePageAuditLog = (e) => {
+            if (!this.userDetail?.user?.userId)
+                return;
+            const { offset } = e.detail;
+            RodeoService.getUserAuditLog(this.userDetail.user.userId, this.auditLog?.limit ?? 50, offset)
+                .then(res => { this.auditLog = res; })
+                .catch(() => { this.showToast('failed to load audit log', ToastType.ERROR); });
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(RodeoUserSelected, this.handleUserSelected);
+        this.addEventListener(RodeoUserUpdated, this.handleUserUpdateEvent);
+        this.addEventListener(RodeoUserBlockToggled, this.handleUserUpdateEvent);
+        this.addEventListener(RodeoLoadTransactions, this.handleLoadTransactions);
+        this.addEventListener(RodeoLoadEvents, this.handleLoadEvents);
+        this.addEventListener(RodeoLoadAuditLog, this.handleLoadAuditLog);
+        this.addEventListener(RodeoPageTransactions, this.handlePageTransactions);
+        this.addEventListener(RodeoPageEvents, this.handlePageEvents);
+        this.addEventListener(RodeoPageAuditLog, this.handlePageAuditLog);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener(RodeoUserSelected, this.handleUserSelected);
+        this.removeEventListener(RodeoUserUpdated, this.handleUserUpdateEvent);
+        this.removeEventListener(RodeoUserBlockToggled, this.handleUserUpdateEvent);
+        this.removeEventListener(RodeoLoadTransactions, this.handleLoadTransactions);
+        this.removeEventListener(RodeoLoadEvents, this.handleLoadEvents);
+        this.removeEventListener(RodeoLoadAuditLog, this.handleLoadAuditLog);
+        this.removeEventListener(RodeoPageTransactions, this.handlePageTransactions);
+        this.removeEventListener(RodeoPageEvents, this.handlePageEvents);
+        this.removeEventListener(RodeoPageAuditLog, this.handlePageAuditLog);
+        if (this.searchTimeout !== null) {
+            clearTimeout(this.searchTimeout);
+        }
+        this.fetchController?.abort();
+    }
+    firstUpdated() {
+        this.fetchUsers();
+    }
+    async fetchUsers() {
+        this.fetchController?.abort();
+        this.fetchController = new AbortController();
+        this.loading = true;
+        this.error = null;
+        try {
+            const result = await RodeoService.getUsers(this.page, this.perPage, this.search || undefined, this.activeFilter || undefined, undefined, this.fetchController.signal);
+            this.users = result.users || [];
+            this.total = result.total;
+            this.totalPages = result.totalPages;
+            this.page = result.page;
+        }
+        catch (e) {
+            if (e?.name === 'AbortError')
+                return;
+            this.error = e?.detail || 'failed to load users';
+            this.users = [];
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async fetchUserDetail(userId) {
+        this.detailLoading = true;
+        this.userDetail = null;
+        try {
+            this.userDetail = await RodeoService.getUser(userId);
+        }
+        catch (e) {
+            this.showToast('failed to load user details', ToastType.ERROR);
+        }
+        finally {
+            this.detailLoading = false;
+        }
+    }
+    async handleUpdate(userId, updates) {
+        try {
+            await RodeoService.updateUser(userId, updates);
+            this.showToast('user updated', ToastType.SUCCESS);
+            // refresh both the list and the detail
+            this.fetchUsers();
+            if (this.userDetail?.user?.userId === userId) {
+                this.fetchUserDetail(userId);
+            }
+        }
+        catch (e) {
+            this.showToast(e?.detail || 'failed to update user', ToastType.ERROR);
+        }
+    }
+    handleSearchInput(e) {
+        const value = e.target.value;
+        if (this.searchTimeout !== null) {
+            clearTimeout(this.searchTimeout);
+        }
+        this.searchTimeout = window.setTimeout(() => {
+            this.search = value;
+            this.page = 1;
+            this.fetchUsers();
+        }, 300);
+    }
+    handleFilterChange(e) {
+        const value = e.target.value;
+        this.activeFilter = value;
+        this.page = 1;
+        this.fetchUsers();
+    }
+    handlePrevPage() {
+        if (this.page > 1) {
+            this.page--;
+            this.fetchUsers();
+        }
+    }
+    handleNextPage() {
+        if (this.page < this.totalPages) {
+            this.page++;
+            this.fetchUsers();
+        }
+    }
+    showToast(message, type) {
+        this.dispatchEvent(new CustomEvent(AddToast, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                toast: {
+                    id: crypto.randomUUID(),
+                    title: message,
+                    type: type,
+                    body: null
+                }
+            }
+        }));
+    }
     render() {
-        return html `USERS`;
+        return html `
+            <div class="controls">
+                <sl-input placeholder="Search users..."
+                          size="small"
+                          clearable
+                          @sl-input="${this.handleSearchInput}"
+                          @sl-clear="${() => { this.search = ''; this.page = 1; this.fetchUsers(); }}">
+                    <sl-icon name="search" slot="prefix"></sl-icon>
+                </sl-input>
+
+                <sl-select placeholder="Status"
+                           size="small"
+                           clearable
+                           value="${this.activeFilter}"
+                           @sl-change="${this.handleFilterChange}">
+                    <sl-option value="true">Active</sl-option>
+                    <sl-option value="false">Inactive</sl-option>
+                </sl-select>
+            </div>
+
+            <pb33f-rodeo-user-list
+                .users="${this.users}"
+                .loading="${this.loading}"
+                .error="${this.error}">
+            </pb33f-rodeo-user-list>
+
+            ${this.totalPages > 1 ? html `
+                <div class="pagination">
+                    <sl-button size="small"
+                               class="slim"
+                               ?disabled="${this.page <= 1}"
+                               @click="${this.handlePrevPage}">Prev</sl-button>
+                    <span class="page-info">Page ${this.page} of ${this.totalPages}</span>
+                    <sl-button size="small"
+                               class="slim"
+                               ?disabled="${this.page >= this.totalPages}"
+                               @click="${this.handleNextPage}">Next</sl-button>
+                    <span class="total-info">${this.total} total users</span>
+                </div>
+            ` : ''}
+
+            <sl-drawer id="user-drawer"
+                       label="${this.userDetail?.user?.username ? '@' + this.userDetail.user.username : 'User Details'}"
+                       placement="end"
+                       style="--size: min(70%, 800px);">
+                <pb33f-rodeo-user-detail
+                    .userDetail="${this.userDetail}"
+                    .loading="${this.detailLoading}"
+                    .walletTransactions="${this.walletTransactions}"
+                    .userEvents="${this.userEvents}"
+                    .auditLog="${this.auditLog}">
+                </pb33f-rodeo-user-detail>
+                <sl-button slot="footer"
+                           @click="${() => this.drawer?.hide()}"
+                           class="close-button">
+                    Close
+                </sl-button>
+            </sl-drawer>
+        `;
     }
 };
+RodeoUsers.styles = [
+    buttonCss,
+    formsCss,
+    detailsDrawerCss,
+    css `
+            :host {
+                display: block;
+                padding: 10px;
+            }
+
+            .controls {
+                display: flex;
+                gap: 10px;
+                align-items: flex-end;
+                margin-bottom: 10px;
+            }
+
+            .controls sl-input {
+                flex: 1;
+                max-width: 300px;
+            }
+
+            .controls sl-select {
+                width: 160px;
+            }
+
+            .pagination {
+                display: flex;
+                align-items: center;
+                gap: 10px;
+                margin-top: 10px;
+                font-size: 0.8rem;
+                color: var(--font-color-sub2);
+                text-transform: uppercase;
+                letter-spacing: 0.05em;
+            }
+
+            .page-info {
+                font-family: var(--font-stack), monospace;
+            }
+
+            .total-info {
+                margin-left: auto;
+                font-family: var(--font-stack-italic), sans-serif;
+                font-size: 0.75rem;
+            }
+        `
+];
+__decorate([
+    state()
+], RodeoUsers.prototype, "users", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "loading", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "error", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "page", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "perPage", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "totalPages", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "total", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "search", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "activeFilter", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "userDetail", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "detailLoading", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "walletTransactions", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "userEvents", void 0);
+__decorate([
+    state()
+], RodeoUsers.prototype, "auditLog", void 0);
+__decorate([
+    query('#user-drawer')
+], RodeoUsers.prototype, "drawer", void 0);
 RodeoUsers = __decorate([
     customElement('pb33f-rodeo-users')
 ], RodeoUsers);

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

@@ -60,6 +60,7 @@ import { GitHubController } from "../../controllers/github-controller.js";
 import { DiagramatronController } from "../../controllers/diagramatron-controller.js";
 import { TimelineController } from "../../controllers/timeline-controller.js";
 import { BundleController } from "../../controllers/bundle-controller.js";
+import { ApiKeyController } from "../../controllers/api-key-controller.js";
 import '../bundle-toolbar/bundle-toolbar.js';
 import { GitHubCachedState } from '../../model/github.js';
 import { GenericDetailsDrawer } from '../details-drawer/generic-details-drawer.js';
@@ -209,6 +210,7 @@ export declare class TheDoctor extends LitElement implements DoctorContext {
     readonly walletController: WalletController;
     readonly globalTaskController: GlobalTaskController;
     readonly githubController: GitHubController;
+    readonly apiKeyController: ApiKeyController;
     readonly diagramatronController: DiagramatronController;
     readonly timelineController: TimelineController;
     readonly bundleController: BundleController;

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

@@ -76,11 +76,13 @@ import { GitHubController } from "../../controllers/github-controller.js";
 import { DiagramatronController } from "../../controllers/diagramatron-controller.js";
 import { TimelineController } from "../../controllers/timeline-controller.js";
 import { BundleController } from "../../controllers/bundle-controller.js";
+import { ApiKeyController } from "../../controllers/api-key-controller.js";
 import '../bundle-toolbar/bundle-toolbar.js';
 import { WorkspaceService } from '../../services/workspace-service.js';
 import { WalletService } from '../../services/wallet-service.js';
 import { GlobalTaskService } from '../../services/global-task-service.js';
 import { GitHubService } from '../../services/github-service.js';
+import { ApiKeyService } from '../../services/api-key-service.js';
 import { GenericDetailsDrawer } from '../details-drawer/generic-details-drawer.js';
 import { DrawerContentRegistry } from '../../services/drawer-content-registry.js';
 import { TabCacheController } from '../../controllers/tab-cache-controller.js';
@@ -166,6 +168,7 @@ let TheDoctor = class TheDoctor extends LitElement {
         WalletService.doctorEndpoint = this.doctorEndpoint;
         GlobalTaskService.doctorEndpoint = this.doctorEndpoint;
         GitHubService.doctorEndpoint = this.doctorEndpoint;
+        ApiKeyService.doctorEndpoint = this.doctorEndpoint;
         // bus it up
         this.bus = CreateBus();
         this.events = createDoctorEventChannels(this.bus);
@@ -232,8 +235,12 @@ let TheDoctor = class TheDoctor extends LitElement {
             requestUpdate: () => this.requestUpdate(),
             getOriginalFileName: () => this.rolodexRootPath || 'openapi'
         });
-        // Initialize workspace view after GitHub controller is created
-        this.workspaceController.initializeView(this.githubController);
+        this.apiKeyController = new ApiKeyController({
+            getBrokerId: () => this.brokerController?.brokerConnectionId,
+            sendToast: (toast) => this.sendToast(toast)
+        });
+        // Initialize workspace view after GitHub controller and API key controller are created
+        this.workspaceController.initializeView(this.githubController, this.apiKeyController);
         this.globalTaskView = new GlobalTaskView();
         //this.globalTaskView.mockMode = true; // Enable mock mode for demo
         this.globalTaskView.setController(this.globalTaskController);
@@ -256,7 +263,7 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.modelTree = new ModelTree();
         this.rolodexTree = new ModelTree();
         this.rolodexActiveHash = "";
-        this.explorer = new ExplorerComponent(this);
+        this.explorer = new ExplorerComponent();
         this.modelController.renderedNodeComponent = new RenderedNodeComponent();
         this.references = [];
         this.minimapVisible = true;

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

@@ -19,7 +19,7 @@ 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()@:%_\+.~#?&//=]*)$/;
+const urlRegex = /^https?:\/\/(www\.)?((localhost)(:\d+)?|([-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();

package/dist/components/time-vortex/change-list-item.css.js

@@ -10,7 +10,7 @@ export default css `
 
     .changes {
         display: grid;
-        grid-template-columns: 30px 140px auto 30px 100px;
+        grid-template-columns: 30px 170px auto 30px 100px;
         align-content: start;
         flex: 1;
         min-height: 0;
@@ -53,7 +53,7 @@ export default css `
 
     pb33f-model-badge {
         --model-badge-gap: 5px;
-        --model-badge-min-width: 100px;
+        --model-badge-min-width: 130px;
     }
     
     .removed {

package/dist/components/time-vortex/spec-summary-timeline-item.d.ts

@@ -5,6 +5,7 @@ export declare class SpecSummaryTimelineItem extends LitElement {
     specSummary: SpecSummary;
     large: boolean;
     selected: boolean;
+    hideScore: boolean;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     additionalWidth(v: number | undefined): string;

package/dist/components/time-vortex/spec-summary-timeline-item.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement, property, } from "lit/decorators.js";
-import { html, LitElement } from "lit";
+import { html, LitElement, nothing } from "lit";
 import specSummaryTimelineItemCss from "./spec-summary-timeline-item.css";
 import tooltipCss from "../../css/tooltip.css";
 let SpecSummaryTimelineItem = class SpecSummaryTimelineItem extends LitElement {
@@ -13,6 +13,7 @@ let SpecSummaryTimelineItem = class SpecSummaryTimelineItem extends LitElement {
         super();
         this.large = false;
         this.selected = false;
+        this.hideScore = false;
     }
     render() {
         let empty = html ``;
@@ -97,11 +98,12 @@ let SpecSummaryTimelineItem = class SpecSummaryTimelineItem extends LitElement {
                         ${removals}
                     </div>
                 </sl-tooltip>
+                ${!this.hideScore ? html `
                 <sl-tooltip content="${diagnosisMessage}" placement="top">
                     <div class="score ${this.large ? 'large' : ''} ${this.additionalWidth(this.specSummary.diagnosisScore)}">
                         ${diagnosis}
                     </div>
-                </sl-tooltip>
+                </sl-tooltip>` : nothing}
 
             </div>
         `;
@@ -147,6 +149,9 @@ __decorate([
 __decorate([
     property()
 ], SpecSummaryTimelineItem.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], SpecSummaryTimelineItem.prototype, "hideScore", void 0);
 SpecSummaryTimelineItem = __decorate([
     customElement("pb33f-spec-summary-timeline-item")
 ], SpecSummaryTimelineItem);

package/dist/components/time-vortex/tardis-control.js

@@ -114,7 +114,7 @@ let TardisControl = class TardisControl extends Colorful {
     updated(changedProperties) {
         super.updated(changedProperties);
         if (changedProperties.has('doc') && this.doc && !this.explorer) {
-            this.explorer = new ExplorerComponent(this.doc);
+            this.explorer = new ExplorerComponent();
             this.explorer.renderEqualizer = false;
             this.explorer.equalizer.renderEqualizer = false;
             this.explorer.embeddedMode = true;
@@ -528,7 +528,6 @@ let TardisControl = class TardisControl extends Colorful {
         this.doc.modelController.updateChangeReport(resp);
         if (this.explorer) {
             this.explorer.updateGraphResponse(resp);
-            this.explorer.buildGraph();
         }
         this.modelTree.triggerTreeClick('timeline');
         this.loading = false;

package/dist/components/visualizer/change-panel.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;