@kodaris/krubble-app-components 1.0.152 → 1.0.154

package/dist/krubble-app.umd.js

@@ -6002,7 +6002,7 @@
             ` : A}
             ${global ? b `
               <div class="skill-card__footer">
-                <span class="skill-card__price">Free</span>
+                <span class="skill-card__price">${skill.priceLabel}</span>
                 <kr-button
                   class="skill-card__install-btn"
                   size="small"
@@ -12313,6 +12313,13 @@
       static configure(config) {
           KRRouter.base = config.base;
           KRRouter.routes = config.routes;
+          // Point the page's outlet class at this router. The Operations shell loads krubble globally while
+          // an embedded app bundles its own copy, so the kr-router-outlet that won registration may belong
+          // to the other copy; whichever it is, its outlets must register with the router that has routes.
+          const outletClass = customElements.get('kr-router-outlet');
+          if (outletClass) {
+              outletClass.router = KRRouter;
+          }
           // Intercept <a> clicks for client-side navigation
           window.addEventListener('click', (e) => {
               const anchor = e.composedPath().find(el => el instanceof HTMLAnchorElement);
@@ -12537,6 +12544,46 @@
           window.history.pushState({}, '', fullPath);
           window.dispatchEvent(new PopStateEvent('popstate'));
       }
+      /**
+       * Rewrite the current url in place, keeping the mounted screen as it is — no popstate is dispatched,
+       * so nothing in flight (a streaming response, an open editor) is torn down. For when a screen's url
+       * becomes more specific after a server round-trip: a new chat's first message resolves a conversation
+       * id, a new record's save yields its key.
+       *
+       * Use this instead of a bare history.replaceState. The cache files each screen under its url, so a raw
+       * rewrite would leave the screen keyed by the OLD url: navigating back to that url would be a cache hit
+       * handing back this same screen with all its state — a chat rewritten from `new` to `all/123` would
+       * reopen conversation 123 on the next New Chat click instead of starting fresh. So the deepest level's
+       * cache entry is re-filed under the new url, and its outlet context follows.
+       */
+      static replace(path) {
+          const before = KRRouter.matchRoutes();
+          let fullPath = path;
+          if (!path.startsWith('/')) {
+              fullPath = KRRouter.base + '/' + path;
+          }
+          window.history.replaceState({}, '', fullPath);
+          const after = KRRouter.matchRoutes();
+          if (!before.routes.length || !after.routes.length) {
+              return;
+          }
+          // The caller is the deepest matched screen rewriting its own url; shallower levels keep theirs.
+          const level = before.routes.length - 1;
+          const oldUrl = before.routes[level].url;
+          const newUrl = after.routes[after.routes.length - 1].url;
+          if (oldUrl === newUrl) {
+              return;
+          }
+          const entry = KRRouter.routeCache.get(oldUrl);
+          if (entry) {
+              KRRouter.routeCache.delete(oldUrl);
+              KRRouter.routeCache.set(newUrl, entry);
+          }
+          const context = KRRouter.outletContexts.get(level);
+          if (context && context.url === oldUrl) {
+              context.url = newUrl;
+          }
+      }
       static getParams() {
           const matched = KRRouter.matchRoutes();
           const params = {};
@@ -12747,11 +12794,11 @@
               }
           }
           this.level = level;
-          KRRouter.registerOutlet(this.level, this);
+          KRRouterOutlet.router.registerOutlet(this.level, this);
       }
       disconnectedCallback() {
           super.disconnectedCallback();
-          KRRouter.unregisterOutlet(this.level, this);
+          KRRouterOutlet.router.unregisterOutlet(this.level, this);
       }
       activate(el) {
           this.el = el;
@@ -12772,12 +12819,16 @@
       height: 100%;
     }
   `;
+  // The router outlets register with. KRRouter.configure() sets this on whichever outlet class is
+  // registered on the page, which may be another copy of krubble's; this copy's router is the default.
+  KRRouterOutlet.router = KRRouter;
   __decorate([
       r()
   ], KRRouterOutlet.prototype, "el", void 0);
   // Guarded registration: no-op if the tag is already defined, so a second copy of krubble on
   // the page (e.g. the Operations shell loads krubble globally while an embedded app bundled its
-  // own copy) doesn't throw. First definition wins.
+  // own copy) doesn't throw. First definition wins; KRRouter.configure() then points that class at
+  // the configured router.
   if (!customElements.get('kr-router-outlet')) {
       customElements.define('kr-router-outlet', KRRouterOutlet);
   }