@pb33f/cowboy-components 0.7.5 → 0.7.7

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

@@ -16,12 +16,11 @@ import '@shoelace-style/shoelace/dist/components/avatar/avatar.js';
 import { customElement, property, query, state } from "lit/decorators.js";
 import { html, LitElement } from "lit";
 import { SpecEditor } from "../editor/editor.js";
-import { ActiveView, AddToast, ArchiveURLRequested, BuiltInRulesetChanged, CustomRulesetEnabled, DocumentReferenceClicked, EditorClicked, EditorUpdated, ExplorerEqualizerChanged, ExplorerEqualizerFiltered, ExplorerNodeClicked, ExportRuleset, LoadRenderedNodeIntoInspector, ModelTreeNodeClicked, NodeReferenceClicked, NukeWorkspaceEvent, OpenProblemDrawer, OpenSettings, ProblemClicked, ProblemRuleFilterChangedManual, RolodexRootFileSelected, RolodexTreeNodeClicked, RuleClicked, RulesetSaved, RuleViolationClicked, } from "../../events/doctor.js";
-import { ProblemDetailsDrawer, ProblemDrawerEventType } from "../problem-list/details-drawer.js";
+import { ActiveView, AddToast, ArchiveURLRequested, BuiltInRulesetChanged, CreditEmpty, CustomRulesetEnabled, DocumentReferenceClicked, EditorClicked, EditorUpdated, ExplorerEqualizerChanged, ExplorerEqualizerFiltered, ExplorerNodeClicked, ExportRuleset, LoadRenderedNodeIntoInspector, ModelTreeNodeClicked, NodeReferenceClicked, NukeWorkspaceEvent, OpenProblemDrawer, OpenSettings, ProblemClicked, RolodexRootFileSelected, RolodexTreeNodeClicked, RuleClicked, RulesetSaved, RuleViolationClicked, StartSessionFailed, } from "../../events/doctor.js";
+import { ProblemDetailsDrawer } from "../problem-list/details-drawer.js";
 import { CreateBagManager } from "@pb33f/saddlebag";
 import { LintingService } from "../../services/linting-service.js";
 import { ProblemList } from "../problem-list/problem-list.js";
-import { Problem } from "../../model/problem.js";
 import { ProblemsOverview } from "../problems-overview/problems-overview.js";
 import { ErrorBanner } from "../error-banner/error-banner.js";
 import { StatusBar } from "./status-bar.js";
@@ -38,29 +37,35 @@ import { ToastType } from "../../model/toast.js";
 import dialogCss from "../../css/dialog.css.js";
 import buttonCss from "../../css/button.css.js";
 import radioGroupsCss from "../../css/radiogroups.css.js";
-import { MarkerSeverity } from "monaco-editor";
 import { ModelService } from "../../services/model-service.js";
-import { SearchNodeTreeForPath } from "../../model/graph.js";
 import { ModelTree } from "../model-tree/tree.js";
 import { ExplorerComponent } from "../visualizer/explorer.js";
 import { RenderedNodeComponent } from "../model-renderer/rendered-node.js";
 import tabsCss from "../../css/tabs.css.js";
 import { CreateBus } from "@pb33f/ranch";
-import { Command, CreditStreamChannel, DoctorServiceChannel, isBrokerResponse, QueuePrefix, SpecStreamChannel } from "../../model/channels.js";
 import formsCss from "../../css/forms.css.js";
 import spinnerCss from "../../css/spinner.css.js";
 import { UploadArchiveComponent } from "./upload-archive.js";
-import { NodeType } from "../../model/node_type.js";
 import tooltipCss from "../../css/tooltip.css.js";
 import { NukeWorkspaceComponent } from "./nuke-workspace.js";
 import { CreditTicker } from "../credit-ticker/credit-ticker.js";
-import { AuthController } from "../../controllers/auth.js";
+import { AuthController } from "../../controllers/auth-controller";
 import { AuthService } from "../../services/auth-service.js";
 import { TimeVortex } from "../time-vortex/time-vortex.js";
 import { TimelineService } from "../../services/timeline-service.js";
 import { DoctorSettings } from "./settings.js";
 import panelsCss from "../../css/panels.css.js";
-import nukeCss from "../../css/nuke.css";
+import nukeCss from "../../css/nuke.css.js";
+import { NodeClickerController } from '../../controllers/node-clicker-controller.js';
+import { BrokerController } from '../../controllers/broker-controller.js';
+import { RolodexController } from '../../controllers/rolodex-controller.js';
+import { SpecController } from '../../controllers/spec-controller.js';
+import { RuleController } from '../../controllers/rule-controller.js';
+import { ProblemController } from '../../controllers/problem-controller.js';
+import { DocsController } from '../../controllers/docs-controller.js';
+import { ModelController } from '../../controllers/model-controller.js';
+import { DiagnosticController } from '../../controllers/diagnostic-controller.js';
+import { StateController } from '../../controllers/state-controller.js';
 export const GraphBag = "pb33f-doctor-graph";
 export const PanelStateBag = "pb33f-doctor-panel-state";
 export const RolodexResponseBag = "pb33f-doctor-rolodex-response";
@@ -91,10 +96,9 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.debounceTime = 1000;
         this.debounceTimeRuleset = 900;
         this.bounceId = 0;
-        this.useTLS = false;
+        this.firstRun = true;
         // rolodex divider state (because it may not exist)
         this.rolodexDividerPosition = 40;
-        this._firstRun = true;
         // extract the doctor endpoint from session storage.
         const sessionEndpoint = sessionStorage.getItem(DoctorEndpoint);
         if (sessionEndpoint) {
@@ -110,21 +114,23 @@ let TheDoctor = class TheDoctor extends LitElement {
         AuthService.doctorEndpoint = this.doctorEndpoint;
         TimelineService.doctorEndpoint = this.doctorEndpoint;
         this.timeVortex = new TimeVortex();
-        //this.authController = new AuthController(this)
         // bus it up
         this.bus = CreateBus();
-        this.doctorServiceChannel = this.bus.createChannel(DoctorServiceChannel);
-        this.specStreamChannel = this.bus.createChannel(SpecStreamChannel);
-        this.creditStreamChannel = this.bus.createChannel(CreditStreamChannel);
-        this.bus.mapChannelToBrokerDestination(QueuePrefix + DoctorServiceChannel, DoctorServiceChannel);
-        // this.bus.mapChannelToBrokerDestination(QueuePrefix + SpecStreamChannel, SpecStreamChannel);
-        // this.bus.mapChannelToBrokerDestination(QueuePrefix + CreditStreamChannel, CreditStreamChannel);
-        this.doctorChannelSubscription = this.doctorServiceChannel.subscribe(this.doctorServiceHandler());
-        // this.specChannelSubscription = this.specStreamChannel.subscribe(this.specStreamHandler());
-        // this.creditChannelSubscription = this.creditStreamChannel.subscribe(this.creditStreamHandler());
-        // create a stateful bag manager
         this.bagManager = CreateBagManager(true);
-        this.bagManager.loadStatefulBags().then(this.loadState.bind(this));
+        this.graphBag = this.bagManager.getBag(GraphBag);
+        this.docBag = this.bagManager.getBag(DoctorDocumentBag);
+        this.rolodexResponseBag = this.bagManager.getBag(RolodexResponseBag);
+        this.rolodexFilesBag = this.bagManager.getBag(RolodexFilesBag);
+        this.rolodexStateBag = this.bagManager.getBag(RolodexStateBag);
+        this.referenceMapBag = this.bagManager.getBag(ReferenceMapBag);
+        this.docExpirationBag = this.bagManager.getBag(DocumentationExpirationBag);
+        this.panelStateBag = this.bagManager.getBag(PanelStateBag);
+        this.settingsBag = this.bagManager.getBag(SettingsBag);
+        // create a stateful bag manager
+        this.modelController = new ModelController(this);
+        this.stateController = new StateController(this);
+        // boot state.
+        this.bagManager.loadStatefulBags().then(this.stateController.loadState.bind(this.stateController));
         this.editor = new SpecEditor();
         this.uploadArchive = new UploadArchiveComponent();
         this.nukeWorkspace = new NukeWorkspaceComponent();
@@ -141,6 +147,15 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.manageRuleset = new ManageRuleset();
         this.toastManager = new ToastManager();
         this.creditTicker = new CreditTicker();
+        // roll the controllers!
+        this.nodeClickerController = new NodeClickerController(this);
+        this.brokerController = new BrokerController(this);
+        this.rolodexController = new RolodexController(this);
+        this.specController = new SpecController(this);
+        this.ruleController = new RuleController(this);
+        this.problemController = new ProblemController(this);
+        this.docsController = new DocsController(this);
+        this.diagnosticController = new DiagnosticController(this);
         this.settingsComponent = new DoctorSettings();
         this.editorMap = new Map();
         this.editorMap.set("spec", this.editor);
@@ -172,7 +187,6 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.minimapIconVisible = true;
         this.showDiagnosisButton = false;
         this.nodeLimit = 150;
-        this.randomTicker = 0;
         // session call back for when we're online.
         const sessionCallback = (session) => {
             if (session.creditsRemaining) {
@@ -182,72 +196,68 @@ let TheDoctor = class TheDoctor extends LitElement {
                 this.creditTicker.credits = session.creditsRemaining;
             }
             this.creditTicker.visible = true;
-            this.connectToBroker();
+            this.brokerController.connectToBroker();
         };
         // create auth controller
         this.authController = new AuthController(this, sessionCallback, true);
+        // listen for auth state changes.
         //@ts-ignore
-        this.addEventListener(EditorUpdated, this.specChanged);
+        this.addEventListener(EditorUpdated, this.specController.specChanged.bind(this.specController));
         //@ts-ignore
-        this.addEventListener(EditorClicked, this.specClicked);
+        this.addEventListener(EditorClicked, this.specController.specClicked.bind(this.specController));
         //@ts-ignore
-        this.addEventListener(ProblemClicked, this.problemClicked);
+        this.addEventListener(ProblemClicked, this.problemController.problemClicked.bind(this.problemController));
         // @ts-ignore
-        this.addEventListener(OpenProblemDrawer, this.ruleDocsClicked);
+        this.addEventListener(OpenProblemDrawer, this.docsController.ruleDocsClicked.bind(this.docsController));
         // @ts-ignore
-        this.addEventListener(RuleViolationClicked, this.ruleGroupClicked);
+        this.addEventListener(RuleViolationClicked, this.ruleController.ruleGroupClicked.bind(this.ruleController));
         // @ts-ignore
-        this.addEventListener(CustomRulesetEnabled, this.customRulesetEnabled);
+        this.addEventListener(CustomRulesetEnabled, this.ruleController.customRulesetEnabled.bind(this.ruleController));
         // @ts-ignore
-        this.addEventListener(RulesetSaved, this.rulesetSaved);
+        this.addEventListener(RulesetSaved, this.ruleController.rulesetSaved.bind(this.ruleController));
         // @ts-ignore
         this.addEventListener(AddToast, this.addToastEvent);
         this.addEventListener(ExportRuleset, this.exportRuleset);
         // @ts-ignore
-        this.addEventListener(RuleClicked, this.ruleClicked);
+        this.addEventListener(RuleClicked, this.ruleController.ruleClicked.bind(this.ruleController));
         // @ts-ignore
         this.addEventListener(BuiltInRulesetChanged, this.builtInRulesetSelected);
         // @ts-ignore
-        this.addEventListener(ModelTreeNodeClicked, this.modelTreeNodeClicked);
+        this.addEventListener(ModelTreeNodeClicked, this.nodeClickerController.modelTreeNodeClicked.bind(this.nodeClickerController));
         // @ts-ignore
-        this.addEventListener(RolodexTreeNodeClicked, this.rolodexTreeNodeClicked);
+        this.addEventListener(RolodexTreeNodeClicked, this.nodeClickerController.rolodexTreeNodeClicked.bind(this.nodeClickerController));
         // @ts-ignore
-        this.addEventListener(RolodexRootFileSelected, this.rolodexRootFileSelected);
+        this.addEventListener(NodeReferenceClicked, this.nodeClickerController.explorerReferenceClicked.bind(this.nodeClickerController));
         // @ts-ignore
-        this.addEventListener(NodeReferenceClicked, this.explorerReferenceClicked);
+        this.addEventListener(ExplorerNodeClicked, this.nodeClickerController.explorerNodeClicked.bind(this.nodeClickerController));
         // @ts-ignore
-        this.addEventListener(ExplorerNodeClicked, this.explorerNodeClicked.bind(this));
+        this.addEventListener(DocumentReferenceClicked, this.nodeClickerController.documentReferenceClicked.bind(this.nodeClickerController));
         // @ts-ignore
-        this.addEventListener(ArchiveURLRequested, this.fetchUrl.bind(this));
+        this.addEventListener(RolodexRootFileSelected, this.rolodexController.rolodexRootFileSelected.bind(this.rolodexController));
         // @ts-ignore
-        this.addEventListener(DocumentReferenceClicked, this.documentReferenceClicked.bind(this));
+        this.addEventListener(ArchiveURLRequested, this.fetchUrl.bind(this));
         //@ts-ignore
         this.explorer.equalizer.addEventListener(ExplorerEqualizerChanged, this.filterTreeModel.bind(this));
         //@ts-ignore
         this.explorer.equalizer.addEventListener(ExplorerEqualizerFiltered, this.filterTreeModel.bind(this));
+        // @ts-ignore
         this.nukeWorkspace.addEventListener(NukeWorkspaceEvent, this.nukeWorkspaceHandler.bind(this));
+        // on logout, nuke it all.
+        // @ts-ignore
+        this.authController.addEventListener(NukeWorkspaceEvent, this.nukeWorkspaceHandler.bind(this));
+        // @ts-ignore
+        this.authController.addEventListener(StartSessionFailed, this.platformUnavailable.bind(this));
         this.timeVortex.historyPicker.addEventListener(OpenSettings, this.openSettings.bind(this));
+        // @ts-ignore
+        this.authController.addEventListener(CreditEmpty, this.creditEmpty.bind(this));
         //@ts-ignore
         this.addEventListener(LoadRenderedNodeIntoInspector, this.loadRenderedNodeIntoInspector.bind(this));
-        // extract port from session storage.
-        this.busPort = sessionStorage.getItem("pb33f-doctor-port");
-        this.busHost = sessionStorage.getItem("pb33f-doctor-host");
-        if (!this.busPort) {
-            this.busPort = "443"; // default port
-        }
-        if (!this.busHost) {
-            this.busHost = "doctor.pb33f.io"; // default host
-        }
-        const useTLS = sessionStorage.getItem("pb33f-doctor-tls");
-        if (useTLS && useTLS == 'true') {
-            this.useTLS = true;
-        }
         // hijack navigation buttons.
         window.addEventListener('popstate', (e) => {
             const state = e.state;
             if (state) {
                 if (state.activeNode) {
-                    this.modelTreeNodeClicked(new CustomEvent(ExplorerNodeClicked, {
+                    this.nodeClickerController.modelTreeNodeClicked(new CustomEvent(ExplorerNodeClicked, {
                         detail: {
                             nodeHashId: state.activeNode,
                             noState: true
@@ -255,7 +265,7 @@ let TheDoctor = class TheDoctor extends LitElement {
                     }));
                 }
                 if (state.ref) {
-                    this.documentReferenceClicked(new CustomEvent(DocumentReferenceClicked, {
+                    this.nodeClickerController.documentReferenceClicked(new CustomEvent(DocumentReferenceClicked, {
                         detail: {
                             jsonPath: state.ref,
                             noState: true
@@ -275,18 +285,18 @@ let TheDoctor = class TheDoctor extends LitElement {
             this.showDiagnosisButton = !config.autoDiagnose;
             // if the time vortex is not available, enable skipsState
             this.timeVortex.historyPicker.skipChanges = config.skipTimeline;
-            if (config.applicationVersion == this.currentVersion) {
+            if (config.applicationVersion == this.brokerController.currentVersion) {
                 return;
             }
-            if (this.currentVersion && this.currentVersion != 'bootstrap' &&
+            if (this.brokerController.currentVersion && this.brokerController.currentVersion != 'bootstrap' &&
                 config.applicationVersion &&
                 config.applicationVersion != 'bootstrap' &&
-                this.currentVersion != config.applicationVersion) {
-                console.warn('version changed, reloading', this.currentVersion, config.applicationVersion);
+                this.brokerController.currentVersion != config.applicationVersion) {
+                console.warn('version changed, reloading', this.brokerController.currentVersion, config.applicationVersion);
                 this.nukeWorkspaceHandler();
             }
             else {
-                config.applicationVersion = this.currentVersion;
+                config.applicationVersion = this.brokerController.currentVersion;
                 this.settingsBag?.set(SettingsBag, config);
             }
         }
@@ -298,15 +308,20 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.requestUpdate();
         this.viewerPanel.click();
     }
-    tickRandomly() {
-        this.randomTicker = Math.floor(Math.random() * 9999999);
-    }
-    nukeWorkspaceHandler() {
+    nukeWorkspaceHandler(e) {
         this.bagManager.resetBags();
         localStorage.removeItem("pb33f-doctor-version");
-        ModelService.resetWorkspace().then(() => {
-            window.location.reload();
-        });
+        if (!e || !e.detail || e.detail.resetFiles) {
+            ModelService.resetWorkspace().then(() => {
+                window.location.reload();
+            });
+        }
+        else {
+            // no work to do, just reload the page.
+            setTimeout(() => {
+                window.location.reload();
+            }, 50);
+        }
     }
     minimapToggled() {
         this.minimapVisible = !this.minimapVisible;
@@ -318,91 +333,12 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.editor = this.querySelector('pb33f-editor#spec-editor');
         this.rulesetEditor = this.querySelector('pb33f-editor#ruleset-editor');
     }
-    whoAmI() {
-        this.bus.publish({
-            destination: "/p/q/" + DoctorServiceChannel,
-            body: JSON.stringify({ request: Command.WhoAmI }),
-        });
-    }
-    connectToBroker() {
-        let protocol = "ws://";
-        if (this.useTLS) {
-            protocol = "wss://";
-        }
-        // configure wiretap broker.
-        const config = {
-            brokerURL: protocol + this.busHost + ':' + this.busPort + '/ranch',
-            heartbeatIncoming: 0,
-            heartbeatOutgoing: 0,
-            onConnect: () => {
-                console.log("💊 Connected to the %cOpenAPI Doctor%c, we are ready to communicate.", 'background: #0d1117; color: #62C4FFFF; font-weight: bold', 'color: default');
-                this.bus.mapChannels();
-                this.whoAmI();
-            }
-        };
-        this.bus.connectToBroker(config);
-    }
     addClickTrack(node) {
         history.pushState({ activeNode: node.idHash }, "", `?view=explore&node=${node.idHash}`);
     }
     addRefTrack(ref) {
         history.pushState({ ref: ref }, "", `?view=spec&ref=${ref}`);
     }
-    doctorServiceHandler() {
-        return (msg) => {
-            if (msg.payload?.payload != null) {
-                if (isBrokerResponse(msg.payload.payload)) {
-                    this.brokerConnectionId = msg.payload.payload.broker;
-                    this.authController.associateBroker(this.brokerConnectionId).then(() => {
-                        // check version from the server
-                        const version = msg.payload.payload.version;
-                        if (version !== "") {
-                            this.currentVersion = version;
-                        }
-                        const memVersion = localStorage.getItem("pb33f-doctor-version");
-                        if (memVersion) {
-                            if (this.currentVersion != memVersion) {
-                                this.nukeWorkspaceHandler();
-                                return;
-                            }
-                        }
-                        else {
-                            localStorage.setItem("pb33f-doctor-version", this.currentVersion);
-                        }
-                        console.log("💊 Welcome to the clinic, the %cdoctor %cis ready to see you. [" + "v" + version + "]", 'color: #62C4FFFF; font-weight: bold', 'color: default');
-                        this.startTheDoctor();
-                    });
-                }
-            }
-        };
-    }
-    startTheDoctor() {
-        this.specChannelSubscription = this.specStreamChannel.subscribe(this.specStreamHandler());
-        this.creditChannelSubscription = this.creditStreamChannel.subscribe(this.creditStreamHandler());
-        this.bus.mapChannelToBrokerDestination(QueuePrefix + SpecStreamChannel, SpecStreamChannel);
-        this.bus.mapChannelToBrokerDestination(QueuePrefix + CreditStreamChannel, CreditStreamChannel);
-        this.boostrap();
-    }
-    specStreamHandler() {
-        return (msg) => {
-            if (msg.payload?.payload != null) {
-                // base64 decode the payload and update the editor!
-                const decoded = atob(msg.payload.payload);
-                if (this.docBag) {
-                    this.docBag.set(DefaultDocument, decoded);
-                }
-                this.editor?.setValue(decoded, true);
-                this.requestUpdate();
-            }
-        };
-    }
-    creditStreamHandler() {
-        return (msg) => {
-            if (msg.payload?.payload != null) {
-                this.creditTicker.credits = parseInt(msg.payload.payload);
-            }
-        };
-    }
     filterTreeModel(event) {
         this.filteredNodes = new Map();
         event.detail.graph.nodes.forEach((node) => {
@@ -411,385 +347,6 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.modelTree.filteredNodes = this.filteredNodes;
         this.modelTree.renderedNodes = this.renderedNodeMap;
     }
-    documentReferenceClicked(evt) {
-        let location = '';
-        let line, col = 1;
-        let path = evt.detail.jsonPath;
-        let fullPath = '';
-        let file = '';
-        let rolodexId = '';
-        if (evt.detail.jsonPath.includes('||')) {
-            location = evt.detail.jsonPath.split('||')[1];
-            path = evt.detail.jsonPath.split('||')[0];
-            // location is formatted line:col-endCol
-            line = parseInt(location.split(':')[0]);
-            col = parseInt(location.split(':')[1]);
-            fullPath = evt.detail.jsonPath.split('||')[2];
-            if (fullPath != '') {
-                file = fullPath.split('#')[0];
-            }
-            rolodexId = evt.detail.jsonPath.split('||')[3];
-        }
-        this.editor.editor?.setPosition({ lineNumber: line, column: col });
-        this.editor.editor?.revealLineInCenter(line);
-        if (this.nodeIdMap.has(path)) {
-            const node = this.nodeIdMap.get(path);
-            if (node) {
-                if (this.nodeIdHashMap.has(node.idHash)) {
-                    const renderedNode = this.renderedNodeMap.get(node.id);
-                    if (renderedNode) {
-                        this.renderedNode.node = renderedNode;
-                        this.modelTree.explorerClicked(node.id);
-                        // add a ref click
-                        if (!evt.detail.noState) {
-                            this.addRefTrack(evt.detail.jsonPath);
-                        }
-                    }
-                }
-            }
-            else {
-                this.toastManager.addToastManually({
-                    id: crypto.randomUUID(),
-                    type: ToastType.INFO,
-                    title: "Reference not found",
-                    body: `Something went wrong, '${path}' not found`
-                });
-            }
-        }
-        else {
-            if (this.rolodexActivePath != undefined && this.rolodexActivePath != file) {
-                ModelService.queryRolodex(rolodexId, file).then((result) => {
-                    this.editor.showBreadcrumb = true;
-                    this.rolodexActivePath = file;
-                    this.editor.clearDecorations();
-                    this.editor.setValue(result.rolodexRoot.instance, true);
-                    this.editor.editor?.setPosition({ lineNumber: line, column: 1 });
-                    this.editor.editor?.revealLineInCenter(line);
-                    this.rolodexTree.explorerClicked(rolodexId);
-                    this.editor.setCurrentPath(file);
-                    this.fetchRefMap(file);
-                    //this.lintSpec(result.rolodexRoot.instance);
-                    // apply problems
-                    if (this.rolodexProblemMap.has(this.rolodexActivePath)) {
-                        const probs = this.rolodexProblemMap.get(this.rolodexActivePath);
-                        if (probs) {
-                            this.editor.setMarkers(probs);
-                        }
-                    }
-                }).catch((e) => {
-                    console.error('rolodex query failed', e);
-                });
-            }
-        }
-    }
-    explorerReferenceClicked(evt) {
-        let nodeId = '';
-        this.explorer.nodeComponents.forEach((node) => {
-            if (node.body.node.nodePath === evt.detail.nodePath) {
-                const renderedNode = this.renderedNodeMap.get(node.body.node.id);
-                if (renderedNode) {
-                    this.editor.editor?.setPosition({ lineNumber: renderedNode.keyLine, column: 0 });
-                    this.editor.editor?.revealLineInCenter(renderedNode.keyLine);
-                    this.renderedNode.node = renderedNode;
-                    nodeId = node.body.node.id;
-                    this.explorer.moveToNode(node.body.node);
-                    this.activeNode = node.body.node;
-                    this.explorer.activeNode = node.body.node;
-                    this.explorer.equalizer.activeNode = node.body.node;
-                }
-                node.body.active = true;
-            }
-            else {
-                node.body.active = false;
-            }
-        });
-        if (nodeId) {
-            this.modelTree.explorerClicked(nodeId);
-            this.explorer.requestUpdate();
-            this.viewerPanel.click();
-        }
-        if (evt.detail.nodePath) {
-            let p = evt.detail.nodePath;
-            if (!p.startsWith('/') && !p.includes('#')) {
-                const dir = this.rolodexRootPath.substring(0, this.rolodexRootPath.lastIndexOf('/') + 1);
-                p = dir + p;
-            }
-            if (!p.startsWith('#/')) {
-                this.rolodexTreeNodeClicked(new CustomEvent(RolodexTreeNodeClicked, {
-                    detail: {
-                        path: p,
-                    }
-                }));
-            }
-        }
-    }
-    rolodexTreeNodeClicked(evt) {
-        const fileBag = this.rolodexFilesBag?.get(RolodexFilesBag);
-        const handleRolodexResponse = (result) => {
-            this.rolodexActivePath = evt.detail.path;
-            this.rolodexActiveHash = evt.detail.nodeHashId;
-            this.editor.setValue(result.instance, true);
-            this.editor.setCurrentPath(this.rolodexActivePath);
-            this.fetchRefMap(this.rolodexActivePath);
-            const probs = this.rolodexProblemMap.get(this.rolodexActivePath);
-            if (probs) {
-                this.editor.setMarkers(probs);
-            }
-            // set the editor file type
-            let language = 'yaml';
-            const ext = evt.detail?.path?.split('.').pop();
-            if (ext) {
-                switch (ext) {
-                    case NodeType.JSON:
-                        language = NodeType.JSON;
-                        break;
-                    case NodeType.GO:
-                        language = NodeType.GO;
-                        break;
-                    case NodeType.PY:
-                        language = 'python';
-                        break;
-                    case NodeType.JS:
-                        language = 'javascript';
-                        break;
-                    case NodeType.TS:
-                        language = 'typescript';
-                        break;
-                    case NodeType.PHP:
-                        language = NodeType.PHP;
-                        break;
-                    case NodeType.XML:
-                        language = NodeType.XML;
-                        break;
-                    case NodeType.JAVA:
-                        language = NodeType.JAVA;
-                        break;
-                    case NodeType.RB:
-                        language = 'ruby';
-                        break;
-                    case NodeType.RS:
-                        language = 'rust';
-                        break;
-                    case NodeType.C:
-                        language = NodeType.C;
-                        break;
-                    case NodeType.CPP:
-                        language = NodeType.CPP;
-                        break;
-                    case NodeType.CS:
-                        language = 'csharp';
-                        break;
-                    case NodeType.MD:
-                        language = 'markdown';
-                        break;
-                }
-            }
-            const existingState = this.rolodexStateBag?.get(RolodexStateBag);
-            if (existingState) {
-                existingState.activePath = evt.detail.path;
-                existingState.activeHash = evt.detail.nodeHashId;
-                existingState.activeLanguage = language;
-                existingState.activeNode = result;
-                existingState.rootPath = this.rolodexRootPath;
-                this.rolodexStateBag?.set(RolodexStateBag, existingState);
-            }
-            else {
-                const existingState = {
-                    activePath: evt.detail.path,
-                    activeHash: evt.detail.nodeHashId,
-                    activeLanguage: language,
-                    activeNode: result,
-                    rootHash: this.rolodexRootHash,
-                    rootPath: this.rolodexRootPath
-                };
-                this.rolodexStateBag?.set(RolodexStateBag, existingState);
-            }
-            this.editor.switchLanguage(language);
-            let line = 1;
-            let col = 0;
-            if (evt.detail.line) {
-                line = evt.detail.line;
-            }
-            if (evt.detail.column) {
-                col = evt.detail.column;
-            }
-            this.editor.editor?.setPosition({ lineNumber: line, column: col });
-            this.editor.editor?.revealLineInCenter(line, col);
-            //this.lintSpec(result.instance);
-            if (evt.detail.path) {
-                this.rolodexTree.openNodeByPath(evt.detail.path);
-            }
-            return language;
-        };
-        ModelService.queryRolodex(evt.detail.nodeHashId, evt.detail.path).then((result) => {
-            this.editor.showBreadcrumb = true;
-            // clear all references
-            this.referenceMapBag?.reset();
-            handleRolodexResponse(result.rolodexRoot);
-            if (evt.detail.path) {
-                if (fileBag && !fileBag.files[evt.detail.path]) {
-                    fileBag.files[evt.detail.path] = result.rolodexRoot;
-                    this.rolodexFilesBag?.set(RolodexFilesBag, fileBag);
-                }
-                if (!fileBag) {
-                    const rf = {
-                        files: { [evt.detail.path]: result.rolodexRoot }
-                    };
-                    this.rolodexFilesBag?.set(RolodexFilesBag, rf);
-                }
-            }
-        });
-    }
-    rolodexRootFileSelected(evt) {
-        this.rolodexActivePath = evt.detail.path;
-        this.rolodexActiveHash = evt.detail.nodeHashId;
-        this.rolodexRootPath = evt.detail.path;
-        this.importDisabled = true;
-        const existingState = this.rolodexStateBag?.get(RolodexStateBag);
-        if (existingState) {
-            existingState.activePath = evt.detail.path;
-            existingState.activeHash = evt.detail.nodeHashId;
-            existingState.rootPath = evt.detail.path;
-            existingState.rootHash = evt.detail.nodeHashId;
-            this.rolodexStateBag?.set(RolodexStateBag, existingState);
-        }
-        else {
-            const existingState = {
-                activePath: evt.detail.path,
-                activeHash: evt.detail.nodeHashId,
-                rootPath: evt.detail.path,
-                rootHash: evt.detail.nodeHashId
-            };
-            this.rolodexStateBag?.set(RolodexStateBag, existingState);
-        }
-        if (evt.detail.nodeHashId) {
-            this.rolodexRootHash = evt.detail.nodeHashId;
-        }
-        if (evt.detail.content) {
-            this.rolodexNeedsReset = true;
-            this.editor.setValue(evt.detail.content, true);
-            this.lintSpec(evt.detail.content);
-        }
-    }
-    modelTreeNodeClicked(evt) {
-        let node = this.nodeIdMap.get(evt.detail.nodeId);
-        if (!node) {
-            node = this.nodeIdHashMap.get(evt.detail.nodeId);
-        }
-        if (node) {
-            if (node.origin && node.origin != this.rolodexActivePath && (node.origin != '/root.yaml' && node.origin != 'root.yaml')) {
-                // extract the rolodex id using the path
-                let hashId = '';
-                const fb = this.rolodexFilesBag?.get(RolodexFilesBag);
-                if (fb) {
-                    if (fb.files[node.origin]) {
-                        hashId = fb.files[node.origin].idHash;
-                    }
-                }
-                // we need to fire a rolodex tree node change event.
-                this.rolodexTreeNodeClicked(new CustomEvent(RolodexTreeNodeClicked, {
-                    detail: {
-                        nodeHashId: hashId,
-                        path: node.origin
-                    }
-                }));
-                return;
-            }
-            // don't jump to the root in the editor if the root is selected
-            if (node.idHash !== 'root') {
-                this.editor.editor?.setPosition({ lineNumber: node.keyLine, column: 0 });
-                this.editor.editor?.revealLineInCenter(node.keyLine);
-            }
-            if (this.explorerVisible) {
-                this.explorer.moveToNode(node, evt.detail.first);
-            }
-            this.activeNode = node;
-            // add changes to active node.
-            if (evt.detail.changes) {
-                node.timeline = evt.detail.changes;
-            }
-            this.explorer.activeNode = node;
-            this.explorer.equalizer.activeNode = node;
-            const renderedNode = structuredClone(this.renderedNodeMap.get(node.id));
-            if (renderedNode) {
-                if (evt.detail.changes) {
-                    renderedNode.timeline = evt.detail.changes;
-                }
-                this.renderedNode.node = renderedNode;
-            }
-            else {
-                alert('no id found');
-            }
-            if (!evt.detail.noState) {
-                this.addClickTrack(node);
-                evt.detail.noState = true;
-            }
-            this.explorerNodeClicked(evt, false);
-            if (this._firstRun) {
-                this._firstRun = false;
-            }
-            else {
-                this.viewerPanel.click();
-            }
-        }
-        else {
-            this.sendToast({
-                id: crypto.randomUUID(),
-                title: 'Unable to load change model',
-                type: ToastType.WARNING,
-                body: 'There is no-longer a model with the path `' + evt.detail.nodeId + '` in the document',
-            });
-            console.error('cannot navigate to node, path not found', evt.detail.nodeId);
-        }
-    }
-    explorerNodeClicked(evt, replaceRenderedNode = true) {
-        let found = false;
-        let foundRenderedNode;
-        this.explorer.nodeComponents.forEach((node) => {
-            if (node.id === evt.detail.nodeId) {
-                let renderedNode;
-                if (replaceRenderedNode) {
-                    renderedNode = this.renderedNodeMap.get(node.id);
-                    if (renderedNode && !this._firstRun) {
-                        this.renderedNode.node = renderedNode;
-                    }
-                }
-                this.selectedNodeHashId = node.body.node.idHash;
-                node.body.active = true;
-                this.activeNode = node.body.node;
-                this.explorer.activeNode = node.body.node;
-                found = true;
-                if (replaceRenderedNode) {
-                    foundRenderedNode = renderedNode;
-                }
-                if (!evt.detail.noState) {
-                    this.addClickTrack(node.body.node);
-                }
-            }
-            else {
-                node.body.active = false;
-            }
-        });
-        if (!found) {
-            // might be filtered, check the filtered nodes
-            const node = this.nodeIdMap.get(evt.detail.nodeId);
-            if (node) {
-                this.selectedNodeHashId = node.idHash;
-                this.activeNode = node;
-                this.explorer.activeNode = node;
-                this.explorer.equalizer.activeNode = node;
-            }
-        }
-        if (foundRenderedNode) {
-            // when jumping back to the spec view, we need to set the line
-            this.pendingLine = foundRenderedNode.keyLine;
-        }
-        this.modelTree.explorerClicked(evt.detail.nodeId);
-        if (!this._firstRun) {
-            this.viewerPanel.click();
-        }
-        this.explorer.requestUpdate();
-    }
     exportRuleset() {
         this.exportRulesetDialog.show();
     }
@@ -799,452 +356,6 @@ let TheDoctor = class TheDoctor extends LitElement {
     sendToast(toast) {
         this.toastManager.addToastManually(toast);
     }
-    ruleGroupClicked(event) {
-        this.problemsPanel.focus();
-        const simEvent = new CustomEvent(ProblemRuleFilterChangedManual, {
-            bubbles: true,
-            composed: true,
-            detail: {
-                rule: event.detail.rule
-            }
-        });
-        this.problemsPanel.focus();
-        this.problemList.dispatchEvent(simEvent);
-        history.pushState({ rule: event.detail.rule }, "", `/${ActiveView.Problems}?rule=${event.detail.rule}`);
-        this.controlTabGroup.show(ActiveView.Problems);
-    }
-    ruleDocsClicked(event) {
-        const ruleId = event.detail.rule;
-        if (ruleId) {
-            switch (event.detail.type) {
-                case ProblemDrawerEventType.RULE_DOCS:
-                    const ruleDoc = this.ruleDocsBag?.get(ruleId);
-                    if (ruleDoc) {
-                        event.detail.body = ruleDoc.body;
-                        this.detailsDrawer.open(event.detail);
-                    }
-                    else {
-                        this.sendToast({
-                            id: crypto.randomUUID(),
-                            type: ToastType.INFO,
-                            title: "Rule documentation unavailable",
-                            body: `Documentation for '${ruleId}' not available`
-                        });
-                    }
-                    break;
-                case ProblemDrawerEventType.HOW_TO_FIX:
-                    const howToFix = this.howToFixBag?.get(ruleId);
-                    if (howToFix) {
-                        event.detail.body = howToFix.howToFix;
-                        this.detailsDrawer.open(event.detail);
-                    }
-                    else {
-                        this.sendToast({
-                            id: crypto.randomUUID(),
-                            type: ToastType.INFO,
-                            title: "How to fix unavailable",
-                            body: `Information on how to fix '${ruleId}' not available`
-                        });
-                    }
-                    break;
-                case ProblemDrawerEventType.FUNCTION_DOCS:
-                    const funcDocs = this.functionDocsBag?.get(ruleId);
-                    if (funcDocs) {
-                        event.detail.body = funcDocs.body;
-                        this.detailsDrawer.open(event.detail);
-                    }
-                    else {
-                        this.sendToast({
-                            id: crypto.randomUUID(),
-                            type: ToastType.INFO,
-                            title: "Function documentation unavailable",
-                            body: `Documentation for '${ruleId}' not available`
-                        });
-                    }
-                    break;
-            }
-        }
-        else {
-            switch (event.detail.type) {
-                case ProblemDrawerEventType.RENDERED_EXAMPLE:
-                case ProblemDrawerEventType.MARKDOWN:
-                    this.detailsDrawer.open(event.detail);
-            }
-        }
-    }
-    rulesetSaved(evt) {
-        // lint spec
-        if (this.docBag) {
-            const doc = this.docBag.get(DefaultDocument);
-            const config = this.ruleConfigBag?.get(RuleConfigurationBag);
-            if (evt.detail.rules) {
-                this.customRulesetBag?.set(CustomRulesetBag, evt.detail.rules);
-                // get ruleset config and disable everything,
-                // then enable the custom rules.
-                if (config) {
-                    // extract config from the event
-                    const newConfig = evt.detail.config;
-                    if (newConfig && this.ruleConfigBag) {
-                        newConfig.returnedRuleset = evt.detail.returnedRules;
-                        this.ruleConfigBag?.set(RuleConfigurationBag, newConfig);
-                    }
-                }
-                RulesetService.getSessionRulesetAsYAML().then((yaml) => {
-                    if (this.selectedEditorTab == "spec") {
-                        this.rulesetPulse = true;
-                    }
-                    this.rulesetEditor.setValue(yaml, true);
-                    this.fetchRulesetMap();
-                });
-                // lint the spec
-                this.lintSpec(doc, '');
-            }
-        }
-    }
-    buildRolodexResultMap(results) {
-        // TODO: optimize this, it's a bit slow.
-        this.rolodexProblemMap.clear();
-        results.forEach((problem) => {
-            // check if the source location is '/root.yaml'
-            if (problem.sourceLocation === '/root.yaml' || problem.sourceLocation === 'root.yaml') {
-                problem.sourceLocation = "root";
-            }
-            if (this.rolodexProblemMap.has(problem.sourceLocation)) {
-                const problems = this.rolodexProblemMap.get(problem.sourceLocation);
-                if (problems) {
-                    problems.push(problem);
-                    if (problem.sourceLocation) {
-                        this.rolodexProblemMap.set(problem.sourceLocation, problems);
-                    }
-                    else {
-                        if (!this.rolodexRootPath) {
-                            this.rolodexProblemMap.set("root", problems);
-                        }
-                        else {
-                            this.rolodexProblemMap.set(this.rolodexRootPath, problems);
-                        }
-                    }
-                }
-            }
-            else {
-                if (problem.sourceLocation) {
-                    this.rolodexProblemMap.set(problem.sourceLocation, [problem]);
-                }
-                else {
-                    if (!this.rolodexRootPath) {
-                        const currProblems = this.rolodexProblemMap.get("root");
-                        if (currProblems) {
-                            currProblems.push(problem);
-                            this.rolodexProblemMap.set("root", currProblems);
-                        }
-                        else {
-                            this.rolodexProblemMap.set("root", [problem]);
-                        }
-                    }
-                    else {
-                        const currProblems = this.rolodexProblemMap.get(this.rolodexRootPath);
-                        if (currProblems) {
-                            currProblems.push(problem);
-                            this.rolodexProblemMap.set(this.rolodexRootPath, currProblems);
-                        }
-                        else {
-                            this.rolodexProblemMap.set(this.rolodexRootPath, [problem]);
-                        }
-                    }
-                }
-            }
-        });
-        return this.rolodexProblemMap;
-    }
-    fetchRefMap(currentPath = '') {
-        ModelService.fetchReferenceMap().then((result) => {
-            this.editor.clearDecorations();
-            this.references = result;
-            this.editor.links = result;
-            this.editor.applyLinkDecorations();
-            // add references to our stateful bag
-            this.updateRefmapBag(currentPath, result);
-        }).catch(() => {
-            this.editor.clearDecorations();
-            this.editor.clearAllMarkers();
-            this.toastManager.addToastManually({
-                id: crypto.randomUUID(),
-                type: ToastType.INFO,
-                title: "File not analyzed",
-                body: "This file is not a JSON or YAML file, it has not been analyzed."
-            });
-        });
-    }
-    /* LINT SPEC <---------------------------------------------------------------------------------------------
-    *
-    * This is our main function, man we need to clean this all up, it's bloated to fuck
-    *
-    * <--------------------------------------------------------------------------------------------------------
-    */
-    lintSpec(value, url) {
-        this.activitySpinner.show();
-        this.editor.breadcumb.isInvalid = false;
-        if (url) {
-            if (url === 'root') {
-                url = '';
-            }
-            else {
-                this.urlProblem.style.display = 'none';
-                this.urlOverlay.style.display = "block";
-                this.urlSpinner.style.display = "block";
-                this.referenceMapBag?.reset(); // wipe out refs.
-            }
-        }
-        else {
-            this.urlProblem.style.display = 'none';
-            this.urlOverlay.style.display = "none";
-            this.urlSpinner.style.display = "none";
-        }
-        let replaceResults = false;
-        let currentPath = this.rolodexActivePath;
-        if (this.rolodexActivePath === this.rolodexRootPath || this.rolodexActivePath === 'root') {
-            replaceResults = true;
-            currentPath = '';
-            this.editor.showBreadcrumb = false;
-        }
-        if (url && url != '') {
-            try {
-                const parsedUrl = new URL(url);
-                if (parsedUrl) {
-                    currentPath = parsedUrl.pathname;
-                    this.rolodexActivePath = currentPath;
-                    this.rolodexRootPath = currentPath;
-                    replaceResults = true;
-                }
-            }
-            catch (e) {
-                // do nothing for now.
-            }
-        }
-        let revive = true;
-        LintingService.lintFile(value, this.brokerConnectionId, url, currentPath, this.skipTimeline).then((result) => {
-            //if (replaceResults) {
-            this.activitySpinner.hide();
-            const map = this.buildRolodexResultMap(result);
-            if (url) {
-                this.urlOverlay.style.display = "none";
-                this.urlSpinner.style.display = "none";
-                this.urlProblem.style.display = 'none';
-            }
-            // extract empty location problems as we are replacing the root results
-            let rootProblems = this.rolodexProblemMap.get("root");
-            if (!this.rolodexRoot) {
-                rootProblems = [];
-            }
-            if (result && !Array.isArray(result)) {
-                const r = [result];
-                if (this.rolodexProblemMap.size > 0 && this.rolodexProblemMap.has(this.rolodexActivePath)) {
-                    const probs = this.rolodexProblemMap.get(this.rolodexActivePath);
-                    if (probs) {
-                        if (rootProblems) {
-                            probs.push(...rootProblems);
-                        }
-                        this.editor.setMarkers(probs);
-                    }
-                    else {
-                        if (rootProblems) {
-                            r.push(...rootProblems);
-                        }
-                        this.editor.setMarkers(r);
-                    }
-                }
-                else {
-                    if (rootProblems) {
-                        r.push(...rootProblems);
-                    }
-                    this.editor.setMarkers(r);
-                }
-                this.problemBag?.set(DocumentProblems, r);
-                this.problemList.problems = r;
-                this.problems = r;
-                this.problemsOverview.problems = this.problemList.problemItems;
-            }
-            if (result && Array.isArray(result)) {
-                if (result.length == 0) {
-                    this.editor.clearAllMarkers();
-                    this.editor.breadcumb.isInvalid = false;
-                    this.editor.showBreadcrumb = false;
-                    revive = true;
-                    this.problemList.isInvalid = false;
-                }
-                // check if this problem is 'unable to parse'
-                if (result.length == 1 && result[0].message.startsWith('unable to parse')) {
-                    // short circuit, we are dead.
-                    this.editor.clearDecorations();
-                    this.editor.clearAllMarkers();
-                    this.editor.setMarkers(result);
-                    this.editor.breadcumb.isInvalid = true;
-                    this.editor.showBreadcrumb = true;
-                    this.editor.dead();
-                    this.problemList.isInvalid = true;
-                    revive = false;
-                }
-                // extract empty location problems as we are replacing the root results
-                if (revive && this.rolodexProblemMap.size > 0 && this.rolodexProblemMap.has(this.rolodexActivePath)) {
-                    const probs = this.rolodexProblemMap.get(this.rolodexActivePath);
-                    if (probs) {
-                        if (rootProblems) {
-                            probs.push(...rootProblems);
-                        }
-                        this.editor.setMarkers(probs);
-                    }
-                    else {
-                        if (rootProblems) {
-                            result.push(...rootProblems);
-                        }
-                        this.editor.setMarkers(result);
-                    }
-                }
-                else {
-                    if (replaceResults) {
-                        this.editor.setMarkers(result);
-                    }
-                    else {
-                        this.fetchRefMap(currentPath);
-                        return;
-                    }
-                }
-                this.problemBag?.set(DocumentProblems, result);
-                this.problemList.problems = result;
-                this.problems = result;
-                this.problemsOverview.problems = this.problemList.problemItems;
-                if (this.problemsOverview.statistics) {
-                    if (result.length == 1) {
-                        this.problemsOverview.statistics.statistics.totalErrors = 1;
-                        this.problemsOverview.statistics.statistics.overallScore = 0;
-                        this.problemsOverview.statistics.evaluation = 'Useless';
-                        this.problemsOverview.statistics.diagnosis = '<strong>Specification cannot be used</strong>: <br/><br/>' + result[0].message;
-                    }
-                }
-            }
-            // enable pb33f theme.
-            if (revive) {
-                this.editor.revive();
-            }
-            else {
-                return;
-            }
-            // fetch graph
-            if ((this.rolodexRootPath == this.rolodexActivePath || this.rolodexActivePath == 'root') || url) {
-                ModelService.fetchLatestGraph().then((result) => {
-                    this.extractGraph(result);
-                });
-            }
-            // TODO: rolodex query should happen elsewhere too!
-            if (this.rolodexNeedsReset) {
-                ModelService.queryRolodex().then((result) => {
-                    this.fetchRefMap(currentPath);
-                    this.importDisabled = true;
-                    this.editor.showBreadcrumb = true;
-                    this.rolodexNeedsReset = false;
-                    result.rolodexRoot.treeExpanded = true;
-                    this.rolodexTree.isRolodex = true;
-                    this.rolodexTree.node = result.rolodexRoot;
-                    this.rolodexRoot = result.rolodexRoot;
-                    if (this.rolodexActiveHash) {
-                        this.rolodexTree.pendingNavigationHash = this.rolodexActiveHash;
-                    }
-                    if (this.rolodexActivePath) {
-                        this.rolodexTree.pendingNavigationPath = this.rolodexActivePath;
-                    }
-                    this.rolodexResponseBag?.set(RolodexResponseBag, result);
-                    const existingState = this.rolodexStateBag?.get(RolodexStateBag);
-                    if (!existingState) {
-                        const existingState = {
-                            activePath: this.rolodexActivePath,
-                            rootPath: this.rolodexRootPath,
-                        };
-                        this.rolodexStateBag?.set(RolodexStateBag, existingState);
-                    }
-                    this.requestUpdate();
-                });
-            }
-            else {
-                this.fetchRefMap(currentPath);
-                this.timeVortex.tardisControl.fetchHistory();
-            }
-            // update the overview statistics
-            LintingService.fetchStatistics().then((result) => {
-                let oldScore = 0;
-                if (this.problemsOverview.statistics) {
-                    oldScore = this.problemsOverview.statistics.statistics.overallScore;
-                }
-                this.diagnosticBag?.set(DiagnosticBag, result);
-                this.activitySpinner.hide();
-                if (result?.remainingCredit <= 10) {
-                    this.statusBar.callsRemaining = result.remainingCredit;
-                    this.statusBar.visible = true;
-                    console.warn("You are running low on credit, you will need to authenticate soon. " +
-                        "" + result.remainingCredit + " credits remaining.");
-                }
-                // determine if the score went up or down and toast it!
-                this.problemsOverview.statistics = result;
-                this.tickRandomly(); // tick randomly to refresh docs iframe.
-                // TODO: re-evaluate these toasts, they get annoying, fucking fast.
-                // if (this.problemsOverview.statistics) {
-                //     const newScore = result.statistics.overallScore;
-                //     if (oldScore > newScore) {
-                //         this.sendToast({
-                //             id: crypto.randomUUID(),
-                //             type: ToastType.SCOREDOWN,
-                //             body: "Your score has decreased. It is now " + newScore + "%",
-                //             title: "Score went down by " + (oldScore - newScore) + "%"
-                //         });
-                //     }
-                //     if (oldScore < newScore) {
-                //         this.sendToast({
-                //             id: crypto.randomUUID(),
-                //             type: ToastType.SCOREUP,
-                //             body: "Your score has increased to " + newScore + "%",
-                //             title: "Score went up by " + (newScore - oldScore) + "%"
-                //         });
-                //     }
-                // }
-            }).catch((e) => {
-                console.error("statistics service is down", e);
-                this.platformUnavailable(e);
-            });
-            if (!this.explorerBooted) {
-                this.explorer.equalizer.initializeEqualizer();
-                this.explorerBooted = true;
-            }
-        }).catch((e) => {
-            this.activitySpinner.hide();
-            if (!url) {
-                //this.platformUnavailable(e);
-                console.error("so sorry, the doctor cannot see you right now, the clinic is closed.");
-                if (e) {
-                    console.error(e.detail);
-                    if (e.instance === 'https://pb33f.io/errors/no-credit-remaining') {
-                        this.statusBar.callsRemaining = 0;
-                        this.statusBar.visible = true;
-                        this.sendToast({
-                            id: crypto.randomUUID(),
-                            type: ToastType.ERROR,
-                            body: "Run out of credit, please authenticate for more or wait 24 hours.",
-                            title: "Credit exhausted!",
-                        });
-                    }
-                    else {
-                        this.sendToast({
-                            id: crypto.randomUUID(),
-                            type: ToastType.ERROR,
-                            body: e.detail,
-                            title: "Platform Error",
-                        });
-                    }
-                }
-            }
-            else {
-                this.showUrlError(e);
-            }
-        });
-    }
     updateInspectorDivider() {
         const panelState = this.panelStateBag?.get(PanelStateBag);
         if (panelState) {
@@ -1289,15 +400,18 @@ let TheDoctor = class TheDoctor extends LitElement {
         }
         this.referenceMapBag?.set(ReferenceMapBag, refMap);
     }
+    creditEmpty(e) {
+        this.platformUnavailable(e.detail.error);
+    }
     platformUnavailable(error) {
         if (!this.unavailable) {
-            this.loadingOverlay.hide();
-            this.activitySpinner.hide();
+            this.loadingOverlay?.hide();
+            this.activitySpinner?.hide();
             this.errorBanner.errorTitle = "The doctor is out.";
-            if (!error) {
+            if (!error || !error.detail) {
                 this.errorBanner.errorMessage = "The clinic is <strong>closed!</strong> " +
                     "The doctor is currently unavailable" +
-                    " because there is no response from the platform.";
+                    " because there is no response (when asked) from the pb33f platform.";
             }
             else {
                 this.errorBanner.errorMessage = "The clinic is <strong>closed!</strong> " +
@@ -1309,716 +423,12 @@ let TheDoctor = class TheDoctor extends LitElement {
             this.controlTabGroup.show(ActiveView.Overview);
         }
     }
-    specClicked(event) {
-        this.detailsDrawer.close();
-        if (this.selectedEditorTab == "spec") {
-            let problemFound = false;
-            for (let i = 0; i < this.problems?.length; i++) {
-                if (this.problems[i].startLineNumber === event.detail.line) {
-                    this.problemList.lineClicked(event.detail.line, true);
-                    this.controlTabGroup.show(ActiveView.Problems);
-                    if (this.sidebarClosed) {
-                        this.toggleSidebar();
-                    }
-                    problemFound = true;
-                    break;
-                }
-            }
-            // use the graph lookup to find the node, use the graphResponse, if available if not, pull from bag
-            const graph = this.graphBag?.get(GraphBag);
-            if (graph) {
-                if (graph.graphMap && event.detail.line) {
-                    const nodeHash = graph.graphMap[event.detail.line];
-                    if (nodeHash) {
-                        this.modelTree.explorerClicked(nodeHash);
-                        const rendered = this.renderedNodeMap.get(nodeHash);
-                        if (rendered) {
-                            this.renderedNode.node = rendered;
-                        }
-                        if (!problemFound) {
-                            this.viewerPanel.click();
-                        }
-                        const n = this.nodeIdHashMap.get(nodeHash);
-                        if (n) {
-                            this.explorer.activeNode = n;
-                            this.explorer.equalizer.activeNode = n;
-                        }
-                    }
-                }
-            }
-        }
-        if (this.selectedEditorTab == ActiveView.Ruleset) {
-            // check ruleset map for the line number
-            const rulesetMap = this.sessionRulesetMapBag?.get(SessionRulesetMapBag);
-            if (rulesetMap?.rulesMap) {
-                for (let i = 0; i < rulesetMap.rulesMap.length; i++) {
-                    if (rulesetMap.rulesMap[i].line === event.detail.line) {
-                        this.controlTabGroup.show(ActiveView.Ruleset);
-                        if (this.sidebarClosed) {
-                            this.toggleSidebar();
-                        }
-                        break;
-                    }
-                }
-            }
-        }
-    }
-    problemClicked(event) {
-        if (this.selectedEditorTab != "spec") {
-            this.editorTabGroup.show("spec");
-            this.selectedEditorTab = "spec";
-        }
-        let sourceLocation = event.detail.problem.problemObject.sourceLocation;
-        // no source? use root
-        if (sourceLocation == '' || sourceLocation == undefined || sourceLocation == 'root') {
-            sourceLocation = this.rolodexRootPath;
-        }
-        // locate the node in rolodex root
-        const node = SearchNodeTreeForPath(this.rolodexRoot, sourceLocation);
-        if (node) {
-            // trigger a rolodex load
-            this.rolodexTreeNodeClicked(new CustomEvent(RolodexTreeNodeClicked, {
-                detail: {
-                    nodeHashId: node.idHash,
-                    path: sourceLocation,
-                    line: event.detail.problem.problemObject.startLineNumber,
-                    column: event.detail.problem.problemObject.startColumn
-                }
-            }));
-            this.detailsDrawer.close();
-            // make sure we select the file in the rolodex
-            this.rolodexTree.openNodeByPath(sourceLocation);
-            return;
-        }
-        this.controlTabGroup.show(ActiveView.Problems);
-        this.editor.editor?.revealLineInCenter(event.detail.problem.line);
-        this.editor.editor?.setPosition({
-            lineNumber: event.detail.problem.line,
-            column: event.detail.problem.column
-        });
-        this.detailsDrawer.close();
-        if (!event.detail.launchedFromProblems) {
-            this.problemList.lineClicked(event.detail.problem.problemObject.startLineNumber);
-        }
-    }
-    loadState() {
-        this.graphBag = this.bagManager.getBag(GraphBag);
-        this.docBag = this.bagManager.getBag(DoctorDocumentBag);
-        this.rolodexResponseBag = this.bagManager.getBag(RolodexResponseBag);
-        this.rolodexFilesBag = this.bagManager.getBag(RolodexFilesBag);
-        this.rolodexStateBag = this.bagManager.getBag(RolodexStateBag);
-        this.referenceMapBag = this.bagManager.getBag(ReferenceMapBag);
-        this.docExpirationBag = this.bagManager.getBag(DocumentationExpirationBag);
-        this.panelStateBag = this.bagManager.getBag(PanelStateBag);
-        this.settingsBag = this.bagManager.getBag(SettingsBag);
-        // register a handler for settings bag changes.
-        this.settingsBag?.onAllChanges(this.settingsChanged.bind(this));
-        this.settingsComponent.settingsBag = this.settingsBag;
-        if (this.settingsBag) {
-            this.settingsChanged('', this.settingsBag.get(SettingsBag));
-        }
-        this.settingsComponent.bootstrap();
-        // load the rolodex
-        if (this.rolodexResponseBag) {
-            const response = this.rolodexResponseBag.get(RolodexResponseBag);
-            if (response) {
-                this.rolodexRoot = response.rolodexRoot;
-                this.rolodexTree.isRolodex = true;
-                this.rolodexTree.node = response.rolodexRoot;
-                response.rolodexRoot.treeExpanded = true;
-                this.requestUpdate();
-            }
-        }
-        let skipDocBag = false;
-        const checkRefMap = (key) => {
-            let refMap = this.referenceMapBag?.get(ReferenceMapBag);
-            if (refMap) {
-                // TODO: replace with scehduled task to refresh the reference map
-                setTimeout(() => {
-                    let refs = refMap?.references[key];
-                    if (!refs) {
-                        refs = refMap?.references[""]; // single file
-                    }
-                    if (refs) {
-                        this.references = refs;
-                        this.editor.links = refs;
-                        this.editor.applyLinkDecorations();
-                    }
-                }, 5); // editor has not loaded yet, give it a second to breathe.
-            }
-            else {
-                ModelService.fetchReferenceMap().then((result) => {
-                    this.references = result;
-                    this.editor.links = result;
-                    this.editor.applyLinkDecorations();
-                }).catch(() => {
-                    this.editor.clearDecorations();
-                    this.editor.clearAllMarkers();
-                });
-            }
-        };
-        if (this.rolodexStateBag) {
-            const state = this.rolodexStateBag.get(RolodexStateBag);
-            if (state) {
-                this.rolodexActivePath = state.activePath;
-                this.rolodexActiveHash = state.activeHash;
-                // load the root.
-                if (state.rootHash) {
-                    this.rolodexTree.pendingNavigationHash = state.rootHash;
-                }
-                if (state.rootPath) {
-                    this.rolodexRootPath = state.rootPath;
-                    if (state.activePath) {
-                        checkRefMap(state.activePath);
-                    }
-                    // ensure the session has a root selected
-                    ModelService.selectRootPath(state.rootPath).then(() => {
-                        // nothing to do.
-                    }).catch((e) => {
-                        console.error('could not select the root path on boot bro', e);
-                    });
-                }
-                if (state.rootHash)
-                    this.rolodexRootHash = state.rootHash;
-                if (state.activePath) {
-                    this.rolodexTree.pendingNavigationPath = state.activePath;
-                    this.rolodexTree.requestUpdate();
-                }
-                if (state.activeNode) {
-                    // load the content of the active node into the editor
-                    if (state.activeLanguage) {
-                        this.editor.switchLanguage(state.activeLanguage);
-                    }
-                    this.editor.setValue(state.activeNode.instance, true);
-                    skipDocBag = true;
-                }
-            }
-            else {
-                this.rolodexActivePath = "root";
-                // refresh the refmap.
-                checkRefMap(this.rolodexActivePath);
-            }
-        }
-        if (this.docBag && !skipDocBag) {
-            const doc = this.docBag.get(DefaultDocument);
-            if (doc) {
-                this.editor.setValue(doc, true);
-            }
-        }
-        this.problemBag = this.bagManager.getBag(DocumentProblems);
-        if (this.problemBag) {
-            const markers = this.problemBag.get(DocumentProblems);
-            if (markers) {
-                this.problems = markers;
-                for (let i = 0; i < markers.length; i++) {
-                    markers[i] = Problem.reconstruct(markers[i]);
-                }
-                this.buildRolodexResultMap(markers);
-                if (this.rolodexProblemMap.size > 0 && this.rolodexProblemMap.has(this.rolodexActivePath)) {
-                    const probs = this.rolodexProblemMap.get(this.rolodexActivePath);
-                    if (probs) {
-                        this.editor.setMarkers(probs);
-                    }
-                }
-                this.problemList.problems = markers;
-                this.problemsOverview.problems = this.problemList.problemItems;
-            }
-        }
-        this.howToFixBag = this.bagManager.getBag(HowToFixBag);
-        this.diagnosticBag = this.bagManager.getBag(DiagnosticBag);
-        if (this.diagnosticBag) {
-            const stats = this.diagnosticBag.get(DiagnosticBag);
-            if (stats) {
-                this.problemsOverview.statistics = stats;
-            }
-        }
-        // extract graph
-        if (this.graphBag) {
-            const graph = this.graphBag.get(GraphBag);
-            if (graph) {
-                this.extractGraph(graph);
-            }
-        }
-        // extract panel state
-        if (this.panelStateBag) {
-            const panelState = this.panelStateBag.get(PanelStateBag);
-            if (panelState && panelState.explorerPanel) {
-                this.splitPanelExplorer.position = panelState.explorerPanel;
-            }
-            if (panelState && panelState.rolodexPanel) {
-                if (this.splitPanelRolodex) {
-                    this.splitPanelRolodex.position = panelState.rolodexPanel;
-                }
-                this.rolodexDividerPosition = panelState.rolodexPanel;
-            }
-            if (panelState && panelState.inspectorPanel) {
-                this.splitPanelInspector.position = panelState.inspectorPanel;
-            }
-        }
-        if (!this.rolodexRoot) {
-            this.importDisabled = false;
-        }
-        else {
-            this.importDisabled = true;
-        }
-        // extract rulesets from bags
-        const promises = [];
-        this.defaultRulesetBag = this.bagManager.getBag(DefaultRulesetBag);
-        if (this.defaultRulesetBag) {
-            const ruleset = this.defaultRulesetBag.get(DefaultRulesetBag);
-            if (ruleset) {
-                this.defaultRuleset = ruleset;
-            }
-            else {
-                promises.push(this.fetchDefaultRuleset());
-            }
-        }
-        // OWASP ruleset
-        this.OWASPRulesetBag = this.bagManager.getBag(OWASPRulesetBag);
-        if (this.OWASPRulesetBag) {
-            const ruleset = this.OWASPRulesetBag.get(OWASPRulesetBag);
-            if (ruleset) {
-                this.OWASPRuleset = ruleset;
-            }
-            else {
-                promises.push(this.fetchOWASPRuleset());
-            }
-        }
-        // All ruleset
-        this.allRulesetBag = this.bagManager.getBag(AllRulesetBag);
-        if (this.allRulesetBag) {
-            const ruleset = this.allRulesetBag.get(AllRulesetBag);
-            if (ruleset) {
-                this.allRuleset = ruleset;
-            }
-            else {
-                promises.push(this.fetchAllRuleset());
-            }
-        }
-        // functions
-        this.functionsBag = this.bagManager.getBag(FunctionsBag);
-        this.functionSchemaBag = this.bagManager.getBag(FunctionsSchemaBag);
-        if (this.functionsBag) {
-            const functions = this.functionsBag.get(FunctionsBag);
-            if (functions) {
-                this.functions = functions;
-            }
-            else {
-                promises.push(this.fetchFunctions());
-            }
-        }
-        // custom ruleset
-        this.customRulesetBag = this.bagManager.getBag(CustomRulesetBag);
-        if (this.customRulesetBag) {
-            const ruleset = this.customRulesetBag.get(CustomRulesetBag);
-            if (ruleset) {
-                this.customRuleset = ruleset;
-            }
-        }
-        // create rule configuration bag
-        this.ruleConfigBag = this.bagManager.getBag(RuleConfigurationBag);
-        // create rule configuration bag
-        this.sessionRulesetMapBag = this.bagManager.getBag(SessionRulesetMapBag);
-        // fire off all network requests, then configure the ruleset management.
-        Promise.all(promises).then(() => {
-            // configure rule management
-            this.manageRuleset.defaultRuleset = this.defaultRuleset;
-            this.manageRuleset.owaspRuleset = this.OWASPRuleset;
-            this.manageRuleset.allRuleset = this.allRuleset;
-            this.manageRuleset.functions = this.functions;
-            const config = this.ruleConfigBag?.get(RuleConfigurationBag);
-            if (config) {
-                this.manageRuleset.rulesetConfig = config;
-            }
-            else {
-                this.manageRuleset.rulesetConfig = { ruleMapping: new Map(), allRulesSwitch: true };
-            }
-            setTimeout(() => {
-                this.manageRuleset.buildRulesets();
-                if (this.customRuleset && this.customRuleset.rules.size > 0) {
-                    this.manageRuleset.customRuleset = this.customRuleset;
-                }
-                this.fetchSessionRulesetAsYaml().then((result) => {
-                    this.rulesetEditor?.setValue(result, true);
-                    this.fetchRulesetMap();
-                }).catch((e) => {
-                    this.platformUnavailable(e);
-                });
-            }, 50);
-        });
-        // refresh state for how to fix.
-        this.fetchDocs();
-    }
-    extractGraph(graph) {
-        // handled stripped nodes
-        if (graph.stripped) {
-            this.explorer.nodeLimitExceeded = true;
-            this.modelTree.nodeLimitExceeded = true;
-            if (graph.strippedCount) {
-                this.explorer.nodeLimit = graph.strippedCount;
-                this.modelTree.nodeLimit = graph.strippedCount;
-            }
-        }
-        else {
-            this.explorer.nodeLimitExceeded = false;
-            this.modelTree.nodeLimitExceeded = false;
-        }
-        this.explorer.renderedNodeMap.clear();
-        this.nodeMap.clear();
-        this.nodeIdMap.clear();
-        this.nodeIdHashMap.clear();
-        const renderedNodes = new Map();
-        graph?.nodesRendered?.forEach((node) => {
-            this.explorer.renderedNodeMap.set(node.id, node);
-            renderedNodes.set(node.id, node);
-        });
-        for (let i = 0; i < graph?.nodesRendered?.length; i++) {
-            this.renderedNodeMap.set(graph.nodesRendered[i].id, graph.nodesRendered[i]);
-        }
-        graph?.nodes?.forEach((node) => {
-            this.nodeMap.set(node.id, node);
-            if (node.idHash.includes('root')) {
-                this.nodeIdMap.set('root', node);
-                this.nodeIdHashMap.set(node.id, node);
-            }
-            else {
-                this.nodeIdMap.set(node.id, node);
-                this.nodeIdHashMap.set(node.idHash, node);
-            }
-            if (node.filtered) {
-                this.filteredNodes.set(node.id, node);
-            }
-            const renderedNode = this.renderedNodeMap.get(node.id);
-            if (this.activeNode?.id === node.id && this.renderedNodeMap.get(node.id)) {
-                if (this.renderedNode && renderedNode) {
-                    this.renderedNode.node = renderedNode;
-                }
-            }
-        });
-        this.graphBag?.set(GraphBag, graph);
-        this.explorer.updateGraphResponse(graph);
-        if (graph && graph.nodes) {
-            this.modelTree.node = graph?.nodesRendered[0]; // update tree
-        }
-        if (!this.explorer.equalizer.isInitialized()) {
-            this.explorer.equalizer.initializeEqualizer();
-        }
-        else {
-            this.explorer.equalizer.runEQ(true);
-        }
-        // sync timeline
-        this.timeVortex.checkHistory();
-    }
-    customRulesetEnabled(event) {
-        const customRS = { rules: new Map() };
-        customRS.id = crypto.randomUUID();
-        customRS.owner = this.authController.session.sessionId;
-        event.detail.rules.forEach((rule) => {
-            if (rule.rule.id != rule.ruleId) {
-                rule.rule.id = rule.ruleId;
-            }
-            customRS.rules.set(rule.ruleId, rule.rule);
-        });
-        // write state
-        this.customRulesetBag?.set(CustomRulesetBag, customRS);
-        if (event.detail.ruleConfig) {
-            this.ruleConfigBag?.set(RuleConfigurationBag, event.detail.ruleConfig);
-        }
-        else {
-            this.ruleConfigBag?.reset();
-            // reset session ruleset
-            RulesetService.resetSessionRuleset(event.detail.rulesetReset).then(() => {
-                this.sendToast({
-                    id: crypto.randomUUID(),
-                    type: ToastType.INFO,
-                    body: "Ruleset has been reset to the default",
-                    title: "Ruleset reset",
-                });
-                if (this.docBag) {
-                    const doc = this.docBag.get(DefaultDocument);
-                    let path = this.rolodexActivePath;
-                    if (path == 'root') {
-                        path = "";
-                    }
-                    this.lintSpec(doc, this.rolodexActivePath);
-                }
-                this.fetchSessionRulesetAsYaml().then((result) => {
-                    this.rulesetEditor?.setValue(result, true);
-                });
-            }).catch((e) => {
-                this.sendToast({
-                    id: crypto.randomUUID(),
-                    type: ToastType.ERROR,
-                    body: e.detail,
-                    title: "Cannot reset ruleset",
-                });
-            });
-        }
-    }
-    async fetchSessionRulesetAsYaml() {
-        return new Promise(async (resolve, reject) => {
-            RulesetService.getSessionRulesetAsYAML().then((result) => {
-                resolve(result);
-            }).catch((e) => {
-                console.error("cannot fetch session ruleset: ", e.title);
-                reject(e);
-            });
-        });
-    }
-    async fetchFunctions() {
-        return new Promise(async (resolve) => {
-            RulesetService.getFunctions().then((result) => {
-                this.functions = result;
-                this.functionsBag?.set(FunctionsBag, result);
-                // extract schemas for each function
-                const promises = [];
-                result.forEach((functionId) => {
-                    promises.push(this.fetchFunctionSchema(functionId));
-                });
-                Promise.all(promises).then(() => {
-                    resolve(result);
-                });
-            });
-        });
-    }
-    async fetchFunctionSchema(functionId) {
-        return new Promise(async (resolve) => {
-            RulesetService.getFunctionSchema(functionId).then((result) => {
-                let m = this.functionSchemaBag?.get(FunctionsSchemaBag);
-                if (!m) {
-                    m = new Map();
-                }
-                m.set(functionId, result);
-                this.functionSchemaBag?.set(FunctionsSchemaBag, m);
-                resolve(result);
-            });
-        });
-    }
-    async fetchDefaultRuleset() {
-        return new Promise(async (resolve) => {
-            RulesetService.getDefaultRuleset().then((result) => {
-                this.defaultRuleset = result;
-                this.defaultRulesetBag?.set(DefaultRulesetBag, result);
-                resolve(result);
-            });
-        });
-    }
-    async fetchOWASPRuleset() {
-        return new Promise(async (resolve) => {
-            RulesetService.getOWASPRuleset().then((result) => {
-                this.OWASPRuleset = result;
-                this.OWASPRulesetBag?.set(OWASPRulesetBag, result);
-                resolve(result);
-            });
-        });
-    }
-    async fetchAllRuleset() {
-        return new Promise(async (resolve) => {
-            RulesetService.getAllRuleset().then((result) => {
-                this.allRuleset = result;
-                this.allRulesetBag?.set(AllRulesetBag, result);
-                resolve(result);
-            });
-        });
-    }
-    fetchDocs() {
-        this.activitySpinner.show();
-        const url = new URL(window.location.href);
-        const urlParam = url.searchParams.get('url');
-        if (urlParam) {
-            //this.urlInput.value = urlParam;
-            this.activeURL = urlParam;
-            this.lintSpec('', urlParam);
-        }
-        LintingService.fetchAllHowToFix().then((result) => {
-            if (result) {
-                result.forEach((howToFix) => {
-                    this.howToFixBag?.set(howToFix.ruleId, howToFix);
-                });
-            }
-        }).catch((e) => {
-            this.platformUnavailable(e);
-            console.error("documentation service is down");
-        });
-        this.ruleDocsBag = this.bagManager.getBag(RuleDocumentationBag);
-        this.functionDocsBag = this.bagManager.getBag(FunctionDocumentationBag);
-        // populate docs via worker.
-        this.ruleDocsWorker.addEventListener("message", (event) => {
-            const data = event.data;
-            if (data) {
-                data.forEach((doc) => {
-                    if (doc.ruleId) {
-                        this.ruleDocsBag?.set(doc.ruleId, doc);
-                    }
-                    if (doc.functionId) {
-                        this.functionDocsBag?.set(doc.functionId, doc);
-                    }
-                });
-                this.activitySpinner.hide();
-            }
-        });
-        // let ruleDocs: string[] = [];
-        // let functionDocs: string[] = [];
-        // if (this.ruleDocsBag) {
-        //     ruleDocs = Array.from(this.ruleDocsBag.export().keys());
-        // }
-        // if (this.functionDocsBag) {
-        //     functionDocs = Array.from(this.functionDocsBag.export().keys());
-        // }
-        const fetchDocs = () => {
-            this.ruleDocsWorker.postMessage({
-                start: true,
-                endpoint: this.doctorEndpoint,
-                existingRules: [],
-                existingFunctions: []
-            });
-        };
-        // check expiration
-        if (this.docExpirationBag) {
-            const expiration = this.docExpirationBag.get(DocumentationExpirationBag);
-            // if the docs are older than 15 days, refresh them.
-            if (expiration) {
-                const now = new Date().getTime();
-                const then = new Date(expiration).getTime();
-                // if (now - then > 1296000000) {
-                //     fetchDocs();
-                // } else {
-                //     this.activitySpinner.hide();
-                // }
-                fetchDocs(); // always fetch for now.
-            }
-            else {
-                fetchDocs();
-            }
-        }
-        else {
-            fetchDocs();
-        }
-    }
-    fetchRulesetMap() {
-        RulesetService.getSessionRulesetMap().then((result) => {
-            this.sessionRulesetMapBag?.set(SessionRulesetMapBag, result);
-        }).catch(() => {
-            console.warn("map is empty, or unavailable, Did you submit an empty ruleset?");
-            this.sendToast({
-                id: crypto.randomUUID(),
-                type: ToastType.WARNING,
-                body: "map is empty, or unavailable, Did you submit an empty ruleset?",
-                title: "Issue fetching ruleset map"
-            });
-        });
-    }
-    ruleClicked(evt) {
-        // get rule map from bag
-        const map = this.sessionRulesetMapBag?.get(SessionRulesetMapBag);
-        if (map) {
-            const rule = map.rulesMap.find((r) => r.ruleId === evt.detail.ruleId);
-            if (rule) {
-                this.selectedEditorTab = "ruleset";
-                this.editorTabGroup.show(ActiveView.Ruleset);
-                this.rulesetEditor.editor?.setPosition({ lineNumber: rule.line, column: rule.start });
-                this.rulesetEditor.editor?.revealLineInCenter(rule.line);
-            }
-        }
-    }
     builtInRulesetSelected() {
         // todo
     }
-    rulesetManuallyChanged() {
-        clearTimeout(this.bounceId);
-        this.bounceId = window.setTimeout(() => {
-            const ruleset = this.rulesetEditor.editor?.getValue();
-            RulesetService.validateRuleset(ruleset).then((result) => {
-                // clear any problems
-                this.manageRuleset.clearRuleProblems();
-                // create a new custom ruleset with a map of rules
-                let customRS = { rules: new Map() };
-                customRS.id = crypto.randomUUID();
-                customRS.owner = this.authController.session.sessionId;
-                customRS.rules = new Map(Object.entries(result.rules));
-                customRS.rules.forEach((rule, id) => {
-                    rule.id = id; // set the id to the key
-                });
-                // write state
-                this.customRulesetBag?.set(CustomRulesetBag, customRS);
-                this.customRuleset = customRS;
-                if (customRS.rules.size > 0) {
-                    // rebuild the ruleset management
-                    this.manageRuleset.customRulesetManual = customRS;
-                }
-                this.selectedEditorTab = ActiveView.Ruleset;
-                this.controlTabGroup.show(ActiveView.Ruleset);
-                this.rulesetEditor.setMarkers([]);
-                this.fetchRulesetMap();
-            }).catch((e) => {
-                this.sendToast({
-                    id: crypto.randomUUID(),
-                    type: ToastType.ERROR,
-                    body: e.detail,
-                    title: e.title
-                });
-                console.error('unable to validate ruleset', e);
-                // process bad rules
-                const ruleErrors = e.body;
-                const markers = [];
-                ruleErrors?.forEach((err) => {
-                    markers.push({
-                        severity: MarkerSeverity.Error,
-                        message: err.ruleError,
-                        startLineNumber: err.line,
-                        startColumn: err.startCol,
-                        endLineNumber: err.line,
-                        endColumn: err.endCol
-                    });
-                });
-                // convert to JSON
-                RulesetService.convertToJSON(ruleset).then((json) => {
-                    // create a new custom ruleset with a map of rules
-                    let customRS = { rules: new Map() };
-                    customRS.id = crypto.randomUUID();
-                    customRS.owner = this.authController.session.sessionId;
-                    customRS.rules = new Map(Object.entries(json.rules));
-                    customRS.rules.forEach((rule, id) => {
-                        if (rule.id != id)
-                            rule.id = id; // set the id to the key
-                    });
-                    this.customRuleset = customRS;
-                    if (customRS.rules.size > 0) {
-                        // rebuild the ruleset management
-                        this.manageRuleset.customRulesetManual = customRS;
-                    }
-                    this.rulesetEditor.setMarkers([]);
-                    // clear any problems
-                    this.manageRuleset.clearRuleProblems();
-                    // set problems.
-                    this.rulesetEditor.setMarkers(markers);
-                    this.manageRuleset.processBadRules(ruleErrors);
-                    this.controlTabGroup.show(ActiveView.Ruleset);
-                }).catch((e) => {
-                    console.error("unable to convert ruleset to JSON", e);
-                });
-            });
-        }, this.debounceTimeRuleset);
-    }
-    specChanged(event) {
-        const editor = this.editorMap.get(event.detail.id);
-        if (editor && event.detail.id === 'ruleset-editor') {
-            this.rulesetManuallyChanged();
-            return;
-        }
-        if (this.docBag) {
-            this.docBag.set(DefaultDocument, event.detail.content);
-        }
-        if (this.autoDiagnose) {
-            clearTimeout(this.bounceId);
-            this.bounceId = window.setTimeout(() => {
-                this.lintSpec(event.detail.content);
-            }, this.debounceTime);
-        }
-    }
     runDiagnostics() {
         if (!this.autoDiagnose) {
-            this.lintSpec(this.editor.getValue());
+            this.diagnosticController.lintSpec(this.editor.getValue());
         }
     }
     boostrap() {
@@ -2028,20 +438,21 @@ let TheDoctor = class TheDoctor extends LitElement {
         if (urlParam) {
             //this.urlInput.value = urlParam;
             this.activeURL = urlParam;
-            this.lintSpec('', urlParam);
+            this.diagnosticController.lintSpec('', urlParam);
             return;
         }
+        // todo: this needs work man. I want to see all these settimeouts gone brother.
         setTimeout(() => {
-            this.loadingOverlay.hide();
             // check for a history
             this.timeVortex.doctor = this;
             this.timeVortex.checkHistory();
             const editorValue = this.docBag?.get(DefaultDocument);
             if (!editorValue) {
                 LintingService.bootstrapEditor().then((result) => {
+                    this.loadingOverlay.hide();
                     this.editor.setValue(result, true);
                     this.rolodexActivePath = "";
-                    this.specChanged(new CustomEvent(EditorUpdated, {
+                    this.specController.specChanged(new CustomEvent(EditorUpdated, {
                         detail: {
                             content: result,
                             id: "spec"
@@ -2049,40 +460,31 @@ let TheDoctor = class TheDoctor extends LitElement {
                     }));
                 });
             }
-        }, 200);
-    }
-    exportJSON() {
-        let jsonRS;
-        if (this.ruleConfigBag) {
-            const config = this.ruleConfigBag.get(RuleConfigurationBag);
-            if (config && config.returnedRuleset) {
-                jsonRS = config.returnedRuleset;
+            else {
+                ModelService.getCurrentSpec().then((result) => {
+                    this.loadingOverlay.hide();
+                    this.rolodexController.queryRolodex();
+                    if (result != editorValue) {
+                        this.editor.setValue(result, true);
+                        this.rolodexActivePath = "";
+                        this.specController.specChanged(new CustomEvent(EditorUpdated, {
+                            detail: {
+                                content: result,
+                                id: "spec"
+                            }
+                        }));
+                    }
+                });
             }
-        }
-        if (jsonRS) {
-            let reportData = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(jsonRS, null, 2));
-            this.downloadRulesetLink.download = "ruleset.json";
-            this.downloadRulesetLink.href = reportData;
-            this.downloadRulesetLink.click();
-            this.exportRulesetDialog.hide();
-        }
-    }
-    exportYAML() {
-        RulesetService.getSessionRulesetAsYAML().then((yaml) => {
-            let reportData = "data:text/yaml;charset=utf-8," + encodeURIComponent(yaml);
-            this.downloadRulesetLink.download = "ruleset.yaml";
-            this.downloadRulesetLink.href = reportData;
-            this.downloadRulesetLink.click();
-            this.exportRulesetDialog.hide();
-        });
+        }, 50);
     }
     confirmExport() {
         switch (this.exportSelection.value) {
             case "json":
-                this.exportJSON();
+                this.ruleController.exportJSON();
                 break;
             case "yaml":
-                this.exportYAML();
+                this.ruleController.exportYAML();
                 break;
         }
     }
@@ -2276,6 +678,30 @@ let TheDoctor = class TheDoctor extends LitElement {
                 </sl-tab-group>
             `;
         }
+        const controls = html `
+            <div class="controls">
+                <sl-tooltip content="Upload zip file or tar.gz (tarball)" placement="top">
+                    <sl-button ?disabled=${this.importDisabled} class="import-button" variant="text"
+                               size="small" @click="${() => {
+            this.uploadArchive.show();
+        }}">
+                        Import
+                    </sl-button>
+                </sl-tooltip>
+                <sl-tooltip content="Nuke / reset workspace" placement="top">
+                    <sl-icon-button class="nuke-session-button" name="radioactive" @click="${() => {
+            this.nukeWorkspace.show();
+        }}">
+                    </sl-icon-button>
+                </sl-tooltip>
+            </div>`;
+        let navigatorView = html `
+            ${controls}
+            ${modelTree}
+        `;
+        if (this.authController.state && this.authController.state.authenticated) {
+            this.statusBar.authenticated = true;
+        }
         return html `
             ${this.uploadArchive}
             ${this.nukeWorkspace}
@@ -2308,30 +734,11 @@ let TheDoctor = class TheDoctor extends LitElement {
                 ${this.activitySpinner}
                 ${this.errorBanner}
                 ${overlay}
-
                 <sl-split-panel id="explorer-split-panel" class="split-panel-explorer" position="12"
                                 @sl-reposition="${this.updateExplorerDivider}">
                     <sl-icon id="split-divider-tree" slot="divider" name="grip-vertical" class="divider-vert"></sl-icon>
                     <div slot="start" class="model-tree">
-                        <div class="controls">
-
-                            <sl-tooltip content="Upload zip file or tar.gz (tarball)" placement="top">
-                                <sl-button ?disabled=${this.importDisabled} class="import-button" variant="text"
-                                           size="small" @click="${() => {
-            this.uploadArchive.show();
-        }}">
-                                    Import
-                                </sl-button>
-                            </sl-tooltip>
-                            <sl-tooltip content="Nuke / reset workspace" placement="top">
-                                <sl-icon-button class="nuke-session-button" name="radioactive" @click="${() => {
-            this.nukeWorkspace.show();
-        }}">
-                                </sl-icon-button>
-                            </sl-tooltip>
-
-                        </div>
-                        ${modelTree}
+                        ${navigatorView}
                         ${this.creditTicker}
                     </div>
                     <div slot="end">
@@ -2462,15 +869,17 @@ let TheDoctor = class TheDoctor extends LitElement {
                         </sl-split-panel>
                     </div>
                 </sl-split-panel>
-
             </div>`;
     }
+    randomTicker() {
+        return crypto.randomUUID().toString();
+    }
     //   <iframe src="${this.doctorEndpoint}/model/scalar-template?z=${this.randomTicker}" width="100%" height="100%" style="border: none"></iframe>
     fetchUrl(event) {
         this.activeURL = event.detail.url;
         this.rolodexNeedsReset = true;
         this.rolodexActivePath = "/";
-        this.lintSpec('', event.detail.url);
+        this.diagnosticController.lintSpec('', event.detail.url);
     }
     hideUrlError() {
         this.urlProblem.style.display = 'none';
@@ -2574,9 +983,6 @@ __decorate([
 __decorate([
     query('#inspector-split-panel')
 ], TheDoctor.prototype, "splitPanelInspector", void 0);
-__decorate([
-    state()
-], TheDoctor.prototype, "randomTicker", void 0);
 __decorate([
     state()
 ], TheDoctor.prototype, "rulesetPulse", void 0);