@salla.sa/ui-ai-kit-core 2.2.0 → 2.2.1
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-agent-error.cjs.entry.js +2 -2
- package/dist/cjs/ai-card.cjs.entry.js +3 -3
- package/dist/cjs/ai-chat-container.cjs.entry.js +29 -3
- package/dist/cjs/ai-chat-header.cjs.entry.js +55 -10
- package/dist/cjs/ai-chat-message.cjs.entry.js +1 -1
- package/dist/cjs/ai-conversation-list.cjs.entry.js +2 -2
- package/dist/cjs/ai-conversation-summary.cjs.entry.js +1 -1
- package/dist/cjs/ai-icon.cjs.entry.js +1 -1
- package/dist/cjs/ai-in-chat-browser.cjs.entry.js +5 -23
- package/dist/cjs/ai-link.cjs.entry.js +2 -2
- package/dist/cjs/ai-loading.cjs.entry.js +2 -2
- package/dist/cjs/ai-message-input.cjs.entry.js +1 -1
- package/dist/cjs/ai-rating.cjs.entry.js +1 -1
- package/dist/cjs/ai-route-decision.cjs.entry.js +2 -2
- package/dist/cjs/ai-suggestion.cjs.entry.js +3 -3
- package/dist/cjs/ai-voice-input.cjs.entry.js +2 -2
- package/dist/cjs/{index-BQ8Az7-D.js → index-Cc05u4ND.js} +15 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/ui-ai-kit.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/ai-agent-error/ai-agent-error.js +1 -1
- package/dist/collection/components/ai-card/ai-card.js +2 -2
- package/dist/collection/components/ai-chat-container/ai-chat-container.js +110 -7
- package/dist/collection/components/ai-chat-header/ai-chat-header.js +72 -32
- package/dist/collection/components/ai-conversation-list/ai-conversation-list.js +1 -1
- package/dist/collection/components/ai-in-chat-browser/ai-in-chat-browser.css +0 -10
- package/dist/collection/components/ai-in-chat-browser/ai-in-chat-browser.js +5 -74
- package/dist/collection/components/ai-link/ai-link.js +1 -1
- package/dist/collection/components/ai-loading/ai-loading.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-agent-error.js +1 -1
- package/dist/components/ai-card.js +1 -1
- package/dist/components/ai-chat-container.js +1 -1
- package/dist/components/ai-chat-header.js +1 -1
- package/dist/components/ai-chat-message.js +2 -2
- package/dist/components/ai-conversation-list.js +1 -1
- package/dist/components/ai-conversation-summary.js +1 -1
- package/dist/components/ai-icon.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-loading.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/index.js +1 -1
- package/dist/components/{p-CXJ3iEt8.js → p-BPkf7wZg.js} +1 -1
- package/dist/components/{p-B3gdcdCK.js → p-Ba0urr6Q.js} +1 -1
- package/dist/components/{p-DKsh1ZQX.js → p-CJzVwMlS.js} +1 -1
- package/dist/components/{p-C2LB8D3t.js → p-DZuBxUde.js} +1 -1
- package/dist/components/{p-NKAwri_g.js → p-bGFmyIp1.js} +1 -1
- package/dist/esm/ai-agent-error.entry.js +2 -2
- package/dist/esm/ai-card.entry.js +3 -3
- package/dist/esm/ai-chat-container.entry.js +29 -3
- package/dist/esm/ai-chat-header.entry.js +55 -10
- package/dist/esm/ai-chat-message.entry.js +1 -1
- package/dist/esm/ai-conversation-list.entry.js +2 -2
- package/dist/esm/ai-conversation-summary.entry.js +1 -1
- package/dist/esm/ai-icon.entry.js +1 -1
- package/dist/esm/ai-in-chat-browser.entry.js +5 -23
- package/dist/esm/ai-link.entry.js +2 -2
- package/dist/esm/ai-loading.entry.js +2 -2
- package/dist/esm/ai-message-input.entry.js +1 -1
- package/dist/esm/ai-rating.entry.js +1 -1
- package/dist/esm/ai-route-decision.entry.js +2 -2
- package/dist/esm/ai-suggestion.entry.js +3 -3
- package/dist/esm/ai-voice-input.entry.js +2 -2
- package/dist/esm/{index-BSQ0GkzI.js → index-VMEwYfaX.js} +15 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/ui-ai-kit.js +3 -3
- package/dist/types/components/ai-chat-container/ai-chat-container.d.ts +21 -1
- package/dist/types/components/ai-chat-header/ai-chat-header.d.ts +15 -3
- package/dist/types/components/ai-in-chat-browser/ai-in-chat-browser.d.ts +1 -10
- package/dist/types/components.d.ts +40 -57
- package/dist/types/index.d.ts +1 -0
- package/dist/ui-ai-kit/{p-1e8e6440.entry.js → p-062cad02.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-b88808a4.entry.js → p-187db371.entry.js} +1 -1
- package/dist/ui-ai-kit/p-1b247096.entry.js +1 -0
- package/dist/ui-ai-kit/{p-39a2d4c3.entry.js → p-338d55d3.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-dac67692.entry.js → p-4359a116.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-3a86919b.entry.js → p-5f005ec5.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-849cd7e2.entry.js → p-6a4b66ed.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-47797619.entry.js → p-6b644d32.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-658d8b24.entry.js → p-6bd54e29.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-eb40ffd0.entry.js → p-83f46030.entry.js} +2 -2
- package/dist/ui-ai-kit/{p-8cb807f3.entry.js → p-8ac8febb.entry.js} +1 -1
- package/dist/ui-ai-kit/{p-c9dca99e.entry.js → p-8fabdbe8.entry.js} +1 -1
- package/dist/ui-ai-kit/p-953d4348.entry.js +1 -0
- package/dist/ui-ai-kit/{p-BSQ0GkzI.js → p-VMEwYfaX.js} +2 -2
- package/dist/ui-ai-kit/{p-73cbb80b.entry.js → p-cae762e0.entry.js} +1 -1
- package/dist/ui-ai-kit/p-d02f2db5.entry.js +1 -0
- package/dist/ui-ai-kit/{p-78fb4ceb.entry.js → p-e6236df2.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-D4mVoP6B.js +0 -1
- package/dist/ui-ai-kit/p-29d84924.entry.js +0 -1
- package/dist/ui-ai-kit/p-77ef8015.entry.js +0 -1
- package/dist/ui-ai-kit/p-abd68089.entry.js +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=()=>{},t='@import url("https://cdn.salla.network/fonts/pingarlt.css");:root{--ai-font-family:"PingARLT", sans-serif;font-family:var(--ai-font-family);--ai-bg-card:hsl(var(--white));--ai-bg-surface:hsl(var(--gray-300));--ai-bg-input:hsl(var(--white));--ai-text-primary:hsl(var(--dark));--ai-text-secondary:hsl(var(--dark-100));--ai-text-muted:hsl(var(--gray));--ai-border-default:hsl(var(--gray-400));--ai-border-light:hsl(var(--gray-300));--ai-accent:hsl(var(--secondary));--ai-accent-dark:hsl(var(--primary));--ai-accent-text:hsl(var(--dark));--ai-user-bubble-bg:hsl(var(--gray-300));--ai-agent-bubble-bg:hsl(var(--white));--ai-warning-bg:hsl(var(--warning-100));--ai-warning-border:hsl(var(--warning));--ai-success:hsl(var(--success));--ai-success-text:hsl(var(--success));--ai-success-bg:hsl(var(--success-100));--ai-danger-text:hsl(var(--danger));--ai-danger-bg:hsl(var(--danger-100));--ai-danger-border:hsl(var(--danger-200));--ai-accent-bg:hsl(var(--secondary-100));--ai-focus-ring:hsl(var(--info));--ai-amber:hsl(var(--warning));--ai-scrollbar-thumb:rgba(0, 0, 0, 0.15);--ai-scrollbar-thumb-hover:rgba(0, 0, 0, 0.28);--ai-glow-gradient:linear-gradient(90deg, hsl(var(--dark-100)) 0%, hsl(var(--gray)) 50%, hsl(var(--dark-100)) 100%);--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%);--ai-input-glow:linear-gradient(90deg, #73F0EE 0%, #EBF1B1 10%, #A4FFE5 100%);--ai-shadow-sm:0px 1px 2px 0px hsl(var(--dark) / 0.05);--ai-shadow-inner:inset 0px 0px 3px 1px hsl(var(--dark) / 0.06);--ai-shadow-badge:0px 0px 2px 1px hsl(var(--dark) / 0.08);--ai-shadow-active:0px 4px 6px -1px hsl(var(--dark) / 0.08), 0px 2px 4px -1px hsl(var(--dark) / 0.06);--ai-shadow-float:0 8px 32px hsl(var(--dark) / 0.12), 0 2px 8px hsl(var(--dark) / 0.08);--ai-shadow-error:0 2px 8px hsl(var(--dark) / 0.15);--ai-hover-overlay:rgba(0, 0, 0, 0.06);--ai-watermark-circle:#FCFCFC;--ai-watermark-star:#FAFAFA;--ai-input-focus-glow:0 0 10px 4px hsl(var(--secondary) / 0.4);--ai-font-family-mono:monospace;--ai-spacing-2xl:var(--Spacing-Sizes-2xl, 16px)}.dark{--ai-bg-card:hsl(var(--gray-100));--ai-bg-surface:hsl(var(--white-300));--ai-bg-input:hsl(var(--gray-100));--ai-text-primary:hsl(var(--dark));--ai-text-secondary:hsl(var(--dark-200));--ai-text-muted:hsl(var(--gray));--ai-border-default:hsl(var(--gray-400));--ai-border-light:hsl(var(--gray-300));--ai-accent:hsl(var(--secondary));--ai-accent-dark:hsl(var(--primary-500));--ai-accent-text:hsl(var(--primary-force));--ai-user-bubble-bg:hsl(var(--gray-400));--ai-agent-bubble-bg:hsl(var(--gray-100));--ai-warning-bg:hsl(var(--warning-100));--ai-warning-border:hsl(var(--warning));--ai-success:hsl(var(--success));--ai-success-text:hsl(var(--success));--ai-success-bg:hsl(var(--success-100));--ai-danger-text:hsl(var(--danger));--ai-danger-bg:hsl(var(--danger-100));--ai-danger-border:hsl(var(--danger-200));--ai-accent-bg:hsl(var(--secondary-100));--ai-focus-ring:hsl(var(--info));--ai-amber:hsl(var(--warning));--ai-scrollbar-thumb:rgba(255, 255, 255, 0.2);--ai-scrollbar-thumb-hover:rgba(255, 255, 255, 0.35);--ai-hover-overlay:rgba(255, 255, 255, 0.08);--ai-watermark-circle:#222222;--ai-watermark-star:#292B2C;--ai-glow-gradient:linear-gradient(90deg, hsl(var(--gray)) 0%, hsl(var(--dark-300)) 50%, hsl(var(--gray)) 100%);--ai-shimmer-gradient:linear-gradient(90deg, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.06) 75%);--ai-input-glow:linear-gradient(to right, hsl(var(--secondary-400)), hsl(var(--secondary-100)) 10%, hsl(var(--secondary)))}';function n(e,t,n){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n||r.get))return r;e=Object.getPrototypeOf(e)}}var r,a=(e,t)=>{var r;Object.entries(null!=(r=t.l.t)?r:{}).map((([r,[a]])=>{if(31&a||32&a){const a=e[r],s=n(Object.getPrototypeOf(e),r,!0)||Object.getOwnPropertyDescriptor(e,r);s&&Object.defineProperty(e,r,{get(){return s.get.call(this)},set(e){s.set.call(this,e)},configurable:!0,enumerable:!0}),t.i.has(r)?e[r]=t.i.get(r):void 0!==a&&(e[r]=a)}}))},s=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},l=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.o=e,512&t.l.u&&a(e,t))},i=(e,t)=>t in e,o=(e,t)=>(0,console.error)(e,t),c=new Map,u=new Map,f="undefined"!=typeof window?window:{},d={u:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),v=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),g=!!v&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),p=!1,b=[],m=[],y=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&d.u?$(x):d.raf(x))},w=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){o(e)}e.length=0},x=()=>{w(b),w(m),(p=b.length>0)&&d.raf(x)},$=e=>h().then(e),k=y(m,!0);function j(){var e;const n=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(e=function(e){if(!v)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(t))?e:null),r)g?n.adoptedStyleSheets.push(r):n.adoptedStyleSheets=[...n.adoptedStyleSheets,r];else if(!v){const e=document.createElement("style");e.innerHTML=t,n.prepend(e)}}function S(e){var t,n,r;return null!=(r=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?r:void 0}var O,E=new WeakMap,C=e=>"sc-"+e.v,M=e=>"object"==(e=typeof e)||"function"===e,F=(e,t,...n)=>{let r=null,a=null,s=!1,l=!1;const i=[],o=t=>{for(let n=0;n<t.length;n++)r=t[n],Array.isArray(r)?o(r):null!=r&&"boolean"!=typeof r&&((s="function"!=typeof e&&!M(r))&&(r+=""),s&&l?i[i.length-1].p+=r:i.push(s?A(null,r):r),l=s)};if(o(n),t){t.key&&(a=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const c=A(e,null);return c.m=t,i.length>0&&(c.$=i),c.k=a,c},A=(e,t)=>({u:0,j:e,p:null!=t?t:null,S:null,$:null,m:null,k:null}),L={},P=(e,t)=>null==e||M(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,R=e=>{var t;return null==(t=s(e))?void 0:t.$hostElement$},N=(e,t)=>{const n=R(e);return{emit:e=>T(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},T=(e,t,n)=>{const r=d.ce(t,n);return e.dispatchEvent(r),r},D=(e,t,n,r,a,l)=>{if(n===r)return;let o=i(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,a=U(n);let s=U(r);t.remove(...a.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!a.includes(e))))}else if("style"===t){for(const t in n)r&&null!=r[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)n&&r[t]===n[t]||(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&ee(r,e);else if(o||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let a;{const t=s(e);if(t&&t.l&&t.l.t){const e=t.l.t[n];e&&e[1]&&(a=e[1])}}return a||(a=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==e.getAttribute(a)||e.removeAttribute(a):e.setAttribute(a,!0===r?"":r))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}{const s=M(r);if((o||s&&null!==r)&&!a)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const a=null==r?"":r;"list"===t?o=!1:null!=n&&e[t]===a||("function"==typeof e.__lookupSetter__(t)?e[t]=a:e.setAttribute(t,a))}}catch(e){}null==r||!1===r?!1===r&&""!==e.getAttribute(t)||e.removeAttribute(t):(!o||4&l||a)&&!s&&1===e.nodeType&&e.setAttribute(t,r=!0===r?"":r)}}else if(t="-"===t[2]?t.slice(3):i(f,c)?c.slice(2):c[2]+t.slice(3),n||r){const a=t.endsWith(z);t=t.replace(W,""),n&&d.rel(e,t,n,a),r&&d.ael(e,t,r,a)}},H=/\s/,U=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(H):[]),z="Capture",W=RegExp(z+"$"),B=(e,t,n)=>{const r=11===t.S.nodeType&&t.S.host?t.S.host:t.S,a=e&&e.m||{},s=t.m||{};for(const e of V(Object.keys(a)))e in s||D(r,e,a[e],void 0,n,t.u);for(const e of V(Object.keys(s)))D(r,e,a[e],s[e],n,t.u)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var q=!1,G=!1,Y=[],Z=[],_=(e,t,n)=>{const r=t.$[n];let a,s,l=0;if(null!=r.p)a=r.S=f.document.createTextNode(r.p);else{if(G||(G="svg"===r.j),!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(a=r.S=f.document.createElementNS(G?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.j),G&&"foreignObject"===r.j&&(G=!1),B(null,r,G),r.$){const t="template"===r.j?a.content:a;for(l=0;l<r.$.length;++l)s=_(e,r,l),s&&t.appendChild(s)}"svg"===r.j?G=!1:"foreignObject"===a.tagName&&(G=!0)}return a["s-hn"]=O,a},I=(e,t,n,r,a,s)=>{let l,i=e;for(i.shadowRoot&&i.tagName===O&&(i=i.shadowRoot),"template"===n.j&&(i=i.content);a<=s;++a)r[a]&&(l=_(null,n,a),l&&(r[a].S=l,te(i,l,t)))},J=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.S;X(t),e&&e.remove()}}},K=(e,t,n=!1)=>e.j===t.j&&(n?(n&&!e.k&&t.k&&(e.k=t.k),!0):e.k===t.k),Q=(e,t,n=!1)=>{const r=t.S=e.S,a=e.$,s=t.$,l=t.j,i=t.p;null==i?(G="svg"===l||"foreignObject"!==l&&G,"slot"!==l||q||e.O!==t.O&&(t.S["s-sn"]=t.O||"",(e=>{d.u|=1;const t=e.closest(O.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes||e.childNodes);for(const e of n?r.reverse():r)null!=e["s-sh"]&&(te(t,e,null!=n?n:null),e["s-sh"]=void 0)}d.u&=-2})(t.S.parentElement)),B(e,t,G),null!==a&&null!==s?((e,t,n,r,a=!1)=>{let s,l,i=0,o=0,c=0,u=0,f=t.length-1,d=t[0],h=t[f],v=r.length-1,g=r[0],p=r[v];const b="template"===n.j?e.content:e;for(;i<=f&&o<=v;)if(null==d)d=t[++i];else if(null==h)h=t[--f];else if(null==g)g=r[++o];else if(null==p)p=r[--v];else if(K(d,g,a))Q(d,g,a),d=t[++i],g=r[++o];else if(K(h,p,a))Q(h,p,a),h=t[--f],p=r[--v];else if(K(d,p,a))Q(d,p,a),te(b,d.S,h.S.nextSibling),d=t[++i],p=r[--v];else if(K(h,g,a))Q(h,g,a),te(b,h.S,d.S),h=t[--f],g=r[++o];else{for(c=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].k&&t[u].k===g.k){c=u;break}c>=0?(l=t[c],l.j!==g.j?s=_(t&&t[o],n,c):(Q(l,g,a),t[c]=void 0,s=l.S),g=r[++o]):(s=_(t&&t[o],n,o),g=r[++o]),s&&te(d.S.parentNode,s,d.S)}i>f?I(e,null==r[v+1]?null:r[v+1].S,n,r,o,v):o>v&&J(t,i,f)})(r,a,t,s,n):null!==s?(null!==e.p&&(r.textContent=""),I(r,null,t,s,0,s.length-1)):!n&&null!==a&&J(a,0,a.length-1),G&&"svg"===l&&(G=!1)):e.p!==i&&(r.data=i)},X=e=>{e.m&&e.m.ref&&Y.push((()=>e.m.ref(null))),e.$&&e.$.map(X)},ee=(e,t)=>{Z.push((()=>e(t)))},te=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),ne=(e,t)=>{if(t&&!e.C&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.C=()=>{t["s-p"].splice(n-1,1),r()})))}},re=(e,t)=>{if(e.u|=16,4&e.u)return void(e.u|=512);ne(e,e.M);const n=()=>ae(e,t);if(!t)return k(n);queueMicrotask((()=>{n()}))},ae=(e,t)=>{const n=e.$hostElement$,r=e.o;if(!r)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return t?(e.u|=256,e.F&&(e.F.map((([e,t])=>fe(r,e,t,n))),e.F=void 0),e.A.length&&e.A.forEach((e=>e(n))),a=fe(r,"componentWillLoad",void 0,n)):a=fe(r,"componentWillUpdate",void 0,n),a=se(a,(()=>fe(r,"componentWillRender",void 0,n))),se(a,(()=>ie(e,r,t)))},se=(e,t)=>le(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),le=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ie=async(e,t,n)=>{var r;const a=e.$hostElement$,s=a["s-rc"];n&&(e=>{const t=e.l,n=e.$hostElement$,r=t.u,a=((e,t)=>{var n,r,a;const s=C(t),l=u.get(s);if(!f.document)return s;if(e=11===e.nodeType?e:f.document,l)if("string"==typeof l){let a,i=E.get(e=e.head||e);if(i||E.set(e,i=new Set),!i.has(s)){a=f.document.createElement("style"),a.textContent=l;const o=null!=(n=d.L)?n:S(f.document);if(null!=o&&a.setAttribute("nonce",o),!(1&t.u))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(a,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(v){const t=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(l),g?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=l+t.textContent:e.prepend(a)}else e.append(a);1&t.u&&e.insertBefore(a,null),4&t.u&&(a.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let t=E.get(e);if(t||E.set(e,t=new Set),!t.has(s)){const n=null!=(a=e.defaultView)?a:e.ownerDocument.defaultView;let r;if(l.constructor===n.CSSStyleSheet)r=l;else{r=new n.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)r.insertRule(l.cssRules[e].cssText,e)}g?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],t.add(s)}}return s})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&r&&(n["s-sc"]=a,n.classList.add(a+"-h"))})(e);oe(e,t,a,n),s&&(s.map((e=>e())),a["s-rc"]=void 0);{const t=null!=(r=a["s-p"])?r:[],n=()=>ce(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.u|=4,t.length=0)}},oe=(e,t,n,r)=>{try{t=t.render(),e.u&=-17,e.u|=2,((e,t,n=!1)=>{const r=e.$hostElement$,a=e.l,s=e.P||A(null,null),l=(e=>e&&e.j===L)(t)?t:F(null,null,t);if(O=r.tagName,n&&l.m)for(const e of Object.keys(l.m))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(l.m[e]=r[e]);l.j=null,l.u|=4,e.P=l,l.S=s.S=r.shadowRoot||r,q=!(!(1&a.u)||128&a.u),Q(s,l,n),Y.forEach((e=>e())),Y.length=0,Z.forEach((e=>e())),Z.length=0})(e,t,r)}catch(t){o(t,e.$hostElement$)}return null},ce=e=>{const t=e.$hostElement$,n=e.o,r=e.M;fe(n,"componentDidRender",void 0,t),64&e.u?fe(n,"componentDidUpdate",void 0,t):(e.u|=64,de(t),fe(n,"componentDidLoad",void 0,t),e.R(t),r||ue()),e.N(t),e.C&&(e.C(),e.C=void 0),512&e.u&&$((()=>re(e,!1))),e.u&=-517},ue=()=>{$((()=>T(f,"appload",{detail:{namespace:"ui-ai-kit"}})))},fe=(e,t,n,r)=>{if(e&&e[t])try{return e[t](n)}catch(e){o(e,r)}},de=e=>e.classList.add("hydrated"),he=(e,t,n,r)=>{const a=s(e);if(!a)return;if(!a)throw Error(`Couldn't find host element for "${r.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=a.$hostElement$,i=a.i.get(t),c=a.u,u=a.o;if(n=P(n,r.t[t][0]),!(8&c&&void 0!==i||n===i||Number.isNaN(i)&&Number.isNaN(n))){if(a.i.set(t,n),r.T){const e=r.T[t];e&&e.map((e=>{try{const[[r,s]]=Object.entries(e);(128&c||1&s)&&(u?u[r](n,i,t):a.A.push((()=>{a.o[r](n,i,t)})))}catch(e){o(e,l)}}))}if(2&c){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,i,t)&&!(16&c))return;16&c||re(a,!1)}}},ve=(e,t,r)=>{var a,l;const i=e.prototype;{e.watchers&&!t.T&&(t.T=e.watchers),e.deserializers&&!t.D&&(t.D=e.deserializers),e.serializers&&!t.H&&(t.H=e.serializers);const o=Object.entries(null!=(a=t.t)?a:{});if(o.map((([e,[a]])=>{if(31&a||2&r&&32&a){const{get:l,set:o}=n(i,e)||{};l&&(t.t[e][0]|=2048),o&&(t.t[e][0]|=4096),(1&r||!l)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.t[e][0]))return((e,t)=>s(this).i.get(t))(0,e);const n=s(this),r=n?n.o:i;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(n){const l=s(this);if(l){if(o)return void 0===(32&a?this[e]:l.$hostElement$[e])&&l.i.get(e)&&(n=l.i.get(e)),o.call(this,P(n,a)),void he(this,e,n=32&a?this[e]:l.$hostElement$[e],t);{if(!(1&r&&4096&t.t[e][0]))return he(this,e,n,t),void(1&r&&!l.o&&l.A.push((()=>{4096&t.t[e][0]&&l.o[e]!==l.i.get(e)&&(l.o[e]=n)})));const s=()=>{const r=l.o[e];!l.i.get(e)&&r&&l.i.set(e,r),l.o[e]=P(n,a),he(this,e,l.o[e],t)};l.o?s():l.A.push((()=>{s()}))}}}})}else 1&r&&64&a&&Object.defineProperty(i,e,{value(...t){var n;const r=s(this);return null==(n=null==r?void 0:r.U)?void 0:n.then((()=>{var n;return null==(n=r.o)?void 0:n[e](...t)}))}})})),1&r){const n=new Map;i.attributeChangedCallback=function(e,r,a){d.jmp((()=>{var l;const c=n.get(e),u=s(this);if(this.hasOwnProperty(c)&&(a=this[c],delete this[c]),i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==a)return;if(null==c){const n=null==u?void 0:u.u;if(u&&n&&!(8&n)&&a!==r){const s=u.o,i=null==(l=t.T)?void 0:l[e];null==i||i.forEach((t=>{const[[l,i]]=Object.entries(t);null!=s[l]&&(128&n||1&i)&&s[l].call(s,a,r,e)}))}return}const f=o.find((([e])=>e===c));f&&4&f[1][0]&&(a=null!==a&&"false"!==a);const d=Object.getOwnPropertyDescriptor(i,c);a==this[c]||d.get&&!d.set||(this[c]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=t.T)?l:{}),...o.filter((([e,t])=>31&t[0])).map((([e,t])=>{const r=t[1]||e;return n.set(r,e),r}))]))}}return e},ge=(e,t)=>{fe(e,"connectedCallback",void 0,t)},pe=(e,t)=>{fe(e,"disconnectedCallback",void 0,t||e)},be=(e,t={})=>{var n;if(!f.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],a=t.exclude||[],l=f.customElements,i=f.document.head,h=i.querySelector("meta[charset]"),g=f.document.createElement("style"),p=[];let b,m=!0;if(Object.assign(d,t),d.h=new URL(t.resourcesUrl||"./",f.document.baseURI).href,e.map((e=>{e[1].map((t=>{var n,i,f;const h={u:t[0],v:t[1],t:t[2],W:t[3]};h.t=t[2],h.W=t[3],h.T=null!=(n=t[4])?n:{},h.H=null!=(i=t[5])?i:{},h.D=null!=(f=t[6])?f:{};const g=h.v,y=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,t)=>{const n={u:0,$hostElement$:e,l:t,i:new Map,B:new Map};n.U=new Promise((e=>n.N=e)),n.V=new Promise((e=>n.R=e)),e["s-p"]=[],e["s-rc"]=[],n.A=[];const r=n;e.__stencil__getHostRef=()=>r})(e=this,h),1&h.u)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${h.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(e,h)}connectedCallback(){const e=s(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,me(this,e,h.W)),b&&(clearTimeout(b),b=null),m?p.push(this):d.jmp((()=>(e=>{if(!(1&d.u)){const t=s(e);if(!t)return;const n=t.l,r=()=>{};if(1&t.u)me(e,t,n.W),(null==t?void 0:t.o)?ge(t.o,e):(null==t?void 0:t.V)&&t.V.then((()=>ge(t.o,e)));else{t.u|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ne(t,t.M=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let r;try{if(!(32&t.u)){if(t.u|=32,n.q){const a=((e,t)=>{const n=e.v.replace(/-/g,"_"),r=e.q;if(!r)return;const a=c.get(r);return a?a[n]:import(`./${r}.entry.js`).then((e=>(c.set(r,e),e[n])),(e=>{o(e,t.$hostElement$)}))
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(a&&"then"in a){const e=()=>{};r=await a,e()}else r=a;if(!r)throw Error(`Constructor for "${n.v}#${t.
|
|
1
|
+
const e=()=>{},t='@import url("https://cdn.salla.network/fonts/pingarlt.css");:root{--ai-font-family:"PingARLT", sans-serif;font-family:var(--ai-font-family);--ai-bg-card:hsl(var(--white));--ai-bg-surface:hsl(var(--gray-300));--ai-bg-input:hsl(var(--white));--ai-text-primary:hsl(var(--dark));--ai-text-secondary:hsl(var(--dark-100));--ai-text-muted:hsl(var(--gray));--ai-border-default:hsl(var(--gray-400));--ai-border-light:hsl(var(--gray-300));--ai-accent:hsl(var(--secondary));--ai-accent-dark:hsl(var(--primary));--ai-accent-text:hsl(var(--dark));--ai-user-bubble-bg:hsl(var(--gray-300));--ai-agent-bubble-bg:hsl(var(--white));--ai-warning-bg:hsl(var(--warning-100));--ai-warning-border:hsl(var(--warning));--ai-success:hsl(var(--success));--ai-success-text:hsl(var(--success));--ai-success-bg:hsl(var(--success-100));--ai-danger-text:hsl(var(--danger));--ai-danger-bg:hsl(var(--danger-100));--ai-danger-border:hsl(var(--danger-200));--ai-accent-bg:hsl(var(--secondary-100));--ai-focus-ring:hsl(var(--info));--ai-amber:hsl(var(--warning));--ai-scrollbar-thumb:rgba(0, 0, 0, 0.15);--ai-scrollbar-thumb-hover:rgba(0, 0, 0, 0.28);--ai-glow-gradient:linear-gradient(90deg, hsl(var(--dark-100)) 0%, hsl(var(--gray)) 50%, hsl(var(--dark-100)) 100%);--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%);--ai-input-glow:linear-gradient(90deg, #73F0EE 0%, #EBF1B1 10%, #A4FFE5 100%);--ai-shadow-sm:0px 1px 2px 0px hsl(var(--dark) / 0.05);--ai-shadow-inner:inset 0px 0px 3px 1px hsl(var(--dark) / 0.06);--ai-shadow-badge:0px 0px 2px 1px hsl(var(--dark) / 0.08);--ai-shadow-active:0px 4px 6px -1px hsl(var(--dark) / 0.08), 0px 2px 4px -1px hsl(var(--dark) / 0.06);--ai-shadow-float:0 8px 32px hsl(var(--dark) / 0.12), 0 2px 8px hsl(var(--dark) / 0.08);--ai-shadow-error:0 2px 8px hsl(var(--dark) / 0.15);--ai-hover-overlay:rgba(0, 0, 0, 0.06);--ai-watermark-circle:#FCFCFC;--ai-watermark-star:#FAFAFA;--ai-input-focus-glow:0 0 10px 4px hsl(var(--secondary) / 0.4);--ai-font-family-mono:monospace;--ai-spacing-2xl:var(--Spacing-Sizes-2xl, 16px)}.dark{--ai-bg-card:hsl(var(--gray-100));--ai-bg-surface:hsl(var(--white-300));--ai-bg-input:hsl(var(--gray-100));--ai-text-primary:hsl(var(--dark));--ai-text-secondary:hsl(var(--dark-200));--ai-text-muted:hsl(var(--gray));--ai-border-default:hsl(var(--gray-400));--ai-border-light:hsl(var(--gray-300));--ai-accent:hsl(var(--secondary));--ai-accent-dark:hsl(var(--primary-500));--ai-accent-text:hsl(var(--primary-force));--ai-user-bubble-bg:hsl(var(--gray-400));--ai-agent-bubble-bg:hsl(var(--gray-100));--ai-warning-bg:hsl(var(--warning-100));--ai-warning-border:hsl(var(--warning));--ai-success:hsl(var(--success));--ai-success-text:hsl(var(--success));--ai-success-bg:hsl(var(--success-100));--ai-danger-text:hsl(var(--danger));--ai-danger-bg:hsl(var(--danger-100));--ai-danger-border:hsl(var(--danger-200));--ai-accent-bg:hsl(var(--secondary-100));--ai-focus-ring:hsl(var(--info));--ai-amber:hsl(var(--warning));--ai-scrollbar-thumb:rgba(255, 255, 255, 0.2);--ai-scrollbar-thumb-hover:rgba(255, 255, 255, 0.35);--ai-hover-overlay:rgba(255, 255, 255, 0.08);--ai-watermark-circle:#222222;--ai-watermark-star:#292B2C;--ai-glow-gradient:linear-gradient(90deg, hsl(var(--gray)) 0%, hsl(var(--dark-300)) 50%, hsl(var(--gray)) 100%);--ai-shimmer-gradient:linear-gradient(90deg, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.06) 75%);--ai-input-glow:linear-gradient(to right, hsl(var(--secondary-400)), hsl(var(--secondary-100)) 10%, hsl(var(--secondary)))}';function n(e,t,n){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n||r.get))return r;e=Object.getPrototypeOf(e)}}var r,a=(e,t)=>{var r;Object.entries(null!=(r=t.l.t)?r:{}).map((([r,[a]])=>{if(31&a||32&a){const a=e[r],s=n(Object.getPrototypeOf(e),r,!0)||Object.getOwnPropertyDescriptor(e,r);s&&Object.defineProperty(e,r,{get(){return s.get.call(this)},set(e){s.set.call(this,e)},configurable:!0,enumerable:!0}),t.i.has(r)?e[r]=t.i.get(r):void 0!==a&&(e[r]=a)}}))},s=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},l=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.o=e,512&t.l.u&&a(e,t))},i=(e,t)=>t in e,o=(e,t)=>(0,console.error)(e,t),c=new Map,u=new Map,f="undefined"!=typeof window?window:{},d={u:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),v=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),g=!!v&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),p=!1,b=[],m=[],y=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&d.u?$(x):d.raf(x))},w=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){o(e)}e.length=0},x=()=>{w(b),w(m),(p=b.length>0)&&d.raf(x)},$=e=>h().then(e),k=y(m,!0);function j(){var e;const n=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(e=function(e){if(!v)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(t))?e:null),r)g?n.adoptedStyleSheets.push(r):n.adoptedStyleSheets=[...n.adoptedStyleSheets,r];else if(!v){const e=document.createElement("style");e.innerHTML=t,n.prepend(e)}}function S(e){var t,n,r;return null!=(r=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?r:void 0}var O,E=new WeakMap,C=e=>"sc-"+e.v,M=e=>"object"==(e=typeof e)||"function"===e,F=(e,t,...n)=>{let r=null,a=null,s=!1,l=!1;const i=[],o=t=>{for(let n=0;n<t.length;n++)r=t[n],Array.isArray(r)?o(r):null!=r&&"boolean"!=typeof r&&((s="function"!=typeof e&&!M(r))&&(r+=""),s&&l?i[i.length-1].p+=r:i.push(s?A(null,r):r),l=s)};if(o(n),t){t.key&&(a=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const c=A(e,null);return c.m=t,i.length>0&&(c.$=i),c.k=a,c},A=(e,t)=>({u:0,j:e,p:null!=t?t:null,S:null,$:null,m:null,k:null}),L={},P=(e,t)=>null==e||M(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,R=e=>{var t;return null==(t=s(e))?void 0:t.$hostElement$},N=(e,t)=>{const n=R(e);return{emit:e=>T(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},T=(e,t,n)=>{const r=d.ce(t,n);return e.dispatchEvent(r),r},D=(e,t,n,r,a,l)=>{if(n===r)return;let o=i(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,a=U(n);let s=U(r);t.remove(...a.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!a.includes(e))))}else if("style"===t){for(const t in n)r&&null!=r[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)n&&r[t]===n[t]||(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&ee(r,e);else if(o||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let a;{const t=s(e);if(t&&t.l&&t.l.t){const e=t.l.t[n];e&&e[1]&&(a=e[1])}}return a||(a=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==e.getAttribute(a)||e.removeAttribute(a):e.setAttribute(a,!0===r?"":r))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}{const s=M(r);if((o||s&&null!==r)&&!a)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const a=null==r?"":r;"list"===t?o=!1:null!=n&&e[t]===a||("function"==typeof e.__lookupSetter__(t)?e[t]=a:e.setAttribute(t,a))}}catch(e){}null==r||!1===r?!1===r&&""!==e.getAttribute(t)||e.removeAttribute(t):(!o||4&l||a)&&!s&&1===e.nodeType&&e.setAttribute(t,r=!0===r?"":r)}}else if(t="-"===t[2]?t.slice(3):i(f,c)?c.slice(2):c[2]+t.slice(3),n||r){const a=t.endsWith(z);t=t.replace(W,""),n&&d.rel(e,t,n,a),r&&d.ael(e,t,r,a)}},H=/\s/,U=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(H):[]),z="Capture",W=RegExp(z+"$"),B=(e,t,n)=>{const r=11===t.S.nodeType&&t.S.host?t.S.host:t.S,a=e&&e.m||{},s=t.m||{};for(const e of V(Object.keys(a)))e in s||D(r,e,a[e],void 0,n,t.u);for(const e of V(Object.keys(s)))D(r,e,a[e],s[e],n,t.u)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var q=!1,G=!1,Y=[],Z=[],_=(e,t,n)=>{const r=t.$[n];let a,s,l=0;if(null!=r.p)a=r.S=f.document.createTextNode(r.p);else{if(G||(G="svg"===r.j),!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(a=r.S=f.document.createElementNS(G?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.j),G&&"foreignObject"===r.j&&(G=!1),B(null,r,G),r.$){const t="template"===r.j?a.content:a;for(l=0;l<r.$.length;++l)s=_(e,r,l),s&&t.appendChild(s)}"svg"===r.j?G=!1:"foreignObject"===a.tagName&&(G=!0)}return a["s-hn"]=O,a},I=(e,t,n,r,a,s)=>{let l,i=e;for(i.shadowRoot&&i.tagName===O&&(i=i.shadowRoot),"template"===n.j&&(i=i.content);a<=s;++a)r[a]&&(l=_(null,n,a),l&&(r[a].S=l,te(i,l,t)))},J=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.S;X(t),e&&e.remove()}}},K=(e,t,n=!1)=>e.j===t.j&&(n?(n&&!e.k&&t.k&&(e.k=t.k),!0):e.k===t.k),Q=(e,t,n=!1)=>{const r=t.S=e.S,a=e.$,s=t.$,l=t.j,i=t.p;null==i?(G="svg"===l||"foreignObject"!==l&&G,"slot"!==l||q||e.O!==t.O&&(t.S["s-sn"]=t.O||"",(e=>{d.u|=1;const t=e.closest(O.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes||e.childNodes);for(const e of n?r.reverse():r)null!=e["s-sh"]&&(te(t,e,null!=n?n:null),e["s-sh"]=void 0)}d.u&=-2})(t.S.parentElement)),B(e,t,G),null!==a&&null!==s?((e,t,n,r,a=!1)=>{let s,l,i=0,o=0,c=0,u=0,f=t.length-1,d=t[0],h=t[f],v=r.length-1,g=r[0],p=r[v];const b="template"===n.j?e.content:e;for(;i<=f&&o<=v;)if(null==d)d=t[++i];else if(null==h)h=t[--f];else if(null==g)g=r[++o];else if(null==p)p=r[--v];else if(K(d,g,a))Q(d,g,a),d=t[++i],g=r[++o];else if(K(h,p,a))Q(h,p,a),h=t[--f],p=r[--v];else if(K(d,p,a))Q(d,p,a),te(b,d.S,h.S.nextSibling),d=t[++i],p=r[--v];else if(K(h,g,a))Q(h,g,a),te(b,h.S,d.S),h=t[--f],g=r[++o];else{for(c=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].k&&t[u].k===g.k){c=u;break}c>=0?(l=t[c],l.j!==g.j?s=_(t&&t[o],n,c):(Q(l,g,a),t[c]=void 0,s=l.S),g=r[++o]):(s=_(t&&t[o],n,o),g=r[++o]),s&&te(d.S.parentNode,s,d.S)}i>f?I(e,null==r[v+1]?null:r[v+1].S,n,r,o,v):o>v&&J(t,i,f)})(r,a,t,s,n):null!==s?(null!==e.p&&(r.textContent=""),I(r,null,t,s,0,s.length-1)):!n&&null!==a&&J(a,0,a.length-1),G&&"svg"===l&&(G=!1)):e.p!==i&&(r.data=i)},X=e=>{e.m&&e.m.ref&&Y.push((()=>e.m.ref(null))),e.$&&e.$.map(X)},ee=(e,t)=>{Z.push((()=>e(t)))},te=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),ne=(e,t)=>{if(t&&!e.C&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.C=()=>{t["s-p"].splice(n-1,1),r()})))}},re=(e,t)=>{if(e.u|=16,4&e.u)return void(e.u|=512);ne(e,e.M);const n=()=>ae(e,t);if(!t)return k(n);queueMicrotask((()=>{n()}))},ae=(e,t)=>{const n=e.$hostElement$,r=e.o;if(!r)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return t?(e.u|=256,e.F&&(e.F.map((([e,t])=>fe(r,e,t,n))),e.F=void 0),e.A.length&&e.A.forEach((e=>e(n))),a=fe(r,"componentWillLoad",void 0,n)):a=fe(r,"componentWillUpdate",void 0,n),a=se(a,(()=>fe(r,"componentWillRender",void 0,n))),se(a,(()=>ie(e,r,t)))},se=(e,t)=>le(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),le=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ie=async(e,t,n)=>{var r;const a=e.$hostElement$,s=a["s-rc"];n&&(e=>{const t=e.l,n=e.$hostElement$,r=t.u,a=((e,t)=>{var n,r,a;const s=C(t),l=u.get(s);if(!f.document)return s;if(e=11===e.nodeType?e:f.document,l)if("string"==typeof l){let a,i=E.get(e=e.head||e);if(i||E.set(e,i=new Set),!i.has(s)){a=f.document.createElement("style"),a.textContent=l;const o=null!=(n=d.L)?n:S(f.document);if(null!=o&&a.setAttribute("nonce",o),!(1&t.u))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(a,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(v){const t=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(l),g?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=l+t.textContent:e.prepend(a)}else e.append(a);1&t.u&&e.insertBefore(a,null),4&t.u&&(a.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let t=E.get(e);if(t||E.set(e,t=new Set),!t.has(s)){const n=null!=(a=e.defaultView)?a:e.ownerDocument.defaultView;let r;if(l.constructor===n.CSSStyleSheet)r=l;else{r=new n.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)r.insertRule(l.cssRules[e].cssText,e)}g?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],t.add(s)}}return s})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&r&&(n["s-sc"]=a,n.classList.add(a+"-h"))})(e);oe(e,t,a,n),s&&(s.map((e=>e())),a["s-rc"]=void 0);{const t=null!=(r=a["s-p"])?r:[],n=()=>ce(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.u|=4,t.length=0)}},oe=(e,t,n,r)=>{try{t=t.render(),e.u&=-17,e.u|=2,((e,t,n=!1)=>{const r=e.$hostElement$,a=e.l,s=e.P||A(null,null),l=(e=>e&&e.j===L)(t)?t:F(null,null,t);if(O=r.tagName,a.R&&(l.m=l.m||{},a.R.forEach((([e,t])=>{l.m[t]=r[e]}))),n&&l.m)for(const e of Object.keys(l.m))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(l.m[e]=r[e]);l.j=null,l.u|=4,e.P=l,l.S=s.S=r.shadowRoot||r,q=!(!(1&a.u)||128&a.u),Q(s,l,n),Y.forEach((e=>e())),Y.length=0,Z.forEach((e=>e())),Z.length=0})(e,t,r)}catch(t){o(t,e.$hostElement$)}return null},ce=e=>{const t=e.$hostElement$,n=e.o,r=e.M;fe(n,"componentDidRender",void 0,t),64&e.u?fe(n,"componentDidUpdate",void 0,t):(e.u|=64,de(t),fe(n,"componentDidLoad",void 0,t),e.N(t),r||ue()),e.T(t),e.C&&(e.C(),e.C=void 0),512&e.u&&$((()=>re(e,!1))),e.u&=-517},ue=()=>{$((()=>T(f,"appload",{detail:{namespace:"ui-ai-kit"}})))},fe=(e,t,n,r)=>{if(e&&e[t])try{return e[t](n)}catch(e){o(e,r)}},de=e=>e.classList.add("hydrated"),he=(e,t,n,r)=>{const a=s(e);if(!a)return;if(!a)throw Error(`Couldn't find host element for "${r.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=a.$hostElement$,i=a.i.get(t),c=a.u,u=a.o;if(n=P(n,r.t[t][0]),!(8&c&&void 0!==i||n===i||Number.isNaN(i)&&Number.isNaN(n))){if(a.i.set(t,n),r.D){const e=r.D[t];e&&e.map((e=>{try{const[[r,s]]=Object.entries(e);(128&c||1&s)&&(u?u[r](n,i,t):a.A.push((()=>{a.o[r](n,i,t)})))}catch(e){o(e,l)}}))}if(2&c){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,i,t)&&!(16&c))return;16&c||re(a,!1)}}},ve=(e,t,r)=>{var a,l;const i=e.prototype;{e.watchers&&!t.D&&(t.D=e.watchers),e.deserializers&&!t.H&&(t.H=e.deserializers),e.serializers&&!t.U&&(t.U=e.serializers);const o=Object.entries(null!=(a=t.t)?a:{});if(o.map((([e,[a]])=>{if(31&a||2&r&&32&a){const{get:l,set:o}=n(i,e)||{};l&&(t.t[e][0]|=2048),o&&(t.t[e][0]|=4096),(1&r||!l)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.t[e][0]))return((e,t)=>s(this).i.get(t))(0,e);const n=s(this),r=n?n.o:i;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(n){const l=s(this);if(l){if(o)return void 0===(32&a?this[e]:l.$hostElement$[e])&&l.i.get(e)&&(n=l.i.get(e)),o.call(this,P(n,a)),void he(this,e,n=32&a?this[e]:l.$hostElement$[e],t);{if(!(1&r&&4096&t.t[e][0]))return he(this,e,n,t),void(1&r&&!l.o&&l.A.push((()=>{4096&t.t[e][0]&&l.o[e]!==l.i.get(e)&&(l.o[e]=n)})));const s=()=>{const r=l.o[e];!l.i.get(e)&&r&&l.i.set(e,r),l.o[e]=P(n,a),he(this,e,l.o[e],t)};l.o?s():l.A.push((()=>{s()}))}}}})}else 1&r&&64&a&&Object.defineProperty(i,e,{value(...t){var n;const r=s(this);return null==(n=null==r?void 0:r.W)?void 0:n.then((()=>{var n;return null==(n=r.o)?void 0:n[e](...t)}))}})})),1&r){const n=new Map;i.attributeChangedCallback=function(e,r,a){d.jmp((()=>{var l;const c=n.get(e),u=s(this);if(this.hasOwnProperty(c)&&(a=this[c],delete this[c]),i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==a)return;if(null==c){const n=null==u?void 0:u.u;if(u&&n&&!(8&n)&&a!==r){const s=u.o,i=null==(l=t.D)?void 0:l[e];null==i||i.forEach((t=>{const[[l,i]]=Object.entries(t);null!=s[l]&&(128&n||1&i)&&s[l].call(s,a,r,e)}))}return}const f=o.find((([e])=>e===c));f&&4&f[1][0]&&(a=null!==a&&"false"!==a);const d=Object.getOwnPropertyDescriptor(i,c);a==this[c]||d.get&&!d.set||(this[c]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=t.D)?l:{}),...o.filter((([e,t])=>31&t[0])).map((([e,r])=>{var a;const s=r[1]||e;return n.set(s,e),512&r[0]&&(null==(a=t.R)||a.push([e,s])),s}))]))}}return e},ge=(e,t)=>{fe(e,"connectedCallback",void 0,t)},pe=(e,t)=>{fe(e,"disconnectedCallback",void 0,t||e)},be=(e,t={})=>{var n;if(!f.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],a=t.exclude||[],l=f.customElements,i=f.document.head,h=i.querySelector("meta[charset]"),g=f.document.createElement("style"),p=[];let b,m=!0;if(Object.assign(d,t),d.h=new URL(t.resourcesUrl||"./",f.document.baseURI).href,e.map((e=>{e[1].map((t=>{var n,i,f;const h={u:t[0],v:t[1],t:t[2],B:t[3]};h.t=t[2],h.B=t[3],h.R=[],h.D=null!=(n=t[4])?n:{},h.U=null!=(i=t[5])?i:{},h.H=null!=(f=t[6])?f:{};const g=h.v,y=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,t)=>{const n={u:0,$hostElement$:e,l:t,i:new Map,V:new Map};n.W=new Promise((e=>n.T=e)),n.q=new Promise((e=>n.N=e)),e["s-p"]=[],e["s-rc"]=[],n.A=[];const r=n;e.__stencil__getHostRef=()=>r})(e=this,h),1&h.u)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${h.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(e,h)}connectedCallback(){const e=s(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,me(this,e,h.B)),b&&(clearTimeout(b),b=null),m?p.push(this):d.jmp((()=>(e=>{if(!(1&d.u)){const t=s(e);if(!t)return;const n=t.l,r=()=>{};if(1&t.u)me(e,t,n.B),(null==t?void 0:t.o)?ge(t.o,e):(null==t?void 0:t.q)&&t.q.then((()=>ge(t.o,e)));else{t.u|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ne(t,t.M=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let r;try{if(!(32&t.u)){if(t.u|=32,n.G){const a=((e,t)=>{const n=e.v.replace(/-/g,"_"),r=e.G;if(!r)return;const a=c.get(r);return a?a[n]:import(`./${r}.entry.js`).then((e=>(c.set(r,e),e[n])),(e=>{o(e,t.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(a&&"then"in a){const e=()=>{};r=await a,e()}else r=a;if(!r)throw Error(`Constructor for "${n.v}#${t.Y}" was not found`);r.isProxied||(n.D=r.watchers,n.U=r.serializers,n.H=r.deserializers,ve(r,n,2),r.isProxied=!0);const s=()=>{};t.u|=8;try{new r(t)}catch(t){o(t,e)}t.u&=-9,t.u|=128,s(),ge(t.o,e)}else r=e.constructor,customElements.whenDefined(e.localName).then((()=>t.u|=128));if(r&&r.style){let e;"string"==typeof r.style&&(e=r.style);const t=C(n);if(!u.has(t)){const r=()=>{};((e,t,n)=>{let r=u.get(e);v&&n?(r=r||new CSSStyleSheet,"string"==typeof r?r=t:r.replaceSync(t)):r=t,u.set(e,r)})(t,e,!!(1&n.u)),r()}}}const a=t.M,s=()=>re(t,!0);a&&a["s-rc"]?a["s-rc"].push(s):s()}catch(n){o(n,e),t.C&&(t.C(),t.C=void 0),t.N&&t.N(e)}})(e,t,n)}r()}})(this))))}disconnectedCallback(){d.jmp((()=>(async e=>{if(!(1&d.u)){const t=s(e);(null==t?void 0:t.Z)&&(t.Z.map((e=>e())),t.Z=void 0),(null==t?void 0:t.o)?pe(t.o,e):(null==t?void 0:t.q)&&t.q.then((()=>pe(t.o,e)))}E.has(e)&&E.delete(e),e.shadowRoot&&E.has(e.shadowRoot)&&E.delete(e.shadowRoot)})(this))),d.raf((()=>{var e;const t=s(this);if(!t)return;const n=p.findIndex((e=>e===this));n>-1&&p.splice(n,1),(null==(e=null==t?void 0:t.P)?void 0:e.S)instanceof Node&&!t.P.S.isConnected&&delete t.P.S}))}componentOnReady(){var e;return null==(e=s(this))?void 0:e.q}};h.G=e[0],a.includes(g)||l.get(g)||(r.push(g),l.define(g,ve(y,h,1)))}))})),r.length>0&&(g.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",g.innerHTML.length)){g.setAttribute("data-styles","");const e=null!=(n=d.L)?n:S(f.document);null!=e&&g.setAttribute("nonce",e),i.insertBefore(g,h?h.nextSibling:i.firstChild)}m=!1,p.length?p.map((e=>e.connectedCallback())):d.jmp((()=>b=setTimeout(ue,30)))},me=(e,t,n)=>{n&&f.document&&n.map((([n,r,a])=>{const s=we(f.document,e,n),l=ye(t,a),i=xe(n);d.ael(s,r,l,i),(t.Z=t.Z||[]).push((()=>d.rel(s,r,l,i)))}))},ye=(e,t)=>n=>{var r;try{256&e.u?null==(r=e.o)||r[t](n):(e.F=e.F||[]).push([t,n])}catch(t){o(t,e.$hostElement$)}},we=(e,t,n)=>4&n?e:t,xe=e=>({passive:!!(1&e),capture:!!(2&e)}),$e=e=>d.L=e;export{L as H,R as a,be as b,N as c,e as g,F as h,h as p,l as r,$e as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as i}from"./p-
|
|
1
|
+
import{r as e,c as t,h as s,H as i}from"./p-VMEwYfaX.js";import{i as a}from"./p-DlD8m3rf.js";const r=class{constructor(s){e(this,s),this.toggleExpand=t(this,"toggleExpand"),this.stepClick=t(this,"stepClick")}mode="thinking";statusText="جاري التفكير...";thinkingSubtext="";steps=[];headerTitle="خطة التنفيذ";currentAgent="";showAgentBadges=!1;expanded=!0;collapsible=!0;toggleExpand;stepClick;_expanded=!0;componentWillLoad(){this._expanded=this.expanded}renderIcon(e,t,i){const r=a[e];return r?s("span",{class:"icon-wrap",innerHTML:`<svg width="${t}" height="${i}" viewBox="${r.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${r.content}</svg>`}):null}renderSparkleAvatar(e){return s("div",{class:"sparkle-avatar-wrap"},s("div",{class:"sparkle-avatar"},this.renderIcon("sparkle",14,14)),e&&s("span",{class:"header-agent"},e))}renderStepBadge(e,t){const{status:i}=e,a="completed"===i,r="executing"===i,n="failed"===i,o=s("div",{class:`step-badge-inner ${a?"completed":""} ${r?"executing":""} ${n?"failed":""}`},a&&this.renderIcon("check",14,14),n&&this.renderIcon("cancel",14,14),r&&this.renderIcon("list",14,14),!a&&!n&&!r&&s("span",{class:"step-number"},t+1));return s("div",{class:"step-badge-outer "+(r?"pulse-ring":"")},o)}handleToggle(){this.collapsible&&(this._expanded=!this._expanded,this.expanded=this._expanded,this.toggleExpand.emit(this._expanded))}renderThinkingMode(){return s("div",{class:"thinking-row"},this.renderSparkleAvatar(),s("div",{class:"thinking-col"},s("span",{class:"shimmer-text"},this.statusText),this.thinkingSubtext&&s("span",{class:"shimmer-text subtext"},this.thinkingSubtext)))}renderPlanningShimmer(){return s("div",{class:"steps-body"},s("div",{class:"thinking-row planning-shimmer"},s("div",{class:"sparkle-avatar"},this.renderIcon("sparkle",14,14)),s("span",{class:"shimmer-text"},"جاري التخطيط...")))}renderStepsMode(){const e=this.steps.filter((e=>"completed"===e.status)).length,t=this.steps.length,i=t>0&&e===t,a=this.steps.find((e=>"executing"===e.status));return s("div",{class:"steps-card"},s("div",{class:"steps-header "+(this.collapsible?"collapsible":""),onClick:()=>this.handleToggle()},this.renderSparkleAvatar(this.currentAgent||void 0),s("div",{class:"steps-header-center"},s("span",{class:"steps-title"},this.headerTitle),(()=>0===t?null:!this._expanded&&a?s("span",{class:"progress-badge executing-title"},a.action):s("span",{class:"progress-badge"},i?"مكتمل":`${e}/${t}`))()),this.collapsible&&s("button",{class:"collapse-btn "+(this._expanded?"expanded":"")},this.renderIcon("chevron-down",20,20))),this._expanded&&0===t&&this.renderPlanningShimmer(),this._expanded&&t>0&&s("div",{class:"steps-body"},this.steps.map(((e,t)=>s("div",{class:`step-row ${e.status}`,onClick:()=>this.stepClick.emit(e)},s("div",{class:"step-badge-col"},this.renderStepBadge(e,t),t<this.steps.length-1&&s("div",{class:"step-separator"})),s("div",{class:"step-content"},s("span",{class:"step-text"},e.action),e.reason&&s("span",{class:"step-description"},e.reason)))))))}render(){return s(i,{key:"2053fe1e8a1fcb1ec7441a5d32952ec1f186a5bb"},"thinking"===this.mode?this.renderThinkingMode():this.renderStepsMode())}};r.style=":host{display:block}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.sparkle-avatar-wrap{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}@keyframes sparkle-twinkle{0%,100%{transform:scale(1);opacity:1;filter:brightness(1)}15%{transform:scale(1.4);opacity:0.4;filter:brightness(2)}30%{transform:scale(0.85);opacity:0.9;filter:brightness(0.9)}50%{transform:scale(1.3);opacity:0.5;filter:brightness(1.8)}70%{transform:scale(0.9);opacity:1;filter:brightness(1)}}.sparkle-avatar{width:24px;height:24px;border-radius:9999px;background:var(--ai-bg-card);box-shadow:var(--ai-shadow-inner);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ai-amber)}.sparkle-avatar .icon-wrap{animation:sparkle-twinkle 2.4s ease-in-out infinite;transform-origin:center}.header-agent{font-size:12px;color:var(--ai-text-secondary);white-space:nowrap}.thinking-row{display:inline-flex;align-items:center;gap:8px;flex-direction:row}.thinking-col{display:flex;flex-direction:column;gap:2px}@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}.shimmer-text{font-size:14px;font-weight:400;line-height:1.5;background:var(--ai-glow-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2s linear infinite}.shimmer-text.subtext{font-size:12px;opacity:0.75}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.steps-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}.steps-header{padding:16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ai-border-default)}.steps-header.collapsible{cursor:pointer;user-select:none}.steps-header-center{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.steps-title{font-size:16px;font-weight:500;color:var(--ai-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-badge{font-size:12px;font-weight:500;color:var(--ai-accent-dark);background:var(--ai-accent-bg);padding:2px 8px;border-radius:9999px;white-space:nowrap;flex-shrink:0}.progress-badge.executing-title{max-width:180px;overflow:hidden;text-overflow:ellipsis}.collapse-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--ai-text-secondary);flex-shrink:0;transition:transform 0.2s ease;transform:rotate(180deg)}.collapse-btn.expanded{transform:rotate(0deg)}.steps-body{padding:12px 16px;display:flex;flex-direction:column}.planning-shimmer{padding:4px 0}.step-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:4px 0}.step-row:hover .step-text{color:var(--ai-text-primary)}.step-row.pending{opacity:0.5}.step-row.executing .step-text{color:var(--ai-text-primary)}.step-row.failed .step-text{color:var(--ai-error-text, #dc2626)}.step-content{flex:1;display:flex;flex-direction:column;gap:2px;padding-top:4px}.step-text{font-size:14px;font-weight:400;color:var(--ai-text-secondary);line-height:1.5}.step-description{font-size:12px;color:var(--ai-text-secondary);line-height:1.4}.step-duration{font-size:11px;color:var(--ai-text-secondary);opacity:0.7}.agent-chip{display:inline-flex;align-self:flex-start;font-size:11px;padding:1px 6px;border-radius:9999px;border:1px solid var(--ai-border-default);color:var(--ai-text-secondary)}.step-badge-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-separator{width:1px;height:16px;background:var(--ai-border-default);margin:2px 0}@keyframes pulse-ring{0%{transform:scale(1);opacity:0.6}100%{transform:scale(2);opacity:0}}.step-badge-outer{padding:2px;border-radius:9999px;background:var(--ai-bg-surface);display:inline-flex;align-items:center;justify-content:center;position:relative}.step-badge-outer.pulse-ring::after{content:'';position:absolute;inset:0;border-radius:9999px;border:2px solid var(--ai-amber);animation:pulse-ring 1.2s ease-out infinite}.step-badge-inner{width:26px;height:26px;border-radius:9999px;background:var(--ai-bg-card);box-shadow:var(--ai-shadow-badge);display:flex;align-items:center;justify-content:center;color:var(--ai-text-secondary)}.step-badge-inner.completed{background:var(--ai-success-bg);color:var(--ai-success-text)}.step-badge-inner.executing{color:var(--ai-amber)}.step-badge-inner.failed{background:var(--ai-error-bg, #fee2e2);color:var(--ai-error-text, #dc2626)}.step-number{font-size:14px;font-weight:500;color:var(--ai-text-secondary);line-height:1}";export{r as ai_loading}
|
|
@@ -0,0 +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:"2d3bb12516396aaf8ca4df1e63e954cc06b2f01d"},e("div",{key:"3c6f179eb59c982ab299910b5a1941d9b9d17d09",class:"browser-content"},this.isLoading&&e("div",{key:"0228954a8cfaafed42f1efb5eb1ca5f160bc29e0",class:"browser-loading"},e("div",{key:"ccc49943a0af13afdbf1dcee8be0e3d712ac54d6",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 i,h as e,H as n}from"./p-
|
|
1
|
+
import{r as i,h as e,H as n}from"./p-VMEwYfaX.js";import{i as a}from"./p-DlD8m3rf.js";const t=class{constructor(e){i(this,e)}label="";href="#";target="_blank";rel="";renderShareIcon(){const i=a.share;return i?e("span",{class:"link__icon",innerHTML:`<svg width="16" height="16" viewBox="${i.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${i.content}</svg>`}):null}render(){const i=this.rel||("_blank"===this.target?"noopener noreferrer":void 0);return e(n,{key:"98087503b9a0803425b23f7ee00c95025493679d"},e("span",{key:"41495d6375d1c539b777b3cd38e7b7af8fcbbb9b",class:"link__label"},this.label,e("slot",{key:"f416955b31900039f03b0e7ee2e537a22964d553"})),e("a",{key:"4f1d74ff6c600d17fcf80686aeebc5a92a4c7305",class:"link",href:this.href,target:this.target,rel:i},this.renderShareIcon()))}};t.style=":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}";export{t as ai_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as a,b as t}from"./p-
|
|
1
|
+
import{p as e,g as a,b as t}from"./p-VMEwYfaX.js";export{s as setNonce}from"./p-VMEwYfaX.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await a(),t([["p-6a4b66ed",[[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]},null,{isRecording:[{onIsRecordingChange:0}]}]]],["p-338d55d3",[[513,"ai-rating",{question:[1],subtitle:[1],successMessage:[1,"success-message"],value:[1026],disabled:[4],hovered:[32],submitted:[32]}]]],["p-953d4348",[[513,"ai-chat-header",{mode:[1],conversation:[1],agentName:[1,"agent-name"],agentStatus:[1,"agent-status"],agentAvatar:[1,"agent-avatar"],showBack:[4,"show-back"],statusIndicator:[1,"status-indicator"],pageTitle:[1,"page-title"],pageUrl:[1,"page-url"],conversationItems:[16],conversationActiveId:[1,"conversation-active-id"],conversationLoading:[4,"conversation-loading"],titleLoading:[4,"title-loading"],avatarError:[32],dropdownOpen:[32],isFloating:[32]},[[4,"click","handleDocumentClick"]]]]],["p-4359a116",[[513,"ai-agent-error",{headline:[1],message:[1],errorCode:[1,"error-code"],retryable:[4],retryLabel:[1,"retry-label"],dismissible:[4]}]]],["p-1b247096",[[769,"ai-chat-container",{isOpen:[4,"is-open"],position:[1537],width:[1],autoScroll:[4,"auto-scroll"],showWatermark:[4,"show-watermark"],floatHeight:[1,"float-height"],theme:[1],loading:[4],error:[4],errorText:[1,"error-text"],retryLabel:[1,"retry-label"],direction:[513],isMobile:[32],floatLeft:[32],floatTop:[32],scrollToBottom:[64],cyclePosition:[64]},[[0,"headerPositionClick","handleHeaderPositionClick"]],{isOpen:[{isOpenChanged:0}],position:[{positionChanged:0}]}]]],["p-83f46030",[[769,"ai-chat-message",{role:[1],content:[1],format:[1],agentName:[1,"agent-name"],timestamp:[1],showActions:[4,"show-actions"],enableRegenerate:[4,"enable-regenerate"],feedbackValue:[1025,"feedback-value"],copySuccess:[32]}]]],["p-5f005ec5",[[769,"ai-conversation-summary",{conversation:[1],summary:[1],messageCount:[2,"message-count"],language:[1]}]]],["p-d02f2db5",[[513,"ai-in-chat-browser",{url:[1],pageTitle:[1,"page-title"],isLoading:[32],hasError:[32]},null,{url:[{onUrlChange:0}]}]]],["p-e6236df2",[[769,"ai-link",{label:[1],href:[1],target:[1],rel:[1]}]]],["p-cae762e0",[[513,"ai-loading",{mode:[1],statusText:[1,"status-text"],thinkingSubtext:[1,"thinking-subtext"],steps:[16],headerTitle:[1,"header-title"],currentAgent:[1,"current-agent"],showAgentBadges:[4,"show-agent-badges"],expanded:[1028],collapsible:[4],_expanded:[32]}]]],["p-6bd54e29",[[513,"ai-route-decision",{selectedAgent:[1,"selected-agent"],agentIcon:[1,"agent-icon"],reason:[1],confidence:[2],detectedLanguage:[1,"detected-language"],expanded:[1028],_expanded:[32]}]]],["p-062cad02",[[769,"ai-suggestion",{label:[1],disabled:[4]}]]],["p-187db371",[[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]}]]],["p-8fabdbe8",[[769,"ai-card",{noPadding:[4,"no-padding"],noShadow:[4,"no-shadow"]}]]],["p-8ac8febb",[[513,"ai-conversation-list",{items:[16],activeId:[1,"active-id"],loading:[4],emptyText:[1,"empty-text"],error:[4],errorText:[1,"error-text"],retryLabel:[1,"retry-label"]}]]],["p-6b644d32",[[513,"ai-icon",{name:[1],size:[2]}]]]],e))));
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as i,c as e,h as a,d as n,t as o}from"./p-CXJ3iEt8.js";import{i as s}from"./p-DlD8m3rf.js";import{d as r}from"./p-DKsh1ZQX.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeClick=e(this,"closeClick"),this.editClick=e(this,"editClick"),this.dropdownClick=e(this,"dropdownClick"),this.positionClick=e(this,"positionClick"),this.backClick=e(this,"backClick"),this.headerDragStart=e(this,"headerDragStart"),this.openExternal=e(this,"openExternal"),this.conversationSelect=e(this,"conversationSelect"),this.conversationDelete=e(this,"conversationDelete")}get el(){return this}mode="agent";conversation="محادثة جديدة";agentName="";agentStatus="";agentAvatar="";showBack=!0;isDraggable=!1;statusIndicator="online";pageTitle="";pageUrl="";conversationItems=[];conversationActiveId="";conversationLoading=!1;titleLoading=!1;avatarError=!1;dropdownOpen=!1;closeClick;editClick;dropdownClick;positionClick;backClick;headerDragStart;openExternal;conversationSelect;conversationDelete;handleDocumentClick(t){this.dropdownOpen&&!this.el.contains(t.target)&&(this.dropdownOpen=!1)}renderIcon(t,i,e){const n=s[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.isDraggable&&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)};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,onConversationSelect:this.handleConversationSelect,onConversationDelete:this.handleConversationDelete})):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":"تعديل / Edit",onClick:()=>this.editClick.emit()},this.renderIcon("pencil-edit",22,22)),a("button",{class:"action-btn","aria-label":"العرض / Position",onClick:()=>this.positionClick.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.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.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:"8e1fe67030a0cb1eb94327f093327fb23d4faf01"},a("div",{key:"14766bd663e5fe027f1a3320bd3f16d79e9feb45",class:"header-wrapper"},a("div",{key:"bef30f621ba3b148f4af055347eb707bc8f64b15",class:"header-container"},"agent"===this.mode?this.renderAgentMode():"human"===this.mode?this.renderHumanMode():this.renderBrowserMode()),this.renderConversationDropdown()))}static get style(){return":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)}}"}},[513,"ai-chat-header",{mode:[1],conversation:[1],agentName:[1,"agent-name"],agentStatus:[1,"agent-status"],agentAvatar:[1,"agent-avatar"],showBack:[4,"show-back"],isDraggable:[4,"is-draggable"],statusIndicator:[1,"status-indicator"],pageTitle:[1,"page-title"],pageUrl:[1,"page-url"],conversationItems:[16],conversationActiveId:[1,"conversation-active-id"],conversationLoading:[4,"conversation-loading"],titleLoading:[4,"title-loading"],avatarError:[32],dropdownOpen:[32]},[[4,"click","handleDocumentClick"]]]);function c(){"undefined"!=typeof customElements&&["ai-chat-header","ai-conversation-list"].forEach((t=>{switch(t){case"ai-chat-header":customElements.get(o(t))||customElements.define(o(t),l);break;case"ai-conversation-list":customElements.get(o(t))||r()}}))}export{l as A,c as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,a as e,h as a,H as n}from"./p-BSQ0GkzI.js";import{i as o}from"./p-DlD8m3rf.js";const r=class{constructor(e){t(this,e),this.closeClick=i(this,"closeClick"),this.editClick=i(this,"editClick"),this.dropdownClick=i(this,"dropdownClick"),this.positionClick=i(this,"positionClick"),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")}get el(){return e(this)}mode="agent";conversation="محادثة جديدة";agentName="";agentStatus="";agentAvatar="";showBack=!0;isDraggable=!1;statusIndicator="online";pageTitle="";pageUrl="";conversationItems=[];conversationActiveId="";conversationLoading=!1;titleLoading=!1;avatarError=!1;dropdownOpen=!1;closeClick;editClick;dropdownClick;positionClick;backClick;headerDragStart;openExternal;conversationSelect;conversationDelete;handleDocumentClick(t){this.dropdownOpen&&!this.el.contains(t.target)&&(this.dropdownOpen=!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.isDraggable&&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)};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,onConversationSelect:this.handleConversationSelect,onConversationDelete:this.handleConversationDelete})):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":"تعديل / Edit",onClick:()=>this.editClick.emit()},this.renderIcon("pencil-edit",22,22)),a("button",{class:"action-btn","aria-label":"العرض / Position",onClick:()=>this.positionClick.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.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.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:"8e1fe67030a0cb1eb94327f093327fb23d4faf01"},a("div",{key:"14766bd663e5fe027f1a3320bd3f16d79e9feb45",class:"header-wrapper"},a("div",{key:"bef30f621ba3b148f4af055347eb707bc8f64b15",class:"header-container"},"agent"===this.mode?this.renderAgentMode():"human"===this.mode?this.renderHumanMode():this.renderBrowserMode()),this.renderConversationDropdown()))}};r.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{r as ai_chat_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,a,h as r,H as i}from"./p-BSQ0GkzI.js";const o=class{constructor(a){e(this,a),this.retryClick=t(this,"retryClick")}get el(){return a(this)}isOpen=!1;position="right";width="28rem";autoScroll=!0;showWatermark=!1;floatHeight="600px";theme="light";loading=!1;error=!1;errorText="تعذّر تحميل المحادثة";retryLabel="إعادة المحاولة";retryClick;isMobile=!1;floatLeft="24px";floatTop="24px";containerRef;messagesAreaRef;dragState=null;mutationObserver=null;resizeObserver=null;dragListener=e=>{if("undefined"==typeof window)return;const t=this.containerRef;if(!t)return;const{clientX:a,clientY:r}=e.detail,i=t.getBoundingClientRect();this.dragState={startX:a,startY:r,initLeft:i.left,initTop:i.top},this.floatLeft=`${i.left}px`,this.floatTop=`${i.top}px`;const o=e=>{if(!this.dragState)return;let a=this.dragState.initLeft+(e.clientX-this.dragState.startX),r=this.dragState.initTop+(e.clientY-this.dragState.startY);const i=window.innerWidth,o=window.innerHeight,s=t.offsetHeight;a=Math.max(0,Math.min(a,i-t.offsetWidth)),r=Math.max(0,Math.min(r,o-s)),this.floatLeft=`${a}px`,this.floatTop=`${r}px`},s=()=>{this.dragState=null,document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",s)};document.addEventListener("pointermove",o),document.addEventListener("pointerup",s)};componentWillLoad(){this.checkMobile()}componentDidLoad(){"undefined"!=typeof window&&("undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.checkMobile(),this.clampFloatPosition()})),this.resizeObserver.observe(this.el)),window.addEventListener("resize",this.handleWindowResize),"float"===this.position&&this.setupDrag(),this.mutationObserver=new MutationObserver((()=>{this.autoScroll&&this.messagesAreaRef&&requestAnimationFrame((()=>{this.messagesAreaRef.scrollTop=this.messagesAreaRef.scrollHeight}))})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0}))}isOpenChanged(e){e&&this.autoScroll&&this.messagesAreaRef&&requestAnimationFrame((()=>{this.messagesAreaRef.scrollTop=this.messagesAreaRef.scrollHeight}))}positionChanged(e){"float"===e&&this.setupDrag()}disconnectedCallback(){"undefined"!=typeof window&&window.removeEventListener("resize",this.handleWindowResize),this.el.removeEventListener("headerDragStart",this.dragListener),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}async scrollToBottom(){this.messagesAreaRef&&(this.messagesAreaRef.scrollTop=this.messagesAreaRef.scrollHeight)}handleWindowResize=()=>{this.checkMobile(),this.clampFloatPosition()};checkMobile(){"undefined"!=typeof window&&(this.isMobile=window.innerWidth<768)}clampFloatPosition(){if("undefined"==typeof window||"float"!==this.position||!this.containerRef)return;const e=window.innerWidth,t=window.innerHeight,a=this.containerRef.offsetWidth,r=this.containerRef.offsetHeight;let i=parseFloat(this.floatLeft)||0,o=parseFloat(this.floatTop)||0;i=Math.max(0,Math.min(i,e-a)),o=Math.max(0,Math.min(o,t-r)),this.floatLeft=`${i}px`,this.floatTop=`${o}px`}setupDrag(){this.el.removeEventListener("headerDragStart",this.dragListener),this.el.addEventListener("headerDragStart",this.dragListener)}getContainerClasses(){const e=["chat-container",this.position];return this.isOpen&&e.push("open"),this.isMobile&&e.push("mobile"),e.join(" ")}getContainerStyle(){const e={};return this.isMobile||("float"===this.position?(e.width=this.width,e.height=this.floatHeight,e.left=this.floatLeft,e.top=this.floatTop):e.width=this.width),e}isDark(){return"dark"===this.theme||"auto"===this.theme&&"undefined"!=typeof window&&window.matchMedia("(prefers-color-scheme: dark)").matches}renderSkeleton(){return r("div",{class:"skeleton-messages","aria-busy":"true","aria-label":"Loading conversation"},r("div",{class:"skeleton-row agent"},r("div",{class:"skeleton-bubble"},r("div",{class:"skeleton-line",style:{width:"80%"}}),r("div",{class:"skeleton-line",style:{width:"60%"}}),r("div",{class:"skeleton-line",style:{width:"40%"}}))),r("div",{class:"skeleton-row user"},r("div",{class:"skeleton-bubble"},r("div",{class:"skeleton-line",style:{width:"70%"}}))),r("div",{class:"skeleton-row agent"},r("div",{class:"skeleton-bubble"},r("div",{class:"skeleton-line",style:{width:"90%"}}),r("div",{class:"skeleton-line",style:{width:"55%"}}))),r("div",{class:"skeleton-row user"},r("div",{class:"skeleton-bubble"},r("div",{class:"skeleton-line",style:{width:"50%"}}),r("div",{class:"skeleton-line",style:{width:"35%"}}))))}renderError(){return r("div",{class:"error-state",role:"alert"},r("svg",{class:"error-icon",width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"1.5"}),r("path",{d:"M12 7v6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"}),r("circle",{cx:"12",cy:"16.5",r:"0.75",fill:"currentColor"})),r("p",{class:"error-text"},this.errorText),r("button",{class:"error-retry-btn",type:"button",onClick:()=>this.retryClick.emit()},this.retryLabel))}render(){return r(i,{key:"146842c18b30c96eff709262d14f0026b3c0b5f2",class:{dark:this.isDark()}},r("div",{key:"6d138b05c08cf3c01645d2832b9df847ae8fb34e",class:this.getContainerClasses(),style:this.getContainerStyle(),ref:e=>this.containerRef=e},this.showWatermark&&!this.loading&&!this.error&&r("div",{key:"ef54afa1cec6e7589aa559938792429eb0fe76b6",class:"watermark"},r("svg",{key:"eb5dc8d17a48b73ed28c23d50a77939995efe818",class:"watermark-circle-svg",width:"133",height:"133",viewBox:"0 0 133 133",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("g",{key:"c2f60242842b2788cfc577a96da595a6588d5dac",filter:"url(#wm_circle_shadow)"},r("circle",{key:"9681bf0e38334eea7978e16854f7572bfc702a7d",cx:"66.415",cy:"66.415",r:"66.415",class:"watermark-circle"})),r("defs",{key:"dfb531e4137c54ae2cb3cd67fc4f48cff578bbd6"},r("filter",{key:"61c6a2e8a4ad2726280fdecea7f416f160e1388c",id:"wm_circle_shadow",x:"0",y:"0",width:"132.83",height:"135.83",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},r("feFlood",{key:"e001abcfa7ea700a4c9df12f7edb2d77f41a681a","flood-opacity":"0",result:"BackgroundImageFix"}),r("feBlend",{key:"ab42b31ddffdafbcd0d8b3a1ac3638cad08422de",mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),r("feColorMatrix",{key:"dbe6cee1b694612115237fe7ba631962b299c17e",in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),r("feOffset",{key:"6e4df9fac567a782676e6ee11124405856e2d216",dy:"3"}),r("feGaussianBlur",{key:"cf3eccf07988f8d35fc22db8dc8acd7efafb9f28",stdDeviation:"3"}),r("feComposite",{key:"8ede441bedbc49e505402977ab4787b7f80b8c17",in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),r("feColorMatrix",{key:"4d6286fd6303c018d7c9e37258bc3fe746d716c0",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"}),r("feBlend",{key:"137f322f9922e682873b3f7c3f44b714793d80bc",mode:"normal",in2:"shape",result:"effect1_innerShadow"})))),r("svg",{key:"5ed41b236f120a820e138829fdd86d6d7517953b",class:"watermark-star-svg",width:"78",height:"78",viewBox:"0 0 78 78",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("g",{key:"bd4a4b26cf740bccb6dfa44c185e1c6ce9281407",filter:"url(#wm_star_shadow)"},r("path",{key:"7b0769a6ef62e35206e0057da58ae0b2187a5aad",d:"M38.7421 0C39.5691 0 40.2689 0.286272 40.8414 0.858815C41.414 1.43136 41.7002 2.13113 41.7002 2.95814C41.7002 8.87442 43.1952 14.3772 46.1851 19.4665C49.1115 24.4285 53.0557 28.3727 58.0177 31.299C63.107 34.289 68.6097 35.7839 74.526 35.7839C75.353 35.7839 76.0528 36.0702 76.6254 36.6428C77.1979 37.2153 77.4842 37.9151 77.4842 38.7421C77.4842 39.5691 77.1979 40.2689 76.6254 40.8414C76.0528 41.414 75.353 41.7002 74.526 41.7002C68.6097 41.7002 63.107 43.1952 58.0177 46.1851C53.0557 49.1115 49.1115 53.0557 46.1851 58.0177C43.1952 63.107 41.7002 68.6097 41.7002 74.526C41.7002 75.353 41.414 76.0528 40.8414 76.6254C40.2689 77.1979 39.5691 77.4842 38.7421 77.4842C37.9151 77.4842 37.2153 77.1979 36.6428 76.6254C36.0702 76.0528 35.7839 75.353 35.7839 74.526C35.7839 68.6097 34.289 63.107 31.299 58.0177C28.3727 53.0557 24.4285 49.1115 19.4665 46.1851C14.3772 43.1952 8.87442 41.7002 2.95814 41.7002C2.13113 41.7002 1.43136 41.414 0.858815 40.8414C0.286272 40.2689 0 39.5691 0 38.7421C0 37.9151 0.286272 37.2153 0.858815 36.6428C1.43136 36.0702 2.13113 35.7839 2.95814 35.7839C8.87442 35.7839 14.3772 34.289 19.4665 31.299C24.4285 28.3727 28.3727 24.4285 31.299 19.4665C34.289 14.3772 35.7839 8.87442 35.7839 2.95814C35.7839 2.13113 36.0702 1.43136 36.6428 0.858815C37.2153 0.286272 37.9151 0 38.7421 0Z",class:"watermark-star"})),r("defs",{key:"a004811963ac78b6c13df187333f3ba525c18f55"},r("filter",{key:"734877af85b6554e27f24720e06bcd59b707362b",id:"wm_star_shadow",x:"0",y:"0",width:"77.4844",height:"79.4841",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},r("feFlood",{key:"bfa384407eb019aa79be662411bea47097744323","flood-opacity":"0",result:"BackgroundImageFix"}),r("feBlend",{key:"7cd90c875f8bce1780a4eaa899bc222b8cd5991e",mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),r("feColorMatrix",{key:"3edcb0bb26efba7f93e6ea125cc1b21f885cc75e",in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),r("feOffset",{key:"2e18721ab747cedc0a6ae4d422a6b2991e37ed80",dy:"2"}),r("feGaussianBlur",{key:"0772cc52ba154b42d7f780d5e9bf16bd2293dee9",stdDeviation:"2"}),r("feComposite",{key:"739a5b26667c1745e8d42c33aadedf56b3530a52",in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),r("feColorMatrix",{key:"23ca07f2d016d14aa95a64b581f8804cc43469fb",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"}),r("feBlend",{key:"66e8b6a28ba77465df00123176f40e9b53a171c0",mode:"normal",in2:"shape",result:"effect1_innerShadow"}))))),r("slot",{key:"d24884b15dfa86c3ccc353587f8bf5b1b0e00bc6",name:"header"}),r("div",{key:"4bafceed191d908bebf24a838e5277707831042a",class:"messages-area",ref:e=>this.messagesAreaRef=e},this.loading?this.renderSkeleton():this.error?this.renderError():r("slot",null)),r("slot",{key:"ea962c2d9a6cb59c50b785c42e5b9d2103ac8848",name:"footer"})))}static get watchers(){return{isOpen:[{isOpenChanged:0}],position:[{positionChanged:0}]}}};o.style=":host{display:contents}.chat-container{font-family:var(--ai-font-family);display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--ai-container-bg, var(--ai-bg-card));border:1px solid var(--ai-border-default);z-index:50;box-sizing:border-box}.messages-area{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;padding:var(--ai-spacing-2xl, 16px);scrollbar-color:var(--ai-scrollbar-thumb) transparent}.messages-area::-webkit-scrollbar{width:3px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:var(--ai-scrollbar-thumb);border-radius:99px}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--ai-scrollbar-thumb-hover)}.chat-container.left,.chat-container.right{position:fixed;top:0;bottom:0;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1)}.chat-container.left{left:0;transform:translateX(-100%)}.chat-container.right{right:0;transform:translateX(100%)}.chat-container.left.open,.chat-container.right.open{transform:translateX(0)}.chat-container.float{position:fixed;border-radius:16px;box-shadow:var(--ai-shadow-float);opacity:0;pointer-events:none;transform:scale(0.95);transform-origin:bottom left;transition:opacity 200ms ease, transform 200ms ease}.chat-container.float.open{opacity:1;pointer-events:auto;transform:scale(1)}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;width:133px;height:133px}.watermark .watermark-circle-svg{position:absolute;top:0;left:0}.watermark .watermark-star-svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.watermark .watermark-circle{fill:var(--ai-watermark-circle, #FCFCFC)}.watermark .watermark-star{fill:var(--ai-watermark-star, #FAFAFA)}:host(.dark) .watermark .watermark-circle{fill:var(--ai-watermark-circle, #222222)}:host(.dark) .watermark .watermark-star{fill:var(--ai-watermark-star, #292B2C)}.chat-container.mobile{width:100% !important}.chat-container.float.mobile{left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;height:100% !important;border-radius:0 !important}@media (max-width: 767px){.chat-container{width:100% !important}.chat-container.float{left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;height:100% !important;border-radius:0 !important}}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-messages{display:flex;flex-direction:column;gap:20px;padding:8px 0}.skeleton-row{display:flex;align-items:flex-start;gap:10px}.skeleton-row.agent{flex-direction:row}.skeleton-row.user{flex-direction:row-reverse}.skeleton-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;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:skeleton-shimmer 1.6s ease-in-out infinite}.skeleton-bubble{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background-color:var(--ai-bg-surface, #f9fafb);max-width:75%;min-width:120px}.skeleton-row.user .skeleton-bubble{background-color:var(--ai-user-bubble-bg, var(--ai-accent, #004956));border-radius:16px}.skeleton-line{height:12px;border-radius:6px;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:skeleton-shimmer 1.6s ease-in-out infinite}.skeleton-row.user .skeleton-line{background:linear-gradient(90deg, rgba(255,255,255,0.08) 25%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.08) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}:host(.dark) .skeleton-avatar{background:var(--ai-shimmer-gradient, linear-gradient(90deg, rgba(255,255,255,0.06) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.06) 75%));background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}:host(.dark) .skeleton-bubble{background-color:var(--ai-bg-surface, #1f2937)}:host(.dark) .skeleton-line{background:var(--ai-shimmer-gradient, linear-gradient(90deg, rgba(255,255,255,0.06) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.06) 75%));background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:48px 24px;flex:1}.error-icon{color:var(--ai-text-muted, #9ca3af);opacity:0.7}.error-text{margin:0;font-size:14px;line-height:1.5;color:var(--ai-text-secondary, #6b7280)}.error-retry-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:9999px;border:1px solid var(--ai-border-default);background-color:var(--ai-bg-surface, #f9fafb);color:var(--ai-text-primary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color 0.15s ease, border-color 0.15s ease}.error-retry-btn:hover{background-color:var(--ai-hover-overlay, rgba(0, 0, 0, 0.04));border-color:var(--ai-accent, #004956)}.error-retry-btn:focus-visible{outline:2px solid var(--ai-focus-ring-color, var(--ai-focus-ring));outline-offset:2px}:host(.dark) .error-retry-btn{background-color:var(--ai-bg-surface, #1f2937);color:var(--ai-text-primary, #f9fafb)}:host(.dark) .error-retry-btn:hover{background-color:var(--ai-hover-overlay, rgba(255, 255, 255, 0.06))}";export{o as ai_chat_container}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as r,h as a,H as i}from"./p-BSQ0GkzI.js";const t=class{constructor(a){e(this,a),this.browserClose=r(this,"browserClose"),this.browserOpenExternal=r(this,"browserOpenExternal")}url="";pageTitle="";isDraggable=!1;browserClose;browserOpenExternal;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};handleBack=()=>{this.browserClose.emit()};handleOpenExternal=()=>{this.url&&window.open(this.url,"_blank","noopener,noreferrer"),this.browserOpenExternal.emit(this.url)};render(){const e=this.getDisplayTitle();return a(i,{key:"8486b7a1506c0eb22dea066adfc98ede9e2542c4"},a("div",{key:"8781447cadcc8f33dba9b6eb6b63e1e1cb6c0cfd",class:"browser-container"},a("ai-chat-header",{key:"f30265b9050991ccbe61e0eeb53015f9b56c113b",mode:"browser",pageTitle:e,pageUrl:this.url,isDraggable:this.isDraggable,onBackClick:this.handleBack,onOpenExternal:()=>this.handleOpenExternal()}),a("div",{key:"2d1ecf5b11e882ab1632278edacf55fa264e1a08",class:"browser-content"},this.isLoading&&a("div",{key:"0e3fc77efa82fb52c5a531b3b30fb81fcee339d8",class:"browser-loading"},a("div",{key:"09db30ff5f494eedfaf7928389abda72dceb9597",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:e}))))}static get watchers(){return{url:[{onUrlChange:0}]}}};t.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-container{display:flex;flex-direction:column;width:100%;height:100%;background:var(--ai-bg-card);overflow:hidden}.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{t as ai_in_chat_browser}
|