@kodaris/krubble-app-components 1.0.152 → 1.0.154

package/dist/krubble-app.bundled.js

@@ -5999,7 +5999,7 @@ class KRChatbot extends i$3 {
             ` : 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"
@@ -12310,6 +12310,13 @@ class KRRouter {
     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);
@@ -12534,6 +12541,46 @@ class KRRouter {
         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 = {};
@@ -12744,11 +12791,11 @@ class KRRouterOutlet extends i$3 {
             }
         }
         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;
@@ -12769,12 +12816,16 @@ KRRouterOutlet.styles = i$6 `
       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);
 }