@digipair/skill-web-chatbot 0.69.1 → 0.70.0

package/index.cjs2.js

@@ -37752,14 +37752,14 @@ function indent(str, spaces) {
         var match = parseIdentifier(input, i1, namePart) || namePart && parseAdditionalSymbol(input, i1) || maybeSpace && parseSpaces(input, i1);
         // match is required
         if (!match) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
+            return i = i1, nextMatch = nextMatch1, tokens = tokens1, {
                 v: nextMatch1
             };
         }
         var token = match.token, offset = match.offset;
         i1 += offset;
         if (token === " ") {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
         }
         tokens1 = _to_consumable_array$c(tokens1).concat([
             token
@@ -37778,7 +37778,7 @@ function indent(str, spaces) {
         if (contextKeys.some(function(el) {
             return el.startsWith(name);
         })) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
         }
         if (dateTimeIdentifiers.some(function(el) {
             return el === name;
@@ -37797,9 +37797,9 @@ function indent(str, spaces) {
         if (dateTimeIdentifiers.some(function(el) {
             return el.startsWith(name);
         })) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
         }
-        return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
+        return i = i1, nextMatch = nextMatch1, tokens = tokens1, {
             v: nextMatch1
         };
     };
@@ -57878,6 +57878,19 @@ class ChatElement extends r$3 {
         }
         return true;
     }
+    executeBoost(boost) {
+        this.dispatchEvent(new CustomEvent('executeboost', {
+            detail: boost
+        }));
+    }
+    getAvailableBoosts(boosts) {
+        return boosts.filter((boost)=>boost && (boost.standalone || boost.selector) && (boost.standalone || document.querySelectorAll(boost.selector).length === 1)).map((boost)=>_extends({}, boost, {
+                context: {
+                    element: boost.standalone ? null : boost.selector
+                },
+                checkUrl: new RegExp(boost.url)
+            })).filter((boost)=>boost.checkUrl.test(window.location.href));
+    }
     pushMessage(message) {
         this.messages.push(message);
         this.requestUpdate();
@@ -57923,7 +57936,9 @@ class ChatElement extends r$3 {
                   ${this.messages.filter((message)=>{
             var _this_currentBoost;
             return message.uuid === ((_this_currentBoost = this.currentBoost) == null ? void 0 : _this_currentBoost.parent_history);
-        }).map((message)=>x`
+        }).map((message)=>{
+            var _message_sources;
+            return x`
                         <ui5-icon
                           name="decline"
                           class="button action"
@@ -57932,7 +57947,37 @@ class ChatElement extends r$3 {
                 }))}
                         ></ui5-icon>
                         ${o$1(this.converter.makeHtml(message.content.replace(/```markdown([\s\S]*?)```/g, (_, group)=>group)))}
-                      `)}
+
+                        <section class="sources">
+                          ${(_message_sources = message.sources) == null ? void 0 : _message_sources.map((source)=>{
+                var _source_file_url;
+                return x`
+                              <a
+                                class="source ${source.file_url ? 'has-link' : ''}"
+                                href=${(_source_file_url = source.file_url) != null ? _source_file_url : 'javascript:'}
+                                target="_blank"
+                              >
+                                ${source.file_name}
+                                <div class="trust-bar">
+                                  <div
+                                    class="trust-bar-fill"
+                                    style="width: ${source.rank * 100}%;"
+                                  ></div>
+                                </div>
+                              </a>
+                            `;
+            })}
+                        </section>
+
+                        <section class="actions ${this.loading ? 'loading' : ''}">
+                          ${this.getAvailableBoosts(message.boosts || []).map((boost)=>x`
+                              <span class="action" @click=${()=>this.executeBoost(boost)}
+                                >${boost.summary}</span
+                              >
+                            `)}
+                        </section>
+                      `;
+        })}
                 </section>
               ` : E$1}
           <textarea
@@ -58175,6 +58220,76 @@ ChatElement.styles = [
       .loading img {
         float: left;
       }
+
+      .sources {
+        margin-top: 10px;
+      }
+
+      .sources > .source {
+        background-color: rgba(255, 255, 255, 0.5);
+        font-size: 12px;
+        color: rgb(60, 60, 60);
+        padding: 0px 8px;
+        display: inline-block;
+        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
+        transform: scale(0.95);
+        margin-bottom: 4px;
+        border-radius: 5px;
+        text-decoration: none;
+        cursor: default;
+      }
+
+      .sources > .source.has-link {
+        background-color: rgba(255, 255, 255, 0.9);
+        cursor: pointer;
+      }
+
+      .sources > .source.has-link:hover {
+        transform: scale(1);
+      }
+
+      .trust-bar {
+        position: relative;
+        width: 100%;
+        height: 3px;
+        background-color: rgba(82, 223, 219, 0.2);
+        border-radius: 5px;
+        overflow: hidden;
+        margin-bottom: 5px;
+      }
+
+      .trust-bar-fill {
+        height: 100%;
+        background-color: green;
+        transition: width 0.3s ease;
+        border-radius: 5px;
+      }
+
+      .boosts {
+        margin-top: 10px;
+        margin-bottom: 5px;
+      }
+
+      .boosts.loading {
+        display: none;
+      }
+
+      .boosts > .boost {
+        background-color: rgba(255, 255, 255, 0.7);
+        border-radius: 20px;
+        font-size: 10px;
+        color: rgb(60, 60, 60);
+        padding: 4px 14px;
+        cursor: pointer;
+        display: inline-block;
+        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
+        transform: scale(0.95);
+        margin-bottom: 1px;
+      }
+
+      .boosts > .boost:hover {
+        transform: scale(1);
+      }
     `
 ];
 __decorate$3([
@@ -59871,6 +59986,8 @@ class ChatbotElement extends r$3 {
                 content: detail.assistant,
                 uuid: detail.uuid,
                 boost: detail.boost,
+                boosts: detail.boosts,
+                sources: detail.sources,
                 parent_conversation: detail.parent_conversation,
                 parent_history: detail.parent_history
             });
@@ -59893,6 +60010,10 @@ class ChatbotElement extends r$3 {
     executeBoost(boost) {
         this.execute(boost);
         this.openResult();
+        setTimeout(()=>{
+            var _this_chatbot_shadowRoot, _this_chatbot;
+            ((_this_chatbot = this.chatbot) == null ? void 0 : (_this_chatbot_shadowRoot = _this_chatbot.shadowRoot) == null ? void 0 : _this_chatbot_shadowRoot.querySelector('#messageInput')).focus();
+        }, 1);
     }
     pushMessage(message) {
         this.openResult();
@@ -59948,6 +60069,7 @@ class ChatbotElement extends r$3 {
         }}
             loadingStep=${this.loadingStep}
             @prompt=${(event)=>this.execute(this.currentBoost, event.detail.prompt)}
+            @executeboost=${(event)=>this.executeBoost(event.detail)}
             @boost=${(event)=>this.setBoost(event.detail)}
           ></digipair-chatbot-chat>
         </section>
@@ -60295,6 +60417,8 @@ class DigipairFullElement extends r$3 {
                 content: detail.assistant,
                 uuid: detail.uuid,
                 boost: detail.boost,
+                boosts: detail.boosts,
+                sources: detail.sources,
                 parent_conversation: detail.parent_conversation,
                 parent_history: detail.parent_history
             });
@@ -60370,6 +60494,7 @@ class DigipairFullElement extends r$3 {
             loadingStep=${this.loadingStep}
             @prompt=${(event)=>this.execute(this.currentBoost, event.detail.prompt)}
             @boost=${(event)=>this.setBoost(event.detail)}
+            @executeboost=${(event)=>this.executeBoost(event.detail)}
           ></digipair-chatbot-chat>
         </section>
 

package/index.esm2.js

@@ -57858,6 +57858,19 @@ class ChatElement extends r$3 {
         }
         return true;
     }
+    executeBoost(boost) {
+        this.dispatchEvent(new CustomEvent('executeboost', {
+            detail: boost
+        }));
+    }
+    getAvailableBoosts(boosts) {
+        return boosts.filter((boost)=>boost && (boost.standalone || boost.selector) && (boost.standalone || document.querySelectorAll(boost.selector).length === 1)).map((boost)=>_extends({}, boost, {
+                context: {
+                    element: boost.standalone ? null : boost.selector
+                },
+                checkUrl: new RegExp(boost.url)
+            })).filter((boost)=>boost.checkUrl.test(window.location.href));
+    }
     pushMessage(message) {
         this.messages.push(message);
         this.requestUpdate();
@@ -57903,7 +57916,9 @@ class ChatElement extends r$3 {
                   ${this.messages.filter((message)=>{
             var _this_currentBoost;
             return message.uuid === ((_this_currentBoost = this.currentBoost) == null ? void 0 : _this_currentBoost.parent_history);
-        }).map((message)=>x`
+        }).map((message)=>{
+            var _message_sources;
+            return x`
                         <ui5-icon
                           name="decline"
                           class="button action"
@@ -57912,7 +57927,37 @@ class ChatElement extends r$3 {
                 }))}
                         ></ui5-icon>
                         ${o$1(this.converter.makeHtml(message.content.replace(/```markdown([\s\S]*?)```/g, (_, group)=>group)))}
-                      `)}
+
+                        <section class="sources">
+                          ${(_message_sources = message.sources) == null ? void 0 : _message_sources.map((source)=>{
+                var _source_file_url;
+                return x`
+                              <a
+                                class="source ${source.file_url ? 'has-link' : ''}"
+                                href=${(_source_file_url = source.file_url) != null ? _source_file_url : 'javascript:'}
+                                target="_blank"
+                              >
+                                ${source.file_name}
+                                <div class="trust-bar">
+                                  <div
+                                    class="trust-bar-fill"
+                                    style="width: ${source.rank * 100}%;"
+                                  ></div>
+                                </div>
+                              </a>
+                            `;
+            })}
+                        </section>
+
+                        <section class="actions ${this.loading ? 'loading' : ''}">
+                          ${this.getAvailableBoosts(message.boosts || []).map((boost)=>x`
+                              <span class="action" @click=${()=>this.executeBoost(boost)}
+                                >${boost.summary}</span
+                              >
+                            `)}
+                        </section>
+                      `;
+        })}
                 </section>
               ` : E$1}
           <textarea
@@ -58155,6 +58200,76 @@ ChatElement.styles = [
       .loading img {
         float: left;
       }
+
+      .sources {
+        margin-top: 10px;
+      }
+
+      .sources > .source {
+        background-color: rgba(255, 255, 255, 0.5);
+        font-size: 12px;
+        color: rgb(60, 60, 60);
+        padding: 0px 8px;
+        display: inline-block;
+        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
+        transform: scale(0.95);
+        margin-bottom: 4px;
+        border-radius: 5px;
+        text-decoration: none;
+        cursor: default;
+      }
+
+      .sources > .source.has-link {
+        background-color: rgba(255, 255, 255, 0.9);
+        cursor: pointer;
+      }
+
+      .sources > .source.has-link:hover {
+        transform: scale(1);
+      }
+
+      .trust-bar {
+        position: relative;
+        width: 100%;
+        height: 3px;
+        background-color: rgba(82, 223, 219, 0.2);
+        border-radius: 5px;
+        overflow: hidden;
+        margin-bottom: 5px;
+      }
+
+      .trust-bar-fill {
+        height: 100%;
+        background-color: green;
+        transition: width 0.3s ease;
+        border-radius: 5px;
+      }
+
+      .boosts {
+        margin-top: 10px;
+        margin-bottom: 5px;
+      }
+
+      .boosts.loading {
+        display: none;
+      }
+
+      .boosts > .boost {
+        background-color: rgba(255, 255, 255, 0.7);
+        border-radius: 20px;
+        font-size: 10px;
+        color: rgb(60, 60, 60);
+        padding: 4px 14px;
+        cursor: pointer;
+        display: inline-block;
+        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
+        transform: scale(0.95);
+        margin-bottom: 1px;
+      }
+
+      .boosts > .boost:hover {
+        transform: scale(1);
+      }
     `
 ];
 __decorate$3([
@@ -59851,6 +59966,8 @@ class ChatbotElement extends r$3 {
                 content: detail.assistant,
                 uuid: detail.uuid,
                 boost: detail.boost,
+                boosts: detail.boosts,
+                sources: detail.sources,
                 parent_conversation: detail.parent_conversation,
                 parent_history: detail.parent_history
             });
@@ -59873,6 +59990,10 @@ class ChatbotElement extends r$3 {
     executeBoost(boost) {
         this.execute(boost);
         this.openResult();
+        setTimeout(()=>{
+            var _this_chatbot_shadowRoot, _this_chatbot;
+            ((_this_chatbot = this.chatbot) == null ? void 0 : (_this_chatbot_shadowRoot = _this_chatbot.shadowRoot) == null ? void 0 : _this_chatbot_shadowRoot.querySelector('#messageInput')).focus();
+        }, 1);
     }
     pushMessage(message) {
         this.openResult();
@@ -59928,6 +60049,7 @@ class ChatbotElement extends r$3 {
         }}
             loadingStep=${this.loadingStep}
             @prompt=${(event)=>this.execute(this.currentBoost, event.detail.prompt)}
+            @executeboost=${(event)=>this.executeBoost(event.detail)}
             @boost=${(event)=>this.setBoost(event.detail)}
           ></digipair-chatbot-chat>
         </section>
@@ -60275,6 +60397,8 @@ class DigipairFullElement extends r$3 {
                 content: detail.assistant,
                 uuid: detail.uuid,
                 boost: detail.boost,
+                boosts: detail.boosts,
+                sources: detail.sources,
                 parent_conversation: detail.parent_conversation,
                 parent_history: detail.parent_history
             });
@@ -60350,6 +60474,7 @@ class DigipairFullElement extends r$3 {
             loadingStep=${this.loadingStep}
             @prompt=${(event)=>this.execute(this.currentBoost, event.detail.prompt)}
             @boost=${(event)=>this.setBoost(event.detail)}
+            @executeboost=${(event)=>this.executeBoost(event.detail)}
           ></digipair-chatbot-chat>
         </section>
 

package/libs/skill-web-chatbot/src/lib/chat.element.d.ts

@@ -21,6 +21,8 @@ export declare class ChatElement extends LitElement {
     private hasInputsValues;
     private answer;
     private canAnswerToMessageBoost;
+    private executeBoost;
+    private getAvailableBoosts;
     pushMessage(message: any): void;
     render(): TemplateResult;
 }

package/libs/skill-web-chatbot/src/lib/message.interface.d.ts

@@ -3,6 +3,8 @@ export interface Message {
     content: string;
     uuid?: string;
     boost?: any;
+    boosts?: any[];
+    sources?: any[];
     parent_conversation?: string;
     parent_history?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digipair/skill-web-chatbot",
-  "version": "0.69.1",
+  "version": "0.70.0",
   "keywords": [
     "digipair",
     "web"