@pb33f/cowboy-components 0.8.0 → 0.10.0

package/dist/components/time-vortex/history-picker.css.js

@@ -36,13 +36,30 @@ export default css `
         border-left: 3px solid var(--warn-color);
         padding-left: 5px;
     }
-    
+
     .ephemeral-icon {
         color: var(--warn-color);
         font-size: 1.4rem;
         background-color: var(--background-color);
     }
 
+    .corrupt {
+        border-left: 3px solid var(--error-color);
+        padding-left: 5px;
+        color: var(--error-color);
+    }
+
+    .corrupt-icon {
+        color: var(--error-color);
+        font-size: 1.4rem;
+        background-color: var(--background-color);
+    }
+
+    .corrupt-title {
+        font-size: 0.8rem;
+        color: var(--error-color);
+    }
+
 
     .selected-bar {
         border-left: 3px solid var(--primary-color)!important;

package/dist/components/time-vortex/history-picker.js

@@ -98,6 +98,24 @@ let HistoryPicker = class HistoryPicker extends LitElement {
             <div class="tardis-timeline scroller">
                 <pb33f-timeline skinny>
                     ${this.specSummary?.map((spec, index) => {
+            const isCorrupt = spec.corrupt === true;
+            if (isCorrupt) {
+                return html `
+                            <pb33f-timeline-item id="change-${spec.changeId}" skinny @click="${() => {
+                    this.loadSpecSummary(spec);
+                }}">
+                                <sl-icon slot="icon" name="exclamation-triangle" class="corrupt-icon" aria-hidden="true"></sl-icon>
+                                <div id="timebar-${spec.changeId}" slot="time" class="time corrupt">
+                                    <sl-relative-time date="${spec.created}" format="long"></sl-relative-time>
+                                </div>
+                                <div slot="content">
+                                    <div id="changebar-${spec.changeId}" class="change corrupt">
+                                        <span class="corrupt-title">Corrupted Change</span>
+                                    </div>
+                                </div>
+                            </pb33f-timeline-item>
+                        `;
+            }
             const isPr = spec.gitPrNumber !== undefined && spec.gitPrNumber !== null;
             const isEphemeral = spec.isEphemeral !== undefined && spec.isEphemeral;
             let heartBreaker = false;

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

@@ -192,7 +192,7 @@ export default css `
     }
 
     .timeline-view::-webkit-scrollbar-track {
-        background-color: black;
+        background-color: var(--terminal-background);
     }
 
     .timeline-view::-webkit-scrollbar-thumb {
@@ -219,7 +219,7 @@ export default css `
     }
 
     .markdown-report::-webkit-scrollbar-track {
-        background-color: black;
+        background-color: var(--terminal-background);
     }
 
     .markdown-report::-webkit-scrollbar-thumb {
@@ -432,6 +432,24 @@ export default css `
         font-family: var(--font-stack-bold), sans-serif;
     }
 
+    .corrupt-banner {
+        background-color: var(--error-color);
+        padding: 5px;
+        color: var(--background-color);
+        font-size: 0.8rem;
+    }
+
+    .corrupt-banner strong {
+        font-family: var(--font-stack-bold), sans-serif;
+        color: var(--background-color);
+    }
+
+    .corrupt-link {
+        color: var(--background-color);
+        text-decoration: underline;
+        cursor: pointer;
+    }
+
     @media (max-width: 1024px) {
         .markdown-report .metadata-sidebar {
             float: none;

package/dist/components/time-vortex/tardis-control.d.ts

@@ -42,6 +42,7 @@ export declare class TardisControl extends Colorful {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private handleEphemeralExpired;
+    private openCorruptInfo;
     firstUpdated(): void;
     updated(changedProperties: Map<string, unknown>): void;
     explorerNodeClicked(evt: CustomEvent<NodeClickedEvent>): void;

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

@@ -21,7 +21,8 @@ import { TimelineView } from "./timeline-view.js";
 import panelsCss from "../../css/panels.css.js";
 import scrollbarCss from "../../css/scrollbar.css.js";
 import { ToastType } from "../../model/toast.js";
-import { AddToast, ExplorerNodeClicked, LoadRenderedNodeIntoInspector, ShowTimelineSummary } from "../../events/doctor.js";
+import { AddToast, ExplorerNodeClicked, LoadRenderedNodeIntoInspector, OpenDrawer, ShowTimelineSummary } from "../../events/doctor.js";
+import { DrawerContentType } from "../../model/drawer-content.js";
 import { CountdownController } from "../../controllers/countdown-controller.js";
 import '../charts/beefy-chart.js';
 import '../charts/doughnut-chart.js';
@@ -81,6 +82,24 @@ let TardisControl = class TardisControl extends Colorful {
             composed: true,
         }));
     }
+    openCorruptInfo(e) {
+        e.preventDefault();
+        this.dispatchEvent(new CustomEvent(OpenDrawer, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                type: DrawerContentType.MARKDOWN,
+                title: 'CORRUPTED CHANGE',
+                body: `<p>Any data submitted in the early days of doctor preview was subject to a <strong>number of bugs</strong>.</p> 
+                       <p>Not everything was correctly stored, some of it was lost and unrecoverable and is not available.</p> 
+                       <p>The alpha version of the doctor was released on <strong>February 8th 2026</strong></p>
+                       <p>Changes made on or after then is correctly stored and available permanently, all elements of the change.</p> 
+                       <p>It was never working correctly in the preview, even though you may have not have known it.</p>
+                       <p>Sorry!</p>
+                       <p>- quobix</p>`
+            }
+        }));
+    }
     firstUpdated() {
         // Don't auto-fetch - let the doctor control when we start
         // The doctor will call fetchHistory() when it's ready
@@ -329,16 +348,23 @@ let TardisControl = class TardisControl extends Colorful {
                     <div style="position: relative; width: 100%" slot="end"> ${changeSummary}</div>
                 </sl-split-panel>`;
         }
+        const isCorrupt = this.specSummary?.corrupt === true;
         const isPr = this.specSummary?.gitPrNumber !== undefined && this.specSummary.gitPrNumber !== null;
         const isEphemeral = this.specSummary?.isEphemeral !== undefined && this.specSummary.isEphemeral;
         let warningBanner = html ``;
-        if (isPr) {
+        if (isCorrupt) {
+            warningBanner = html `
+            <div class="corrupt-banner">
+                <strong>CHANGE CORRUPTED</strong> [<a href="#" class="corrupt-link" @click="${this.openCorruptInfo}">LEARN WHY</a>]
+            </div>`;
+        }
+        else if (isPr) {
             warningBanner = html `
             <div class="pr-banner">
                 PR: <a href="${this.specSummary?.gitPrUrl}" class="pr-url" target="_blank">#${this.specSummary?.gitPrNumber}: ${this.specSummary?.gitPrTitle}</a>
             </div>`;
         }
-        if (!isPr && isEphemeral && this.countdownController && !this.countdownController.isExpired) {
+        else if (isEphemeral && this.countdownController && !this.countdownController.isExpired) {
             const criticalClass = this.countdownController.isCritical ? 'critical' : '';
             warningBanner = html `
             <div class="warn-banner ${criticalClass}">

package/dist/components/toast/toast-manager.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement, property } from "lit/decorators.js";
 import { html, LitElement } from "lit";
+import { repeat } from "lit/directives/repeat.js";
 import { ToastComponent } from "./toast-component.js";
 import { AddToast, ToastExpired } from "../../events/doctor.js";
 import { typedEventHandler } from "../../helpers/typed-events.js";
@@ -52,17 +53,19 @@ let ToastManager = class ToastManager extends LitElement {
     }
     updated() {
         this.toasts?.forEach(toast => {
-            const timeoutId = window.setTimeout(() => {
-                this.activateTimeoutIds.delete(timeoutId);
-                toast.activate();
-            }, 200);
-            this.activateTimeoutIds.add(timeoutId);
+            if (!toast.isActive) {
+                const timeoutId = window.setTimeout(() => {
+                    this.activateTimeoutIds.delete(timeoutId);
+                    toast.activate();
+                }, 200);
+                this.activateTimeoutIds.add(timeoutId);
+            }
         });
     }
     render() {
         return html `
             <div class="toast-manager">
-                ${this.toasts?.map(toast => html `${toast}`)}
+                ${repeat(this.toasts ?? [], toast => toast.toast.id, toast => html `${toast}`)}
             </div>
         `;
     }

package/dist/components/visualizer/equalizer.css.js

@@ -162,7 +162,7 @@ export default css `
     }
 
     .search-panel::-webkit-scrollbar-track {
-        background-color: black;
+        background-color: var(--terminal-background);
     }
 
     .search-panel::-webkit-scrollbar-thumb {

package/dist/components/workspaces/workspace-view.css.js

@@ -21,7 +21,7 @@ export default css `
     }
 
     .workspace-area::-webkit-scrollbar-track {
-        background-color: black;
+        background-color: var(--terminal-background);
     }
 
     .workspace-area::-webkit-scrollbar-thumb {

package/dist/controllers/broker-controller.d.ts

@@ -23,6 +23,7 @@ export declare class BrokerController extends EventTarget {
     private specStreamSubscription;
     private creditStreamSubscription;
     private errorStreamSubscription;
+    private _doctorStarted;
     constructor(deps: BrokerControllerDeps);
     connectToBroker(): void;
     doctorServiceHandler(): BusCallback<CommandResponse>;

package/dist/controllers/broker-controller.js

@@ -13,6 +13,7 @@ export class BrokerController extends EventTarget {
         this.specStreamSubscription = null;
         this.creditStreamSubscription = null;
         this.errorStreamSubscription = null;
+        this._doctorStarted = false;
         this.deps = deps;
         this.bus = deps.bus;
         this.readyPromise = new Promise((resolve) => {
@@ -123,15 +124,18 @@ export class BrokerController extends EventTarget {
         });
     }
     startTheDoctor() {
-        this.specStreamSubscription = this.specStreamChannel.subscribe(this.specStreamHandler());
-        this.creditStreamSubscription = this.creditStreamChannel.subscribe(this.creditStreamHandler());
-        this.errorStreamSubscription = this.errorChannel.subscribe(this.errorStreamHandler());
-        this.mapChannels(SpecStreamChannel, CreditStreamChannel, WalletServiceChannel);
-        this.deps.globalTaskController.init();
-        this.deps.timelineController.init();
+        if (!this._doctorStarted) {
+            this.specStreamSubscription = this.specStreamChannel.subscribe(this.specStreamHandler());
+            this.creditStreamSubscription = this.creditStreamChannel.subscribe(this.creditStreamHandler());
+            this.errorStreamSubscription = this.errorChannel.subscribe(this.errorStreamHandler());
+            this.mapChannels(SpecStreamChannel, CreditStreamChannel, WalletServiceChannel);
+            this.deps.globalTaskController.init();
+            this.deps.timelineController.init();
+            this.deps.boostrap();
+            this._doctorStarted = true;
+        }
         this.confirmBrokerConnection();
         this.startBrokerHeartbeat();
-        this.deps.boostrap();
     }
     specStreamHandler() {
         return (msg) => {
@@ -241,5 +245,6 @@ export class BrokerController extends EventTarget {
         this.creditStreamSubscription = null;
         this.errorStreamSubscription?.unsubscribe();
         this.errorStreamSubscription = null;
+        this._doctorStarted = false;
     }
 }

package/dist/controllers/diagnostic-controller.d.ts

@@ -2,6 +2,7 @@ import type { DiagnosticControllerDeps } from "../interfaces/doctor-interfaces.j
 export declare class DiagnosticController extends EventTarget {
     private readonly deps;
     private oldScore;
+    private rebootGeneration;
     constructor(deps: DiagnosticControllerDeps);
     private createToast;
     private getMaxNodes;
@@ -14,7 +15,13 @@ export declare class DiagnosticController extends EventTarget {
     private handlePostLintOperations;
     private updateStatisticsAndNotify;
     private initializeExplorerIfNeeded;
+    private applyProblemsToUI;
+    private clearProblemState;
+    private resolveRootProblems;
+    private applyMarkersForViolations;
     private handleLintError;
     private handleArrayProblemResult;
     lintSpec(value: string, url?: string): Promise<void>;
+    loadStoredDiagnostics(): Promise<void>;
+    private applyPostLoadOperations;
 }

package/dist/controllers/diagnostic-controller.js

@@ -17,6 +17,7 @@ const NO_CREDIT_ERROR_URL = 'https://pb33f.io/errors/no-credit-remaining';
 export class DiagnosticController extends EventTarget {
     constructor(deps) {
         super();
+        this.rebootGeneration = 0;
         this.deps = deps;
         this.oldScore = 0;
     }
@@ -46,9 +47,6 @@ export class DiagnosticController extends EventTarget {
                 this.deps.referenceMapBag?.reset();
             }
         }
-        else {
-            this.deps.hideUrlError();
-        }
         let replaceResults = false;
         let currentPath = this.deps.rolodexActivePath;
         if (this.deps.rolodexActivePath === this.deps.rolodexRootPath || this.deps.rolodexActivePath === ROOT_PATH_ALIAS) {
@@ -85,11 +83,7 @@ export class DiagnosticController extends EventTarget {
         const r = [result];
         const lookupPath = normalizeRolodexPath(this.deps.rolodexActivePath);
         this.setMarkersWithRootProblems(r, lookupPath, rootProblems);
-        this.deps.problemBag?.set(DocumentProblems, r);
-        this.deps.problemList.problems = r;
-        this.deps.problems = r;
-        this.deps.updateSpecProblems(r);
-        this.deps.problemsOverview.problems = this.deps.problemList.problemItems;
+        this.applyProblemsToUI(r);
     }
     handleParseError(result) {
         if (result.length === SINGLE_PROBLEM_COUNT && result[0].message.startsWith(PARSE_ERROR_PREFIX)) {
@@ -119,7 +113,7 @@ export class DiagnosticController extends EventTarget {
             this.deps.fetchRefMap(context.currentPath);
         }
     }
-    async updateStatisticsAndNotify() {
+    async updateStatisticsAndNotify(suppressScoreToast = false) {
         try {
             const result = await LintingService.fetchStatistics();
             this.deps.diagnosticBag?.set(DiagnosticBag, result);
@@ -131,9 +125,9 @@ export class DiagnosticController extends EventTarget {
             }
             this.deps.problemsOverview.statistics = result;
             const settings = this.deps.settingsBag?.get(SettingsBag);
-            if (!settings?.autoDiagnose) {
+            const newScore = result.statistics.overallScore;
+            if (!suppressScoreToast && !settings?.autoDiagnose) {
                 if (this.deps.problemsOverview.statistics) {
-                    const newScore = result.statistics.overallScore;
                     if (this.oldScore > newScore) {
                         this.createToast(ToastType.SCOREDOWN, `Score went down by ${this.oldScore - newScore}%`, `Your score has decreased. It is now ${newScore}%`);
                     }
@@ -142,11 +136,11 @@ export class DiagnosticController extends EventTarget {
                     }
                 }
             }
+            this.oldScore = newScore;
         }
         catch (e) {
+            this.deps.activity.hide();
             console.error("statistics service is down", e);
-            const error = e;
-            this.createToast(ToastType.ERROR, "Statistics request failed", error.detail);
         }
     }
     initializeExplorerIfNeeded() {
@@ -155,12 +149,44 @@ export class DiagnosticController extends EventTarget {
             this.deps.explorerBooted = true;
         }
     }
+    applyProblemsToUI(violations) {
+        this.deps.problemBag?.set(DocumentProblems, violations);
+        this.deps.problemList.problems = violations;
+        this.deps.problems = violations;
+        this.deps.updateSpecProblems(violations);
+        this.deps.problemsOverview.problems = this.deps.problemList.allProblemItems;
+    }
+    clearProblemState() {
+        this.deps.editor.clearAllMarkers();
+        this.deps.editor.breadcumb.isInvalid = false;
+        this.deps.editor.showBreadcrumb = false;
+        this.deps.problemList.isInvalid = false;
+        this.applyProblemsToUI([]);
+    }
+    resolveRootProblems() {
+        let rootProblems = this.deps.rolodexProblemMap.get(ROOT_PATH_ALIAS);
+        if (!this.deps.rolodexRoot) {
+            rootProblems = [];
+        }
+        return rootProblems;
+    }
+    applyMarkersForViolations(violations, rootProblems, replaceResults) {
+        const normalizedPath = normalizeRolodexPath(this.deps.rolodexActivePath);
+        if (this.deps.rolodexProblemMap.size > 0 && this.deps.rolodexProblemMap.has(normalizedPath)) {
+            this.setMarkersWithRootProblems(violations, normalizedPath, rootProblems);
+        }
+        else if (replaceResults) {
+            this.deps.editor.setMarkers(rootProblems && rootProblems.length > 0 ? rootProblems : []);
+        }
+        else {
+            return false;
+        }
+        return true;
+    }
     handleLintError(e, url) {
         this.deps.activity.hide();
         if (!url) {
-            console.error("so sorry, the doctor cannot see you right now, the clinic is closed.");
             if (e) {
-                console.error(e.detail);
                 if (e.instance === NO_CREDIT_ERROR_URL) {
                     this.deps.statusBar.visible = true;
                     const text = this.deps.isAuthenticated
@@ -168,6 +194,9 @@ export class DiagnosticController extends EventTarget {
                         : "Run out of credit, please authenticate for more or wait 24 hours.";
                     this.createToast(ToastType.ERROR, "💰 Credit Exhausted!", text);
                 }
+                else if (e.detail && e.detail.includes('read-only')) {
+                    this.createToast(ToastType.WARNING, "Read-Only Workspace", e.detail);
+                }
                 else {
                     this.createToast(ToastType.ERROR, "Platform Error", e.detail);
                 }
@@ -178,39 +207,19 @@ export class DiagnosticController extends EventTarget {
         }
     }
     handleArrayProblemResult(result, rootProblems, context) {
-        let revive = true;
         if (result.length === EMPTY_PROBLEMS_COUNT) {
-            this.deps.editor.clearAllMarkers();
-            this.deps.editor.breadcumb.isInvalid = false;
-            this.deps.editor.showBreadcrumb = false;
-            revive = true;
-            this.deps.problemList.isInvalid = false;
+            this.clearProblemState();
         }
         const isParseError = this.handleParseError(result);
         if (isParseError) {
             return { revive: false, shouldContinue: false };
         }
-        const normalizedPath = normalizeRolodexPath(this.deps.rolodexActivePath);
-        if (revive && this.deps.rolodexProblemMap.size > 0 && this.deps.rolodexProblemMap.has(normalizedPath)) {
-            this.setMarkersWithRootProblems(result, normalizedPath, rootProblems);
-        }
-        else {
-            if (context.replaceResults) {
-                const markersToSet = rootProblems && rootProblems.length > 0
-                    ? rootProblems
-                    : [];
-                this.deps.editor.setMarkers(markersToSet);
-            }
-            else {
-                this.deps.fetchRefMap(context.currentPath);
-                return { revive: true, shouldContinue: false };
-            }
+        const markersApplied = this.applyMarkersForViolations(result, rootProblems, context.replaceResults);
+        if (!markersApplied) {
+            this.deps.fetchRefMap(context.currentPath);
+            return { revive: true, shouldContinue: false };
         }
-        this.deps.problemBag?.set(DocumentProblems, result);
-        this.deps.problemList.problems = result;
-        this.deps.problems = result;
-        this.deps.updateSpecProblems(result);
-        this.deps.problemsOverview.problems = this.deps.problemList.problemItems;
+        this.applyProblemsToUI(result);
         if (this.deps.problemsOverview.statistics && result.length === SINGLE_PROBLEM_COUNT) {
             this.deps.problemsOverview.statistics.statistics.totalErrors = SINGLE_PROBLEM_COUNT;
             this.deps.problemsOverview.statistics.statistics.overallScore = UNPARSEABLE_SCORE;
@@ -228,10 +237,7 @@ export class DiagnosticController extends EventTarget {
             if (context.normalizedUrl) {
                 this.deps.hideUrlError();
             }
-            let rootProblems = this.deps.rolodexProblemMap.get(ROOT_PATH_ALIAS);
-            if (!this.deps.rolodexRoot) {
-                rootProblems = [];
-            }
+            const rootProblems = this.resolveRootProblems();
             if (result && !Array.isArray(result)) {
                 this.handleSingleProblemResult(result, rootProblems);
             }
@@ -252,4 +258,54 @@ export class DiagnosticController extends EventTarget {
             this.handleLintError(e, url);
         }
     }
+    async loadStoredDiagnostics() {
+        const generation = ++this.rebootGeneration;
+        this.deps.activity.show();
+        this.deps.editor.breadcumb.isInvalid = false;
+        try {
+            const [violationsResult] = await Promise.allSettled([
+                LintingService.fetchDiagnosisResults(),
+                this.fetchGraphAndHistory(),
+            ]);
+            if (this.rebootGeneration !== generation) {
+                return;
+            }
+            const violations = violationsResult.status === 'fulfilled' ? violationsResult.value : null;
+            if (violations !== null && violations.length > 0) {
+                this.deps.buildRolodexResultMap(violations);
+                if (this.handleParseError(violations)) {
+                    this.applyPostLoadOperations('');
+                    return;
+                }
+                const rootProblems = this.resolveRootProblems();
+                this.applyMarkersForViolations(violations, rootProblems, true);
+                this.applyProblemsToUI(violations);
+                this.deps.editor.revive();
+            }
+            else if (violations !== null) {
+                this.clearProblemState();
+                this.deps.editor.revive();
+            }
+            else {
+                this.deps.editor.clearAllMarkers();
+                this.applyProblemsToUI([]);
+                this.deps.editor.revive();
+            }
+            this.applyPostLoadOperations('');
+        }
+        catch (e) {
+            this.deps.activity.hide();
+            console.error("failed to load stored diagnostics", e);
+        }
+    }
+    applyPostLoadOperations(currentPath) {
+        if (this.deps.rolodexNeedsReset) {
+            this.deps.queryRolodex(currentPath);
+        }
+        else {
+            this.deps.fetchRefMap(currentPath);
+        }
+        this.initializeExplorerIfNeeded();
+        this.updateStatisticsAndNotify(true);
+    }
 }