@salla.sa/ui-ai-kit-core 2.2.2 → 2.2.3
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/dist/cjs/ai-card.cjs.entry.js +2 -2
- package/dist/cjs/ai-chat-header.cjs.entry.js +1 -1
- package/dist/cjs/ai-chat-message.cjs.entry.js +1 -1
- package/dist/cjs/ai-conversation-summary.cjs.entry.js +1 -1
- package/dist/cjs/ai-in-chat-browser.cjs.entry.js +1 -1
- package/dist/cjs/ai-link.cjs.entry.js +1 -1
- package/dist/cjs/ai-route-decision.cjs.entry.js +1 -1
- package/dist/cjs/ai-suggestion.cjs.entry.js +2 -2
- package/dist/cjs/ai-voice-input.cjs.entry.js +1 -1
- package/dist/collection/components/ai-card/ai-card.css +22 -0
- package/dist/collection/components/ai-card/ai-card.js +1 -1
- package/dist/collection/components/ai-chat-header/ai-chat-header.js +1 -1
- package/dist/collection/components/ai-chat-message/ai-chat-message.js +1 -1
- package/dist/collection/components/ai-conversation-summary/ai-conversation-summary.js +1 -1
- package/dist/collection/components/ai-in-chat-browser/ai-in-chat-browser.js +1 -1
- package/dist/collection/components/ai-link/ai-link.js +1 -1
- package/dist/collection/components/ai-route-decision/ai-route-decision.js +1 -1
- package/dist/collection/components/ai-suggestion/ai-suggestion.js +2 -2
- package/dist/collection/components/ai-voice-input/ai-voice-input.js +1 -1
- package/dist/components/ai-card.js +1 -1
- package/dist/components/ai-chat-header.js +1 -1
- package/dist/components/ai-chat-message.js +1 -1
- package/dist/components/ai-conversation-summary.js +1 -1
- package/dist/components/ai-in-chat-browser.js +1 -1
- package/dist/components/ai-link.js +1 -1
- package/dist/components/ai-message-input.js +1 -1
- package/dist/components/ai-rating.js +1 -1
- package/dist/components/ai-route-decision.js +1 -1
- package/dist/components/ai-suggestion.js +1 -1
- package/dist/components/ai-voice-input.js +1 -1
- package/dist/components/{p-bGFmyIp1.js → p-BlCeQ9Hu.js} +1 -1
- package/dist/components/p-DCJWSYj-.js +1 -0
- package/dist/esm/ai-card.entry.js +2 -2
- package/dist/esm/ai-chat-header.entry.js +1 -1
- package/dist/esm/ai-chat-message.entry.js +1 -1
- package/dist/esm/ai-conversation-summary.entry.js +1 -1
- package/dist/esm/ai-in-chat-browser.entry.js +1 -1
- package/dist/esm/ai-link.entry.js +1 -1
- package/dist/esm/ai-route-decision.entry.js +1 -1
- package/dist/esm/ai-suggestion.entry.js +2 -2
- package/dist/esm/ai-voice-input.entry.js +1 -1
- package/dist/ui-ai-kit/{p-5f005ec5.entry.js → p-11c960d8.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-278895fd.entry.js → p-2fd7529e.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-d02f2db5.entry.js → p-79309690.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-6bd54e29.entry.js → p-9a8614d0.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-062cad02.entry.js → p-9af03dbd.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-83f46030.entry.js → p-a1ee6005.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-187db371.entry.js → p-a5f53c8c.entry.js} +1 -1
- package/dist/ui-ai-kit/p-cde479ea.entry.js +1 -0
- package/dist/ui-ai-kit/{p-e6236df2.entry.js → p-e1a2a622.entry.js} +1 -1
- package/dist/ui-ai-kit/ui-ai-kit.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-Ba0urr6Q.js +0 -1
- package/dist/ui-ai-kit/p-8fabdbe8.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,H as e,h as s,d as r,t}from"./p-BPkf7wZg.js";import{i}from"./p-DlD8m3rf.js";const
|
|
1
|
+
import{p as a,H as e,h as s,d as r,t}from"./p-BPkf7wZg.js";import{i}from"./p-DlD8m3rf.js";const n=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}conversation="ملخص المحادثة";summary="";messageCount=0;language="";renderIcon(a,e,r){const t=i[a];return t?s("span",{class:"icon-wrap",innerHTML:`<svg width="${e}" height="${r}" viewBox="${t.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${t.content}</svg>`}):null}render(){return s(r,{key:"f69a767b9111f035799fbad9e26f6cd278d2cd5e"},s("div",{key:"2b598f0ebcf118c75d58a92173d31250b7b71aaa",class:"summary-card"},s("div",{key:"fba36d83ef95feaaff7a88847c2ad8eed7b2a009",class:"summary-header"},s("div",{key:"f2840d65175456326a9f2c2d389b788f4dfc6622",class:"sparkle-avatar"},this.renderIcon("sparkle",14,14)),s("span",{key:"e90eca9ddf0b1b610a05d3a68fba69853c3c87e5",class:"summary-title"},this.conversation),s("div",{key:"ab9dd453aab0b04b00493dac0a7b5ad74b194190",class:"summary-badges"},this.messageCount>0&&s("span",{key:"e5664fb004a19d72334f157121125a01ff09f56a",class:"badge"},this.renderIcon("list",12,12),this.messageCount),this.language&&s("span",{key:"af0784ee45ed3169514d198dc1236e781fe48ac6",class:"badge lang-badge"},this.language))),this.summary&&s("p",{key:"c0c2be2118abbe62a31adc65e6fa8907f155bb49",class:"summary-body",ref:a=>a&&(a.textContent=this.summary)}),s("div",{key:"61c139e33e9e247508e830e319fc9cc014451526",class:"summary-slot"},s("slot",{key:"5ebbbdb3319c6a8ca9f8e98a58c6336e7a25c159"}))))}static get style(){return":host{display:block}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.summary-card{background:var(--ai-bg-card);border:1px solid var(--ai-border-default);border-radius:16px;box-shadow:var(--ai-shadow-sm);overflow:hidden;animation:fade-in 0.3s ease}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.summary-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--ai-border-default)}.sparkle-avatar{width:24px;height:24px;border-radius:9999px;background:var(--ai-bg-surface);box-shadow:var(--ai-shadow-inner);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ai-amber)}.summary-title{font-size:15px;font-weight:500;color:var(--ai-text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-badges{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--ai-accent-dark);background:var(--ai-accent-bg);padding:2px 8px;border-radius:9999px;white-space:nowrap}.lang-badge{color:var(--ai-text-secondary);background:var(--ai-bg-surface)}.summary-body{margin:0;padding:12px 16px;font-size:14px;color:var(--ai-text-secondary);line-height:1.6;border-bottom:1px solid var(--ai-border-default)}.summary-slot{padding:12px 16px}.summary-slot:empty{display:none}"}},[769,"ai-conversation-summary",{conversation:[1],summary:[1],messageCount:[2,"message-count"],language:[1]}]),d=n,o=function(){"undefined"!=typeof customElements&&["ai-conversation-summary"].forEach((a=>{"ai-conversation-summary"===a&&(customElements.get(t(a))||customElements.define(t(a),n))}))};export{d as AiConversationSummary,o as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as e,h as a,d as t,t as i}from"./p-BPkf7wZg.js";const s=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}url="";pageTitle="";isLoading=!0;hasError=!1;onUrlChange(){this.isLoading=!0,this.hasError=!1}getDisplayTitle(){if(this.pageTitle)return this.pageTitle;try{return new URL(this.url).hostname}catch{return this.url||""}}handleIframeLoad=()=>{this.isLoading=!1};handleIframeError=()=>{this.isLoading=!1,this.hasError=!0};render(){const r=this.getDisplayTitle();return a(t,{key:"
|
|
1
|
+
import{p as r,H as e,h as a,d as t,t as i}from"./p-BPkf7wZg.js";const s=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}url="";pageTitle="";isLoading=!0;hasError=!1;onUrlChange(){this.isLoading=!0,this.hasError=!1}getDisplayTitle(){if(this.pageTitle)return this.pageTitle;try{return new URL(this.url).hostname}catch{return this.url||""}}handleIframeLoad=()=>{this.isLoading=!1};handleIframeError=()=>{this.isLoading=!1,this.hasError=!0};render(){const r=this.getDisplayTitle();return a(t,{key:"d79ede7857bc7edc13a4c8cdbbf5b4f7312d9766"},a("div",{key:"57ccda6f9670e9ae2ca76b768f31ecf62b9ec8e9",class:"browser-content"},this.isLoading&&a("div",{key:"f868050d91fc24f9a13a760d34805b6a443ff865",class:"browser-loading"},a("div",{key:"b90a07a822a1978875fd5590783d9e9a6ac319b9",class:"loading-bar"})),this.hasError?a("div",{class:"browser-error"},a("span",{class:"error-text"},"تعذّر تحميل الصفحة"),a("span",{class:"error-url"},this.url)):this.url&&a("iframe",{class:"browser-iframe",src:this.url,onLoad:this.handleIframeLoad,onError:this.handleIframeError,sandbox:"allow-scripts allow-same-origin allow-forms allow-popups",referrerPolicy:"no-referrer",title:r})))}static get watchers(){return{url:[{onUrlChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;width:calc(100% + 2 * var(--ai-spacing-2xl, 16px));height:calc(100% + 2 * var(--ai-spacing-2xl, 16px));margin:calc(-1 * var(--ai-spacing-2xl, 16px))}.browser-content{flex:1;position:relative;overflow:hidden;background:var(--ai-bg-surface)}.browser-iframe{width:100%;height:100%;border:none;display:block;background:var(--ai-bg-card)}.browser-loading{position:absolute;top:0;left:0;right:0;z-index:2;height:3px;overflow:hidden;background:var(--ai-border-light)}.loading-bar{width:40%;height:100%;background:var(--ai-accent);border-radius:2px;animation:browser-loading-slide 1.2s ease-in-out infinite}@keyframes browser-loading-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.browser-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;padding:24px;text-align:center}.error-text{font-size:14px;font-weight:600;color:var(--ai-text-primary)}.error-url{font-size:12px;color:var(--ai-text-muted);word-break:break-all;max-width:280px}"}},[513,"ai-in-chat-browser",{url:[1],pageTitle:[1,"page-title"],isLoading:[32],hasError:[32]},void 0,{url:[{onUrlChange:0}]}]),o=s,n=function(){"undefined"!=typeof customElements&&["ai-in-chat-browser"].forEach((r=>{"ai-in-chat-browser"===r&&(customElements.get(i(r))||customElements.define(i(r),s))}))};export{o as AiInChatBrowser,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as i,h as n,d as
|
|
1
|
+
import{p as e,H as i,h as n,d as a,t}from"./p-BPkf7wZg.js";import{i as l}from"./p-DlD8m3rf.js";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}label="";href="#";target="_blank";rel="";renderShareIcon(){const e=l.share;return e?n("span",{class:"link__icon",innerHTML:`<svg width="16" height="16" viewBox="${e.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${e.content}</svg>`}):null}render(){const e=this.rel||("_blank"===this.target?"noopener noreferrer":void 0);return n(a,{key:"e0e34a4c2a3534a3b449bac613c6f7cb512420d3"},n("span",{key:"5776ddc64676ecaabb4f36a0e9833026dc730c23",class:"link__label"},this.label,n("slot",{key:"436a334a51bea342b839d5fad9743aaf6b66a94d"})),n("a",{key:"3880c1429a8a24a9dee700c9f0592ac673ce68f0",class:"link",href:this.href,target:this.target,rel:e},this.renderShareIcon()))}static get style(){return":host{--ai-link-font-size:14px;--ai-link-font-weight:700;--ai-link-line-height:20px;--ai-link-gap:4px;--ai-link-icon-size:16px;display:flex;align-items:center;gap:var(--ai-link-gap)}.link{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--ai-link-gap);color:var(--ai-accent-dark);font-size:var(--ai-link-font-size);font-weight:var(--ai-link-font-weight);font-family:inherit;line-height:var(--ai-link-line-height);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color 0.15s ease;outline:none}.link:hover{color:var(--ai-accent-dark);text-decoration:underline}.link:focus-visible{outline:2px solid var(--ai-accent);outline-offset:2px;border-radius:4px}.link__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ai-link-icon-size);height:var(--ai-link-icon-size);flex-shrink:0;line-height:0}.link__label{color:var(--ai-accent-dark);font-weight:bold}"}},[769,"ai-link",{label:[1],href:[1],target:[1],rel:[1]}]),s=r,o=function(){"undefined"!=typeof customElements&&["ai-link"].forEach((e=>{"ai-link"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))};export{s as AiLink,o as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as i,c as t,h as o,d as a,t as r}from"./p-BPkf7wZg.js";import{d as n}from"./p-DZuBxUde.js";import{d as s}from"./p-
|
|
1
|
+
import{p as e,H as i,c as t,h as o,d as a,t as r}from"./p-BPkf7wZg.js";import{d as n}from"./p-DZuBxUde.js";import{d as s}from"./p-BlCeQ9Hu.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sendMessage=t(this,"sendMessage"),this.voiceAudioReady=t(this,"voiceAudioReady")}get el(){return this}placeholder="ايش في بالك؟";disabled=!1;showVoiceButton=!0;maxLength=4e3;isRecording=!1;inputValue="";showVoiceRecorder=!1;isMultiline=!1;textareaRef;sendMessage;voiceAudioReady;onIsRecordingChange(e){this.showVoiceRecorder=e}async setInputValue(e){const i=e.slice(0,this.maxLength);this.inputValue=i,this.textareaRef&&(this.textareaRef.value=i,this.updateHeight(),this.textareaRef.focus())}updateHeight=()=>{this.textareaRef&&(this.textareaRef.style.height="auto",this.textareaRef.style.height=this.textareaRef.scrollHeight+"px",this.isMultiline=this.textareaRef.scrollHeight>28)};handleSendMessage=()=>{this.inputValue.trim()&&!this.disabled&&(this.sendMessage.emit(this.inputValue.trim()),this.inputValue="",this.textareaRef&&(this.textareaRef.style.height="auto",this.isMultiline=!1))};handleKeyDown=e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),this.handleSendMessage())};handleVoiceClick=()=>{this.showVoiceRecorder=!0};handleAudioRecorded=e=>{this.showVoiceRecorder=!1,this.voiceAudioReady.emit(e.detail)};handleRecordingCancel=()=>{this.showVoiceRecorder=!1};handleInputChange=e=>{let i=e.target.value;i.length>this.maxLength&&(i=i.slice(0,this.maxLength),e.target.value=i),this.inputValue=i,this.updateHeight()};render(){if(this.showVoiceRecorder)return o(a,null,o("div",{class:"voice-recorder-wrapper"},o("ai-voice-input",{autoStart:!0,onAudioRecorded:this.handleAudioRecorded,onRecordingCancel:this.handleRecordingCancel}),o("button",{type:"button",class:"voice-dismiss-btn",onClick:this.handleRecordingCancel,"aria-label":"Close voice recorder"},o("ai-icon",{name:"cancel",size:14}))));const e=!!this.inputValue.trim()&&!this.disabled,i=this.maxLength-this.inputValue.length;return o(a,null,o("div",{part:"wrapper",class:"wrapper"},o("div",{part:"glow",class:"glow","aria-hidden":"true"}),o("div",{part:"container",class:"input-container"+(this.isMultiline?" multiline":"")},o("div",{class:"input-row"},o("textarea",{part:"textarea",ref:e=>this.textareaRef=e,value:this.inputValue,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,disabled:this.disabled,placeholder:this.placeholder,rows:1,class:"textarea",maxLength:this.maxLength}),i<200&&o("span",{class:"char-counter"+(i<50?" warning":""),"aria-live":"polite"},i),o("div",{class:"actions"},this.showVoiceButton&&!this.inputValue&&o("button",{part:"voice-button",class:"voice-button",onClick:this.handleVoiceClick,disabled:this.disabled,type:"button","aria-label":"Record voice"},o("ai-icon",{name:"mic",size:16})),o("button",{part:"send-button",class:"send-button"+(e?" active":""),onClick:this.handleSendMessage,disabled:!e,type:"button","aria-label":"Send message"},o("ai-icon",{name:"send",size:16})))))))}static get watchers(){return{isRecording:[{onIsRecordingChange:0}]}}static get style(){return":host{display:block;width:100%}.wrapper{position:relative;padding:var(--Spacing-Sizes-lg, 12px)}.glow{position:absolute;bottom:20px;left:39px;right:39px;height:29px;border-radius:9999px;background:var(--ai-input-glow);filter:blur(20px);opacity:0.9;pointer-events:none}.input-container{position:relative;background-color:var(--ai-bg-input);border-radius:var(--ai-input-border-radius, 9999px);border:1px solid var(--ai-border-default);box-shadow:var(--ai-shadow-sm);padding:var(--ai-input-padding, 12px);overflow:hidden;transition:border-radius 0.15s ease}.input-container.multiline{border-radius:var(--ai-input-border-radius-multiline, 20px)}.input-row{display:flex;align-items:center;gap:var(--ai-input-gap, 12px)}.input-container.multiline .input-row{align-items:flex-end}.actions{display:flex;align-items:center;gap:var(--ai-actions-gap, 8px);flex-shrink:0}.send-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:9999px;border:2px solid var(--ai-border-default);background-color:var(--ai-border-default);color:var(--ai-text-secondary);cursor:not-allowed;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;flex-shrink:0}.send-button.active{background-color:var(--ai-send-button-active-bg, var(--ai-accent));border-color:var(--ai-send-button-active-border, var(--ai-accent));color:var(--ai-accent-text);cursor:pointer}.send-button.active:hover{background-color:var(--ai-send-button-active-hover-bg, var(--ai-accent));border-color:var(--ai-send-button-active-hover-border, var(--ai-accent))}.send-button:focus{outline:none;box-shadow:0 0 0 2px var(--ai-focus-ring-color, var(--ai-focus-ring))}.voice-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:32px;border:none;background-color:transparent;color:var(--ai-text-secondary);cursor:pointer;transition:background-color 0.2s ease, color 0.2s ease;flex-shrink:0}.voice-button:hover:not(:disabled){background-color:var(--ai-hover-overlay);color:var(--ai-voice-button-hover-color, var(--ai-text-secondary))}.voice-button:disabled{cursor:not-allowed;opacity:0.5}.voice-button:focus{outline:none;box-shadow:0 0 0 2px var(--ai-focus-ring-color, var(--ai-focus-ring))}.textarea{flex:1;resize:none;outline:none;border:none;background:transparent;font-size:var(--ai-input-font-size, 14px);line-height:var(--ai-input-line-height, 20px);color:var(--ai-text-primary);font-family:inherit;min-height:20px;max-height:var(--ai-input-max-height, 120px);overflow-y:hidden;text-align:start;padding:0}.textarea::placeholder{color:var(--ai-text-secondary)}.textarea:disabled{cursor:not-allowed;opacity:0.6}.input-container:focus-within{border-color:var(--ai-input-focus-border-color, var(--ai-accent));box-shadow:var(--ai-input-focus-glow)}:host([disabled]) .wrapper{opacity:0.6;pointer-events:none}:host([disabled]) .glow{display:none}.char-counter{font-size:11px;color:var(--ai-text-secondary);flex-shrink:0;transition:color 0.2s ease}.char-counter.warning{color:var(--ai-voice-timer-warning-color, var(--ai-danger-text))}.voice-recorder-wrapper{position:relative}.voice-dismiss-btn{position:absolute;bottom:25px;inset-inline-end:25px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:2px solid var(--ai-border-default);border-radius:50%;background:var(--ai-border-default);color:var(--ai-text-secondary);font-size:0;cursor:pointer;transition:background 0.15s, border-color 0.15s, color 0.15s;z-index:10}.voice-dismiss-btn:hover{background:var(--ai-bg-surface);border-color:var(--ai-bg-surface);color:var(--ai-status-danger, #ef4444)}.voice-dismiss-btn:focus-visible{outline:2px solid var(--ai-focus-ring-color, var(--ai-focus-ring));outline-offset:1px}"}},[513,"ai-message-input",{placeholder:[1],disabled:[4],showVoiceButton:[4,"show-voice-button"],maxLength:[2,"max-length"],isRecording:[4,"is-recording"],inputValue:[32],showVoiceRecorder:[32],isMultiline:[32],setInputValue:[64]},void 0,{isRecording:[{onIsRecordingChange:0}]}]),d=c,l=function(){"undefined"!=typeof customElements&&["ai-message-input","ai-icon","ai-voice-input"].forEach((e=>{switch(e){case"ai-message-input":customElements.get(r(e))||customElements.define(r(e),c);break;case"ai-icon":customElements.get(r(e))||n();break;case"ai-voice-input":customElements.get(r(e))||s()}}))};export{d as AiMessageInput,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as i,H as e,c as a,h as t,d as n,t as r}from"./p-BPkf7wZg.js";import{i as s}from"./p-DlD8m3rf.js";import{d as o}from"./p-
|
|
1
|
+
import{p as i,H as e,c as a,h as t,d as n,t as r}from"./p-BPkf7wZg.js";import{i as s}from"./p-DlD8m3rf.js";import{d as o}from"./p-DCJWSYj-.js";import{d as l}from"./p-DZuBxUde.js";const g=[{value:1,icon:"emoji-angry",label:"سيئ جداً"},{value:2,icon:"emoji-frowning",label:"سيئ"},{value:3,icon:"emoji-neutral",label:"مقبول"},{value:4,icon:"emoji-slightly-smiling",label:"جيد"},{value:5,icon:"emoji-heart-eyes",label:"ممتاز"}],c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.ratingChange=a(this,"ratingChange")}question="كيف كانت تجربتك؟";subtitle="رأيك يساعدنا نحسن الخدمة";successMessage="شكراً لتقييمك!";value=null;disabled=!1;hovered=null;submitted=!1;ratingChange;select(i){this.disabled||this.submitted||(this.value=i,this.submitted=!0,this.ratingChange.emit(this.value))}get hoveredLabel(){return null===this.hovered?null:g.find((i=>i.value===this.hovered))?.label??null}render(){const i=this.hoveredLabel;return t(n,null,t("ai-card",null,this.submitted?t("div",{class:"rating rating--success"},t("ai-icon",{name:"check-circle",size:32}),t("p",{class:"rating__success-message"},this.successMessage)):t("div",{class:"rating"},t("div",{class:"rating__text"},t("p",{class:"rating__question"},this.question),t("p",{class:"rating__subtitle"},this.subtitle)),t("div",{class:"rating__icons",role:"group","aria-label":this.question},g.map((i=>{const e=this.value===i.value,a=s[i.icon];return t("button",{key:i.value,class:{"emoji-btn":!0,"emoji-btn--active":e,"emoji-btn--hovered":this.hovered===i.value&&!e,"emoji-btn--disabled":this.disabled},"aria-label":i.label,"aria-pressed":e?"true":"false",disabled:this.disabled,onClick:()=>this.select(i.value),onMouseEnter:()=>this.hovered=i.value,onMouseLeave:()=>this.hovered=null},t("span",{class:"emoji-btn__icon","aria-hidden":"true"},t("svg",{width:24,height:24,viewBox:a.viewBox,xmlns:"http://www.w3.org/2000/svg",ref:i=>i&&(i.innerHTML=a.content)})))}))),i&&t("p",{class:"rating__hover-label"},i))))}static get style(){return":host{--ai-rating-question-size:16px;--ai-rating-subtitle-size:14px;--ai-rating-gap:8px;--ai-rating-emoji-size:24px;--ai-rating-btn-padding:6px;--ai-rating-btn-border:1px solid var(--ai-border-light);--ai-rating-btn-radius:9999px;--ai-rating-btn-bg-hover:var(--ai-bg-surface);--ai-rating-btn-border-hover:1px solid var(--ai-border-default);--ai-rating-btn-bg-active:var(--ai-warning-bg);--ai-rating-btn-border-active:1px solid var(--ai-warning-border);--ai-rating-btn-shadow-active:var(--ai-shadow-active);--ai-rating-label-size:16px;display:block}.rating{display:flex;flex-direction:column;align-items:center;gap:var(--ai-rating-gap);width:100%}.rating__text{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;text-align:center}.rating__question{margin:0;font-size:var(--ai-rating-question-size);font-weight:500;line-height:24px;color:var(--ai-text-primary)}.rating__subtitle{margin:0;font-size:var(--ai-rating-subtitle-size);font-weight:400;line-height:20px;color:var(--ai-text-secondary)}.rating__icons{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;flex-wrap:wrap}.emoji-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ai-rating-btn-padding);border:var(--ai-rating-btn-border);border-radius:var(--ai-rating-btn-radius);background:transparent;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;outline:none}.emoji-btn:focus-visible{outline:2px solid var(--ai-warning-border);outline-offset:2px}.emoji-btn:hover:not(:disabled),.emoji-btn--hovered{background:var(--ai-rating-btn-bg-hover);border:var(--ai-rating-btn-border-hover);transform:scale(1.1)}.emoji-btn--active{background:var(--ai-rating-btn-bg-active) !important;border:var(--ai-rating-btn-border-active) !important;box-shadow:var(--ai-rating-btn-shadow-active);transform:scale(1.18) !important}.emoji-btn--disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.emoji-btn__icon{font-size:var(--ai-rating-emoji-size);line-height:1;display:inline-flex;align-items:center;justify-content:center;width:var(--ai-rating-emoji-size);height:var(--ai-rating-emoji-size);pointer-events:none}.rating__hover-label{margin:0;font-size:var(--ai-rating-label-size);font-weight:500;line-height:24px;color:var(--ai-text-primary);text-align:center;width:100%;animation:fadeIn 0.15s ease}.rating--success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 0;animation:fadeIn 0.2s ease}.rating__success-message{margin:0;font-size:var(--ai-rating-question-size);font-weight:500;line-height:24px;color:var(--ai-text-primary);text-align:center}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}"}},[513,"ai-rating",{question:[1],subtitle:[1],successMessage:[1,"success-message"],value:[1026],disabled:[4],hovered:[32],submitted:[32]}]),d=c,b=function(){"undefined"!=typeof customElements&&["ai-rating","ai-card","ai-icon"].forEach((i=>{switch(i){case"ai-rating":customElements.get(r(i))||customElements.define(r(i),c);break;case"ai-card":customElements.get(r(i))||o();break;case"ai-icon":customElements.get(r(i))||l()}}))};export{d as AiRating,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,c as i,h as n,d as t,t as d}from"./p-BPkf7wZg.js";import{i as s}from"./p-DlD8m3rf.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.routeExpand=i(this,"routeExpand")}selectedAgent="";agentIcon="";reason="";confidence=0;detectedLanguage="";expanded=!1;_expanded=!1;routeExpand;componentWillLoad(){this._expanded=this.expanded}renderIcon(e,a,i){const t=s[e];return t?n("span",{class:"icon-wrap",innerHTML:`<svg width="${a}" height="${i}" viewBox="${t.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${t.content}</svg>`}):null}handleToggle(){this._expanded=!this._expanded,this.expanded=this._expanded,this.routeExpand.emit(this._expanded)}render(){return n(t,{key:"
|
|
1
|
+
import{p as e,H as a,c as i,h as n,d as t,t as d}from"./p-BPkf7wZg.js";import{i as s}from"./p-DlD8m3rf.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.routeExpand=i(this,"routeExpand")}selectedAgent="";agentIcon="";reason="";confidence=0;detectedLanguage="";expanded=!1;_expanded=!1;routeExpand;componentWillLoad(){this._expanded=this.expanded}renderIcon(e,a,i){const t=s[e];return t?n("span",{class:"icon-wrap",innerHTML:`<svg width="${a}" height="${i}" viewBox="${t.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${t.content}</svg>`}):null}handleToggle(){this._expanded=!this._expanded,this.expanded=this._expanded,this.routeExpand.emit(this._expanded)}render(){return n(t,{key:"f12718d142cff27d62c0a0299b029be2e2d88b86"},n("div",{key:"4fcef90f887300c4884cd981737bf8ce8b796eca",class:"route-pill "+(this._expanded?"expanded":"")},n("button",{key:"09eadc07b41b96fb56b4bcd937165de92507ac84",class:"route-pill-main",onClick:()=>this.handleToggle()},n("span",{key:"d13744692a45c74976f89b582142ae09339015f5",class:"route-icon"},this.renderIcon("route",14,14)),n("span",{key:"4f995cc09a72ba74310df17cf78735c27a910314",class:"agent-label"},this.agentIcon&&n("span",{key:"272dd78f38bbbb4ef845b7a41530d205368faf7e",class:"agent-emoji","aria-hidden":"true"},this.agentIcon),this.selectedAgent),this.confidence>0&&n("span",{key:"a061317c9d5b8dad243dce0bb80e927eae04eb3d",class:"confidence-badge"},this.confidence,"%"),n("span",{key:"4342bdf38aa85a5c5d6bd054504c91bccc7901e9",class:"expand-icon "+(this._expanded?"expanded":"")},this.renderIcon("arrow-right",12,12))),this._expanded&&n("div",{key:"ab5340148e832baafdd38e17a748a52b83b25c96",class:"route-details"},this.reason&&n("p",{key:"7854838ea405c5fdb5ebe11fb3df36a9898be445",class:"reason-text"},this.reason),this.confidence>0&&n("div",{key:"baf946426ad7cda94d2acfbb9f8945b5b40a823c",class:"confidence-bar-wrap"},n("div",{key:"a6e08f412706ce18e16030dd4d475d57befdd9e7",class:"confidence-bar",style:{width:this.confidence+"%"}})),this.detectedLanguage&&n("div",{key:"58af2dbca56082dcf2910cc44ac553d6f2af015a",class:"meta-row"},this.renderIcon("list",12,12),n("span",{key:"63517ed8802764542de330897372c6a01348d0a6",class:"lang-chip"},this.detectedLanguage)))))}static get style(){return":host{display:inline-block}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.route-pill{display:inline-flex;flex-direction:column;background:var(--ai-bg-card);border:1px solid var(--ai-border-default);border-radius:9999px;box-shadow:var(--ai-shadow-sm);overflow:hidden;transition:border-radius 0.2s ease}.route-pill.expanded{border-radius:12px}.route-pill-main{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:none;cursor:pointer;color:var(--ai-text-primary);font-size:13px;font-weight:500;white-space:nowrap;width:100%}.route-icon{color:var(--ai-accent-dark);display:inline-flex;flex-shrink:0}.agent-label{display:inline-flex;align-items:center;gap:4px}.agent-emoji{font-size:14px;line-height:1}.confidence-badge{font-size:11px;font-weight:600;color:var(--ai-accent-dark);background:var(--ai-accent-bg);padding:1px 6px;border-radius:9999px}.expand-icon{display:inline-flex;margin-inline-start:auto;color:var(--ai-text-secondary);transition:transform 0.2s ease;transform:rotate(0deg)}.expand-icon.expanded{transform:rotate(90deg)}.route-details{display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;border-top:1px solid var(--ai-border-default);animation:fade-in 0.2s ease}@keyframes fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reason-text{margin:0;font-size:12px;color:var(--ai-text-secondary);line-height:1.5}.confidence-bar-wrap{height:4px;border-radius:9999px;background:var(--ai-border-default);overflow:hidden}.confidence-bar{height:100%;border-radius:9999px;background:var(--ai-accent-dark);transition:width 0.4s ease}.meta-row{display:inline-flex;align-items:center;gap:4px;color:var(--ai-text-secondary)}.lang-chip{font-size:11px;color:var(--ai-text-secondary)}"}},[513,"ai-route-decision",{selectedAgent:[1,"selected-agent"],agentIcon:[1,"agent-icon"],reason:[1],confidence:[2],detectedLanguage:[1,"detected-language"],expanded:[1028],_expanded:[32]}]),o=r,c=function(){"undefined"!=typeof customElements&&["ai-route-decision"].forEach((e=>{"ai-route-decision"===e&&(customElements.get(d(e))||customElements.define(d(e),r))}))};export{o as AiRouteDecision,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as i,H as e,c as s,h as a,d as t,t as n}from"./p-BPkf7wZg.js";const o=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.suggestionClick=s(this,"suggestionClick")}label="";disabled=!1;suggestionClick;handleClick(){this.disabled||this.suggestionClick.emit(this.label)}render(){return a(t,{key:"
|
|
1
|
+
import{p as i,H as e,c as s,h as a,d as t,t as n}from"./p-BPkf7wZg.js";const o=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.suggestionClick=s(this,"suggestionClick")}label="";disabled=!1;suggestionClick;handleClick(){this.disabled||this.suggestionClick.emit(this.label)}render(){return a(t,{key:"c2eb388d152586755e9cc10ac57b519e8ff84b4d"},a("button",{key:"0b9f6ec6d8c57365e2c29bfe1bfc33993d3cb498",class:{chip:!0,"chip--disabled":this.disabled},disabled:this.disabled,onClick:()=>this.handleClick()},a("span",{key:"d4fabc4c8176cd6837e609bad369e8edfc779855",class:"chip__label"},this.label,a("slot",{key:"a1074453e53982f10fd2115c2b15d7a7b20eda07"}))))}static get style(){return":host{--ai-suggestion-border:1px solid var(--ai-accent);--ai-suggestion-border-hover:1px solid var(--ai-accent);--ai-suggestion-radius:9999px;--ai-suggestion-padding:8px 12px;--ai-suggestion-gap:4px;--ai-suggestion-font-size:14px;--ai-suggestion-line-height:20px;display:inline-block}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--ai-suggestion-gap);background:var(--ai-bg-card);border:var(--ai-suggestion-border);border-radius:var(--ai-suggestion-radius);padding:var(--ai-suggestion-padding);color:var(--ai-accent-dark);font-size:var(--ai-suggestion-font-size);font-weight:400;line-height:var(--ai-suggestion-line-height);font-family:inherit;white-space:nowrap;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease;outline:none;text-align:start}.chip:hover:not(:disabled){background:var(--ai-accent-bg);border:var(--ai-suggestion-border-hover)}.chip:active:not(:disabled){background:var(--ai-accent-bg)}.chip:focus-visible{outline:2px solid var(--ai-accent);outline-offset:2px}.chip--disabled,.chip:disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.chip__label{display:inline-flex;align-items:center;gap:var(--ai-suggestion-gap)}"}},[769,"ai-suggestion",{label:[1],disabled:[4]}]),c=o,r=function(){"undefined"!=typeof customElements&&["ai-suggestion"].forEach((i=>{"ai-suggestion"===i&&(customElements.get(n(i))||customElements.define(n(i),o))}))};export{c as AiSuggestion,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as o,d as
|
|
1
|
+
import{V as o,d as s}from"./p-BlCeQ9Hu.js";const p=o,r=s;export{p as AiVoiceInput,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as i,c as e,h as r,d as a,t as o}from"./p-BPkf7wZg.js";import{d as s}from"./p-DZuBxUde.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.audioRecorded=e(this,"audioRecorded"),this.recordingCancel=e(this,"recordingCancel")}get el(){return this}disabled=!1;showWaveform=!0;autoStart=!1;errorText="";waveformColor="";state="idle";error=null;recordingDuration=0;submitPulse=!1;audioRecorded;recordingCancel;streamRef=null;audioContextRef=null;analyserRef=null;mediaRecorderRef=null;audioChunks=[];recordingStartTime=0;recordingTimer=null;maxTimeoutRef=null;canvasRef;animationFrameId=0;prevHeights=[];componentDidLoad(){this.autoStart&&!this.disabled&&this.startRecording()}disconnectedCallback(){this.cleanup()}cleanup=()=>{this.recordingTimer&&(clearInterval(this.recordingTimer),this.recordingTimer=null),this.maxTimeoutRef&&(clearTimeout(this.maxTimeoutRef),this.maxTimeoutRef=null),this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=0),this.mediaRecorderRef&&"inactive"!==this.mediaRecorderRef.state&&(this.mediaRecorderRef.stop(),this.mediaRecorderRef=null),this.audioContextRef&&(this.audioContextRef.close(),this.audioContextRef=null),this.analyserRef&&(this.analyserRef=null),this.streamRef&&(this.streamRef.getTracks().forEach((t=>t.stop())),this.streamRef=null)};getErrorText(){return this.errorText?this.errorText:"en"===document.documentElement.lang?"Microphone access denied":"تعذّر الوصول للميكروفون"}startRecording=async()=>{try{this.error=null,this.audioChunks=[];const t=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0}});this.streamRef=t;const i=new AudioContext;if(this.audioContextRef=i,this.showWaveform){const e=i.createAnalyser();e.fftSize=256,e.smoothingTimeConstant=.8,this.analyserRef=e,i.createMediaStreamSource(t).connect(e)}this.setupMediaRecorder(t),this.recordingStartTime=Date.now(),this.recordingDuration=0,this.prevHeights=[],this.state="recording",this.showWaveform&&requestAnimationFrame((()=>{this.drawWaveform()})),this.recordingTimer=window.setInterval((()=>{this.recordingDuration=Math.floor((Date.now()-this.recordingStartTime)/1e3)}),1e3),this.maxTimeoutRef=window.setTimeout((()=>{this.stopRecording()}),6e4)}catch(t){console.error("Error starting recording:",t),this.error=this.getErrorText(),this.state="idle"}};setupMediaRecorder=t=>{const i=MediaRecorder.isTypeSupported("audio/webm")?"audio/webm":MediaRecorder.isTypeSupported("audio/ogg")?"audio/ogg":"",e=new MediaRecorder(t,i?{mimeType:i}:{});e.ondataavailable=t=>{t.data.size>0&&this.audioChunks.push(t.data)},e.onstop=()=>{const t=new Blob(this.audioChunks,{type:i||"audio/mp4"});this.audioRecorded.emit({blob:t,duration:this.recordingDuration})},this.mediaRecorderRef=e,e.start(100)};stopRecording=()=>{if(this.recordingDuration<1)return this.submitPulse=!0,void setTimeout((()=>{this.submitPulse=!1}),400);this.recordingTimer&&(clearInterval(this.recordingTimer),this.recordingTimer=null),this.maxTimeoutRef&&(clearTimeout(this.maxTimeoutRef),this.maxTimeoutRef=null),this.cleanup(),this.state="idle"};cancelRecording=()=>{this.mediaRecorderRef&&"inactive"!==this.mediaRecorderRef.state&&(this.mediaRecorderRef.ondataavailable=null,this.mediaRecorderRef.onstop=null),this.cleanup(),this.state="idle",this.recordingCancel.emit()};drawWaveform=()=>{if(!this.canvasRef||!this.analyserRef)return;const t=this.canvasRef,i=t.getContext("2d");if(!i)return;const e=this.analyserRef.frequencyBinCount,r=new Uint8Array(e),a=this.waveformColor||getComputedStyle(this.el).getPropertyValue("--ai-waveform-color").trim()||"#9ca3af",o=(t,e,r,a,o)=>{if(i.beginPath(),"function"==typeof i.roundRect)i.roundRect(t,e,r,a,o);else{const s=Math.min(o,r/2,a/2);i.moveTo(t+s,e),i.lineTo(t+r-s,e),i.arcTo(t+r,e,t+r,e+s,s),i.lineTo(t+r,e+a-s),i.arcTo(t+r,e+a,t+r-s,e+a,s),i.lineTo(t+s,e+a),i.arcTo(t,e+a,t,e+a-s,s),i.lineTo(t,e+s),i.arcTo(t,e,t+s,e,s),i.closePath()}},s=()=>{if("recording"!==this.state)return;this.animationFrameId=requestAnimationFrame(s);const n=t.offsetWidth;n>0&&t.width!==n&&(t.width=n);const c=Math.min(100,Math.floor(t.width/3)),d=Math.max(1,Math.floor(e/c));this.prevHeights.length!==c&&(this.prevHeights=new Array(c).fill(4)),this.analyserRef.getByteFrequencyData(r),i.clearRect(0,0,t.width,t.height);const l=t.height/2,h=(t.width-3*c)/2,u=t.height-4;for(let t=0;t<c;t++){let s=0;for(let i=0;i<d;i++){const a=t*d+i;a<e&&(s+=r[a])}const n=Math.min(1,s/d/255);this.prevHeights[t]=.7*this.prevHeights[t]+.3*(4+n*(u-4));const c=this.prevHeights[t],p=h+3*t,b=l-c/2;i.fillStyle=a,o(p,b,1,c,.5),i.fill()}};s()};formatDuration=t=>`${Math.floor(t/60)}:${(t%60).toString().padStart(2,"0")}`;render(){const t=60-this.recordingDuration;return r(a,{key:"
|
|
1
|
+
import{p as t,H as i,c as e,h as r,d as a,t as o}from"./p-BPkf7wZg.js";import{d as s}from"./p-DZuBxUde.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.audioRecorded=e(this,"audioRecorded"),this.recordingCancel=e(this,"recordingCancel")}get el(){return this}disabled=!1;showWaveform=!0;autoStart=!1;errorText="";waveformColor="";state="idle";error=null;recordingDuration=0;submitPulse=!1;audioRecorded;recordingCancel;streamRef=null;audioContextRef=null;analyserRef=null;mediaRecorderRef=null;audioChunks=[];recordingStartTime=0;recordingTimer=null;maxTimeoutRef=null;canvasRef;animationFrameId=0;prevHeights=[];componentDidLoad(){this.autoStart&&!this.disabled&&this.startRecording()}disconnectedCallback(){this.cleanup()}cleanup=()=>{this.recordingTimer&&(clearInterval(this.recordingTimer),this.recordingTimer=null),this.maxTimeoutRef&&(clearTimeout(this.maxTimeoutRef),this.maxTimeoutRef=null),this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=0),this.mediaRecorderRef&&"inactive"!==this.mediaRecorderRef.state&&(this.mediaRecorderRef.stop(),this.mediaRecorderRef=null),this.audioContextRef&&(this.audioContextRef.close(),this.audioContextRef=null),this.analyserRef&&(this.analyserRef=null),this.streamRef&&(this.streamRef.getTracks().forEach((t=>t.stop())),this.streamRef=null)};getErrorText(){return this.errorText?this.errorText:"en"===document.documentElement.lang?"Microphone access denied":"تعذّر الوصول للميكروفون"}startRecording=async()=>{try{this.error=null,this.audioChunks=[];const t=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0}});this.streamRef=t;const i=new AudioContext;if(this.audioContextRef=i,this.showWaveform){const e=i.createAnalyser();e.fftSize=256,e.smoothingTimeConstant=.8,this.analyserRef=e,i.createMediaStreamSource(t).connect(e)}this.setupMediaRecorder(t),this.recordingStartTime=Date.now(),this.recordingDuration=0,this.prevHeights=[],this.state="recording",this.showWaveform&&requestAnimationFrame((()=>{this.drawWaveform()})),this.recordingTimer=window.setInterval((()=>{this.recordingDuration=Math.floor((Date.now()-this.recordingStartTime)/1e3)}),1e3),this.maxTimeoutRef=window.setTimeout((()=>{this.stopRecording()}),6e4)}catch(t){console.error("Error starting recording:",t),this.error=this.getErrorText(),this.state="idle"}};setupMediaRecorder=t=>{const i=MediaRecorder.isTypeSupported("audio/webm")?"audio/webm":MediaRecorder.isTypeSupported("audio/ogg")?"audio/ogg":"",e=new MediaRecorder(t,i?{mimeType:i}:{});e.ondataavailable=t=>{t.data.size>0&&this.audioChunks.push(t.data)},e.onstop=()=>{const t=new Blob(this.audioChunks,{type:i||"audio/mp4"});this.audioRecorded.emit({blob:t,duration:this.recordingDuration})},this.mediaRecorderRef=e,e.start(100)};stopRecording=()=>{if(this.recordingDuration<1)return this.submitPulse=!0,void setTimeout((()=>{this.submitPulse=!1}),400);this.recordingTimer&&(clearInterval(this.recordingTimer),this.recordingTimer=null),this.maxTimeoutRef&&(clearTimeout(this.maxTimeoutRef),this.maxTimeoutRef=null),this.cleanup(),this.state="idle"};cancelRecording=()=>{this.mediaRecorderRef&&"inactive"!==this.mediaRecorderRef.state&&(this.mediaRecorderRef.ondataavailable=null,this.mediaRecorderRef.onstop=null),this.cleanup(),this.state="idle",this.recordingCancel.emit()};drawWaveform=()=>{if(!this.canvasRef||!this.analyserRef)return;const t=this.canvasRef,i=t.getContext("2d");if(!i)return;const e=this.analyserRef.frequencyBinCount,r=new Uint8Array(e),a=this.waveformColor||getComputedStyle(this.el).getPropertyValue("--ai-waveform-color").trim()||"#9ca3af",o=(t,e,r,a,o)=>{if(i.beginPath(),"function"==typeof i.roundRect)i.roundRect(t,e,r,a,o);else{const s=Math.min(o,r/2,a/2);i.moveTo(t+s,e),i.lineTo(t+r-s,e),i.arcTo(t+r,e,t+r,e+s,s),i.lineTo(t+r,e+a-s),i.arcTo(t+r,e+a,t+r-s,e+a,s),i.lineTo(t+s,e+a),i.arcTo(t,e+a,t,e+a-s,s),i.lineTo(t,e+s),i.arcTo(t,e,t+s,e,s),i.closePath()}},s=()=>{if("recording"!==this.state)return;this.animationFrameId=requestAnimationFrame(s);const n=t.offsetWidth;n>0&&t.width!==n&&(t.width=n);const c=Math.min(100,Math.floor(t.width/3)),d=Math.max(1,Math.floor(e/c));this.prevHeights.length!==c&&(this.prevHeights=new Array(c).fill(4)),this.analyserRef.getByteFrequencyData(r),i.clearRect(0,0,t.width,t.height);const l=t.height/2,h=(t.width-3*c)/2,u=t.height-4;for(let t=0;t<c;t++){let s=0;for(let i=0;i<d;i++){const a=t*d+i;a<e&&(s+=r[a])}const n=Math.min(1,s/d/255);this.prevHeights[t]=.7*this.prevHeights[t]+.3*(4+n*(u-4));const c=this.prevHeights[t],p=h+3*t,b=l-c/2;i.fillStyle=a,o(p,b,1,c,.5),i.fill()}};s()};formatDuration=t=>`${Math.floor(t/60)}:${(t%60).toString().padStart(2,"0")}`;render(){const t=60-this.recordingDuration;return r(a,{key:"ca20fe9dda634af0da1ef6da59880279f0775a9f"},r("div",{key:"dc3328cc1ef74e9683bc6c34e1d3279b2ca2ffa2",class:"wrapper"},r("div",{key:"b4a4d2799b8c541dc03679686107cc486373e76b",class:"glow"+("recording"===this.state?" visible":""),"aria-hidden":"true"}),r("div",{key:"f4fa8c638e68528dffd96db627bd80d4c7103143",class:"input-container"},"idle"===this.state?r("div",{class:"recording-row"},r("button",{type:"button",class:"submit-button",onClick:this.startRecording,disabled:this.disabled,"aria-label":"Start recording"},r("ai-icon",{name:"mic",size:16})),this.error&&r("div",{class:"error-message",role:"alert"},this.error)):r("div",{class:"recording-row"},r("button",{type:"button",class:"cancel-button",onClick:this.cancelRecording,"aria-label":"Cancel"},r("ai-icon",{name:"cancel",size:14})),r("div",{class:"timer"+(t<=5?" warning":"")},this.formatDuration(this.recordingDuration)),this.showWaveform&&r("canvas",{ref:t=>this.canvasRef=t,class:"waveform",height:"32"}),r("button",{type:"button",class:"submit-button"+(this.submitPulse?" pulse":""),onClick:this.stopRecording,"aria-label":"Send"},r("ai-icon",{name:"arrow-up",size:14}))))))}static get style(){return":host{display:block;width:100%}.wrapper{position:relative;padding:var(--Spacing-Sizes-lg, 12px)}.glow{position:absolute;bottom:20px;left:39px;right:39px;height:29px;border-radius:9999px;background:var(--ai-input-glow);filter:blur(20px);opacity:0;pointer-events:none;transition:opacity 0.2s ease}.glow.visible{opacity:0.9}.input-container{position:relative;background-color:var(--ai-bg-input);border-radius:var(--ai-input-border-radius, 9999px);border:1px solid var(--ai-border-default);box-shadow:var(--ai-shadow-sm);padding:var(--ai-input-padding, 12px);overflow:hidden}.recording-row{display:flex;align-items:center;gap:var(--ai-input-gap, 10px)}.cancel-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;max-height:32px;padding:4px 8px;border-radius:32px;border:2px solid var(--ai-border-default);background-color:var(--ai-border-default);color:var(--ai-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.cancel-button:hover{background-color:var(--ai-bg-surface);border-color:var(--ai-bg-surface)}.submit-button{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;min-width:32px;padding:4px 8px;border-radius:32px;border:2px solid var(--ai-send-button-active-border, var(--ai-accent));background-color:var(--ai-send-button-active-bg, var(--ai-accent));color:var(--ai-accent-text);cursor:pointer;flex-shrink:0;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.submit-button:hover{background-color:var(--ai-send-button-active-hover-bg, var(--ai-accent));border-color:var(--ai-send-button-active-hover-border, var(--ai-accent))}@keyframes pulse-once{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}.submit-button.pulse{animation:pulse-once 0.35s ease}.timer{font-size:13px;font-weight:500;color:var(--ai-text-secondary);min-width:36px;text-align:center;flex-shrink:0}.timer.warning{color:var(--ai-voice-timer-warning-color, var(--ai-danger-text))}.waveform{flex:1;min-width:0;height:32px}.error-message{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background:var(--ai-voice-error-bg, var(--ai-danger-bg));color:var(--ai-voice-error-color, var(--ai-danger-text));font-size:11px;padding:6px 12px;border-radius:6px;white-space:nowrap;box-shadow:var(--ai-shadow-error);border:1px solid var(--ai-voice-error-border, var(--ai-danger-border));z-index:10}"}},[513,"ai-voice-input",{disabled:[4],showWaveform:[4,"show-waveform"],autoStart:[4,"auto-start"],errorText:[1,"error-text"],waveformColor:[1,"waveform-color"],state:[32],error:[32],recordingDuration:[32],submitPulse:[32]}]);function c(){"undefined"!=typeof customElements&&["ai-voice-input","ai-icon"].forEach((t=>{switch(t){case"ai-voice-input":customElements.get(o(t))||customElements.define(o(t),n);break;case"ai-icon":customElements.get(o(t))||s()}}))}export{n as V,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as a,H as d,h as r,d as e,t as i}from"./p-BPkf7wZg.js";const o=a(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}noPadding=!1;noShadow=!1;render(){return r(e,{key:"849dbf8d8eac913c76e71a10cb9b30f9fda3c320"},r("div",{key:"5d9f75428e6d94cf2c3729698e87fd3185c20129",class:{card:!0,"card--no-padding":this.noPadding,"card--no-shadow":this.noShadow}},r("slot",{key:"149e85041e3318ea8e5dfa7ddf67e6236e49e6e8",name:"header"}),r("slot",{key:"774d0408e091a0603e5feac3bc5927cf698b5c8c"}),r("slot",{key:"be0157314b280caa5c9b4f038ca6ca4aec2f8c8f",name:"footer"})))}static get style(){return':host{--ai-card-border:1px solid var(--ai-border-default);--ai-card-radius:16px;--ai-card-padding:16px;--ai-card-gap:12px;--ai-card-shadow:var(--ai-shadow-sm);--ai-card-header-padding:16px;--ai-card-footer-padding:16px;display:block}.card{background:var(--ai-bg-card);border:var(--ai-card-border);border-radius:var(--ai-card-radius);padding:var(--ai-card-padding);box-shadow:var(--ai-card-shadow);box-sizing:border-box;overflow:hidden;color:var(--ai-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--ai-card-gap);text-align:start;font-size:14px;line-height:20px}.card--no-padding{padding:0}.card--no-shadow{box-shadow:none}::slotted([slot="header"]){padding:var(--ai-card-header-padding);margin:calc(var(--ai-card-padding) * -1) calc(var(--ai-card-padding) * -1) 0}::slotted([slot="footer"]){padding:var(--ai-card-footer-padding);margin:0 calc(var(--ai-card-padding) * -1) calc(var(--ai-card-padding) * -1)}.card--no-padding ::slotted([slot="header"]){margin:0}.card--no-padding ::slotted([slot="footer"]){margin:0}'}},[769,"ai-card",{noPadding:[4,"no-padding"],noShadow:[4,"no-shadow"]}]);function c(){"undefined"!=typeof customElements&&["ai-card"].forEach((a=>{"ai-card"===a&&(customElements.get(i(a))||customElements.define(i(a),o))}))}export{o as A,c as d}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-VMEwYfaX.js';
|
|
2
2
|
|
|
3
|
-
const aiCardCss = () => `:host{--ai-card-border:1px solid var(--ai-border-default);--ai-card-radius:16px;--ai-card-padding:16px;--ai-card-gap:12px;--ai-card-shadow:var(--ai-shadow-sm);display:block}.card{background:var(--ai-bg-card);border:var(--ai-card-border);border-radius:var(--ai-card-radius);padding:var(--ai-card-padding);box-shadow:var(--ai-card-shadow);box-sizing:border-box;overflow:hidden;color:var(--ai-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--ai-card-gap);text-align:start;font-size:14px;line-height:20px}.card--no-padding{padding:0}.card--no-shadow{box-shadow:none}`;
|
|
3
|
+
const aiCardCss = () => `:host{--ai-card-border:1px solid var(--ai-border-default);--ai-card-radius:16px;--ai-card-padding:16px;--ai-card-gap:12px;--ai-card-shadow:var(--ai-shadow-sm);--ai-card-header-padding:16px;--ai-card-footer-padding:16px;display:block}.card{background:var(--ai-bg-card);border:var(--ai-card-border);border-radius:var(--ai-card-radius);padding:var(--ai-card-padding);box-shadow:var(--ai-card-shadow);box-sizing:border-box;overflow:hidden;color:var(--ai-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--ai-card-gap);text-align:start;font-size:14px;line-height:20px}.card--no-padding{padding:0}.card--no-shadow{box-shadow:none}::slotted([slot="header"]){padding:var(--ai-card-header-padding);margin:calc(var(--ai-card-padding) * -1) calc(var(--ai-card-padding) * -1) 0}::slotted([slot="footer"]){padding:var(--ai-card-footer-padding);margin:0 calc(var(--ai-card-padding) * -1) calc(var(--ai-card-padding) * -1)}.card--no-padding ::slotted([slot="header"]){margin:0}.card--no-padding ::slotted([slot="footer"]){margin:0}`;
|
|
4
4
|
|
|
5
5
|
const AiCard = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -15,7 +15,7 @@ const AiCard = class {
|
|
|
15
15
|
card: true,
|
|
16
16
|
'card--no-padding': this.noPadding,
|
|
17
17
|
'card--no-shadow': this.noShadow,
|
|
18
|
-
} }, h("slot", { key: '
|
|
18
|
+
} }, h("slot", { key: '149e85041e3318ea8e5dfa7ddf67e6236e49e6e8', name: "header" }), h("slot", { key: '774d0408e091a0603e5feac3bc5927cf698b5c8c' }), h("slot", { key: 'be0157314b280caa5c9b4f038ca6ca4aec2f8c8f', name: "footer" }))));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
AiCard.style = aiCardCss();
|
|
@@ -197,7 +197,7 @@ const AiChatHeader = class {
|
|
|
197
197
|
];
|
|
198
198
|
}
|
|
199
199
|
render() {
|
|
200
|
-
return (h(Host, { key: '
|
|
200
|
+
return (h(Host, { key: '80236bfcbfac98d3efa3955f03aab4ef68c9cfea' }, h("div", { key: 'dcc4142bba1d5f07782dbc7b0a3ec287e0154223', class: "header-wrapper" }, h("div", { key: 'ca0ff9a2946cead0b86cb82390624894ed414378', class: "header-container" }, this.mode === 'agent' ? this.renderAgentMode() : this.mode === 'human' ? this.renderHumanMode() : this.renderBrowserMode()), this.renderConversationDropdown())));
|
|
201
201
|
}
|
|
202
202
|
};
|
|
203
203
|
AiChatHeader.style = aiChatHeaderCss();
|
|
@@ -1595,7 +1595,7 @@ const AiChatMessage = class {
|
|
|
1595
1595
|
} })), h("slot", null), showActions && this.renderActionsBar()), (this.agentName || this.timestamp) && (h("div", { class: "agent-info" }, this.agentName && h("span", { class: "agent-info-name" }, this.agentName), this.agentName && this.timestamp && this.renderIcon('eclipse', 10), this.timestamp && h("span", { class: "agent-info-time" }, this.getRelativeTime()))))));
|
|
1596
1596
|
}
|
|
1597
1597
|
render() {
|
|
1598
|
-
return h(Host, { key: '
|
|
1598
|
+
return h(Host, { key: 'f8a49971896742ae952d84efb1527ed0db440876' }, this.role === 'user' ? this.renderUserMessage() : this.renderAgentMessage());
|
|
1599
1599
|
}
|
|
1600
1600
|
};
|
|
1601
1601
|
AiChatMessage.style = aiChatMessageCss();
|
|
@@ -23,7 +23,7 @@ const AiConversationSummary = class {
|
|
|
23
23
|
return h("span", { class: "icon-wrap", innerHTML: svg });
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: 'f69a767b9111f035799fbad9e26f6cd278d2cd5e' }, h("div", { key: '2b598f0ebcf118c75d58a92173d31250b7b71aaa', class: "summary-card" }, h("div", { key: 'fba36d83ef95feaaff7a88847c2ad8eed7b2a009', class: "summary-header" }, h("div", { key: 'f2840d65175456326a9f2c2d389b788f4dfc6622', class: "sparkle-avatar" }, this.renderIcon('sparkle', 14, 14)), h("span", { key: 'e90eca9ddf0b1b610a05d3a68fba69853c3c87e5', class: "summary-title" }, this.conversation), h("div", { key: 'ab9dd453aab0b04b00493dac0a7b5ad74b194190', class: "summary-badges" }, this.messageCount > 0 && (h("span", { key: 'e5664fb004a19d72334f157121125a01ff09f56a', class: "badge" }, this.renderIcon('list', 12, 12), this.messageCount)), this.language && (h("span", { key: 'af0784ee45ed3169514d198dc1236e781fe48ac6', class: "badge lang-badge" }, this.language)))), this.summary && (h("p", { key: 'c0c2be2118abbe62a31adc65e6fa8907f155bb49', class: "summary-body", ref: el => el && (el.textContent = this.summary) })), h("div", { key: '61c139e33e9e247508e830e319fc9cc014451526', class: "summary-slot" }, h("slot", { key: '5ebbbdb3319c6a8ca9f8e98a58c6336e7a25c159' })))));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
AiConversationSummary.style = aiConversationSummaryCss();
|
|
@@ -35,7 +35,7 @@ const AiInChatBrowser = class {
|
|
|
35
35
|
};
|
|
36
36
|
render() {
|
|
37
37
|
const displayTitle = this.getDisplayTitle();
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: 'd79ede7857bc7edc13a4c8cdbbf5b4f7312d9766' }, h("div", { key: '57ccda6f9670e9ae2ca76b768f31ecf62b9ec8e9', class: "browser-content" }, this.isLoading && (h("div", { key: 'f868050d91fc24f9a13a760d34805b6a443ff865', class: "browser-loading" }, h("div", { key: 'b90a07a822a1978875fd5590783d9e9a6ac319b9', class: "loading-bar" }))), this.hasError ? (h("div", { class: "browser-error" }, h("span", { class: "error-text" }, "\u062A\u0639\u0630\u0651\u0631 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0635\u0641\u062D\u0629"), h("span", { class: "error-url" }, this.url))) : (this.url && (h("iframe", { class: "browser-iframe", src: this.url, onLoad: this.handleIframeLoad, onError: this.handleIframeError, sandbox: "allow-scripts allow-same-origin allow-forms allow-popups", referrerPolicy: "no-referrer", title: displayTitle }))))));
|
|
39
39
|
}
|
|
40
40
|
static get watchers() { return {
|
|
41
41
|
"url": [{
|
|
@@ -24,7 +24,7 @@ const AiLink = class {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
const rel = this.rel || (this.target === '_blank' ? 'noopener noreferrer' : undefined);
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: 'e0e34a4c2a3534a3b449bac613c6f7cb512420d3' }, h("span", { key: '5776ddc64676ecaabb4f36a0e9833026dc730c23', class: "link__label" }, this.label, h("slot", { key: '436a334a51bea342b839d5fad9743aaf6b66a94d' })), h("a", { key: '3880c1429a8a24a9dee700c9f0592ac673ce68f0', class: "link", href: this.href, target: this.target, rel: rel }, this.renderShareIcon())));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
AiLink.style = aiLinkCss();
|
|
@@ -38,7 +38,7 @@ const AiRouteDecision = class {
|
|
|
38
38
|
this.routeExpand.emit(this._expanded);
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: 'f12718d142cff27d62c0a0299b029be2e2d88b86' }, h("div", { key: '4fcef90f887300c4884cd981737bf8ce8b796eca', class: `route-pill ${this._expanded ? 'expanded' : ''}` }, h("button", { key: '09eadc07b41b96fb56b4bcd937165de92507ac84', class: "route-pill-main", onClick: () => this.handleToggle() }, h("span", { key: 'd13744692a45c74976f89b582142ae09339015f5', class: "route-icon" }, this.renderIcon('route', 14, 14)), h("span", { key: '4f995cc09a72ba74310df17cf78735c27a910314', class: "agent-label" }, this.agentIcon && h("span", { key: '272dd78f38bbbb4ef845b7a41530d205368faf7e', class: "agent-emoji", "aria-hidden": "true" }, this.agentIcon), this.selectedAgent), this.confidence > 0 && (h("span", { key: 'a061317c9d5b8dad243dce0bb80e927eae04eb3d', class: "confidence-badge" }, this.confidence, "%")), h("span", { key: '4342bdf38aa85a5c5d6bd054504c91bccc7901e9', class: `expand-icon ${this._expanded ? 'expanded' : ''}` }, this.renderIcon('arrow-right', 12, 12))), this._expanded && (h("div", { key: 'ab5340148e832baafdd38e17a748a52b83b25c96', class: "route-details" }, this.reason && h("p", { key: '7854838ea405c5fdb5ebe11fb3df36a9898be445', class: "reason-text" }, this.reason), this.confidence > 0 && (h("div", { key: 'baf946426ad7cda94d2acfbb9f8945b5b40a823c', class: "confidence-bar-wrap" }, h("div", { key: 'a6e08f412706ce18e16030dd4d475d57befdd9e7', class: "confidence-bar", style: { width: `${this.confidence}%` } }))), this.detectedLanguage && (h("div", { key: '58af2dbca56082dcf2910cc44ac553d6f2af015a', class: "meta-row" }, this.renderIcon('list', 12, 12), h("span", { key: '63517ed8802764542de330897372c6a01348d0a6', class: "lang-chip" }, this.detectedLanguage))))))));
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
AiRouteDecision.style = aiRouteDecisionCss();
|
|
@@ -18,10 +18,10 @@ const AiSuggestion = class {
|
|
|
18
18
|
this.suggestionClick.emit(this.label);
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: 'c2eb388d152586755e9cc10ac57b519e8ff84b4d' }, h("button", { key: '0b9f6ec6d8c57365e2c29bfe1bfc33993d3cb498', class: {
|
|
22
22
|
chip: true,
|
|
23
23
|
'chip--disabled': this.disabled,
|
|
24
|
-
}, disabled: this.disabled, onClick: () => this.handleClick() }, h("span", { key: '
|
|
24
|
+
}, disabled: this.disabled, onClick: () => this.handleClick() }, h("span", { key: 'd4fabc4c8176cd6837e609bad369e8edfc779855', class: "chip__label" }, this.label, h("slot", { key: 'a1074453e53982f10fd2115c2b15d7a7b20eda07' })))));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
AiSuggestion.style = aiSuggestionCss();
|
|
@@ -277,7 +277,7 @@ const VoiceInput = class {
|
|
|
277
277
|
};
|
|
278
278
|
render() {
|
|
279
279
|
const remaining = MAX_RECORDING_TIME - this.recordingDuration;
|
|
280
|
-
return (h(Host, { key: '
|
|
280
|
+
return (h(Host, { key: 'ca20fe9dda634af0da1ef6da59880279f0775a9f' }, h("div", { key: 'dc3328cc1ef74e9683bc6c34e1d3279b2ca2ffa2', class: "wrapper" }, h("div", { key: 'b4a4d2799b8c541dc03679686107cc486373e76b', class: `glow${this.state === 'recording' ? ' visible' : ''}`, "aria-hidden": "true" }), h("div", { key: 'f4fa8c638e68528dffd96db627bd80d4c7103143', class: "input-container" }, this.state === 'idle' ? (h("div", { class: "recording-row" }, h("button", { type: "button", class: "submit-button", onClick: this.startRecording, disabled: this.disabled, "aria-label": "Start recording" }, h("ai-icon", { name: "mic", size: 16 })), this.error && (h("div", { class: "error-message", role: "alert" }, this.error)))) : (h("div", { class: "recording-row" }, h("button", { type: "button", class: "cancel-button", onClick: this.cancelRecording, "aria-label": "Cancel" }, h("ai-icon", { name: "cancel", size: 14 })), h("div", { class: `timer${remaining <= 5 ? ' warning' : ''}` }, this.formatDuration(this.recordingDuration)), this.showWaveform && h("canvas", { ref: el => (this.canvasRef = el), class: "waveform", height: "32" }), h("button", { type: "button", class: `submit-button${this.submitPulse ? ' pulse' : ''}`, onClick: this.stopRecording, "aria-label": "Send" }, h("ai-icon", { name: "arrow-up", size: 14 }))))))));
|
|
281
281
|
}
|
|
282
282
|
};
|
|
283
283
|
VoiceInput.style = aiVoiceInputCss();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e,H as r}from"./p-VMEwYfaX.js";import{i as s}from"./p-DlD8m3rf.js";const i=class{constructor(e){a(this,e)}conversation="ملخص المحادثة";summary="";messageCount=0;language="";renderIcon(a,r,i){const d=s[a];return d?e("span",{class:"icon-wrap",innerHTML:`<svg width="${r}" height="${i}" viewBox="${d.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${d.content}</svg>`}):null}render(){return e(r,{key:"
|
|
1
|
+
import{r as a,h as e,H as r}from"./p-VMEwYfaX.js";import{i as s}from"./p-DlD8m3rf.js";const i=class{constructor(e){a(this,e)}conversation="ملخص المحادثة";summary="";messageCount=0;language="";renderIcon(a,r,i){const d=s[a];return d?e("span",{class:"icon-wrap",innerHTML:`<svg width="${r}" height="${i}" viewBox="${d.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${d.content}</svg>`}):null}render(){return e(r,{key:"f69a767b9111f035799fbad9e26f6cd278d2cd5e"},e("div",{key:"2b598f0ebcf118c75d58a92173d31250b7b71aaa",class:"summary-card"},e("div",{key:"fba36d83ef95feaaff7a88847c2ad8eed7b2a009",class:"summary-header"},e("div",{key:"f2840d65175456326a9f2c2d389b788f4dfc6622",class:"sparkle-avatar"},this.renderIcon("sparkle",14,14)),e("span",{key:"e90eca9ddf0b1b610a05d3a68fba69853c3c87e5",class:"summary-title"},this.conversation),e("div",{key:"ab9dd453aab0b04b00493dac0a7b5ad74b194190",class:"summary-badges"},this.messageCount>0&&e("span",{key:"e5664fb004a19d72334f157121125a01ff09f56a",class:"badge"},this.renderIcon("list",12,12),this.messageCount),this.language&&e("span",{key:"af0784ee45ed3169514d198dc1236e781fe48ac6",class:"badge lang-badge"},this.language))),this.summary&&e("p",{key:"c0c2be2118abbe62a31adc65e6fa8907f155bb49",class:"summary-body",ref:a=>a&&(a.textContent=this.summary)}),e("div",{key:"61c139e33e9e247508e830e319fc9cc014451526",class:"summary-slot"},e("slot",{key:"5ebbbdb3319c6a8ca9f8e98a58c6336e7a25c159"}))))}};i.style=":host{display:block}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.summary-card{background:var(--ai-bg-card);border:1px solid var(--ai-border-default);border-radius:16px;box-shadow:var(--ai-shadow-sm);overflow:hidden;animation:fade-in 0.3s ease}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.summary-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--ai-border-default)}.sparkle-avatar{width:24px;height:24px;border-radius:9999px;background:var(--ai-bg-surface);box-shadow:var(--ai-shadow-inner);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ai-amber)}.summary-title{font-size:15px;font-weight:500;color:var(--ai-text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-badges{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--ai-accent-dark);background:var(--ai-accent-bg);padding:2px 8px;border-radius:9999px;white-space:nowrap}.lang-badge{color:var(--ai-text-secondary);background:var(--ai-bg-surface)}.summary-body{margin:0;padding:12px 16px;font-size:14px;color:var(--ai-text-secondary);line-height:1.6;border-bottom:1px solid var(--ai-border-default)}.summary-slot{padding:12px 16px}.summary-slot:empty{display:none}";export{i as ai_conversation_summary}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,a as e,h as n,H as a}from"./p-VMEwYfaX.js";import{i as o}from"./p-DlD8m3rf.js";const s=class{constructor(e){t(this,e),this.closeClick=i(this,"closeClick"),this.newChatClick=i(this,"newChatClick"),this.dropdownClick=i(this,"dropdownClick"),this.positionClick=i(this,"positionClick"),this.headerPositionClick=i(this,"headerPositionClick"),this.backClick=i(this,"backClick"),this.headerDragStart=i(this,"headerDragStart"),this.openExternal=i(this,"openExternal"),this.conversationSelect=i(this,"conversationSelect"),this.conversationDelete=i(this,"conversationDelete"),this.conversationRetry=i(this,"conversationRetry")}get el(){return e(this)}mode="agent";conversation="محادثة جديدة";agentName="";agentStatus="";agentAvatar="";showBack=!0;statusIndicator="online";pageTitle="";pageUrl="";conversationItems=[];conversationActiveId="";conversationLoading=!1;conversationError=!1;conversationErrorText="تعذّر تحميل المحادثات";conversationRetryLabel="إعادة المحاولة";conversationEmptyText="لا توجد محادثات";conversationDeletingId="";titleLoading=!1;avatarError=!1;dropdownOpen=!1;isFloating=!1;parentPositionObserver=null;closeClick;newChatClick;dropdownClick;positionClick;headerPositionClick;backClick;headerDragStart;openExternal;conversationSelect;conversationDelete;conversationRetry;handleDocumentClick(t){this.dropdownOpen&&!this.el.contains(t.target)&&(this.dropdownOpen=!1)}connectedCallback(){}componentDidLoad(){requestAnimationFrame((()=>{this.syncFloatingState(),this.observeParentPosition()}))}disconnectedCallback(){this.parentPositionObserver?.disconnect(),this.parentPositionObserver=null}observeParentPosition(){if(this.parentPositionObserver)return;const t=this.el.closest("ai-chat-container");t&&(this.parentPositionObserver=new MutationObserver((()=>this.syncFloatingState())),this.parentPositionObserver.observe(t,{attributes:!0,attributeFilter:["position"]}))}syncFloatingState(){const t=this.el.closest("ai-chat-container");if(t){const i="float"===t.getAttribute("position");this.isFloating!==i&&(this.isFloating=i)}else!1!==this.isFloating&&(this.isFloating=!1)}renderIcon(t,i,e){const a=o[t];return a?n("span",{class:"icon-wrap",innerHTML:`<svg width="${i}" height="${e}" viewBox="${a.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${a.content}</svg>`}):null}renderAvatar(){const t=this.agentName?this.agentName.charAt(0):"?";return!this.agentAvatar||this.avatarError?n("div",{class:"avatar-fallback"},t):n("img",{class:"avatar",src:this.agentAvatar,alt:this.agentName,onError:()=>{this.avatarError=!0}})}renderDragBtn(){return this.isFloating&&n("button",{class:"action-btn drag-btn","aria-label":"سحب / Drag",onPointerDown:t=>{t.preventDefault(),this.headerDragStart.emit({clientX:t.clientX,clientY:t.clientY})}},this.renderIcon("drag",11,15))}handleConversationSelect=t=>{t.stopPropagation(),this.conversationSelect.emit(t.detail),this.dropdownOpen=!1};handleConversationDelete=t=>{t.stopPropagation(),this.conversationDelete.emit(t.detail)};handleConversationRetry=t=>{t.stopPropagation(),this.conversationRetry.emit()};renderConversationDropdown(){return this.dropdownOpen&&"agent"===this.mode?n("div",{class:"conversation-dropdown"},n("ai-conversation-list",{items:this.conversationItems,activeId:this.conversationActiveId,loading:this.conversationLoading,error:this.conversationError,errorText:this.conversationErrorText,retryLabel:this.conversationRetryLabel,emptyText:this.conversationEmptyText,deletingId:this.conversationDeletingId,onConversationSelect:this.handleConversationSelect,onConversationDelete:this.handleConversationDelete,onRetryClick:this.handleConversationRetry})):null}renderAgentMode(){return[this.renderDragBtn(),n("div",{class:"content agent dropdown-trigger",role:"button",onClick:()=>{this.titleLoading||(this.dropdownOpen=!this.dropdownOpen,this.dropdownClick.emit())},"aria-haspopup":"listbox","aria-expanded":this.dropdownOpen,"aria-label":`${this.conversation}, افتح قائمة المحادثات`},this.titleLoading?n("span",{class:"title-skeleton","aria-busy":"true","aria-label":"جاري التحميل"}):n("span",{class:"title"},this.conversation),!this.titleLoading&&n("span",{class:"dropdown-chevron"+(this.dropdownOpen?" open":"")},this.renderIcon("chevron-down",24,24))),n("div",{class:"actions"},n("button",{class:"action-btn","aria-label":"محادثة جديدة / New Chat",onClick:()=>this.newChatClick.emit()},this.renderIcon("pencil-edit",22,22)),n("button",{class:"action-btn","aria-label":"العرض / Position",onClick:()=>{this.positionClick.emit(),this.headerPositionClick.emit()}},this.renderIcon("hand",22,22)),n("button",{class:"action-btn","aria-label":"إغلاق / Close",onClick:()=>this.closeClick.emit()},this.renderIcon("cancel",22,22)))]}renderHumanMode(){return[this.renderDragBtn(),n("div",{class:"content human"},this.showBack&&n("button",{class:"back-btn","aria-label":"رجوع / Back",onClick:()=>this.backClick.emit()},this.renderIcon("arrow-right",24,24)),n("div",{class:"avatar-wrapper"},this.renderAvatar(),n("span",{class:`online-dot status-${this.statusIndicator}`},this.renderIcon("online-dot",10,10))),n("div",{class:"text-block"},n("span",{class:"agent-name"},this.agentName),this.agentStatus&&n("span",{class:"agent-status"},this.agentStatus))),n("div",{class:"actions"},n("button",{class:"action-btn","aria-label":"العرض / Position",onClick:()=>{this.positionClick.emit(),this.headerPositionClick.emit()}},this.renderIcon("hand",22,22)),n("button",{class:"action-btn","aria-label":"إغلاق / Close",onClick:()=>this.closeClick.emit()},this.renderIcon("cancel",22,22)))]}renderBrowserMode(){return[this.renderDragBtn(),n("div",{class:"content browser"},n("button",{class:"back-btn","aria-label":"رجوع / Back",onClick:()=>this.backClick.emit()},this.renderIcon("arrow-right",24,24)),n("span",{class:"browser-title"},this.pageTitle),n("button",{class:"browser-link-btn","aria-label":"فتح في نافذة جديدة / Open externally",onClick:()=>this.openExternal.emit(this.pageUrl)},this.renderIcon("link",14,14))),n("div",{class:"actions"},n("button",{class:"action-btn","aria-label":"العرض / Position",onClick:()=>{this.positionClick.emit(),this.headerPositionClick.emit()}},this.renderIcon("hand",22,22)),n("button",{class:"action-btn","aria-label":"إغلاق / Close",onClick:()=>this.closeClick.emit()},this.renderIcon("cancel",22,22)))]}render(){return n(a,{key:"874ee1e0eb62a59a4c9713111856594ef03dd435"},n("div",{key:"d8887800ad270c7878f41bdc930b2ca6b1280935",class:"header-wrapper"},n("div",{key:"a4fc7e86851cc1cdce6c686880b9f4ee33342fb7",class:"header-container"},"agent"===this.mode?this.renderAgentMode():"human"===this.mode?this.renderHumanMode():this.renderBrowserMode()),this.renderConversationDropdown()))}};s.style=":host{display:block;position:relative;z-index:10}.header-wrapper{position:relative;display:flex;flex-direction:column}.header-container{display:flex;align-items:center;gap:8px;padding:16px;background:var(--ai-bg-card);border-bottom:1px solid var(--ai-border-light);width:100%;box-sizing:border-box}.drag-btn{cursor:grab;color:var(--ai-text-muted)}.drag-btn:active{cursor:grabbing}.action-btn,.back-btn{width:40px;height:40px;padding:4px;display:flex;align-items:center;justify-content:center;background:var(--ai-bg-card);border:none;border-radius:8px;cursor:pointer;flex-shrink:0;color:var(--ai-text-primary);transition:background 0.15s ease}.action-btn:hover,.back-btn:hover{background:var(--ai-bg-surface)}.action-btn:focus-visible,.back-btn:focus-visible{outline:2px solid var(--ai-focus-ring);outline-offset:2px}.action-btn:active,.back-btn:active{background:var(--ai-bg-surface)}.actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.content{flex:1 0 0;display:flex;align-items:center;justify-content:flex-start;min-width:0}.content.agent{gap:4px;height:40px}.content.human{gap:8px}.content.browser{gap:8px}.dropdown-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;color:var(--ai-text-primary)}.dropdown-chevron{display:inline-flex;transition:transform 0.2s ease}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-trigger:focus-visible{outline:2px solid var(--ai-focus-ring);outline-offset:2px}.title{font-size:16px;font-weight:700;color:var(--ai-text-primary);white-space:nowrap;line-height:normal;min-width:0;overflow:hidden;text-overflow:ellipsis}@keyframes title-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.title-skeleton{display:inline-block;width:120px;height:16px;border-radius:8px;background:var(--ai-shimmer-gradient, linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.06) 75%));background-size:200% 100%;animation:title-shimmer 1.6s ease-in-out infinite}.browser-title{font-size:14px;font-weight:600;color:var(--ai-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:20px}.browser-link-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;color:var(--ai-text-secondary)}.browser-link-btn:focus-visible{outline:2px solid var(--ai-focus-ring);outline-offset:2px}.avatar-wrapper{position:relative;width:40px;height:40px;flex-shrink:0}.avatar{width:40px;height:40px;border-radius:9999px;border:1px solid var(--ai-border-default);object-fit:cover;display:block}.avatar-fallback{width:40px;height:40px;border-radius:9999px;border:1px solid var(--ai-border-default);background:var(--ai-bg-surface);color:var(--ai-text-primary);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.online-dot{position:absolute;bottom:0;inset-inline-end:0;width:10px;height:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--ai-bg-card);}.online-dot.status-online{color:#22c55e;}.online-dot.status-offline{color:#9ca3af;}.online-dot.status-busy{color:#ef4444;}.online-dot.status-away{color:#f59e0b;}.text-block{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex-shrink:0}.agent-name{font-size:14px;font-weight:500;color:var(--ai-text-primary);line-height:20px;white-space:nowrap}.agent-status{font-size:14px;font-weight:400;color:var(--ai-text-secondary);line-height:20px;white-space:nowrap}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-wrap svg{display:block}:host-context([dir='ltr']) .back-btn .icon-wrap,:host([dir='ltr']) .back-btn .icon-wrap{transform:scaleX(-1)}.conversation-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;height:360px;display:flex;flex-direction:column;background:var(--ai-bg-surface);border-bottom:1px solid var(--ai-border-light);box-shadow:var(--ai-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.08));animation:slideDown 0.2s ease;overflow:hidden}.conversation-dropdown ai-conversation-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}";export{s as ai_chat_header}
|
|
1
|
+
import{r as t,c as i,a as e,h as a,H as n}from"./p-VMEwYfaX.js";import{i as o}from"./p-DlD8m3rf.js";const s=class{constructor(e){t(this,e),this.closeClick=i(this,"closeClick"),this.newChatClick=i(this,"newChatClick"),this.dropdownClick=i(this,"dropdownClick"),this.positionClick=i(this,"positionClick"),this.headerPositionClick=i(this,"headerPositionClick"),this.backClick=i(this,"backClick"),this.headerDragStart=i(this,"headerDragStart"),this.openExternal=i(this,"openExternal"),this.conversationSelect=i(this,"conversationSelect"),this.conversationDelete=i(this,"conversationDelete"),this.conversationRetry=i(this,"conversationRetry")}get el(){return e(this)}mode="agent";conversation="محادثة جديدة";agentName="";agentStatus="";agentAvatar="";showBack=!0;statusIndicator="online";pageTitle="";pageUrl="";conversationItems=[];conversationActiveId="";conversationLoading=!1;conversationError=!1;conversationErrorText="تعذّر تحميل المحادثات";conversationRetryLabel="إعادة المحاولة";conversationEmptyText="لا توجد محادثات";conversationDeletingId="";titleLoading=!1;avatarError=!1;dropdownOpen=!1;isFloating=!1;parentPositionObserver=null;closeClick;newChatClick;dropdownClick;positionClick;headerPositionClick;backClick;headerDragStart;openExternal;conversationSelect;conversationDelete;conversationRetry;handleDocumentClick(t){this.dropdownOpen&&!this.el.contains(t.target)&&(this.dropdownOpen=!1)}connectedCallback(){}componentDidLoad(){requestAnimationFrame((()=>{this.syncFloatingState(),this.observeParentPosition()}))}disconnectedCallback(){this.parentPositionObserver?.disconnect(),this.parentPositionObserver=null}observeParentPosition(){if(this.parentPositionObserver)return;const t=this.el.closest("ai-chat-container");t&&(this.parentPositionObserver=new MutationObserver((()=>this.syncFloatingState())),this.parentPositionObserver.observe(t,{attributes:!0,attributeFilter:["position"]}))}syncFloatingState(){const t=this.el.closest("ai-chat-container");if(t){const i="float"===t.getAttribute("position");this.isFloating!==i&&(this.isFloating=i)}else!1!==this.isFloating&&(this.isFloating=!1)}renderIcon(t,i,e){const n=o[t];return n?a("span",{class:"icon-wrap",innerHTML:`<svg width="${i}" height="${e}" viewBox="${n.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${n.content}</svg>`}):null}renderAvatar(){const t=this.agentName?this.agentName.charAt(0):"?";return!this.agentAvatar||this.avatarError?a("div",{class:"avatar-fallback"},t):a("img",{class:"avatar",src:this.agentAvatar,alt:this.agentName,onError:()=>{this.avatarError=!0}})}renderDragBtn(){return this.isFloating&&a("button",{class:"action-btn drag-btn","aria-label":"سحب / Drag",onPointerDown:t=>{t.preventDefault(),this.headerDragStart.emit({clientX:t.clientX,clientY:t.clientY})}},this.renderIcon("drag",11,15))}handleConversationSelect=t=>{t.stopPropagation(),this.conversationSelect.emit(t.detail),this.dropdownOpen=!1};handleConversationDelete=t=>{t.stopPropagation(),this.conversationDelete.emit(t.detail)};handleConversationRetry=t=>{t.stopPropagation(),this.conversationRetry.emit()};renderConversationDropdown(){return this.dropdownOpen&&"agent"===this.mode?a("div",{class:"conversation-dropdown"},a("ai-conversation-list",{items:this.conversationItems,activeId:this.conversationActiveId,loading:this.conversationLoading,error:this.conversationError,errorText:this.conversationErrorText,retryLabel:this.conversationRetryLabel,emptyText:this.conversationEmptyText,deletingId:this.conversationDeletingId,onConversationSelect:this.handleConversationSelect,onConversationDelete:this.handleConversationDelete,onRetryClick:this.handleConversationRetry})):null}renderAgentMode(){return[this.renderDragBtn(),a("div",{class:"content agent dropdown-trigger",role:"button",onClick:()=>{this.titleLoading||(this.dropdownOpen=!this.dropdownOpen,this.dropdownClick.emit())},"aria-haspopup":"listbox","aria-expanded":this.dropdownOpen,"aria-label":`${this.conversation}, افتح قائمة المحادثات`},this.titleLoading?a("span",{class:"title-skeleton","aria-busy":"true","aria-label":"جاري التحميل"}):a("span",{class:"title"},this.conversation),!this.titleLoading&&a("span",{class:"dropdown-chevron"+(this.dropdownOpen?" open":"")},this.renderIcon("chevron-down",24,24))),a("div",{class:"actions"},a("button",{class:"action-btn","aria-label":"محادثة جديدة / New Chat",onClick:()=>this.newChatClick.emit()},this.renderIcon("pencil-edit",22,22)),a("button",{class:"action-btn","aria-label":"العرض / Position",onClick:()=>{this.positionClick.emit(),this.headerPositionClick.emit()}},this.renderIcon("hand",22,22)),a("button",{class:"action-btn","aria-label":"إغلاق / Close",onClick:()=>this.closeClick.emit()},this.renderIcon("cancel",22,22)))]}renderHumanMode(){return[this.renderDragBtn(),a("div",{class:"content human"},this.showBack&&a("button",{class:"back-btn","aria-label":"رجوع / Back",onClick:()=>this.backClick.emit()},this.renderIcon("arrow-right",24,24)),a("div",{class:"avatar-wrapper"},this.renderAvatar(),a("span",{class:`online-dot status-${this.statusIndicator}`},this.renderIcon("online-dot",10,10))),a("div",{class:"text-block"},a("span",{class:"agent-name"},this.agentName),this.agentStatus&&a("span",{class:"agent-status"},this.agentStatus))),a("div",{class:"actions"},a("button",{class:"action-btn","aria-label":"العرض / Position",onClick:()=>{this.positionClick.emit(),this.headerPositionClick.emit()}},this.renderIcon("hand",22,22)),a("button",{class:"action-btn","aria-label":"إغلاق / Close",onClick:()=>this.closeClick.emit()},this.renderIcon("cancel",22,22)))]}renderBrowserMode(){return[this.renderDragBtn(),a("div",{class:"content browser"},a("button",{class:"back-btn","aria-label":"رجوع / Back",onClick:()=>this.backClick.emit()},this.renderIcon("arrow-right",24,24)),a("span",{class:"browser-title"},this.pageTitle),a("button",{class:"browser-link-btn","aria-label":"فتح في نافذة جديدة / Open externally",onClick:()=>this.openExternal.emit(this.pageUrl)},this.renderIcon("link",14,14))),a("div",{class:"actions"},a("button",{class:"action-btn","aria-label":"العرض / Position",onClick:()=>{this.positionClick.emit(),this.headerPositionClick.emit()}},this.renderIcon("hand",22,22)),a("button",{class:"action-btn","aria-label":"إغلاق / Close",onClick:()=>this.closeClick.emit()},this.renderIcon("cancel",22,22)))]}render(){return a(n,{key:"80236bfcbfac98d3efa3955f03aab4ef68c9cfea"},a("div",{key:"dcc4142bba1d5f07782dbc7b0a3ec287e0154223",class:"header-wrapper"},a("div",{key:"ca0ff9a2946cead0b86cb82390624894ed414378",class:"header-container"},"agent"===this.mode?this.renderAgentMode():"human"===this.mode?this.renderHumanMode():this.renderBrowserMode()),this.renderConversationDropdown()))}};s.style=":host{display:block;position:relative;z-index:10}.header-wrapper{position:relative;display:flex;flex-direction:column}.header-container{display:flex;align-items:center;gap:8px;padding:16px;background:var(--ai-bg-card);border-bottom:1px solid var(--ai-border-light);width:100%;box-sizing:border-box}.drag-btn{cursor:grab;color:var(--ai-text-muted)}.drag-btn:active{cursor:grabbing}.action-btn,.back-btn{width:40px;height:40px;padding:4px;display:flex;align-items:center;justify-content:center;background:var(--ai-bg-card);border:none;border-radius:8px;cursor:pointer;flex-shrink:0;color:var(--ai-text-primary);transition:background 0.15s ease}.action-btn:hover,.back-btn:hover{background:var(--ai-bg-surface)}.action-btn:focus-visible,.back-btn:focus-visible{outline:2px solid var(--ai-focus-ring);outline-offset:2px}.action-btn:active,.back-btn:active{background:var(--ai-bg-surface)}.actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.content{flex:1 0 0;display:flex;align-items:center;justify-content:flex-start;min-width:0}.content.agent{gap:4px;height:40px}.content.human{gap:8px}.content.browser{gap:8px}.dropdown-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;color:var(--ai-text-primary)}.dropdown-chevron{display:inline-flex;transition:transform 0.2s ease}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-trigger:focus-visible{outline:2px solid var(--ai-focus-ring);outline-offset:2px}.title{font-size:16px;font-weight:700;color:var(--ai-text-primary);white-space:nowrap;line-height:normal;min-width:0;overflow:hidden;text-overflow:ellipsis}@keyframes title-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.title-skeleton{display:inline-block;width:120px;height:16px;border-radius:8px;background:var(--ai-shimmer-gradient, linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.06) 75%));background-size:200% 100%;animation:title-shimmer 1.6s ease-in-out infinite}.browser-title{font-size:14px;font-weight:600;color:var(--ai-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:20px}.browser-link-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;color:var(--ai-text-secondary)}.browser-link-btn:focus-visible{outline:2px solid var(--ai-focus-ring);outline-offset:2px}.avatar-wrapper{position:relative;width:40px;height:40px;flex-shrink:0}.avatar{width:40px;height:40px;border-radius:9999px;border:1px solid var(--ai-border-default);object-fit:cover;display:block}.avatar-fallback{width:40px;height:40px;border-radius:9999px;border:1px solid var(--ai-border-default);background:var(--ai-bg-surface);color:var(--ai-text-primary);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.online-dot{position:absolute;bottom:0;inset-inline-end:0;width:10px;height:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--ai-bg-card);}.online-dot.status-online{color:#22c55e;}.online-dot.status-offline{color:#9ca3af;}.online-dot.status-busy{color:#ef4444;}.online-dot.status-away{color:#f59e0b;}.text-block{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex-shrink:0}.agent-name{font-size:14px;font-weight:500;color:var(--ai-text-primary);line-height:20px;white-space:nowrap}.agent-status{font-size:14px;font-weight:400;color:var(--ai-text-secondary);line-height:20px;white-space:nowrap}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-wrap svg{display:block}:host-context([dir='ltr']) .back-btn .icon-wrap,:host([dir='ltr']) .back-btn .icon-wrap{transform:scaleX(-1)}.conversation-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;height:360px;display:flex;flex-direction:column;background:var(--ai-bg-surface);border-bottom:1px solid var(--ai-border-light);box-shadow:var(--ai-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.08));animation:slideDown 0.2s ease;overflow:hidden}.conversation-dropdown ai-conversation-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}";export{s as ai_chat_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e,H as a}from"./p-VMEwYfaX.js";const i=class{constructor(e){r(this,e)}url="";pageTitle="";isLoading=!0;hasError=!1;onUrlChange(){this.isLoading=!0,this.hasError=!1}getDisplayTitle(){if(this.pageTitle)return this.pageTitle;try{return new URL(this.url).hostname}catch{return this.url||""}}handleIframeLoad=()=>{this.isLoading=!1};handleIframeError=()=>{this.isLoading=!1,this.hasError=!0};render(){const r=this.getDisplayTitle();return e(a,{key:"
|
|
1
|
+
import{r,h as e,H as a}from"./p-VMEwYfaX.js";const i=class{constructor(e){r(this,e)}url="";pageTitle="";isLoading=!0;hasError=!1;onUrlChange(){this.isLoading=!0,this.hasError=!1}getDisplayTitle(){if(this.pageTitle)return this.pageTitle;try{return new URL(this.url).hostname}catch{return this.url||""}}handleIframeLoad=()=>{this.isLoading=!1};handleIframeError=()=>{this.isLoading=!1,this.hasError=!0};render(){const r=this.getDisplayTitle();return e(a,{key:"d79ede7857bc7edc13a4c8cdbbf5b4f7312d9766"},e("div",{key:"57ccda6f9670e9ae2ca76b768f31ecf62b9ec8e9",class:"browser-content"},this.isLoading&&e("div",{key:"f868050d91fc24f9a13a760d34805b6a443ff865",class:"browser-loading"},e("div",{key:"b90a07a822a1978875fd5590783d9e9a6ac319b9",class:"loading-bar"})),this.hasError?e("div",{class:"browser-error"},e("span",{class:"error-text"},"تعذّر تحميل الصفحة"),e("span",{class:"error-url"},this.url)):this.url&&e("iframe",{class:"browser-iframe",src:this.url,onLoad:this.handleIframeLoad,onError:this.handleIframeError,sandbox:"allow-scripts allow-same-origin allow-forms allow-popups",referrerPolicy:"no-referrer",title:r})))}static get watchers(){return{url:[{onUrlChange:0}]}}};i.style=":host{display:flex;flex-direction:column;width:calc(100% + 2 * var(--ai-spacing-2xl, 16px));height:calc(100% + 2 * var(--ai-spacing-2xl, 16px));margin:calc(-1 * var(--ai-spacing-2xl, 16px))}.browser-content{flex:1;position:relative;overflow:hidden;background:var(--ai-bg-surface)}.browser-iframe{width:100%;height:100%;border:none;display:block;background:var(--ai-bg-card)}.browser-loading{position:absolute;top:0;left:0;right:0;z-index:2;height:3px;overflow:hidden;background:var(--ai-border-light)}.loading-bar{width:40%;height:100%;background:var(--ai-accent);border-radius:2px;animation:browser-loading-slide 1.2s ease-in-out infinite}@keyframes browser-loading-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.browser-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;padding:24px;text-align:center}.error-text{font-size:14px;font-weight:600;color:var(--ai-text-primary)}.error-url{font-size:12px;color:var(--ai-text-muted);word-break:break-all;max-width:280px}";export{i as ai_in_chat_browser}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as a,h as i,H as n}from"./p-VMEwYfaX.js";import{i as t}from"./p-DlD8m3rf.js";const r=class{constructor(i){e(this,i),this.routeExpand=a(this,"routeExpand")}selectedAgent="";agentIcon="";reason="";confidence=0;detectedLanguage="";expanded=!1;_expanded=!1;routeExpand;componentWillLoad(){this._expanded=this.expanded}renderIcon(e,a,n){const r=t[e];return r?i("span",{class:"icon-wrap",innerHTML:`<svg width="${a}" height="${n}" viewBox="${r.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${r.content}</svg>`}):null}handleToggle(){this._expanded=!this._expanded,this.expanded=this._expanded,this.routeExpand.emit(this._expanded)}render(){return i(n,{key:"
|
|
1
|
+
import{r as e,c as a,h as i,H as n}from"./p-VMEwYfaX.js";import{i as t}from"./p-DlD8m3rf.js";const r=class{constructor(i){e(this,i),this.routeExpand=a(this,"routeExpand")}selectedAgent="";agentIcon="";reason="";confidence=0;detectedLanguage="";expanded=!1;_expanded=!1;routeExpand;componentWillLoad(){this._expanded=this.expanded}renderIcon(e,a,n){const r=t[e];return r?i("span",{class:"icon-wrap",innerHTML:`<svg width="${a}" height="${n}" viewBox="${r.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${r.content}</svg>`}):null}handleToggle(){this._expanded=!this._expanded,this.expanded=this._expanded,this.routeExpand.emit(this._expanded)}render(){return i(n,{key:"f12718d142cff27d62c0a0299b029be2e2d88b86"},i("div",{key:"4fcef90f887300c4884cd981737bf8ce8b796eca",class:"route-pill "+(this._expanded?"expanded":"")},i("button",{key:"09eadc07b41b96fb56b4bcd937165de92507ac84",class:"route-pill-main",onClick:()=>this.handleToggle()},i("span",{key:"d13744692a45c74976f89b582142ae09339015f5",class:"route-icon"},this.renderIcon("route",14,14)),i("span",{key:"4f995cc09a72ba74310df17cf78735c27a910314",class:"agent-label"},this.agentIcon&&i("span",{key:"272dd78f38bbbb4ef845b7a41530d205368faf7e",class:"agent-emoji","aria-hidden":"true"},this.agentIcon),this.selectedAgent),this.confidence>0&&i("span",{key:"a061317c9d5b8dad243dce0bb80e927eae04eb3d",class:"confidence-badge"},this.confidence,"%"),i("span",{key:"4342bdf38aa85a5c5d6bd054504c91bccc7901e9",class:"expand-icon "+(this._expanded?"expanded":"")},this.renderIcon("arrow-right",12,12))),this._expanded&&i("div",{key:"ab5340148e832baafdd38e17a748a52b83b25c96",class:"route-details"},this.reason&&i("p",{key:"7854838ea405c5fdb5ebe11fb3df36a9898be445",class:"reason-text"},this.reason),this.confidence>0&&i("div",{key:"baf946426ad7cda94d2acfbb9f8945b5b40a823c",class:"confidence-bar-wrap"},i("div",{key:"a6e08f412706ce18e16030dd4d475d57befdd9e7",class:"confidence-bar",style:{width:`${this.confidence}%`}})),this.detectedLanguage&&i("div",{key:"58af2dbca56082dcf2910cc44ac553d6f2af015a",class:"meta-row"},this.renderIcon("list",12,12),i("span",{key:"63517ed8802764542de330897372c6a01348d0a6",class:"lang-chip"},this.detectedLanguage)))))}};r.style=":host{display:inline-block}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.route-pill{display:inline-flex;flex-direction:column;background:var(--ai-bg-card);border:1px solid var(--ai-border-default);border-radius:9999px;box-shadow:var(--ai-shadow-sm);overflow:hidden;transition:border-radius 0.2s ease}.route-pill.expanded{border-radius:12px}.route-pill-main{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:none;cursor:pointer;color:var(--ai-text-primary);font-size:13px;font-weight:500;white-space:nowrap;width:100%}.route-icon{color:var(--ai-accent-dark);display:inline-flex;flex-shrink:0}.agent-label{display:inline-flex;align-items:center;gap:4px}.agent-emoji{font-size:14px;line-height:1}.confidence-badge{font-size:11px;font-weight:600;color:var(--ai-accent-dark);background:var(--ai-accent-bg);padding:1px 6px;border-radius:9999px}.expand-icon{display:inline-flex;margin-inline-start:auto;color:var(--ai-text-secondary);transition:transform 0.2s ease;transform:rotate(0deg)}.expand-icon.expanded{transform:rotate(90deg)}.route-details{display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;border-top:1px solid var(--ai-border-default);animation:fade-in 0.2s ease}@keyframes fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reason-text{margin:0;font-size:12px;color:var(--ai-text-secondary);line-height:1.5}.confidence-bar-wrap{height:4px;border-radius:9999px;background:var(--ai-border-default);overflow:hidden}.confidence-bar{height:100%;border-radius:9999px;background:var(--ai-accent-dark);transition:width 0.4s ease}.meta-row{display:inline-flex;align-items:center;gap:4px;color:var(--ai-text-secondary)}.lang-chip{font-size:11px;color:var(--ai-text-secondary)}";export{r as ai_route_decision}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as a,H as s}from"./p-VMEwYfaX.js";const t=class{constructor(a){i(this,a),this.suggestionClick=e(this,"suggestionClick")}label="";disabled=!1;suggestionClick;handleClick(){this.disabled||this.suggestionClick.emit(this.label)}render(){return a(s,{key:"
|
|
1
|
+
import{r as i,c as e,h as a,H as s}from"./p-VMEwYfaX.js";const t=class{constructor(a){i(this,a),this.suggestionClick=e(this,"suggestionClick")}label="";disabled=!1;suggestionClick;handleClick(){this.disabled||this.suggestionClick.emit(this.label)}render(){return a(s,{key:"c2eb388d152586755e9cc10ac57b519e8ff84b4d"},a("button",{key:"0b9f6ec6d8c57365e2c29bfe1bfc33993d3cb498",class:{chip:!0,"chip--disabled":this.disabled},disabled:this.disabled,onClick:()=>this.handleClick()},a("span",{key:"d4fabc4c8176cd6837e609bad369e8edfc779855",class:"chip__label"},this.label,a("slot",{key:"a1074453e53982f10fd2115c2b15d7a7b20eda07"}))))}};t.style=":host{--ai-suggestion-border:1px solid var(--ai-accent);--ai-suggestion-border-hover:1px solid var(--ai-accent);--ai-suggestion-radius:9999px;--ai-suggestion-padding:8px 12px;--ai-suggestion-gap:4px;--ai-suggestion-font-size:14px;--ai-suggestion-line-height:20px;display:inline-block}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--ai-suggestion-gap);background:var(--ai-bg-card);border:var(--ai-suggestion-border);border-radius:var(--ai-suggestion-radius);padding:var(--ai-suggestion-padding);color:var(--ai-accent-dark);font-size:var(--ai-suggestion-font-size);font-weight:400;line-height:var(--ai-suggestion-line-height);font-family:inherit;white-space:nowrap;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease;outline:none;text-align:start}.chip:hover:not(:disabled){background:var(--ai-accent-bg);border:var(--ai-suggestion-border-hover)}.chip:active:not(:disabled){background:var(--ai-accent-bg)}.chip:focus-visible{outline:2px solid var(--ai-accent);outline-offset:2px}.chip--disabled,.chip:disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.chip__label{display:inline-flex;align-items:center;gap:var(--ai-suggestion-gap)}";export{t as ai_suggestion}
|