@botonic/webchat-lit 2.34.1 → 2.35.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/package.json +2 -2
- package/src/lib/debug-event/content-renderers.js +24 -31
- package/src/lib/debug-event/content-renderers.js.map +1 -1
- package/src/lib/debug-event/debug-event.css.js +80 -74
- package/src/lib/debug-event/debug-event.css.js.map +1 -1
- package/src/lib/debug-event/debug-event.d.ts +1 -2
- package/src/lib/debug-event/debug-event.js +14 -25
- package/src/lib/debug-event/debug-event.js.map +1 -1
- package/src/lib/shared/base-styles.js +50 -48
- package/src/lib/shared/base-styles.js.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
## 2.34.2 (2026-07-13)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **webchat-lit:** debug-event component feedback ([#1007](https://github.com/metis-ai/hubtype-product/pull/1007))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Claude Sonnet 4.6
|
|
10
|
+
- David Hidalgo @Davidhidalgo
|
|
11
|
+
|
|
1
12
|
## 2.34.1 (2026-07-09)
|
|
2
13
|
|
|
3
14
|
### 🩹 Fixes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botonic/webchat-lit",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.35.0-alpha.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"types": "./src/index.d.ts",
|
|
6
6
|
"module": "./src/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"lit": "^3.0.0",
|
|
19
|
-
"@botonic/shared": "2.
|
|
19
|
+
"@botonic/shared": "2.35.0-alpha.0"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"tslib": "^2.3.0"
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { html, nothing } from 'lit';
|
|
2
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
3
2
|
import { aiSpecialistIcon, circleCheckIcon, filePdfIcon, fileWordIcon, handIcon, linkIcon, screwdriverWrenchIcon, } from './icons';
|
|
4
3
|
const RETRIEVE_KNOWLEDGE_TOOL = 'retrieve_knowledge';
|
|
5
4
|
export function parseTools(tools) {
|
|
@@ -32,11 +31,11 @@ export function getSourceIcon(source) {
|
|
|
32
31
|
return fileWordIcon();
|
|
33
32
|
return linkIcon();
|
|
34
33
|
}
|
|
35
|
-
function renderSourcesSection(sources, hasChunks, label, onSeeChunks
|
|
34
|
+
function renderSourcesSection(sources, hasChunks, label, onSeeChunks) {
|
|
36
35
|
if (sources.length === 0)
|
|
37
36
|
return nothing;
|
|
38
37
|
return html `
|
|
39
|
-
<div class="debug-detail"
|
|
38
|
+
<div class="debug-detail">
|
|
40
39
|
<strong class="debug-label">${label}</strong>
|
|
41
40
|
${sources.map(source => {
|
|
42
41
|
var _a, _b;
|
|
@@ -64,7 +63,10 @@ function renderSourcesSection(sources, hasChunks, label, onSeeChunks, lineEnd =
|
|
|
64
63
|
? html `<button
|
|
65
64
|
type="button"
|
|
66
65
|
class="see-info-button"
|
|
67
|
-
@click=${
|
|
66
|
+
@click=${(e) => {
|
|
67
|
+
e.stopPropagation();
|
|
68
|
+
onSeeChunks();
|
|
69
|
+
}}
|
|
68
70
|
>
|
|
69
71
|
See chunks
|
|
70
72
|
</button>`
|
|
@@ -72,23 +74,17 @@ function renderSourcesSection(sources, hasChunks, label, onSeeChunks, lineEnd =
|
|
|
72
74
|
</div>
|
|
73
75
|
`;
|
|
74
76
|
}
|
|
75
|
-
function renderGuardrailList(guardrails
|
|
77
|
+
function renderGuardrailList(guardrails) {
|
|
76
78
|
if (guardrails.length === 0)
|
|
77
79
|
return nothing;
|
|
78
80
|
return html `
|
|
79
|
-
${guardrails.map(
|
|
80
|
-
|
|
81
|
-
return html `
|
|
82
|
-
<div
|
|
83
|
-
class=${classMap({ 'guardrail-item': true, 'is-last': isLast })}
|
|
84
|
-
?data-line-end=${isLast}
|
|
85
|
-
>
|
|
81
|
+
${guardrails.map(g => html `
|
|
82
|
+
<div class="guardrail-item">
|
|
86
83
|
${handIcon()}
|
|
87
84
|
<span class="guardrail-label">Guardrail triggered</span>
|
|
88
85
|
<span class="guardrail-value">- ${g}</span>
|
|
89
86
|
</div>
|
|
90
|
-
|
|
91
|
-
})}
|
|
87
|
+
`)}
|
|
92
88
|
`;
|
|
93
89
|
}
|
|
94
90
|
export function renderHandoffContent(data, ctx) {
|
|
@@ -106,7 +102,7 @@ export function renderHandoffContent(data, ctx) {
|
|
|
106
102
|
</div>
|
|
107
103
|
${ctx.noteContent
|
|
108
104
|
? html `
|
|
109
|
-
<div class="debug-detail"
|
|
105
|
+
<div class="debug-detail">
|
|
110
106
|
<strong class="debug-label">Note</strong>
|
|
111
107
|
<div class="debug-value">${ctx.noteContent}</div>
|
|
112
108
|
</div>
|
|
@@ -131,7 +127,7 @@ export function renderKnowledgeBaseContent(data, ctx) {
|
|
|
131
127
|
|
|
132
128
|
${showFailReason
|
|
133
129
|
? html `
|
|
134
|
-
<div class="debug-detail"
|
|
130
|
+
<div class="debug-detail">
|
|
135
131
|
<strong class="debug-label">Knowledge Base Fail Reason</strong>
|
|
136
132
|
<div class="debug-value">${data.knowledgebase_fail_reason}</div>
|
|
137
133
|
</div>
|
|
@@ -140,14 +136,14 @@ export function renderKnowledgeBaseContent(data, ctx) {
|
|
|
140
136
|
${renderSourcesSection(sources, chunks.length > 0, 'Sources', ctx.onSeeChunks)}
|
|
141
137
|
${hasKnowledge
|
|
142
138
|
? html `
|
|
143
|
-
<div class="guardrail-item"
|
|
139
|
+
<div class="guardrail-item">
|
|
144
140
|
${circleCheckIcon()}
|
|
145
141
|
<span class="guardrail-label">Knowledge found</span>
|
|
146
142
|
</div>
|
|
147
143
|
`
|
|
148
144
|
: nothing}
|
|
149
145
|
|
|
150
|
-
<div class="guardrail-item is-last"
|
|
146
|
+
<div class="guardrail-item is-last">
|
|
151
147
|
${circleCheckIcon()}
|
|
152
148
|
<span class="guardrail-label">Faithful answer</span>
|
|
153
149
|
</div>
|
|
@@ -186,7 +182,10 @@ export function renderAiAgentContent(data, ctx) {
|
|
|
186
182
|
<button
|
|
187
183
|
type="button"
|
|
188
184
|
class="see-info-button"
|
|
189
|
-
@click=${() =>
|
|
185
|
+
@click=${(e) => {
|
|
186
|
+
e.stopPropagation();
|
|
187
|
+
ctx.onSeeToolDetails(tool);
|
|
188
|
+
}}
|
|
190
189
|
>
|
|
191
190
|
Details
|
|
192
191
|
</button>
|
|
@@ -203,27 +202,21 @@ export function renderAiAgentContent(data, ctx) {
|
|
|
203
202
|
`
|
|
204
203
|
: nothing}
|
|
205
204
|
${renderGuardrailList(data.input_guardrails_triggered)}
|
|
206
|
-
${renderGuardrailList(data.output_guardrails_triggered
|
|
205
|
+
${renderGuardrailList(data.output_guardrails_triggered)}
|
|
207
206
|
${data.exit
|
|
208
207
|
? html `
|
|
209
|
-
<div class="debug-detail"
|
|
208
|
+
<div class="debug-detail">
|
|
210
209
|
<strong class="debug-label">Exit</strong>
|
|
211
210
|
</div>
|
|
212
211
|
`
|
|
213
212
|
: nothing}
|
|
214
213
|
${data.error
|
|
215
214
|
? html `
|
|
216
|
-
<div class="debug-detail"
|
|
215
|
+
<div class="debug-detail">
|
|
217
216
|
<strong class="debug-label">Error</strong>
|
|
218
217
|
</div>
|
|
219
218
|
`
|
|
220
219
|
: nothing}
|
|
221
|
-
${!hasGuardrailsOrExit &&
|
|
222
|
-
otherTools.length === 0 &&
|
|
223
|
-
sources.length === 0 &&
|
|
224
|
-
!query
|
|
225
|
-
? html `<div class="debug-detail" data-line-end></div>`
|
|
226
|
-
: nothing}
|
|
227
220
|
</div>
|
|
228
221
|
`;
|
|
229
222
|
}
|
|
@@ -232,7 +225,7 @@ export function renderAiAgentRouterContent(data) {
|
|
|
232
225
|
<div class="debug-content-wrapper">
|
|
233
226
|
${data.available_specialists.length > 0
|
|
234
227
|
? html `
|
|
235
|
-
<div class="debug-detail"
|
|
228
|
+
<div class="debug-detail">
|
|
236
229
|
<strong class="debug-label">Specialists available</strong>
|
|
237
230
|
${data.available_specialists.map(s => html `
|
|
238
231
|
<div class="debug-item-with-icon">
|
|
@@ -275,7 +268,7 @@ export function renderConditionalCustomContent(data) {
|
|
|
275
268
|
<strong class="debug-label">Operator</strong>
|
|
276
269
|
<div class="debug-value">${data.operator}</div>
|
|
277
270
|
</div>
|
|
278
|
-
<div class="debug-detail"
|
|
271
|
+
<div class="debug-detail">
|
|
279
272
|
<strong class="debug-label">Target</strong>
|
|
280
273
|
<div class="debug-value">${data.conditional_variable}</div>
|
|
281
274
|
</div>
|
|
@@ -293,7 +286,7 @@ export function renderConditionalQueueStatusContent(data) {
|
|
|
293
286
|
<strong class="debug-label">Status</strong>
|
|
294
287
|
<div class="debug-value">${data.is_queue_open ? 'Open' : 'Closed'}</div>
|
|
295
288
|
</div>
|
|
296
|
-
<div class="debug-detail"
|
|
289
|
+
<div class="debug-detail">
|
|
297
290
|
<strong class="debug-label">Agents available</strong>
|
|
298
291
|
<div class="debug-value">${data.is_available_agent ? 'Yes' : 'No'}</div>
|
|
299
292
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-renderers.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/debug-event/content-renderers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"content-renderers.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/debug-event/content-renderers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAA;AAExD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAYhB,MAAM,uBAAuB,GAAG,oBAAoB,CAAA;AAQpD,MAAM,UAAU,UAAU,CAAC,KAAqB;;IAC9C,MAAM,UAAU,GAAmB,EAAE,CAAA;IACrC,MAAM,aAAa,GAAa,EAAE,CAAA;IAClC,MAAM,YAAY,GAAa,EAAE,CAAA;IACjC,IAAI,KAAyB,CAAA;IAE7B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,SAAS,KAAK,uBAAuB,EAAE,CAAC;YAC/C,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrB,SAAQ;QACV,CAAC;QACD,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAG,OAAO,CAAC,CAAA,KAAK,QAAQ,EAAE,CAAC;YACvD,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAW,CAAA;QAChD,CAAC;QACD,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,yBAAyB,mCAAI,EAAE,CAAC,CAAC,CAAA;QAC7D,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,wBAAwB,mCAAI,EAAE,CAAC,CAAC,CAAA;IAC7D,CAAC;IAED,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,CAAA;AAC3D,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAAwB;;IACpD,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAM,CAAC,mBAAmB,0CAAE,QAAQ,mCAAI,EAAE,CAAA;IAC3D,IAAI,MAAM,CAAC,IAAI,KAAK,KAAK;QAAE,OAAO,QAAQ,EAAE,CAAA;IAC5C,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,WAAW,EAAE,CAAA;IAClD,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;QACxD,OAAO,YAAY,EAAE,CAAA;IACvB,OAAO,QAAQ,EAAE,CAAA;AACnB,CAAC;AAED,SAAS,oBAAoB,CAC3B,OAA2B,EAC3B,SAAkB,EAClB,KAAa,EACb,WAAuB;IAEvB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,OAAO,CAAA;IAExC,OAAO,IAAI,CAAA;;oCAEuB,KAAK;QACjC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;;QACrB,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,KAAK,KAAK,CAAA;QACnC,MAAM,KAAK,GAAG,KAAK;YACjB,CAAC,CAAC,MAAA,MAAM,CAAC,mBAAmB,0CAAE,GAAG;YACjC,CAAC,CAAC,MAAA,MAAM,CAAC,mBAAmB,0CAAE,QAAQ,CAAA;QACxC,OAAO,IAAI,CAAA;;cAEL,aAAa,CAAC,MAAM,CAAC;cACrB,KAAK;YACL,CAAC,CAAC,IAAI,CAAA;yBACK,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE;;;0BAGV,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc;;qBAE5B,KAAK;kBACR;YACJ,CAAC,CAAC,IAAI,CAAA,mCAAmC,KAAK,SAAS;;SAE5D,CAAA;IACH,CAAC,CAAC;QACA,SAAS;QACT,CAAC,CAAC,IAAI,CAAA;;;qBAGO,CAAC,CAAQ,EAAE,EAAE;YACpB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,WAAW,EAAE,CAAA;QACf,CAAC;;;oBAGO;QACZ,CAAC,CAAC,OAAO;;GAEd,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB,CAC1B,UAAoB;IAEpB,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,OAAO,CAAA;IAC3C,OAAO,IAAI,CAAA;MACP,UAAU,CAAC,GAAG,CACd,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;;YAEH,QAAQ,EAAE;;4CAEsB,CAAC;;OAEtC,CACF;GACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,IAA8B,EAC9B,GAAc;IAEd,OAAO,IAAI,CAAA;;;;mCAIsB,IAAI,CAAC,kBAAkB;;;;;YAK9C,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;;;QAG/C,GAAG,CAAC,WAAW;QACf,CAAC,CAAC,IAAI,CAAA;;;yCAG2B,GAAG,CAAC,WAAW;;WAE7C;QACH,CAAC,CAAC,OAAO;;GAEd,CAAA;AACH,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,IAA6B,EAC7B,GAAc;;IAEd,MAAM,iBAAiB,GAAG,MAAA,IAAI,CAAC,kCAAkC,mCAAI,EAAE,CAAA;IACvE,MAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,MAAM,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACvD,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IACvC,MAAM,cAAc,GAClB,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;IAE1D,OAAO,IAAI,CAAA;;;;oCAIuB,IAAI,CAAC,UAAU;;;QAG3C,cAAc;QACd,CAAC,CAAC,IAAI,CAAA;;;yCAG2B,IAAI,CAAC,yBAAyB;;WAE5D;QACH,CAAC,CAAC,IAAI,CAAA;cACA,oBAAoB,CACpB,OAAO,EACP,MAAM,CAAC,MAAM,GAAG,CAAC,EACjB,SAAS,EACT,GAAG,CAAC,WAAW,CAChB;cACC,YAAY;YACZ,CAAC,CAAC,IAAI,CAAA;;sBAEE,eAAe,EAAE;;;iBAGtB;YACH,CAAC,CAAC,OAAO;;;gBAGP,eAAe,EAAE;;;WAGtB;;GAER,CAAA;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,IAAuB,EACvB,GAAc;;IAEd,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC7D,MAAM,iBAAiB,GAAG,MAAA,IAAI,CAAC,kCAAkC,mCAAI,EAAE,CAAA;IACvE,MAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,MAAM,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IAEvD,MAAM,mBAAmB,GACvB,IAAI,CAAC,0BAA0B,CAAC,MAAM,GAAG,CAAC;QAC1C,IAAI,CAAC,2BAA2B,CAAC,MAAM,GAAG,CAAC;QAC3C,IAAI,CAAC,IAAI;QACT,IAAI,CAAC,KAAK,CAAA;IAEZ,OAAO,IAAI,CAAA;;QAEL,KAAK;QACL,CAAC,CAAC,IAAI,CAAA;;;0CAG4B,KAAK;;WAEpC;QACH,CAAC,CAAC,OAAO;QACT,oBAAoB,CACpB,OAAO,EACP,MAAM,CAAC,MAAM,GAAG,CAAC,EACjB,mBAAmB,EACnB,GAAG,CAAC,WAAW,CAChB;QACC,UAAU,CAAC,MAAM,GAAG,CAAC;QACrB,CAAC,CAAC,IAAI,CAAA;;;gBAGE,UAAU,CAAC,GAAG,CACd,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;;sBAEN,qBAAqB,EAAE,IAAI,IAAI,CAAC,SAAS;;;;+BAIhC,CAAC,CAAQ,EAAE,EAAE;YACpB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QAC5B,CAAC;;;;;iBAKN,CACF;;WAEJ;QACH,CAAC,CAAC,OAAO;QACT,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM;QAC3B,CAAC,CAAC,IAAI,CAAA;;;;WAIH;QACH,CAAC,CAAC,OAAO;QACT,mBAAmB,CAAC,IAAI,CAAC,0BAA0B,CAAC;QACpD,mBAAmB,CAAC,IAAI,CAAC,2BAA2B,CAAC;QACrD,IAAI,CAAC,IAAI;QACT,CAAC,CAAC,IAAI,CAAA;;;;WAIH;QACH,CAAC,CAAC,OAAO;QACT,IAAI,CAAC,KAAK;QACV,CAAC,CAAC,IAAI,CAAA;;;;WAIH;QACH,CAAC,CAAC,OAAO;;GAEd,CAAA;AACH,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,IAA6B;IAE7B,OAAO,IAAI,CAAA;;QAEL,IAAI,CAAC,qBAAqB,CAAC,MAAM,GAAG,CAAC;QACrC,CAAC,CAAC,IAAI,CAAA;;;gBAGE,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAC9B,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;;sBAEH,gBAAgB,EAAE,IAAI,CAAC,CAAC,IAAI;;iBAEjC,CACF;;WAEJ;QACH,CAAC,CAAC,OAAO;;;UAGP,IAAI,CAAC,4BAA4B;QACjC,CAAC,CAAC,IAAI,CAAA;;gDAEgC,IAAI,CAAC,eAAe;mBACjD;QACT,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,MAAM,GAAG,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAA;kBACA,IAAI,CAAC,0BAA0B,CAAC,GAAG,CACnC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;;wBAEH,QAAQ,EAAE;;wDAEsB,CAAC;;mBAEtC,CACF;eACF;YACH,CAAC,CAAC,IAAI,CAAA,4CAA4C;;;GAG3D,CAAA;AACH,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,IAAiC;IAEjC,OAAO,IAAI,CAAA;;;;mCAIsB,IAAI,CAAC,eAAe;;;;mCAIpB,IAAI,CAAC,QAAQ;;;;mCAIb,IAAI,CAAC,oBAAoB;;;GAGzD,CAAA;AACH,CAAC;AAED,MAAM,UAAU,mCAAmC,CACjD,IAAsC;IAEtC,OAAO,IAAI,CAAA;;;;mCAIsB,IAAI,CAAC,UAAU;;;;mCAIf,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;;;mCAItC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;;;GAGtE,CAAA;AACH,CAAC"}
|
|
@@ -12,16 +12,16 @@ export const debugEventStyles = css `
|
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
align-items: stretch;
|
|
14
14
|
justify-content: space-between;
|
|
15
|
-
gap: var(--spacing-s);
|
|
15
|
+
gap: var(--lilara-spacing-s);
|
|
16
16
|
|
|
17
17
|
background-color: var(
|
|
18
18
|
--botonic-debug-event-bg,
|
|
19
|
-
var(--surface-foreground)
|
|
19
|
+
var(--lilara-surface-foreground)
|
|
20
20
|
);
|
|
21
|
-
border-radius: var(--radius-s);
|
|
22
|
-
font-family: var(--font-family);
|
|
21
|
+
border-radius: var(--lilara-radius-s);
|
|
22
|
+
font-family: var(--lilara-font-family);
|
|
23
23
|
box-sizing: border-box;
|
|
24
|
-
width:
|
|
24
|
+
width: 100%;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.debug-root.is-collapsible {
|
|
@@ -31,7 +31,7 @@ export const debugEventStyles = css `
|
|
|
31
31
|
.debug-root.is-collapsible:hover {
|
|
32
32
|
background-color: var(
|
|
33
33
|
--botonic-debug-event-hover-bg,
|
|
34
|
-
var(--color-neutral-50)
|
|
34
|
+
var(--lilara-color-neutral-50)
|
|
35
35
|
);
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -39,11 +39,11 @@ export const debugEventStyles = css `
|
|
|
39
39
|
display: flex;
|
|
40
40
|
align-items: center;
|
|
41
41
|
justify-content: space-between;
|
|
42
|
-
gap: var(--spacing-xxs);
|
|
42
|
+
gap: var(--lilara-spacing-xxs);
|
|
43
43
|
box-sizing: border-box;
|
|
44
44
|
user-select: none;
|
|
45
|
-
border-radius: var(--radius-s);
|
|
46
|
-
padding: var(--spacing-xs) var(--spacing-xs);
|
|
45
|
+
border-radius: var(--lilara-radius-s);
|
|
46
|
+
padding: var(--lilara-spacing-xs) var(--lilara-spacing-xs);
|
|
47
47
|
width: 100%;
|
|
48
48
|
}
|
|
49
49
|
|
|
@@ -67,7 +67,7 @@ export const debugEventStyles = css `
|
|
|
67
67
|
justify-content: center;
|
|
68
68
|
width: 14px;
|
|
69
69
|
height: 14px;
|
|
70
|
-
margin-right: var(--spacing-xs);
|
|
70
|
+
margin-right: var(--lilara-spacing-xs);
|
|
71
71
|
flex-shrink: 0;
|
|
72
72
|
}
|
|
73
73
|
|
|
@@ -83,16 +83,16 @@ export const debugEventStyles = css `
|
|
|
83
83
|
display: flex;
|
|
84
84
|
align-items: center;
|
|
85
85
|
|
|
86
|
-
font-weight: var(--font-weight-bold);
|
|
87
|
-
font-size: var(--font-size-xs);
|
|
88
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
86
|
+
font-weight: var(--lilara-font-weight-bold);
|
|
87
|
+
font-size: var(--lilara-font-size-xs);
|
|
88
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
89
89
|
line-height: 1.5;
|
|
90
90
|
white-space: nowrap;
|
|
91
|
-
gap: var(--spacing-xxs);
|
|
91
|
+
gap: var(--lilara-spacing-xxs);
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.debug-title span {
|
|
95
|
-
font-weight: var(--font-weight-regular);
|
|
95
|
+
font-weight: var(--lilara-font-weight-regular);
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
.debug-content {
|
|
@@ -103,16 +103,16 @@ export const debugEventStyles = css `
|
|
|
103
103
|
min-width: 0;
|
|
104
104
|
overflow: hidden;
|
|
105
105
|
|
|
106
|
-
font-size: var(--font-size-xs);
|
|
106
|
+
font-size: var(--lilara-font-size-xs);
|
|
107
107
|
line-height: 1.5;
|
|
108
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
108
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
.debug-detail {
|
|
112
112
|
display: flex;
|
|
113
113
|
flex-direction: column;
|
|
114
|
-
gap: var(--spacing-xxs);
|
|
115
|
-
padding: 0 calc(var(--spacing-ml) + var(--spacing-xxs));
|
|
114
|
+
gap: var(--lilara-spacing-xxs);
|
|
115
|
+
padding: 0 calc(var(--lilara-spacing-ml) + var(--lilara-spacing-xxs));
|
|
116
116
|
line-height: 1.5;
|
|
117
117
|
width: 100%;
|
|
118
118
|
min-width: 0;
|
|
@@ -121,16 +121,16 @@ export const debugEventStyles = css `
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
.debug-label {
|
|
124
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
125
|
-
font-weight: var(--font-weight-regular);
|
|
126
|
-
font-size: var(--font-size-xs);
|
|
124
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
125
|
+
font-weight: var(--lilara-font-weight-regular);
|
|
126
|
+
font-size: var(--lilara-font-size-xs);
|
|
127
127
|
line-height: 1.5;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
.debug-value {
|
|
131
|
-
font-weight: var(--font-weight-bold);
|
|
132
|
-
font-size: var(--font-size-xs);
|
|
133
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
131
|
+
font-weight: var(--lilara-font-weight-bold);
|
|
132
|
+
font-size: var(--lilara-font-size-xs);
|
|
133
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
134
134
|
line-height: 1.5;
|
|
135
135
|
width: 100%;
|
|
136
136
|
overflow-wrap: break-word;
|
|
@@ -145,24 +145,24 @@ export const debugEventStyles = css `
|
|
|
145
145
|
flex-shrink: 0;
|
|
146
146
|
display: inline-block;
|
|
147
147
|
vertical-align: middle;
|
|
148
|
-
margin-right: var(--spacing-xs);
|
|
148
|
+
margin-right: var(--lilara-spacing-xs);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
.debug-item-with-icon {
|
|
152
152
|
display: flex;
|
|
153
153
|
align-items: center;
|
|
154
|
-
gap: var(--spacing-xs);
|
|
154
|
+
gap: var(--lilara-spacing-xs);
|
|
155
155
|
padding: 0;
|
|
156
|
-
font-weight: var(--font-weight-bold);
|
|
157
|
-
font-size: var(--font-size-xs);
|
|
158
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
156
|
+
font-weight: var(--lilara-font-weight-bold);
|
|
157
|
+
font-size: var(--lilara-font-size-xs);
|
|
158
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
159
159
|
line-height: 1.5;
|
|
160
160
|
min-width: 0;
|
|
161
161
|
width: 100%;
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
.debug-item-with-icon:not(:last-child) {
|
|
165
|
-
margin-bottom: var(--spacing-xxs);
|
|
165
|
+
margin-bottom: var(--lilara-spacing-xxs);
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
.debug-item-with-icon > svg {
|
|
@@ -175,32 +175,32 @@ export const debugEventStyles = css `
|
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
.debug-metadata {
|
|
178
|
-
margin-top: var(--spacing-xs);
|
|
179
|
-
padding-top: var(--spacing-s);
|
|
178
|
+
margin-top: var(--lilara-spacing-xs);
|
|
179
|
+
padding-top: var(--lilara-spacing-s);
|
|
180
180
|
border-top: 1px solid
|
|
181
181
|
var(
|
|
182
182
|
--botonic-debug-event-border,
|
|
183
|
-
var(--surface-foreground-border-color)
|
|
183
|
+
var(--lilara-surface-foreground-border-color)
|
|
184
184
|
);
|
|
185
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
186
|
-
font-size: var(--font-size-xs);
|
|
187
|
-
padding-left: calc(var(--spacing-ml) + var(--spacing-xxs));
|
|
185
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
186
|
+
font-size: var(--lilara-font-size-xs);
|
|
187
|
+
padding-left: calc(var(--lilara-spacing-ml) + var(--lilara-spacing-xxs));
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
.debug-metadata > div {
|
|
191
191
|
margin-top: 6px;
|
|
192
|
-
font-weight: var(--font-weight-regular);
|
|
192
|
+
font-weight: var(--lilara-font-weight-regular);
|
|
193
193
|
}
|
|
194
194
|
|
|
195
195
|
.debug-content-wrapper {
|
|
196
196
|
display: flex;
|
|
197
197
|
flex-direction: column;
|
|
198
|
-
gap: var(--spacing-sm);
|
|
198
|
+
gap: var(--lilara-spacing-sm);
|
|
199
199
|
position: relative;
|
|
200
200
|
width: 100%;
|
|
201
201
|
min-width: 0;
|
|
202
202
|
overflow: hidden;
|
|
203
|
-
|
|
203
|
+
margin-bottom: var(--lilara-spacing-xs);
|
|
204
204
|
}
|
|
205
205
|
|
|
206
206
|
.debug-content-wrapper::before {
|
|
@@ -210,30 +210,36 @@ export const debugEventStyles = css `
|
|
|
210
210
|
width: 1px;
|
|
211
211
|
background-color: var(
|
|
212
212
|
--botonic-debug-event-connector,
|
|
213
|
-
var(--surface-foreground-border-color)
|
|
213
|
+
var(--lilara-surface-foreground-border-color)
|
|
214
214
|
);
|
|
215
215
|
top: 0;
|
|
216
|
-
height:
|
|
216
|
+
height: 100%;
|
|
217
217
|
}
|
|
218
218
|
|
|
219
219
|
.debug-root.is-collapsible:hover .debug-content-wrapper::before {
|
|
220
220
|
background-color: var(
|
|
221
221
|
--botonic-debug-event-connector-hover,
|
|
222
|
-
var(--color-neutral-200)
|
|
222
|
+
var(--lilara-color-neutral-200)
|
|
223
223
|
);
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
.see-info-button {
|
|
227
227
|
border: 1px solid
|
|
228
|
-
var(
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
228
|
+
var(
|
|
229
|
+
--botonic-debug-event-button-border,
|
|
230
|
+
var(--lilara-color-neutral-200)
|
|
231
|
+
);
|
|
232
|
+
border-radius: var(--lilara-radius-s);
|
|
233
|
+
padding: var(--lilara-spacing-xs);
|
|
234
|
+
height: calc(var(--lilara-spacing-ml) + var(--lilara-spacing-xxs));
|
|
232
235
|
background-color: transparent;
|
|
233
|
-
color: var(
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
236
|
+
color: var(
|
|
237
|
+
--botonic-debug-event-button-text,
|
|
238
|
+
var(--lilara-color-neutral-800)
|
|
239
|
+
);
|
|
240
|
+
font-family: var(--lilara-font-family);
|
|
241
|
+
font-size: var(--lilara-font-size-xs);
|
|
242
|
+
font-weight: var(--lilara-font-weight-medium);
|
|
237
243
|
line-height: 1.5;
|
|
238
244
|
cursor: pointer;
|
|
239
245
|
display: flex;
|
|
@@ -245,19 +251,19 @@ export const debugEventStyles = css `
|
|
|
245
251
|
.see-info-button:hover {
|
|
246
252
|
background-color: var(
|
|
247
253
|
--botonic-debug-event-button-hover-bg,
|
|
248
|
-
var(--color-neutral-100)
|
|
254
|
+
var(--lilara-color-neutral-100)
|
|
249
255
|
);
|
|
250
256
|
}
|
|
251
257
|
|
|
252
258
|
.guardrail-item {
|
|
253
259
|
display: flex;
|
|
254
260
|
align-items: center;
|
|
255
|
-
gap: var(--spacing-xs);
|
|
256
|
-
padding-left: calc(var(--spacing-ml) + var(--spacing-xxs));
|
|
257
|
-
margin-bottom: var(--spacing-xs);
|
|
258
|
-
font-size: var(--font-size-xs);
|
|
261
|
+
gap: var(--lilara-spacing-xs);
|
|
262
|
+
padding-left: calc(var(--lilara-spacing-ml) + var(--lilara-spacing-xxs));
|
|
263
|
+
margin-bottom: var(--lilara-spacing-xs);
|
|
264
|
+
font-size: var(--lilara-font-size-xs);
|
|
259
265
|
line-height: 1.5;
|
|
260
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
266
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
261
267
|
}
|
|
262
268
|
|
|
263
269
|
.guardrail-item.is-last {
|
|
@@ -271,31 +277,31 @@ export const debugEventStyles = css `
|
|
|
271
277
|
}
|
|
272
278
|
|
|
273
279
|
.guardrail-label {
|
|
274
|
-
font-weight: var(--font-weight-bold);
|
|
275
|
-
font-size: var(--font-size-xs);
|
|
280
|
+
font-weight: var(--lilara-font-weight-bold);
|
|
281
|
+
font-size: var(--lilara-font-size-xs);
|
|
276
282
|
line-height: 1.5;
|
|
277
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
283
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
278
284
|
}
|
|
279
285
|
|
|
280
286
|
.guardrail-value {
|
|
281
|
-
font-weight: var(--font-weight-regular);
|
|
282
|
-
font-size: var(--font-size-xs);
|
|
287
|
+
font-weight: var(--lilara-font-weight-regular);
|
|
288
|
+
font-size: var(--lilara-font-size-xs);
|
|
283
289
|
line-height: 1.5;
|
|
284
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
290
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
285
291
|
}
|
|
286
292
|
|
|
287
293
|
.source-value {
|
|
288
|
-
font-weight: var(--font-weight-bold);
|
|
289
|
-
font-size: var(--font-size-xs);
|
|
294
|
+
font-weight: var(--lilara-font-weight-bold);
|
|
295
|
+
font-size: var(--lilara-font-size-xs);
|
|
290
296
|
line-height: 1.5;
|
|
291
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
297
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
292
298
|
}
|
|
293
299
|
|
|
294
300
|
.file-source-value {
|
|
295
|
-
font-weight: var(--font-weight-bold);
|
|
296
|
-
font-size: var(--font-size-xs);
|
|
301
|
+
font-weight: var(--lilara-font-weight-bold);
|
|
302
|
+
font-size: var(--lilara-font-size-xs);
|
|
297
303
|
line-height: 1.5;
|
|
298
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
304
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
299
305
|
display: block;
|
|
300
306
|
overflow: hidden;
|
|
301
307
|
text-overflow: ellipsis;
|
|
@@ -305,10 +311,10 @@ export const debugEventStyles = css `
|
|
|
305
311
|
}
|
|
306
312
|
|
|
307
313
|
.url-source-value {
|
|
308
|
-
font-weight: var(--font-weight-bold);
|
|
309
|
-
font-size: var(--font-size-xs);
|
|
314
|
+
font-weight: var(--lilara-font-weight-bold);
|
|
315
|
+
font-size: var(--lilara-font-size-xs);
|
|
310
316
|
line-height: 1.5;
|
|
311
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
317
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
312
318
|
text-decoration: none;
|
|
313
319
|
overflow: hidden;
|
|
314
320
|
text-overflow: ellipsis;
|
|
@@ -320,11 +326,11 @@ export const debugEventStyles = css `
|
|
|
320
326
|
|
|
321
327
|
.url-source-value:hover {
|
|
322
328
|
text-decoration: underline;
|
|
323
|
-
color: var(--botonic-debug-event-link-hover, var(--primary-500));
|
|
329
|
+
color: var(--botonic-debug-event-link-hover, var(--lilara-primary-500));
|
|
324
330
|
}
|
|
325
331
|
|
|
326
332
|
.url-source-value:visited {
|
|
327
|
-
color: var(--botonic-debug-event-text, var(--text-base));
|
|
333
|
+
color: var(--botonic-debug-event-text, var(--lilara-text-base));
|
|
328
334
|
}
|
|
329
335
|
}
|
|
330
336
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"debug-event.css.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/debug-event/debug-event.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"debug-event.css.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/debug-event/debug-event.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8UlC,CAAA"}
|
|
@@ -6,12 +6,11 @@ export declare class BotonicDebugEvent extends LitElement {
|
|
|
6
6
|
noteContent?: string;
|
|
7
7
|
private _expanded;
|
|
8
8
|
private _hasBeenOpened;
|
|
9
|
-
private
|
|
9
|
+
private _requestedNoteId?;
|
|
10
10
|
static styles: import("lit").CSSResult[];
|
|
11
11
|
connectedCallback(): void;
|
|
12
12
|
updated(changed: Map<string, unknown>): void;
|
|
13
13
|
private _maybeRequestNote;
|
|
14
|
-
private _updateConnectorLine;
|
|
15
14
|
private get _config();
|
|
16
15
|
private get _isCollapsible();
|
|
17
16
|
private _handleHeaderClick;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
2
|
import { EventAction } from '@botonic/shared';
|
|
3
3
|
import { html, LitElement, nothing } from 'lit';
|
|
4
|
-
import { property,
|
|
4
|
+
import { property, state } from 'lit/decorators.js';
|
|
5
5
|
import { classMap } from 'lit/directives/class-map.js';
|
|
6
6
|
import { resetStyles } from '../shared/base-styles';
|
|
7
7
|
import { debugEventStyles } from './debug-event.css';
|
|
@@ -43,7 +43,6 @@ export class BotonicDebugEvent extends LitElement {
|
|
|
43
43
|
updated(changed) {
|
|
44
44
|
super.updated(changed);
|
|
45
45
|
this._maybeRequestNote(changed);
|
|
46
|
-
this._updateConnectorLine();
|
|
47
46
|
}
|
|
48
47
|
_maybeRequestNote(changed) {
|
|
49
48
|
if (!changed.has('data') && !changed.has('noteContent'))
|
|
@@ -51,24 +50,17 @@ export class BotonicDebugEvent extends LitElement {
|
|
|
51
50
|
if (this.action !== EventAction.HandoffSuccess)
|
|
52
51
|
return;
|
|
53
52
|
const data = this.data;
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
if (last) {
|
|
66
|
-
const bottom = last.offsetTop + last.offsetHeight;
|
|
67
|
-
const wrapper = this.renderRoot.querySelector('.debug-content-wrapper');
|
|
68
|
-
if (wrapper instanceof HTMLElement) {
|
|
69
|
-
wrapper.style.setProperty('--last-label-bottom', `${bottom}px`);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
53
|
+
const noteId = data.handoff_note_id;
|
|
54
|
+
if (!noteId || this.noteContent !== undefined)
|
|
55
|
+
return;
|
|
56
|
+
if (this._requestedNoteId === noteId)
|
|
57
|
+
return;
|
|
58
|
+
this._requestedNoteId = noteId;
|
|
59
|
+
this.dispatchEvent(new CustomEvent('load-note', {
|
|
60
|
+
detail: { noteId },
|
|
61
|
+
bubbles: true,
|
|
62
|
+
composed: true,
|
|
63
|
+
}));
|
|
72
64
|
}
|
|
73
65
|
get _config() {
|
|
74
66
|
return EVENT_CONFIG[this.action];
|
|
@@ -109,8 +101,9 @@ export class BotonicDebugEvent extends LitElement {
|
|
|
109
101
|
return html `
|
|
110
102
|
<div
|
|
111
103
|
class=${classMap({ 'debug-root': true, 'is-collapsible': collapsible })}
|
|
104
|
+
@click=${this._handleHeaderClick}
|
|
112
105
|
>
|
|
113
|
-
<div class="debug-header"
|
|
106
|
+
<div class="debug-header">
|
|
114
107
|
<div class="debug-title">
|
|
115
108
|
<span class="debug-icon">${config === null || config === void 0 ? void 0 : config.icon()}</span>
|
|
116
109
|
${config === null || config === void 0 ? void 0 : config.renderTitle(this.data)}
|
|
@@ -147,10 +140,6 @@ __decorate([
|
|
|
147
140
|
state(),
|
|
148
141
|
__metadata("design:type", Object)
|
|
149
142
|
], BotonicDebugEvent.prototype, "_expanded", void 0);
|
|
150
|
-
__decorate([
|
|
151
|
-
queryAll('[data-line-end]'),
|
|
152
|
-
__metadata("design:type", Object)
|
|
153
|
-
], BotonicDebugEvent.prototype, "_lineEndElements", void 0);
|
|
154
143
|
if (!customElements.get('botonic-debug-event')) {
|
|
155
144
|
customElements.define('botonic-debug-event', BotonicDebugEvent);
|
|
156
145
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"debug-event.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/debug-event/debug-event.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"debug-event.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/debug-event/debug-event.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,61 +1,63 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
export const resetStyles = css `
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
* {
|
|
10
|
-
margin: 0;
|
|
11
|
-
}
|
|
3
|
+
@layer reset {
|
|
4
|
+
*,
|
|
5
|
+
*::before,
|
|
6
|
+
*::after {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
}
|
|
12
9
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
font-family: var(--font-family);
|
|
17
|
-
font-weight: var(--font-weight-regular);
|
|
18
|
-
word-break: normal;
|
|
19
|
-
line-height: 150%;
|
|
20
|
-
-webkit-font-smoothing: antialiased;
|
|
21
|
-
}
|
|
10
|
+
* {
|
|
11
|
+
margin: 0;
|
|
12
|
+
}
|
|
22
13
|
|
|
23
|
-
@media (prefers-color-scheme: dark) {
|
|
24
14
|
:host {
|
|
25
|
-
|
|
15
|
+
font-style: normal;
|
|
16
|
+
font-size: var(--lilara-font-size-s);
|
|
17
|
+
font-family: var(--lilara-font-family);
|
|
18
|
+
font-weight: var(--lilara-font-weight-regular);
|
|
19
|
+
word-break: normal;
|
|
20
|
+
line-height: 150%;
|
|
21
|
+
-webkit-font-smoothing: antialiased;
|
|
26
22
|
}
|
|
27
|
-
}
|
|
28
23
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
display: block;
|
|
35
|
-
max-width: 100%;
|
|
36
|
-
}
|
|
24
|
+
@media (prefers-color-scheme: dark) {
|
|
25
|
+
:host {
|
|
26
|
+
color: var(--lilara-color-neutral-900);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
37
29
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
30
|
+
img,
|
|
31
|
+
picture,
|
|
32
|
+
video,
|
|
33
|
+
canvas,
|
|
34
|
+
svg {
|
|
35
|
+
display: block;
|
|
36
|
+
max-width: 100%;
|
|
37
|
+
}
|
|
44
38
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
39
|
+
input,
|
|
40
|
+
button,
|
|
41
|
+
textarea,
|
|
42
|
+
select {
|
|
43
|
+
font: inherit;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
p,
|
|
47
|
+
h1,
|
|
48
|
+
h2,
|
|
49
|
+
h3,
|
|
50
|
+
h4,
|
|
51
|
+
h5,
|
|
52
|
+
h6 {
|
|
53
|
+
overflow-wrap: break-word;
|
|
54
|
+
}
|
|
54
55
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
ul,
|
|
57
|
+
ol {
|
|
58
|
+
list-style: none;
|
|
59
|
+
padding: 0;
|
|
60
|
+
}
|
|
59
61
|
}
|
|
60
62
|
`;
|
|
61
63
|
//# sourceMappingURL=base-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-styles.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/shared/base-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"base-styles.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/shared/base-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D7B,CAAA"}
|