@nabeh/chat-widget 0.1.3 → 0.1.4

package/dist/chunk-JHMDAOE6.js

@@ -0,0 +1,1885 @@
+function ht(e){return!!e&&typeof e=="object"&&!Array.isArray(e)}function Re(e,t){let o={...e};for(let n of Object.keys(t)){let r=t[n],l=o[n];if(ht(l)&&ht(r)){o[n]=Re(l,r);continue}r!==void 0&&(o[n]=r)}return o}function mt(e){return e instanceof Error?e:typeof e=="string"?new Error(e):new Error("Unexpected widget error")}function ae(e,t){return`${e.replace(/\/$/,"")}/${t.replace(/^\//,"")}`}function X(e,t,o){return{"Content-Type":"application/json",...e.customHeaders,...o?{"X-Chat-User-Context":o}:{},...t?{Authorization:`Bearer ${t}`}:{}}}async function J(e){if(!e.getUserContext)return null;let t=await e.getUserContext();return t?JSON.stringify(t):null}function me(e,t,o={}){let n=t.replace(/\{chatId\}/g,encodeURIComponent(o.chatId??"")).replace(/:chatId\b/g,encodeURIComponent(o.chatId??""));return ae(e.apiBaseUrl,n)}async function bt(e,t){let o=e.getAccessToken?await e.getAccessToken():null,n=await J(e),r=me(e,e.endpoints.ask,{chatId:t.chatId}),i=/(\{chatId\}|:chatId\b)/.test(e.endpoints.ask)?{message:t.message,knowledgeNames:t.knowledgeNames,editLastQa:t.editLastQa??!1,enableReferences:t.enableReferences??!0}:{query:t.message,chat_id:t.chatId,knowledge_names:t.knowledgeNames,edit_last_qa:t.editLastQa??!1,enable_references:t.enableReferences??!0},p=await fetch(r,{method:"POST",headers:X(e,o,n),body:JSON.stringify(i)});if(!p.ok)throw new Error(`Chat backend returned ${p.status}.`);let c=await p.json();if(!Array.isArray(c)){if(!c.answer||typeof c.answer!="string")throw new Error("Chat backend response is missing a valid answer.");return{chatId:c.chatId??t.chatId,answer:c.answer,suggestions:c.suggestions??[],citations:c.citations??[]}}let u=c[0];if(!u?.answer||typeof u.answer!="string")throw new Error("Chat backend response is missing a valid answer.");let g=u.content,f=g?.source_documents??[],h=g?.scores??[],v=g?.page_numbers??[],P=g?.sheet_names??[],b=g?.row_numbers??[],y=g?.knowledge_names??[],x=f.map((U,w)=>({sourceDocument:U,score:h[w]??null,pageNumber:v[w]??null,sheetName:P[w]??null,rowNumber:b[w]??null,knowledgeName:y[w]??null}));return{chatId:t.chatId,answer:u.answer,suggestions:[],citations:x}}async function xt(e,t){if(!e.endpoints.history)return[];let o=e.getAccessToken?await e.getAccessToken():null,n=await J(e),l=/(\{chatId\}|:chatId\b)/.test(e.endpoints.history)?me(e,e.endpoints.history,{chatId:t}):(()=>{let u=new URL(ae(e.apiBaseUrl,e.endpoints.history));return u.searchParams.set("chat_id",t),u.toString()})(),i=await fetch(l,{method:"GET",headers:X(e,o,n)});if(!i.ok)throw new Error(`Chat history endpoint returned ${i.status}.`);let p=await i.json(),c=Array.isArray(p)?p:p&&typeof p=="object"?p.history??p.messages??p.data??[]:[];return Array.isArray(c)?c.map(u=>{if(!u||typeof u!="object")return null;let g=u;if(typeof g.question=="string"&&typeof g.answer=="string")return[{role:"user",text:g.question},{role:"assistant",text:g.answer}];let f=g.role??g.type??g.sender??g.author,h=g.text??g.message??g.content??g.answer;if(typeof h!="string")return null;let v=typeof f=="string"?f.toLowerCase():"assistant";return[{role:v==="user"||v==="human"?"user":"assistant",text:h}]}).flat().filter(u=>!!u):[]}async function kt(e){if(!e.endpoints.listChats)return[];let t=e.getAccessToken?await e.getAccessToken():null,o=await J(e),n=await fetch(ae(e.apiBaseUrl,e.endpoints.listChats),{method:"GET",headers:X(e,t,o)});if(!n.ok)throw new Error(`Chat list endpoint returned ${n.status}.`);let r=await n.json(),l=Array.isArray(r)?r:r&&typeof r=="object"?r.chats??r.data??r.items??[]:[];return Array.isArray(l)?l.map(i=>{if(!i||typeof i!="object")return null;let p=i,c=p.chatId??p.chat_id??p.id,u=p.title??p.name??p.chatId;if(typeof c!="string"||typeof u!="string")return null;let g=typeof p.createdAt=="string"?p.createdAt:typeof p.created_at=="string"?p.created_at:null,f=typeof p.updatedAt=="string"?p.updatedAt:typeof p.updated_at=="string"?p.updated_at:null,h={chatId:c,title:u,pinned:typeof p.pinned=="boolean"?p.pinned:!1};return g&&(h.createdAt=g),f&&(h.updatedAt=f),h}).filter(i=>!!i):[]}async function yt(e,t,o){let n=e.endpoints.createChat??e.endpoints.listChats;if(!n)return;let r=e.getAccessToken?await e.getAccessToken():null,l=await J(e),i=await fetch(ae(e.apiBaseUrl,n),{method:"POST",headers:X(e,r,l),body:JSON.stringify({chatId:t,...o?{title:o}:{}})});if(!i.ok)throw new Error(`Create chat endpoint returned ${i.status}.`)}async function Ie(e,t,o){if(!e.endpoints.updateChat)return;let n=e.getAccessToken?await e.getAccessToken():null,r=await J(e),l=me(e,e.endpoints.updateChat,{chatId:t}),i=await fetch(l,{method:"PATCH",headers:X(e,n,r),body:JSON.stringify(o)});if(!i.ok)throw new Error(`Update chat endpoint returned ${i.status}.`)}async function vt(e,t){if(!e.endpoints.deleteChat)return;let o=e.getAccessToken?await e.getAccessToken():null,n=await J(e),r=me(e,e.endpoints.deleteChat,{chatId:t}),l=await fetch(r,{method:"DELETE",headers:X(e,o,n)});if(!l.ok)throw new Error(`Delete chat endpoint returned ${l.status}.`)}function V(e,t){let o=mt(t);return e.onError?.(o),o}var ze={accent:"#0f766e",accentSoft:"#ecfeff",panelBackground:"#ffffff",surfaceBackground:"#f8fafc",text:"#1f2937",mutedText:"#64748b",borderColor:"#dbe4ee",shadow:"0 24px 64px rgba(15, 23, 42, 0.20)",zIndex:2147483e3,fontFamily:'"Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif'},k={displayMode:"widget",position:"bottom-right",title:"Knowledge Assistant",subtitle:"Answers are generated based on your access permissions",welcomeMessage:"How can I assist you today?",inputPlaceholder:"Ask your question...",launcherAriaLabel:"Open chat assistant",closeAriaLabel:"Close chat assistant",initialSuggestions:["Which indicators reflect the achievements of Vision KSA goals?","Case studies of real estate initiatives for economic growth","Study of UX for the ministry external portal"],sourceApp:"knowledge-platform",locale:"en",customHeaders:{},assistantPageUrl:"/knowledge-assistant",embedded:{showHeader:!1},rag:{knowledgeNames:[],enableReferences:!0,loadHistoryOnOpen:!1},theme:ze,getAccessToken:void 0,getUserContext:void 0,onOpen:void 0,onClose:void 0,onError:void 0,onOpenAssistantPage:void 0};function wt(e){if(!e.apiBaseUrl?.trim())throw new Error("Chat widget config requires a non-empty apiBaseUrl.");if(!e.endpoints?.ask?.trim())throw new Error("Chat widget config requires endpoints.ask to be provided.");let t=e.mount??document.body,o=Re(ze,e.theme??{});return{apiBaseUrl:e.apiBaseUrl,endpoints:{...e.endpoints},mount:t,displayMode:e.displayMode??k.displayMode,position:e.position??k.position,title:e.title??k.title,subtitle:e.subtitle??k.subtitle,welcomeMessage:e.welcomeMessage??k.welcomeMessage,inputPlaceholder:e.inputPlaceholder??k.inputPlaceholder,launcherAriaLabel:e.launcherAriaLabel??k.launcherAriaLabel,closeAriaLabel:e.closeAriaLabel??k.closeAriaLabel,initialSuggestions:e.initialSuggestions??k.initialSuggestions,sourceApp:e.sourceApp??k.sourceApp,locale:e.locale??k.locale,customHeaders:e.customHeaders??k.customHeaders,embedded:{...k.embedded,...e.embedded??{}},rag:{...k.rag,...e.rag??{}},assistantPageUrl:e.assistantPageUrl??k.assistantPageUrl,theme:o,getAccessToken:e.getAccessToken,getUserContext:e.getUserContext,onOpen:e.onOpen,onClose:e.onClose,onError:e.onError,onOpenAssistantPage:e.onOpenAssistantPage}}function a(e,t,o){let n=document.createElement(e);return t&&(n.className=t),o!==void 0&&(n.textContent=o),n}var Ct="kp-chat-widget-styles";function Lt(e,t){if(e.getElementById(Ct))return;let o=document.createElement("style");o.id=Ct,o.textContent=cn(t),e.appendChild(o)}function cn(e){return`
+    :host {
+      all: initial;
+    }
+
+    .kp-chat-widget {
+      --kp-accent: ${e.accent};
+      --kp-accent-soft: ${e.accentSoft};
+      --kp-panel-background: ${e.panelBackground};
+      --kp-surface-background: ${e.surfaceBackground};
+      --kp-text: ${e.text};
+      --kp-muted-text: ${e.mutedText};
+      --kp-border-color: ${e.borderColor};
+      --kp-shadow: ${e.shadow};
+      --kp-z-index: ${e.zIndex};
+      --kp-font-family: ${e.fontFamily};
+      --kp-card-background: rgba(255, 255, 255, 0.92);
+      --kp-soft-highlight: rgba(236, 254, 255, 0.82);
+      position: fixed;
+      bottom: 24px;
+      right: 24px;
+      z-index: var(--kp-z-index);
+      font-family: var(--kp-font-family);
+      color: var(--kp-text);
+      box-sizing: border-box;
+    }
+
+    .kp-chat-widget.kp-chat-widget-embedded {
+      position: relative;
+      inset: auto;
+      width: 100%;
+      height: 100%;
+      min-height: 640px;
+      display: block;
+    }
+
+    *,
+    *::before,
+    *::after {
+      box-sizing: border-box;
+      font-family: inherit;
+    }
+
+    .kp-chat-widget.bottom-left {
+      left: 24px;
+      right: auto;
+    }
+
+    .kp-chat-widget.kp-chat-widget-embedded.bottom-left {
+      left: auto;
+      right: auto;
+    }
+
+    .kp-rtl .kp-dropdown-item,
+    .kp-rtl .kp-suggestion,
+    .kp-rtl .kp-input,
+    .kp-rtl .kp-full-page-search-input,
+    .kp-rtl .kp-bubble-content,
+    .kp-rtl .kp-source-card,
+    .kp-rtl .kp-source-panel {
+      text-align: right;
+    }
+
+    .kp-launcher {
+      width: 72px;
+      height: 72px;
+      border: none;
+      border-radius: 999px;
+      cursor: pointer;
+      background: radial-gradient(circle at 30% 30%, #f8fffe 0%, #ecfdf5 52%, #d6f4ef 100%);
+      box-shadow: 0 16px 32px rgba(15, 118, 110, 0.18);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: transform 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
+      color: var(--kp-accent);
+      position: relative;
+      overflow: hidden;
+    }
+
+    .kp-launcher:hover {
+      transform: translateY(-1px);
+      box-shadow: 0 20px 36px rgba(15, 118, 110, 0.22);
+    }
+
+    .kp-launcher:focus-visible,
+    .kp-close:focus-visible,
+    .kp-send:focus-visible,
+    .kp-suggestion:focus-visible,
+    .kp-input:focus-visible,
+    .kp-full-page-new-chat:focus-visible,
+    .kp-full-page-close:focus-visible,
+    .kp-full-page-chat-item:focus-visible,
+    .kp-chat-pin:focus-visible,
+    .kp-message-action:focus-visible,
+    .kp-source-chip:focus-visible,
+    .kp-source-panel-close:focus-visible {
+      outline: 2px solid var(--kp-accent);
+      outline-offset: 2px;
+    }
+
+    .kp-launcher.hidden {
+      opacity: 0;
+      pointer-events: none;
+      transform: translateY(8px) scale(0.96);
+    }
+
+    .kp-star-cluster {
+      position: relative;
+      width: 50px;
+      height: 50px;
+      animation: kp-cluster-rotate 8.5s linear infinite;
+    }
+
+    .kp-star {
+      position: absolute;
+      color: #08384c;
+      line-height: 1;
+      transform-origin: center;
+    }
+
+    .kp-star.main {
+      top: 50%;
+      left: 50%;
+      font-size: 30px;
+      transform: translate(-50%, -50%) scale(0.96);
+      animation: kp-main-pulse 3s ease-in-out infinite;
+    }
+
+    .kp-star.orbit-a {
+      top: -3px;
+      left: 50%;
+      font-size: 18px;
+      transform: translateX(-50%);
+      animation: kp-orbit-a 3s ease-in-out infinite;
+    }
+
+    .kp-star.orbit-b {
+      right: -3px;
+      bottom: 5px;
+      font-size: 18px;
+      animation: kp-orbit-b 3s ease-in-out infinite;
+    }
+
+    .kp-star.orbit-c {
+      left: -1px;
+      bottom: 5px;
+      font-size: 18px;
+      animation: kp-orbit-c 3s ease-in-out infinite;
+    }
+
+    .kp-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(15, 23, 42, 0.18);
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity 220ms ease;
+    }
+
+    .kp-overlay.visible {
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    .kp-panel {
+      position: fixed;
+      bottom: 88px;
+      right: 24px;
+      width: min(480px, calc(100vw - 48px));
+      height: min(730px, calc(100vh - 118px));
+      background: var(--kp-panel-background);
+      border: 1px solid rgba(255, 255, 255, 0.35);
+      border-radius: 24px;
+      box-shadow: var(--kp-shadow);
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+      opacity: 0;
+      transform: translateX(112px) scale(0.97);
+      transform-origin: bottom right;
+      pointer-events: none;
+      transition: opacity 420ms cubic-bezier(0.16, 1, 0.3, 1),
+        transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
+    }
+
+    .kp-chat-widget.bottom-left .kp-panel {
+      left: 24px;
+      right: auto;
+      transform: translateX(-112px) scale(0.97);
+      transform-origin: bottom left;
+    }
+
+    .kp-panel.open {
+      opacity: 1;
+      transform: translateX(0) scale(1);
+      pointer-events: auto;
+    }
+
+    .kp-full-page {
+      position: fixed;
+      inset: 0;
+      background: #ffffff;
+      opacity: 0;
+      pointer-events: none;
+      transform: translateY(18px);
+      transition: opacity 260ms ease, transform 320ms ease;
+      z-index: calc(var(--kp-z-index) + 2);
+      overflow: hidden;
+    }
+
+    .kp-full-page.kp-full-page-embedded {
+      position: relative;
+      inset: auto;
+      opacity: 1;
+      pointer-events: auto;
+      transform: none;
+      min-height: 100%;
+      height: 100%;
+      z-index: auto;
+      background: transparent;
+    }
+
+    .kp-full-page.open {
+      opacity: 1;
+      pointer-events: auto;
+      transform: translateY(0);
+    }
+
+    .kp-full-page-shell {
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+      padding: 22px 28px 26px;
+      gap: 16px;
+      overflow: hidden;
+    }
+
+    .kp-full-page-embedded .kp-full-page-shell {
+      height: 100%;
+      min-height: 100%;
+      padding: 0;
+      gap: 12px;
+    }
+
+    .kp-full-page-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      padding: 8px 4px 0;
+      flex: none;
+    }
+
+    .kp-hidden {
+      display: none !important;
+    }
+
+    .kp-full-page-brand {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      color: #08384c;
+    }
+
+    .kp-full-page-brand-mark {
+      width: 44px;
+      height: 44px;
+      border-radius: 14px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: linear-gradient(135deg, rgba(37, 181, 192, 0.14), rgba(15, 118, 110, 0.08));
+      font-size: 26px;
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
+    }
+
+    .kp-full-page-brand-text {
+      font-size: 20px;
+      font-weight: 700;
+      letter-spacing: -0.02em;
+      color: #16394b;
+    }
+
+    .kp-full-page-header-actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .kp-full-page-badge {
+      padding: 10px 14px;
+      border-radius: 999px;
+      font-size: 13px;
+      line-height: 1;
+      color: #0b556c;
+      background: rgba(255, 255, 255, 0.82);
+      border: 1px solid rgba(15, 118, 110, 0.12);
+      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
+    }
+
+    .kp-full-page-close,
+    .kp-source-panel-close {
+      width: 40px;
+      height: 40px;
+      border: none;
+      border-radius: 14px;
+      background: rgba(255, 255, 255, 0.82);
+      color: #61788a;
+      font-size: 24px;
+      line-height: 1;
+      cursor: pointer;
+      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
+    }
+
+    .kp-full-page-content {
+      display: grid;
+      grid-template-columns: 290px minmax(0, 1fr) minmax(0, 0);
+      gap: 16px;
+      flex: 1;
+      min-height: 0;
+      overflow: hidden;
+      align-items: stretch;
+    }
+
+    .kp-full-page-embedded .kp-full-page-content {
+      height: 100%;
+    }
+
+    .kp-full-page-sidebar,
+    .kp-full-page-panel,
+    .kp-source-panel {
+      border-radius: 24px;
+      border: 1px solid rgba(219, 228, 238, 0.9);
+      background: rgba(255, 255, 255, 0.88);
+      box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
+      backdrop-filter: blur(12px);
+    }
+
+    .kp-full-page-sidebar {
+      padding: 18px;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      min-height: 0;
+      overflow: auto;
+    }
+
+    .kp-full-page-new-chat {
+      width: 100%;
+      height: 48px;
+      border: none;
+      border-radius: 12px;
+      background: linear-gradient(135deg, #0a465d 0%, #0f6a75 100%);
+      color: #ffffff;
+      font-size: 16px;
+      font-weight: 600;
+      cursor: pointer;
+      box-shadow: 0 14px 30px rgba(10, 70, 93, 0.18);
+    }
+
+    .kp-full-page-search {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      height: 44px;
+      border-radius: 12px;
+      border: 1px solid rgba(203, 213, 225, 0.95);
+      background: #ffffff;
+      padding: 0 12px;
+    }
+
+    .kp-full-page-search-input {
+      flex: 1;
+      border: none;
+      outline: none;
+      background: transparent;
+      color: #334155;
+      font-size: 14px;
+      min-width: 0;
+      box-shadow: none;
+    }
+
+    .kp-full-page-search-input:focus,
+    .kp-full-page-search-input:focus-visible,
+    .kp-full-page-search-input:active {
+      outline: none;
+      box-shadow: none;
+      border: none;
+    }
+
+    .kp-full-page-search-icon {
+      color: #607082;
+      font-size: 20px;
+      line-height: 1;
+    }
+
+    .kp-full-page-section-label {
+      font-size: 12px;
+      line-height: 1.4;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: #8a98a6;
+      margin-top: 4px;
+    }
+
+    .kp-full-page-recent-list,
+    .kp-full-page-pinned-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .kp-full-page-item {
+      padding: 12px 12px 13px;
+      border-radius: 14px;
+      color: #293845;
+      font-size: 15px;
+      line-height: 1.5;
+      background: rgba(247, 250, 252, 0.9);
+      border: 1px solid rgba(219, 228, 238, 0.88);
+    }
+
+    .kp-full-page-chat-item {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 10px;
+      cursor: pointer;
+      transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
+      overflow: visible;
+    }
+
+    .kp-full-page-chat-item:hover {
+      border-color: rgba(15, 118, 110, 0.34);
+      background: rgba(240, 253, 250, 0.95);
+      transform: translateY(-1px);
+    }
+
+    .kp-full-page-chat-item.active {
+      border-color: rgba(15, 118, 110, 0.5);
+      background: rgba(220, 252, 231, 0.72);
+    }
+
+    .kp-full-page-chat-item.menu-open {
+      z-index: 4;
+    }
+
+    .kp-full-page-item-title {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      flex: 1;
+    }
+
+    .kp-chat-pin {
+      flex: none;
+      border: none;
+      background: transparent;
+      color: #0f6a75;
+      font-size: 16px;
+      line-height: 1;
+      padding: 0;
+      cursor: pointer;
+    }
+
+    .kp-full-page-empty {
+      padding: 8px 4px 0;
+      color: #7a8a99;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+
+    .kp-full-page-main {
+      min-width: 0;
+      min-height: 0;
+      display: flex;
+    }
+
+    .kp-full-page-panel {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+      overflow: hidden;
+    }
+
+    .kp-source-panel {
+      min-width: 0;
+      min-height: 0;
+      overflow: hidden;
+      display: none;
+      flex-direction: column;
+    }
+
+    .kp-source-panel.open {
+      display: flex;
+    }
+
+    .kp-full-page-content:has(.kp-source-panel.open) {
+      grid-template-columns: 290px minmax(0, 1fr) 320px;
+    }
+
+    .kp-source-panel-header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 12px;
+      padding: 18px 18px 12px;
+      border-bottom: 1px solid rgba(219, 228, 238, 0.7);
+    }
+
+    .kp-source-panel-title {
+      font-size: 17px;
+      font-weight: 700;
+      color: #16394b;
+    }
+
+    .kp-source-panel-subtitle {
+      margin-top: 4px;
+      font-size: 12px;
+      color: #7a8a99;
+    }
+
+    .kp-source-panel-list {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      padding: 16px;
+      overflow: auto;
+    }
+
+    .kp-source-panel-empty {
+      color: #7a8a99;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+
+    .kp-source-card {
+      width: 100%;
+      text-align: left;
+      cursor: pointer;
+      appearance: none;
+      border: 1px solid rgba(219, 228, 238, 0.9);
+      border-radius: 16px;
+      background: #ffffff;
+      padding: 14px;
+    }
+
+    .kp-source-card-media {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+    }
+
+    .kp-source-thumb,
+    .kp-source-thumb-large {
+      flex: none;
+      width: 32px;
+      height: 32px;
+      border-radius: 999px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      background: linear-gradient(180deg, #eefcf8 0%, #dff7f2 100%);
+      border: 1px solid rgba(15, 118, 110, 0.18);
+      color: #0f6a75;
+      font-size: 14px;
+      line-height: 1;
+      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
+    }
+
+    .kp-source-thumb-large {
+      width: 42px;
+      height: 42px;
+      font-size: 18px;
+    }
+
+    .kp-source-card-title {
+      font-size: 14px;
+      font-weight: 700;
+      color: #16394b;
+      word-break: break-word;
+    }
+
+    .kp-source-card-meta {
+      margin-top: 8px;
+      font-size: 12px;
+      line-height: 1.5;
+      color: #667a8d;
+      word-break: break-word;
+    }
+
+    .kp-full-page-body {
+      flex: 1;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+      gap: 14px;
+      padding: 42px 28px 18px;
+      background: #ffffff;
+      scroll-behavior: smooth;
+    }
+
+    .kp-full-page-body.kp-conversation-active {
+      padding-top: 24px;
+    }
+
+    .kp-full-page-hero {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+      gap: 22px;
+      padding: 18px 18px 12px;
+      max-width: 880px;
+      width: 100%;
+      margin: 0 auto;
+    }
+
+    .kp-full-page-hero-badge {
+      width: 140px;
+      height: 140px;
+      border-radius: 999px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: radial-gradient(circle at 30% 30%, #f8fdff 0%, #edf8ff 50%, #e4eef8 100%);
+      box-shadow:
+        inset 0 2px 0 rgba(255, 255, 255, 0.9),
+        0 22px 40px rgba(15, 23, 42, 0.08);
+    }
+
+    .kp-star-cluster-static {
+      animation: none;
+    }
+
+    .kp-full-page-hero-text {
+      max-width: 760px;
+      font-size: 26px;
+      line-height: 1.5;
+      font-weight: 700;
+      letter-spacing: -0.03em;
+      color: #374151;
+    }
+
+    .kp-full-page-suggestions {
+      width: min(520px, 100%);
+      margin: auto auto 0;
+    }
+
+    .kp-full-page-footer {
+      flex: none;
+      padding: 0 16px 18px;
+      background: rgba(255, 255, 255, 0.72);
+      border-top: 1px solid rgba(219, 228, 238, 0.75);
+    }
+
+    .kp-full-page-form {
+      max-width: none;
+      min-height: 56px;
+      border-radius: 16px;
+    }
+
+    .kp-full-page-note {
+      font-size: 13px;
+      margin-top: 10px;
+    }
+
+    .kp-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 12px;
+      padding: 18px 18px 8px;
+      background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
+    }
+
+    .kp-toolbar {
+      position: relative;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .kp-tool-button {
+      width: 36px;
+      height: 36px;
+      border: none;
+      border-radius: 12px;
+      background: transparent;
+      color: #0f4f68;
+      cursor: pointer;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0;
+      transition: background 140ms ease;
+    }
+
+    .kp-tool-button:hover {
+      background: rgba(15, 118, 110, 0.08);
+    }
+
+    .kp-pencil-icon {
+      width: 22px;
+      height: 22px;
+      position: relative;
+      display: inline-block;
+    }
+
+    .kp-pencil-icon::before {
+      content: "";
+      position: absolute;
+      width: 14px;
+      height: 2.5px;
+      background: currentColor;
+      border-radius: 999px;
+      transform: rotate(-45deg);
+      top: 3px;
+      right: 1px;
+    }
+
+    .kp-pencil-icon::after {
+      content: "";
+      position: absolute;
+      left: 2px;
+      bottom: 2px;
+      width: 11px;
+      height: 11px;
+      border: 2px solid currentColor;
+      border-radius: 4px;
+    }
+
+    .kp-chevron {
+      font-size: 13px;
+      color: #66839a;
+      transition: transform 160ms ease;
+      margin-left: -2px;
+    }
+
+    .kp-menu-trigger.open .kp-chevron {
+      transform: rotate(180deg);
+    }
+
+    .kp-dropdown {
+      position: absolute;
+      top: 44px;
+      left: 0;
+      width: 184px;
+      background: #ffffff;
+      border: 1px solid rgba(15, 79, 104, 0.12);
+      border-radius: 10px;
+      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
+      padding: 8px;
+      opacity: 0;
+      transform: translateY(-6px);
+      pointer-events: none;
+      transition: opacity 180ms ease, transform 180ms ease;
+      z-index: 2;
+    }
+
+    .kp-rtl .kp-dropdown {
+      left: auto;
+      right: 0;
+    }
+
+    .kp-dropdown.open {
+      opacity: 1;
+      transform: translateY(0);
+      pointer-events: auto;
+    }
+
+    .kp-dropdown-item {
+      width: 100%;
+      border: none;
+      background: transparent;
+      text-align: left;
+      padding: 10px 12px;
+      border-radius: 8px;
+      font-size: 14px;
+      color: var(--kp-text);
+      cursor: pointer;
+    }
+
+    .kp-dropdown-item:hover {
+      background: rgba(15, 118, 110, 0.08);
+    }
+
+    .kp-title-wrap {
+      display: none;
+    }
+
+    .kp-close {
+      border: none;
+      background: transparent;
+      font-size: 24px;
+      line-height: 1;
+      color: var(--kp-muted-text);
+      cursor: pointer;
+      padding: 0;
+    }
+
+    .kp-body {
+      flex: 1;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      padding: 10px 16px 16px;
+      background: linear-gradient(180deg, #ffffff 0%, var(--kp-surface-background) 100%);
+      scroll-behavior: smooth;
+    }
+
+    .kp-body.kp-conversation-active {
+      padding-top: 16px;
+    }
+
+    .kp-panel.kp-sheet-open .kp-body,
+    .kp-panel.kp-sheet-open .kp-footer,
+    .kp-panel.kp-sheet-open .kp-header {
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    .kp-my-chats-sheet {
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      border: none;
+      background: #ffffff;
+      box-shadow: none;
+      display: none;
+      flex-direction: column;
+      z-index: 3;
+      overflow: hidden;
+    }
+
+    .kp-my-chats-sheet.open {
+      display: flex;
+    }
+
+    .kp-my-chats-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 18px 18px 10px;
+      flex: none;
+      background: #ffffff;
+    }
+
+    .kp-my-chats-nav {
+      width: 36px;
+      height: 36px;
+      border: none;
+      border-radius: 999px;
+      background: transparent;
+      color: #61788a;
+      font-size: 22px;
+      line-height: 1;
+      cursor: pointer;
+    }
+
+    .kp-my-chats-body {
+      flex: 1;
+      overflow: auto;
+      padding: 8px 18px 18px;
+      background: #ffffff;
+    }
+
+    .kp-my-chats-section-label {
+      font-size: 14px;
+      line-height: 1.5;
+      color: #7a8a99;
+      margin: 14px 0 10px;
+    }
+
+    .kp-my-chats-list {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .kp-chat-actions {
+      position: relative;
+      flex: none;
+    }
+
+    .kp-chat-actions-trigger {
+      width: 28px;
+      height: 28px;
+      border: none;
+      border-radius: 999px;
+      background: transparent;
+      color: #526678;
+      font-size: 20px;
+      line-height: 1;
+      cursor: pointer;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .kp-chat-actions-menu {
+      position: absolute;
+      top: 30px;
+      inset-inline-end: 0;
+      width: 120px;
+      padding: 8px;
+      border-radius: 10px;
+      border: 1px solid rgba(219, 228, 238, 0.95);
+      background: #ffffff;
+      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
+      display: none;
+      flex-direction: column;
+      gap: 2px;
+      z-index: 20;
+    }
+
+    .kp-chat-actions.open .kp-chat-actions-menu {
+      display: flex;
+    }
+
+    .kp-chat-actions-item {
+      width: 100%;
+      border: none;
+      background: transparent;
+      color: #1f2937;
+      text-align: left;
+      padding: 10px 12px;
+      border-radius: 8px;
+      font-size: 14px;
+      cursor: pointer;
+    }
+
+    .kp-chat-actions-item:hover {
+      background: rgba(241, 245, 249, 0.95);
+    }
+
+    .kp-hero {
+      display: flex;
+      gap: 10px;
+      padding: 4px 2px 8px;
+      align-items: flex-start;
+    }
+
+    .kp-hero-icon {
+      color: #0ea5b7;
+      font-size: 28px;
+      line-height: 1;
+      margin-top: 2px;
+    }
+
+    .kp-hero-text {
+      font-size: 20px;
+      line-height: 1.45;
+      font-weight: 700;
+      color: #374151;
+    }
+
+    .kp-message-row {
+      display: flex;
+      align-items: flex-start;
+      gap: 10px;
+      width: 100%;
+    }
+
+    .kp-message-row.user {
+      justify-content: flex-end;
+    }
+
+    .kp-avatar {
+      flex: none;
+      width: 36px;
+      height: 36px;
+      border-radius: 999px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 13px;
+      font-weight: 700;
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
+    }
+
+    .kp-avatar.bot {
+      background: linear-gradient(180deg, #e8fbff 0%, #dff7f2 100%);
+      color: #0f6a75;
+      border: 1px solid rgba(15, 118, 110, 0.16);
+    }
+
+    .kp-avatar.user {
+      background: linear-gradient(180deg, #fff4ee 0%, #fbe3d5 100%);
+      color: #8c4b1f;
+      border: 1px solid rgba(180, 102, 43, 0.16);
+    }
+
+    .kp-bubble {
+      max-width: min(85%, 720px);
+      padding: 14px 16px;
+      border-radius: 20px;
+      font-size: 14px;
+      line-height: 1.65;
+      border: 1px solid var(--kp-border-color);
+      background: #ffffff;
+      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
+    }
+
+    .kp-bubble.user {
+      background: linear-gradient(180deg, #fff8f3 0%, #fdf1e8 100%);
+      border-color: rgba(222, 184, 135, 0.34);
+    }
+
+    .kp-bubble.bot {
+      background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
+    }
+
+    .kp-bubble-content {
+      color: var(--kp-text);
+      white-space: normal;
+      word-break: break-word;
+    }
+
+    .kp-bubble-content p,
+    .kp-bubble-content ul,
+    .kp-bubble-content ol,
+    .kp-bubble-content table,
+    .kp-bubble-content blockquote {
+      margin: 0;
+    }
+
+    .kp-bubble-content p + p,
+    .kp-bubble-content p + ul,
+    .kp-bubble-content p + ol,
+    .kp-bubble-content ul + p,
+    .kp-bubble-content ol + p,
+    .kp-bubble-content .kp-table-wrap + p,
+    .kp-bubble-content p + .kp-table-wrap,
+    .kp-bubble-content h1 + p,
+    .kp-bubble-content h2 + p,
+    .kp-bubble-content h3 + p {
+      margin-top: 12px;
+    }
+
+    .kp-bubble-content h1,
+    .kp-bubble-content h2,
+    .kp-bubble-content h3,
+    .kp-bubble-content h4,
+    .kp-bubble-content h5,
+    .kp-bubble-content h6 {
+      margin: 0 0 10px;
+      font-size: 16px;
+      line-height: 1.4;
+      color: #16394b;
+    }
+
+    .kp-bubble-content ul,
+    .kp-bubble-content ol {
+      padding-inline-start: 20px;
+    }
+
+    .kp-bubble-content code {
+      padding: 2px 6px;
+      border-radius: 8px;
+      background: rgba(226, 232, 240, 0.66);
+      font-size: 0.92em;
+    }
+
+    .kp-bubble-content a {
+      color: #0f6a75;
+      text-decoration: underline;
+    }
+
+    .kp-table-wrap {
+      overflow-x: auto;
+      margin-top: 8px;
+    }
+
+    .kp-bubble-content table {
+      width: 100%;
+      border-collapse: collapse;
+      border: 1px solid rgba(203, 213, 225, 0.95);
+      border-radius: 14px;
+      overflow: hidden;
+      background: #ffffff;
+    }
+
+    .kp-bubble-content th,
+    .kp-bubble-content td {
+      padding: 10px 12px;
+      border-bottom: 1px solid rgba(226, 232, 240, 0.95);
+      border-inline-end: 1px solid rgba(226, 232, 240, 0.95);
+      vertical-align: top;
+      text-align: start;
+    }
+
+    .kp-bubble-content tr:last-child td {
+      border-bottom: none;
+    }
+
+    .kp-bubble-content th:last-child,
+    .kp-bubble-content td:last-child {
+      border-inline-end: none;
+    }
+
+    .kp-bubble-content th {
+      background: #f4fbfc;
+      color: #16394b;
+      font-weight: 700;
+    }
+
+    .kp-meta {
+      font-size: 11px;
+      line-height: 1.4;
+      color: var(--kp-muted-text);
+      margin-top: 10px;
+    }
+
+    .kp-source-preview {
+      margin-top: 10px;
+      padding: 12px;
+      border-radius: 16px;
+      border: 1px solid rgba(219, 228, 238, 0.88);
+      background: #ffffff;
+    }
+
+    .kp-source-preview-title {
+      font-size: 12px;
+      font-weight: 700;
+      color: #16394b;
+      margin-bottom: 8px;
+    }
+
+    .kp-source-preview-list {
+      display: flex;
+      flex-wrap: nowrap;
+      gap: 8px;
+      overflow-x: auto;
+    }
+
+    .kp-source-chip {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      border: 1px solid rgba(15, 118, 110, 0.16);
+      background: #ffffff;
+      color: #0f4f68;
+      border-radius: 999px;
+      padding: 8px 12px;
+      cursor: pointer;
+      font-size: 12px;
+      line-height: 1.3;
+      max-width: 100%;
+      min-width: 0;
+    }
+
+    .kp-source-chip-more {
+      background: rgba(236, 254, 255, 0.9);
+    }
+
+    .kp-source-chip-label {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .kp-source-thumb-stack {
+      display: inline-flex;
+      align-items: center;
+      margin-inline-end: 2px;
+    }
+
+    .kp-source-thumb.stacked {
+      margin-inline-end: -10px;
+      background: #ffffff;
+    }
+
+    .kp-message-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-top: 10px;
+    }
+
+    .kp-message-action {
+      border: 1px solid rgba(219, 228, 238, 0.9);
+      background: #ffffff;
+      color: #4b6478;
+      border-radius: 999px;
+      padding: 7px 10px;
+      cursor: pointer;
+      font-size: 12px;
+      line-height: 1;
+    }
+
+    .kp-message-action.active {
+      color: #0f6a75;
+      border-color: rgba(15, 118, 110, 0.3);
+      background: rgba(236, 254, 255, 0.92);
+    }
+
+    .kp-suggestions {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-top: auto;
+    }
+
+    .kp-suggestion {
+      border: 1px solid rgba(15, 118, 110, 0.18);
+      background: rgba(247, 251, 255, 0.92);
+      color: var(--kp-text);
+      border-radius: 999px;
+      padding: 11px 14px;
+      cursor: pointer;
+      text-align: left;
+      font-size: 14px;
+      line-height: 1.35;
+    }
+
+    .kp-footer {
+      padding: 10px 16px 12px;
+      border-top: 1px solid rgba(219, 228, 238, 0.85);
+      background: #ffffff;
+    }
+
+    .kp-form {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      border: 1px solid var(--kp-border-color);
+      border-radius: 16px;
+      padding: 10px 12px;
+      background: #ffffff;
+    }
+
+    .kp-rtl .kp-form {
+      flex-direction: row-reverse;
+    }
+
+    .kp-input {
+      flex: 1;
+      border: none;
+      outline: none;
+      box-shadow: none;
+      background: transparent;
+      color: var(--kp-text);
+      font-size: 14px;
+      line-height: 1.5;
+      min-width: 0;
+      appearance: none;
+    }
+
+    .kp-input:focus,
+    .kp-input:focus-visible,
+    .kp-input:active {
+      border: none;
+      outline: none;
+      box-shadow: none;
+    }
+
+    .kp-send {
+      width: 40px;
+      height: 40px;
+      border: none;
+      border-radius: 999px;
+      background: #e4f1f8;
+      color: var(--kp-accent);
+      cursor: pointer;
+      font-size: 20px;
+      line-height: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex: none;
+    }
+
+    .kp-rtl .kp-send {
+      transform: scaleX(-1);
+    }
+
+    .kp-note {
+      margin-top: 8px;
+      text-align: center;
+      font-size: 11px;
+      line-height: 1.4;
+      color: var(--kp-muted-text);
+    }
+
+    .kp-loading {
+      font-size: 13px;
+      line-height: 1.4;
+      color: var(--kp-muted-text);
+      padding: 4px 2px;
+    }
+
+    @media (max-width: 1100px) {
+      .kp-full-page-content:has(.kp-source-panel.open) {
+        grid-template-columns: 260px minmax(0, 1fr);
+      }
+
+      .kp-source-panel.open {
+        position: absolute;
+        inset-inline-end: 28px;
+        top: 92px;
+        bottom: 26px;
+        width: min(320px, calc(100vw - 56px));
+        z-index: 3;
+      }
+    }
+
+    @media (max-width: 860px) {
+      .kp-full-page-content,
+      .kp-full-page-content:has(.kp-source-panel.open) {
+        grid-template-columns: 1fr;
+      }
+
+      .kp-full-page-sidebar {
+        max-height: 260px;
+      }
+
+      .kp-full-page-embedded .kp-full-page-sidebar {
+        max-height: none;
+      }
+
+      .kp-source-panel.open {
+        position: static;
+        inset: auto;
+        width: auto;
+        max-height: 280px;
+      }
+    }
+
+    @media (max-width: 640px) {
+      .kp-chat-widget,
+      .kp-chat-widget.bottom-left {
+        left: auto;
+        right: 16px;
+        bottom: 16px;
+      }
+
+      .kp-chat-widget.kp-chat-widget-embedded,
+      .kp-chat-widget.kp-chat-widget-embedded.bottom-left {
+        left: auto;
+        right: auto;
+        bottom: auto;
+      }
+
+      .kp-panel,
+      .kp-chat-widget.bottom-left .kp-panel {
+        inset: 0;
+        width: 100vw;
+        height: 100vh;
+        border-radius: 0;
+        transform: translateX(72px) scale(0.985);
+        transform-origin: center right;
+      }
+
+      .kp-panel.open {
+        transform: translateX(0) scale(1);
+      }
+
+      .kp-full-page-shell {
+        padding: 14px;
+      }
+
+      .kp-full-page-embedded .kp-full-page-shell {
+        padding: 0;
+      }
+
+      .kp-full-page-header {
+        padding: 0;
+      }
+
+      .kp-full-page-body {
+        padding: 24px 16px 16px;
+      }
+
+      .kp-full-page-hero-badge {
+        width: 112px;
+        height: 112px;
+      }
+
+      .kp-full-page-hero-text {
+        font-size: 22px;
+      }
+
+      .kp-message-row {
+        gap: 8px;
+      }
+
+      .kp-avatar {
+        width: 32px;
+        height: 32px;
+      }
+
+      .kp-bubble {
+        max-width: calc(100% - 40px);
+      }
+    }
+
+    @keyframes kp-cluster-rotate {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+
+    @keyframes kp-main-pulse {
+      0%, 100% { transform: translate(-50%, -50%) scale(0.82); opacity: 0.45; }
+      38% { transform: translate(-50%, -50%) scale(1.04); opacity: 1; }
+      60% { transform: translate(-50%, -50%) scale(0.94); opacity: 0.88; }
+    }
+
+    @keyframes kp-orbit-a {
+      0%, 100% { transform: translate(-50%, 0) scale(1); opacity: 1; }
+      40% { transform: translate(-50%, 17px) scale(0.92); opacity: 0.96; }
+      62% { transform: translate(-50%, 2px) scale(1); opacity: 0.98; }
+    }
+
+    @keyframes kp-orbit-b {
+      0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
+      40% { transform: translate(-16px, -13px) scale(0.92); opacity: 0.96; }
+      62% { transform: translate(-2px, -2px) scale(1); opacity: 0.98; }
+    }
+
+    @keyframes kp-orbit-c {
+      0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
+      40% { transform: translate(16px, -13px) scale(0.92); opacity: 0.96; }
+      62% { transform: translate(2px, -2px) scale(1); opacity: 0.98; }
+    }
+
+    /* In-Widget Premium Document Preview Overlay Styles */
+    .kp-citation-overlay {
+      position: fixed;
+      inset: 0;
+      background: #f8fafc;
+      color: #1f2937;
+      display: flex;
+      flex-direction: column;
+      opacity: 0;
+      pointer-events: none;
+      transform: translateY(18px);
+      transition: opacity 260ms ease, transform 320ms ease;
+      z-index: 100000;
+      overflow: hidden;
+      box-sizing: border-box;
+    }
+
+    .kp-chat-widget-embedded .kp-citation-overlay {
+      position: absolute;
+      inset: 0;
+      z-index: 100000;
+    }
+
+    .kp-citation-overlay.open {
+      opacity: 1;
+      pointer-events: auto;
+      transform: translateY(0);
+    }
+
+    .kp-citation-overlay-header {
+      background: #ffffff;
+      border-bottom: 1px solid rgba(226, 232, 240, 0.8);
+      height: 64px;
+      display: flex;
+      align-items: center;
+      padding: 0 24px;
+      justify-content: space-between;
+      flex: none;
+      box-sizing: border-box;
+    }
+
+    .kp-citation-overlay-brand {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      font-weight: 600;
+      font-size: 16px;
+      color: #0f766e;
+    }
+
+    .kp-citation-overlay-brand-logo {
+      font-size: 20px;
+    }
+
+    .kp-citation-overlay-close {
+      width: 40px;
+      height: 40px;
+      border: none;
+      border-radius: 14px;
+      background: rgba(255, 255, 255, 0.82);
+      color: #61788a;
+      font-size: 24px;
+      line-height: 1;
+      cursor: pointer;
+      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 140ms ease;
+    }
+
+    .kp-citation-overlay-close:hover {
+      background: rgba(15, 118, 110, 0.08);
+    }
+
+    .kp-citation-overlay-content {
+      display: grid;
+      grid-template-columns: 380px minmax(0, 1fr);
+      flex: 1;
+      overflow: hidden;
+      align-items: stretch;
+      box-sizing: border-box;
+    }
+
+    .kp-citation-overlay-metadata-panel {
+      background: #ffffff;
+      border-right: 1px solid #e2e8f0;
+      padding: 32px 24px;
+      overflow-y: auto;
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+      box-sizing: border-box;
+    }
+
+    .kp-citation-overlay-viewer-panel {
+      flex: 1;
+      background: #f1f5f9;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      box-sizing: border-box;
+    }
+
+    .doc-badge-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    .doc-icon {
+      background: #ecfeff;
+      color: #0f766e;
+      width: 48px;
+      height: 48px;
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+      font-weight: bold;
+    }
+
+    .doc-badge-info h2 {
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      color: #64748b;
+      font-weight: 600;
+      margin: 0;
+    }
+
+    .doc-title-section h1 {
+      font-size: 18px;
+      font-weight: 700;
+      line-height: 1.4;
+      color: #0f172a;
+      margin: 8px 0 0;
+    }
+
+    .doc-source-type {
+      font-size: 12px;
+      color: #64748b;
+      margin-top: 4px;
+    }
+
+    .section-divider {
+      height: 1px;
+      background: #e2e8f0;
+    }
+
+    .meta-section-title {
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      color: #0f766e;
+      font-weight: 600;
+      margin-bottom: 12px;
+    }
+
+    .summary-box {
+      background: #f8fafc;
+      border: 1px solid #e2e8f0;
+      border-radius: 12px;
+      padding: 16px;
+      font-size: 13.5px;
+      line-height: 1.6;
+      color: #374151;
+      white-space: pre-wrap;
+    }
+
+    .meta-list {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .meta-item {
+      display: flex;
+      justify-content: space-between;
+      font-size: 13px;
+      line-height: 1.5;
+      border-bottom: 1px dashed #f1f5f9;
+      padding-bottom: 8px;
+    }
+
+    .meta-label {
+      color: #64748b;
+      font-weight: 500;
+    }
+
+    .meta-value {
+      color: #1f2937;
+      font-weight: 600;
+      text-align: right;
+      max-width: 200px;
+      word-wrap: break-word;
+    }
+
+    .viewer-toolbar {
+      background: #0f172a;
+      color: #ffffff;
+      height: 48px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 20px;
+      font-size: 13px;
+      flex: none;
+      box-sizing: border-box;
+    }
+
+    .toolbar-left {
+      font-weight: 500;
+      max-width: 300px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .toolbar-center {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    .page-indicator {
+      background: rgba(255, 255, 255, 0.15);
+      padding: 4px 10px;
+      border-radius: 6px;
+      font-weight: 500;
+    }
+
+    .toolbar-btn {
+      background: transparent;
+      border: none;
+      color: #e2e8f0;
+      cursor: pointer;
+      padding: 4px 12px;
+      border-radius: 6px;
+      font-size: 13px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: all 0.2s;
+      font-weight: 500;
+    }
+
+    .toolbar-btn:hover {
+      background: rgba(255, 255, 255, 0.1);
+      color: #ffffff;
+    }
+
+    .toolbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .viewer-body {
+      flex: 1;
+      overflow: auto;
+      padding: 40px;
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+      box-sizing: border-box;
+    }
+
+    .document-sheet {
+      background: #ffffff;
+      width: 100%;
+      max-width: 800px;
+      min-height: 1000px;
+      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+      border-radius: 4px;
+      padding: 60px 50px;
+      display: flex;
+      flex-direction: column;
+      position: relative;
+      transition: transform 0.2s ease;
+      transform-origin: top center;
+      box-sizing: border-box;
+    }
+
+    .sheet-header {
+      border-bottom: 2px solid #0f766e;
+      padding-bottom: 15px;
+      margin-bottom: 30px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 11px;
+      color: #64748b;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      font-weight: 600;
+    }
+
+    .sheet-content {
+      font-size: 14.5px;
+      line-height: 1.8;
+      color: #27272a;
+      white-space: pre-wrap;
+      flex: 1;
+      font-family: 'Inter', sans-serif;
+      text-align: left;
+    }
+
+    .sheet-footer {
+      border-top: 1px solid #e2e8f0;
+      padding-top: 15px;
+      margin-top: 40px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 11px;
+      color: #64748b;
+    }
+
+    .kp-citation-overlay iframe {
+      width: 100%;
+      height: 100%;
+      border: none;
+    }
+
+    @media (max-width: 860px) {
+      .kp-citation-overlay-content {
+        grid-template-columns: 1fr;
+        overflow-y: auto;
+      }
+      
+      .kp-citation-overlay-metadata-panel {
+        border-right: none;
+        border-bottom: 1px solid #e2e8f0;
+        padding: 20px 16px;
+      }
+
+      .viewer-body {
+        padding: 20px;
+      }
+
+      .document-sheet {
+        padding: 30px 20px;
+        min-height: auto;
+      }
+    }
+  `}var Pt={en:{openChatActions:"Open chat actions",newChat:"New Chat",myChats:"My Chats",openAssistant:"Open Knowledge Assistant",back:"Back",close:"Close",assistantBadge:"Knowledge Assistant",closeAssistantPage:"Close knowledge assistant page",searchChat:"Search Chat",recentActivity:"Recent Activity",pinnedCollections:"Pinned Collections",answersBasedOnPermissions:"Answers are generated based on your access permissions",authTokenForwarded:"Auth token is forwarded from the host app when configured.",thinking:"Thinking...",unableToCreateChat:"Unable to create chat",requestFailed:"Request failed",noRecentChats:"No recent chats yet.",noPinnedChats:"No pinned chats yet.",noChats:"No chats yet.",loadingChats:"Loading chats...",pinChat:"Pin chat",unpinChat:"Unpin chat",renameChat:"Rename",deleteChat:"Delete",chatActions:"Chat actions",renamePrompt:"Enter a new chat name",citationsAttached:e=>`${e} citation${e>1?"s":""} attached`,sourcesUsed:"Sources Used",allSourcesUsed:"All Sources Used",documentsAndReferences:"AI documents and references",showAll:"Show All",noSources:"No sources were returned for this answer.",closeSourcesPanel:"Close sources panel",openSource:"Open source",sourceScore:"Score",sourcePage:"Page",sourceSheet:"Sheet",sourceRow:"Row",sourceKnowledge:"Knowledge Base",untitledSource:"Untitled Source",copy:"Copy",copied:"Copied",helpful:"Helpful",notHelpful:"Needs work",send:"Send message",assistantAvatar:"Assistant",userAvatar:"User"},ar:{openChatActions:"\u0641\u062A\u062D \u0625\u062C\u0631\u0627\u0621\u0627\u062A \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629",newChat:"\u0645\u062D\u0627\u062F\u062B\u0629 \u062C\u062F\u064A\u062F\u0629",myChats:"\u0645\u062D\u0627\u062F\u062B\u0627\u062A\u064A",openAssistant:"\u0641\u062A\u062D \u0645\u0633\u0627\u0639\u062F \u0627\u0644\u0645\u0639\u0631\u0641\u0629",back:"\u0631\u062C\u0648\u0639",close:"\u0625\u063A\u0644\u0627\u0642",assistantBadge:"\u0645\u0633\u0627\u0639\u062F \u0627\u0644\u0645\u0639\u0631\u0641\u0629",closeAssistantPage:"\u0625\u063A\u0644\u0627\u0642 \u0635\u0641\u062D\u0629 \u0645\u0633\u0627\u0639\u062F \u0627\u0644\u0645\u0639\u0631\u0641\u0629",searchChat:"\u0627\u0628\u062D\u062B \u0641\u064A \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0627\u062A",recentActivity:"\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0623\u062E\u064A\u0631",pinnedCollections:"\u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0627\u062A \u0627\u0644\u0645\u062B\u0628\u062A\u0629",answersBasedOnPermissions:"\u064A\u062A\u0645 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0625\u062C\u0627\u0628\u0627\u062A \u0628\u0646\u0627\u0621\u064B \u0639\u0644\u0649 \u0635\u0644\u0627\u062D\u064A\u0627\u062A \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643",authTokenForwarded:"\u064A\u062A\u0645 \u062A\u0645\u0631\u064A\u0631 \u0631\u0645\u0632 \u0627\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u0645\u0636\u064A\u0641 \u0639\u0646\u062F \u0627\u0644\u0625\u0639\u062F\u0627\u062F.",thinking:"\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u0641\u0643\u064A\u0631...",unableToCreateChat:"\u062A\u0639\u0630\u0631 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629",requestFailed:"\u0641\u0634\u0644 \u0627\u0644\u0637\u0644\u0628",noRecentChats:"\u0644\u0627 \u062A\u0648\u062C\u062F \u0645\u062D\u0627\u062F\u062B\u0627\u062A \u062D\u062F\u064A\u062B\u0629 \u0628\u0639\u062F.",noPinnedChats:"\u0644\u0627 \u062A\u0648\u062C\u062F \u0645\u062D\u0627\u062F\u062B\u0627\u062A \u0645\u062B\u0628\u062A\u0629 \u0628\u0639\u062F.",noChats:"\u0644\u0627 \u062A\u0648\u062C\u062F \u0645\u062D\u0627\u062F\u062B\u0627\u062A \u0628\u0639\u062F.",loadingChats:"\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0627\u062A...",pinChat:"\u062A\u062B\u0628\u064A\u062A \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629",unpinChat:"\u0625\u0644\u063A\u0627\u0621 \u062A\u062B\u0628\u064A\u062A \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629",renameChat:"\u0625\u0639\u0627\u062F\u0629 \u062A\u0633\u0645\u064A\u0629",deleteChat:"\u062D\u0630\u0641",chatActions:"\u0625\u062C\u0631\u0627\u0621\u0627\u062A \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629",renamePrompt:"\u0623\u062F\u062E\u0644 \u0627\u0633\u0645\u064B\u0627 \u062C\u062F\u064A\u062F\u064B\u0627 \u0644\u0644\u0645\u062D\u0627\u062F\u062B\u0629",citationsAttached:e=>`\u062A\u0645 \u0625\u0631\u0641\u0627\u0642 ${e} \u0645\u0631\u062C\u0639${e>1?"\u0627\u062A":""}`,sourcesUsed:"\u0627\u0644\u0645\u0635\u0627\u062F\u0631 \u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645\u0629",allSourcesUsed:"\u0643\u0644 \u0627\u0644\u0645\u0635\u0627\u062F\u0631 \u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645\u0629",documentsAndReferences:"\u0645\u0633\u062A\u0646\u062F\u0627\u062A \u0648\u0645\u0631\u0627\u062C\u0639 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A",showAll:"\u0639\u0631\u0636 \u0627\u0644\u0643\u0644",noSources:"\u0644\u0645 \u064A\u062A\u0645 \u0625\u0631\u062C\u0627\u0639 \u0645\u0635\u0627\u062F\u0631 \u0644\u0647\u0630\u0647 \u0627\u0644\u0625\u062C\u0627\u0628\u0629.",closeSourcesPanel:"\u0625\u063A\u0644\u0627\u0642 \u0644\u0648\u062D\u0629 \u0627\u0644\u0645\u0635\u0627\u062F\u0631",openSource:"\u0641\u062A\u062D \u0627\u0644\u0645\u0635\u062F\u0631",sourceScore:"\u0627\u0644\u062F\u0631\u062C\u0629",sourcePage:"\u0627\u0644\u0635\u0641\u062D\u0629",sourceSheet:"\u0627\u0644\u0648\u0631\u0642\u0629",sourceRow:"\u0627\u0644\u0635\u0641",sourceKnowledge:"\u0642\u0627\u0639\u062F\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629",untitledSource:"\u0645\u0635\u062F\u0631 \u0628\u062F\u0648\u0646 \u0639\u0646\u0648\u0627\u0646",copy:"\u0646\u0633\u062E",copied:"\u062A\u0645 \u0627\u0644\u0646\u0633\u062E",helpful:"\u0645\u0641\u064A\u062F",notHelpful:"\u064A\u062D\u062A\u0627\u062C \u062A\u062D\u0633\u064A\u0646",send:"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629",assistantAvatar:"\u0627\u0644\u0645\u0633\u0627\u0639\u062F",userAvatar:"\u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645"}};function Kn(e){if(typeof document>"u")throw new Error("Chat widget can only be initialized in a browser.");let t=wt(e),o=$e(t.locale),n=bn(t.locale),r=xn(o),l=t.displayMode==="embedded",i={chatId:be(t),open:!1,fullPageOpen:l,myChatsOpen:!1,accessTokenProvider:t.getAccessToken,historyLoadedChatId:null,menuOpen:!1,chats:[],chatSearchTerm:"",loadingChats:!1,sourcePanelOpen:!1,sourcePanelTitle:null},p=document.createElement("div");p.dataset.chatWidgetHost="true",t.mount.appendChild(p);let c=p.attachShadow({mode:"open"});Lt(c,t.theme);let u=a("div",`kp-chat-widget ${t.position}`);u.lang=o,u.dir=r?"rtl":"ltr",l&&(u.classList.add("kp-chat-widget-embedded"),Et(!0)),r&&u.classList.add("kp-rtl");let g=a("div","kp-overlay"),f=a("button","kp-launcher");f.type="button",f.setAttribute("aria-label",t.launcherAriaLabel),f.innerHTML=['<span class="kp-star-cluster" aria-hidden="true">','<span class="kp-star orbit-a">\u2726</span>','<span class="kp-star orbit-b">\u2726</span>','<span class="kp-star orbit-c">\u2726</span>','<span class="kp-star main">\u2726</span>',"</span>"].join("");let h=a("section","kp-panel");h.setAttribute("role","dialog"),h.setAttribute("aria-modal","true"),h.setAttribute("aria-label",t.title);let v=a("div","kp-header"),P=a("div","kp-toolbar"),b=a("button","kp-tool-button kp-menu-trigger");b.type="button",b.setAttribute("aria-label",n.openChatActions),b.innerHTML=['<span class="kp-pencil-icon" aria-hidden="true"></span>','<span class="kp-chevron" aria-hidden="true">\u2304</span>'].join("");let y=a("div","kp-dropdown"),x=a("button","kp-dropdown-item",n.newChat);x.type="button";let U=a("button","kp-dropdown-item",n.myChats);U.type="button";let w=a("button","kp-dropdown-item",n.openAssistant);w.type="button",y.append(x,U,w),P.append(b,y);let Me=a("div","kp-title-wrap"),zt=a("h2","kp-title",t.title),$t=a("div","kp-subtitle",t.subtitle);Me.append(zt,$t);let ie=a("button","kp-close","\xD7");ie.type="button",ie.setAttribute("aria-label",t.closeAriaLabel),v.append(P,Me,ie);let re=a("div","kp-body"),xe=a("div","kp-hero"),Ht=a("div","kp-hero-icon","\u2726"),Mt=a("div","kp-hero-text",t.welcomeMessage);xe.append(Ht,Mt);let Ne=a("div","kp-footer"),ke=a("form","kp-form"),z=a("input","kp-input");z.type="text",z.autocomplete="off",z.placeholder=t.inputPlaceholder,z.setAttribute("aria-label",t.inputPlaceholder);let ye=a("button","kp-send","\u279C");ye.type="submit",ye.setAttribute("aria-label",n.send);let Nt=a("div","kp-note",n.authTokenForwarded);ke.append(z,ye),Ne.append(ke,Nt),h.append(v,re,Ne),l||u.append(g,f,h),c.appendChild(u),re.appendChild(xe);let Oe=a("div","kp-suggestions");re.appendChild(Oe);let le=a("section","kp-my-chats-sheet"),Ue=a("div","kp-my-chats-header"),pe=a("button","kp-my-chats-nav","\u2190");pe.type="button",pe.setAttribute("aria-label",n.back);let ce=a("button","kp-my-chats-nav kp-my-chats-close","\xD7");ce.type="button",ce.setAttribute("aria-label",n.close),Ue.append(pe,ce);let Be=a("div","kp-my-chats-body"),Ot=a("div","kp-my-chats-section-label",n.recentActivity),je=a("div","kp-my-chats-list"),Ut=a("div","kp-my-chats-section-label",n.pinnedCollections),De=a("div","kp-my-chats-list");Be.append(Ot,je,Ut,De),le.append(Ue,Be),h.appendChild(le);let E={body:re,input:z,suggestions:Oe,hero:xe,kind:"panel"},A=a("section","kp-full-page");l&&A.classList.add("kp-full-page-embedded","open"),A.setAttribute("role","dialog"),l||A.setAttribute("aria-modal","true"),A.setAttribute("aria-label",`${t.title} page`);let We=a("div","kp-full-page-shell"),ve=a("div","kp-full-page-header"),qe=a("div","kp-full-page-brand"),Bt=a("div","kp-full-page-brand-mark","\u2726"),jt=a("div","kp-full-page-brand-text",t.title);qe.append(Bt,jt);let Ve=a("div","kp-full-page-header-actions"),Dt=a("div","kp-full-page-badge",n.assistantBadge),de=a("button","kp-full-page-close","\xD7");de.type="button",de.setAttribute("aria-label",n.closeAssistantPage),Ve.append(Dt,de),ve.append(qe,Ve),t.embedded.showHeader||ve.classList.add("kp-hidden");let Fe=a("div","kp-full-page-content"),_e=a("aside","kp-full-page-sidebar"),we=a("button","kp-full-page-new-chat",`+ ${n.newChat}`);we.type="button";let Ke=a("div","kp-full-page-search"),Z=a("input","kp-full-page-search-input");Z.type="search",Z.placeholder=n.searchChat;let Wt=a("span","kp-full-page-search-icon","\u2315");Ke.append(Z,Wt);let qt=a("div","kp-full-page-section-label",n.recentActivity),Ye=a("div","kp-full-page-recent-list"),Vt=a("div","kp-full-page-section-label",n.pinnedCollections),Xe=a("div","kp-full-page-pinned-list");_e.append(we,Ke,qt,Ye,Vt,Xe);let Je=a("main","kp-full-page-main"),Qe=a("section","kp-full-page-panel"),Ce=a("div","kp-full-page-body"),Le=a("div","kp-full-page-hero"),Ge=a("div","kp-full-page-hero-badge");Ge.innerHTML=['<span class="kp-star-cluster kp-star-cluster-static" aria-hidden="true">','<span class="kp-star orbit-a">\u2726</span>','<span class="kp-star orbit-b">\u2726</span>','<span class="kp-star orbit-c">\u2726</span>','<span class="kp-star main">\u2726</span>',"</span>"].join("");let Ft=a("div","kp-full-page-hero-text",t.welcomeMessage);Le.append(Ge,Ft);let Ze=a("div","kp-suggestions kp-full-page-suggestions");Ce.append(Le,Ze);let et=a("div","kp-full-page-footer"),Pe=a("form","kp-form kp-full-page-form"),T=a("input","kp-input kp-full-page-input");T.type="text",T.autocomplete="off",T.placeholder=t.inputPlaceholder,T.setAttribute("aria-label",t.inputPlaceholder);let Ae=a("button","kp-send kp-full-page-send","\u279C");Ae.type="submit",Ae.setAttribute("aria-label",n.send);let _t=a("div","kp-note kp-full-page-note",n.answersBasedOnPermissions);Pe.append(T,Ae),et.append(Pe,_t),Qe.append(Ce,et),Je.appendChild(Qe);let ue=a("aside","kp-source-panel"),tt=a("div","kp-source-panel-header"),nt=a("div","kp-source-panel-title-wrap"),at=a("div","kp-source-panel-title",n.allSourcesUsed),Kt=a("div","kp-source-panel-subtitle",n.documentsAndReferences);nt.append(at,Kt);let ge=a("button","kp-source-panel-close","\xD7");ge.type="button",ge.setAttribute("aria-label",n.closeSourcesPanel),tt.append(nt,ge);let ee=a("div","kp-source-panel-list"),Yt=a("div","kp-source-panel-empty",n.noSources);ee.appendChild(Yt),ue.append(tt,ee),Fe.append(_e,Je,ue),We.append(ve,Fe),A.appendChild(We),u.appendChild(A);let te=a("div","kp-citation-overlay");u.appendChild(te);let C={body:Ce,input:T,suggestions:Ze,hero:Le,kind:"full-page"},B=()=>({...t,getAccessToken:i.accessTokenProvider}),ot=async()=>{if(!t.getUserContext)return null;try{let s=await t.getUserContext();return s?.displayName?.trim()||s?.email?.trim()||s?.userId?.trim()||null}catch{return null}},F=s=>{let d=He(s)??n.untitledSource,m=(s.text||"").trim(),S=m,L=m.split(`
+`);if(L.length>1&&L[0]){let N=L[0].trim().replace(/\s*\|\s*Page\s*\d+\s*$/i,"").trim();N&&(N===d||d.indexOf(N)!==-1||N.indexOf(d)!==-1)&&(S=L.slice(1).join(`
+`).trim())}let I=Tn(s.sourceDocument),W=[];(s.pageNumber||s.pageNumber===0)&&W.push(`
+        <div class="meta-item">
+          <span class="meta-label">Page Number</span>
+          <span class="meta-value">${s.pageNumber}</span>
+        </div>
+      `),typeof s.score=="number"&&W.push(`
+        <div class="meta-item">
+          <span class="meta-label">Relevance Score</span>
+          <span class="meta-value">${s.score.toFixed(2)}</span>
+        </div>
+      `),s.sheetName&&W.push(`
+        <div class="meta-item">
+          <span class="meta-label">Sheet Name</span>
+          <span class="meta-value">${O(s.sheetName)}</span>
+        </div>
+      `),(s.rowNumber||s.rowNumber===0)&&W.push(`
+        <div class="meta-item">
+          <span class="meta-label">Row Number</span>
+          <span class="meta-value">${s.rowNumber}</span>
+        </div>
+      `),s.knowledgeName&&W.push(`
+        <div class="meta-item">
+          <span class="meta-label">Database Source</span>
+          <span class="meta-value">${O(s.knowledgeName)}</span>
+        </div>
+      `),W.push(`
+      <div class="meta-item">
+        <span class="meta-label">Classification</span>
+        <span class="meta-value">Uploaded Knowledge</span>
+      </div>
+      <div class="meta-item">
+        <span class="meta-label">Confidentiality</span>
+        <span class="meta-value" style="color: #0f766e;">Public</span>
+      </div>
+      <div class="meta-item">
+        <span class="meta-label">Language</span>
+        <span class="meta-value">English</span>
+      </div>
+    `);let an=W.join(""),on=S?O(S):"No text snippet available for this citation.",sn=`
+      <div class="doc-badge-wrapper">
+        <div class="doc-icon">\u{1F4C4}</div>
+        <div class="doc-badge-info">
+          <h2>Document Citation</h2>
+        </div>
+      </div>
+      
+      <div class="doc-title-section">
+        <h1>${O(d)}</h1>
+        <div class="doc-source-type">Uploaded Knowledge Resource</div>
+      </div>
+      
+      <div class="section-divider"></div>
+      
+      <div>
+        <h3 class="meta-section-title">Retrieved Passage Snippet</h3>
+        <div class="summary-box">${on}</div>
+      </div>
+      
+      <div class="section-divider"></div>
+      
+      <div>
+        <h3 class="meta-section-title">Metadata & Classification</h3>
+        <div class="meta-list">
+          ${an}
+        </div>
+      </div>
+    `,Ee="";I?Ee=`<iframe src="${I}" title="Document Viewer"></iframe>`:Ee=`
+        <div class="viewer-toolbar">
+          <div class="toolbar-left">${O(d)}</div>
+          <div class="toolbar-center">
+            <button class="toolbar-btn zoom-out-btn">\u2212</button>
+            <span class="page-indicator">Page ${s.pageNumber||1}</span>
+            <button class="toolbar-btn zoom-in-btn">+</button>
+          </div>
+          <div class="toolbar-right">
+            <button class="toolbar-btn print-btn">\u{1F5A8}\uFE0F Print</button>
+          </div>
+        </div>
+        <div class="viewer-body">
+          <div class="document-sheet">
+            <div class="sheet-header">
+              <span>${O(d)}</span>
+              <span>Page ${s.pageNumber||1}</span>
+            </div>
+            <div class="sheet-content">${O(m||"No document content retrieved.")}</div>
+            <div class="sheet-footer">
+              <span>Confidentiality: Public</span>
+              <span>Knowledge Platform CB</span>
+            </div>
+          </div>
+        </div>
+      `,te.textContent="";let dt=a("header","kp-citation-overlay-header"),ut=a("div","kp-citation-overlay-brand");ut.innerHTML=`
+      <span class="kp-citation-overlay-brand-logo">\u2726</span>
+      <span>Knowledge Assistant Document Viewer</span>
+    `;let he=a("button","kp-citation-overlay-close","\xD7");he.type="button",he.setAttribute("aria-label","Close document preview"),he.addEventListener("click",()=>{te.classList.remove("open")}),dt.append(ut,he);let gt=a("div","kp-citation-overlay-content"),ft=a("aside","kp-citation-overlay-metadata-panel");ft.innerHTML=sn;let Y=a("main","kp-citation-overlay-viewer-panel");if(Y.innerHTML=Ee,gt.append(ft,Y),te.append(dt,gt),!I){let q=1,N=Y.querySelector(".document-sheet"),rn=Y.querySelector(".zoom-in-btn"),ln=Y.querySelector(".zoom-out-btn"),pn=Y.querySelector(".print-btn");N&&(rn?.addEventListener("click",()=>{q<1.5&&(q+=.1,N.style.transform=`scale(${q})`)}),ln?.addEventListener("click",()=>{q>.6&&(q-=.1,N.style.transform=`scale(${q})`)}),pn?.addEventListener("click",()=>{window.print()}))}te.classList.add("open")},ne=(s,d)=>{if(i.sourcePanelOpen=!0,i.sourcePanelTitle=d??n.allSourcesUsed,at.textContent=i.sourcePanelTitle,ue.classList.add("open"),ee.textContent="",s.length===0){ee.appendChild(a("div","kp-source-panel-empty",n.noSources));return}for(let m of s)ee.appendChild(Sn(m,n,()=>{F(m)}))},_=()=>{i.sourcePanelOpen=!1,i.sourcePanelTitle=null,ue.classList.remove("open")};Q(E,t.initialSuggestions,async s=>{await $(s,E)}),Q(C,t.initialSuggestions,async s=>{await $(s,C)}),D(),fe(),l&&(R(),t.rag.loadHistoryOnOpen&&K(C,i.chatId));function Se(){if(l){i.fullPageOpen=!0,A.classList.add("open");return}i.open||(i.open=!0,i.fullPageOpen=!1,M(),A.classList.remove("open"),f.classList.add("hidden"),g.classList.add("visible"),h.classList.add("open"),t.onOpen?.(),t.rag.loadHistoryOnOpen&&Te.loadHistory(),queueMicrotask(()=>z.focus()))}function j(){if(l){_();return}i.open&&(H(),M(),i.open=!1,f.classList.remove("hidden"),g.classList.remove("visible"),h.classList.remove("open"),t.onClose?.())}async function $(s,d){let m=s.trim();if(!m)return;d.input.value="";try{await Zt(m)}catch(L){let I=V(t,L);se(d.body,"bot",`${n.unableToCreateChat}: ${I.message}`,{strings:n,view:d,userName:null,onShowSources:ne,onShowCitation:F});return}At(d),se(d.body,"user",m,{strings:n,view:d,userName:await ot(),onShowSources:ne,onShowCitation:F}),d.body.scrollTop=d.body.scrollHeight;let S=a("div","kp-loading",n.thinking);d.body.appendChild(S),d.body.scrollTop=d.body.scrollHeight;try{let L=await bt(B(),{message:m,chatId:i.chatId,knowledgeNames:await dn(t),...t.rag.enableReferences!==void 0?{enableReferences:t.rag.enableReferences}:{}});S.isConnected&&S.remove(),se(d.body,"bot",L.answer,{strings:n,view:d,userName:null,citations:L.citations??[],onShowSources:ne,onShowCitation:F}),i.historyLoadedChatId=null,await R(),L.suggestions?.length&&Q(d,L.suggestions,async I=>{await $(I,d)})}catch(L){let I=V(t,L);S.isConnected&&S.remove(),se(d.body,"bot",`${n.requestFailed}: ${I.message}`,{strings:n,view:d,userName:null,onShowSources:ne,onShowCitation:F})}}async function st(s){let d=i.fullPageOpen?C:E;await $(s,d)}async function Xt(){if(l){i.fullPageOpen=!0,A.classList.add("open"),await R(),await K(C,i.chatId),queueMicrotask(()=>T.focus());return}i.fullPageOpen=!0,i.open=!1,H(),M(),h.classList.remove("open"),g.classList.remove("visible"),f.classList.add("hidden"),A.classList.add("open"),await R(),await K(C,i.chatId),queueMicrotask(()=>T.focus())}function it(){if(l){_();return}i.fullPageOpen&&(i.fullPageOpen=!1,A.classList.remove("open"),f.classList.remove("hidden"),_())}function Jt(){i.menuOpen=!0,b.classList.add("open"),y.classList.add("open")}function H(){i.menuOpen=!1,b.classList.remove("open"),y.classList.remove("open")}function Qt(){i.chatId=be(t),i.historyLoadedChatId=null,M(),oe(E),Q(E,t.initialSuggestions,async s=>{await $(s,E)}),H()}async function Gt(){i.chatId=be(t),i.historyLoadedChatId=null,oe(C),_(),Q(C,t.initialSuggestions,async s=>{await $(s,C)}),D()}async function R(){if(!t.endpoints.listChats)return D(),fe(),[];i.loadingChats=!0,D(),fe();try{let s=await kt(B());return i.chats=s,s}catch(s){return V(t,s),i.chats}finally{i.loadingChats=!1,D(),fe()}}async function Zt(s){!t.endpoints.listChats&&!t.endpoints.createChat||i.chats.some(d=>d.chatId===i.chatId)||await yt(B(),i.chatId,s?mn(s,n.newChat):void 0)}async function en(s){i.chatId=s,i.historyLoadedChatId=null,await K(C,s),D()}async function tn(s){i.chatId=s,i.historyLoadedChatId=null,await K(E,s),M()}async function nn(){H(),await R(),i.myChatsOpen=!0,h.classList.add("kp-sheet-open"),le.classList.add("open")}function M(){i.myChatsOpen=!1,h.classList.remove("kp-sheet-open"),le.classList.remove("open")}async function rt(s){if(!t.endpoints.updateChat)return;let d=window.prompt(n.renamePrompt,s.title)?.trim();if(!(!d||d===s.title))try{await Ie(B(),s.chatId,{title:d}),await R()}catch(m){V(t,m)}}async function lt(s){if(t.endpoints.deleteChat)try{await vt(B(),s.chatId),i.chatId===s.chatId&&(i.chatId=be(t),i.historyLoadedChatId=null,oe(E),oe(C)),await R()}catch(d){V(t,d)}}function D(){St(Ye,Xe,i,n,async s=>{await en(s.chatId)},async s=>{await pt(s)},async s=>{await rt(s)},async s=>{await lt(s)})}function fe(){St(je,De,i,n,async s=>{await tn(s.chatId)},async s=>{await pt(s)},async s=>{await rt(s)},async s=>{await lt(s)})}async function pt(s){if(t.endpoints.updateChat)try{await Ie(B(),s.chatId,{pinned:!s.pinned}),await R()}catch(d){V(t,d)}}async function K(s,d){oe(s),Q(s,t.initialSuggestions,async S=>{await $(S,s)});let m=await xt(B(),d);return m.length>0&&(At(s),Rt(s.body,s.hero,s.suggestions),hn(s.body,m,{strings:n,view:s,userName:await ot(),onShowSources:ne,onShowCitation:F})),i.historyLoadedChatId=d,m}let Te={open:Se,close:j,toggle(){if(l){Se();return}if(i.open){j();return}Se()},destroy(){if(document.removeEventListener("keydown",ct),p.remove(),l){let s=!1;document.querySelectorAll("[data-chat-widget-host]").forEach(d=>{let m=d.shadowRoot;m&&m.querySelector(".kp-chat-widget-embedded")&&(s=!0)}),s||Et(!1)}},sendMessage:st,setAccessTokenProvider(s){i.accessTokenProvider=s},getChatId(){return i.chatId},loadChats(){return R()},async loadHistory(){let s=i.fullPageOpen?C:E;return K(s,i.chatId)}};f.addEventListener("click",()=>Te.toggle()),ie.addEventListener("click",j),g.addEventListener("click",j),ge.addEventListener("click",_),pe.addEventListener("click",M),ce.addEventListener("click",M),b.addEventListener("click",s=>{if(s.stopPropagation(),!i.menuOpen){Jt();return}H()}),x.addEventListener("click",Qt),U.addEventListener("click",async()=>{await nn()}),w.addEventListener("click",()=>{if(H(),t.onOpenAssistantPage){j(),t.onOpenAssistantPage();return}if(t.assistantPageUrl){j(),window.location.href=t.assistantPageUrl;return}Xt()}),de.addEventListener("click",it),we.addEventListener("click",()=>{Gt(),queueMicrotask(()=>T.focus())}),Z.addEventListener("input",()=>{i.chatSearchTerm=Z.value.trim().toLowerCase(),D()}),h.addEventListener("click",s=>{let d=s.target;if(!(d instanceof Element)||!d.closest(".kp-chat-actions")){for(let m of Array.from(c.querySelectorAll(".kp-chat-actions.open")))m.classList.remove("open");for(let m of Array.from(c.querySelectorAll(".kp-full-page-chat-item.menu-open")))m.classList.remove("menu-open")}i.menuOpen&&!y.contains(d)&&!b.contains(d)&&H(),s.stopPropagation()}),c.addEventListener("click",s=>{let d=s.target;if(i.menuOpen&&d instanceof Node&&!y.contains(d)&&!b.contains(d)&&H(),d instanceof Element&&!d.closest(".kp-chat-actions")){for(let m of Array.from(c.querySelectorAll(".kp-chat-actions.open")))m.classList.remove("open");for(let m of Array.from(c.querySelectorAll(".kp-full-page-chat-item.menu-open")))m.classList.remove("menu-open")}}),ke.addEventListener("submit",async s=>{s.preventDefault(),await st(z.value)}),Pe.addEventListener("submit",async s=>{s.preventDefault(),await $(T.value,C)});function ct(s){if(s.key==="Escape"){if(i.sourcePanelOpen){_();return}if(i.myChatsOpen){M();return}if(i.fullPageOpen){if(l)return;it();return}i.open&&j()}}return document.addEventListener("keydown",ct),Te}async function dn(e){if(e.rag.getKnowledgeNames){let t=await e.rag.getKnowledgeNames();return Array.isArray(t)?t.filter(Boolean):[]}return(e.rag.knowledgeNames??[]).filter(Boolean)}function be(e){return e.rag.chatId?.trim()?e.rag.chatId:e.rag.chatIdFactory?e.rag.chatIdFactory():typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`kp-chat-${Date.now()}-${Math.random().toString(36).slice(2,10)}`}function se(e,t,o,n){let r=t==="bot"?yn(o,n.citations??[]):{displayText:o,citations:n.citations??[]},l=a("div",`kp-message-row ${t}`),i=gn(t==="bot"?n.strings.assistantAvatar:n.userName??n.strings.userAvatar,t),p=a("div",`kp-bubble ${t}`),c=a("div","kp-bubble-content");En(c,r.displayText),p.appendChild(c);let u=r.citations;if(u.length){let g=a("div","kp-meta",n.strings.citationsAttached(u.length));p.appendChild(g);let f=a("div","kp-source-preview"),h=a("div","kp-source-preview-title",n.strings.sourcesUsed),v=a("div","kp-source-preview-list");for(let b of u.slice(0,2)){let y=Pn(b,n.strings);y.addEventListener("click",async()=>{n.onShowCitation(b)}),v.appendChild(y)}let P=An(n.strings);P.addEventListener("click",async()=>{n.onShowSources(u,n.strings.allSourcesUsed)}),v.appendChild(P),f.append(h,v),p.appendChild(f)}return t==="bot"&&p.appendChild(un(r.displayText,n.strings)),t==="user"?l.append(p,i):l.append(i,p),e.appendChild(l),e.scrollTop=e.scrollHeight,l}function un(e,t){let o=a("div","kp-message-actions"),n=a("button","kp-message-action",t.copy);n.type="button",n.addEventListener("click",async()=>{try{await navigator.clipboard.writeText(e),n.textContent=t.copied,window.setTimeout(()=>{n.textContent=t.copy},1200)}catch{n.textContent=t.copy}});let r=a("button","kp-message-action","\u{1F44D}");r.type="button",r.setAttribute("aria-label",t.helpful),r.addEventListener("click",()=>{r.classList.toggle("active"),l.classList.remove("active")});let l=a("button","kp-message-action","\u{1F44E}");return l.type="button",l.setAttribute("aria-label",t.notHelpful),l.addEventListener("click",()=>{l.classList.toggle("active"),r.classList.remove("active")}),o.append(n,r,l),o}function gn(e,t){let o=a("div",`kp-avatar ${t}`),n=t==="bot"?"\u2726":kn(e);return o.textContent=n,o.setAttribute("aria-hidden","true"),o}function fn(e,t,o){e.textContent="";for(let n of t){let r=a("button","kp-suggestion",n);r.type="button",r.addEventListener("click",async()=>{await o(n)}),e.appendChild(r)}}function Q(e,t,o){fn(e.suggestions,t,async n=>{e.input.value=n,await o(n)})}function Rt(e,t,o){let n=new Set([t,o]);for(let r of Array.from(e.children))n.has(r)||r.remove()}function At(e){e.body.classList.add("kp-conversation-active"),e.hero.remove(),e.suggestions.remove()}function oe(e){e.body.classList.remove("kp-conversation-active"),e.hero.isConnected||e.body.prepend(e.hero),e.suggestions.isConnected||e.body.appendChild(e.suggestions),Rt(e.body,e.hero,e.suggestions),e.input.value=""}function hn(e,t,o){for(let n of t)se(e,n.role==="assistant"?"bot":"user",n.text,o)}function St(e,t,o,n,r,l,i,p){if(e.textContent="",t.textContent="",o.loadingChats){e.appendChild(a("div","kp-full-page-empty",n.loadingChats));return}let c=o.chats.filter(u=>o.chatSearchTerm?u.title.toLowerCase().includes(o.chatSearchTerm):!0);if(c.length>0){let u=c.filter(f=>f.pinned),g=c.filter(f=>!f.pinned).slice(0,8);Tt(e,g,o.chatId,n,r,l,i,p),Tt(t,u,o.chatId,n,r,l,i,p),g.length===0&&e.appendChild(a("div","kp-full-page-empty",n.noRecentChats)),u.length===0&&t.appendChild(a("div","kp-full-page-empty",n.noPinnedChats));return}e.appendChild(a("div","kp-full-page-empty",n.noChats)),t.appendChild(a("div","kp-full-page-empty",n.noPinnedChats))}function Tt(e,t,o,n,r,l,i,p){for(let c of t){let u=a("div",`kp-full-page-item kp-full-page-chat-item${c.chatId===o?" active":""}`),g=a("span","kp-full-page-item-title",c.title),f=a("div","kp-chat-actions"),h=a("button","kp-chat-actions-trigger","\u22EF");h.type="button",h.setAttribute("aria-label",n.chatActions);let v=a("div","kp-chat-actions-menu"),P=a("button","kp-chat-actions-item",c.pinned?n.unpinChat:n.pinChat);P.type="button",P.addEventListener("click",async x=>{x.stopPropagation(),await l(c)});let b=a("button","kp-chat-actions-item",n.renameChat);b.type="button",b.addEventListener("click",async x=>{x.stopPropagation(),await i(c)});let y=a("button","kp-chat-actions-item",n.deleteChat);y.type="button",y.addEventListener("click",async x=>{x.stopPropagation(),await p(c)}),v.append(P,b,y),f.append(h,v),h.addEventListener("click",x=>{x.stopPropagation();let U=f.classList.contains("open");for(let w of Array.from(e.querySelectorAll(".kp-chat-actions.open")))w.classList.remove("open");for(let w of Array.from(e.querySelectorAll(".kp-full-page-chat-item.menu-open")))w.classList.remove("menu-open");U||(f.classList.add("open"),u.classList.add("menu-open"))}),u.append(g,f),u.setAttribute("role","button"),u.tabIndex=0,u.addEventListener("click",async()=>{await r(c)}),u.addEventListener("keydown",async x=>{(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),await r(c))}),u.addEventListener("blur",()=>{f.classList.remove("open"),u.classList.remove("menu-open")}),e.appendChild(u)}}function mn(e,t){return e.trim().slice(0,60)||t}function $e(e){return e.toLowerCase().split("-")[0]||"en"}function bn(e){let t=Pt.en;return Pt[$e(e)]??t}function xn(e){return["ar","fa","he","ur"].includes($e(e))}function kn(e){let t=e.split(/\s+/).filter(Boolean).slice(0,2);return t.length===0?"U":t.map(o=>o[0]?.toUpperCase()??"").join("")}function He(e){if(e.knowledgeName?.trim())return e.knowledgeName.trim();if(e.text){let t=e.text.split(`
+`)[0]?.trim();if(t){let o=t.replace(/\s*\|\s*Page\s*\d+\s*$/i,"").trim();if(o)return o}}if(e.sourceDocument&&/^https?:\/\//i.test(e.sourceDocument)){try{let t=new URL(e.sourceDocument),o=decodeURIComponent(t.pathname),n=o.substring(o.lastIndexOf("/")+1);if(n)return n}catch{}return e.sourceDocument}return e.sourceDocument?.trim()&&!/^c\d+$/i.test(e.sourceDocument)?e.sourceDocument.trim():null}function yn(e,t){let o=vn(e);return{displayText:o.displayText,citations:t.length>0?Ln(t,o.citations):o.citations}}function vn(e){let o=It(e).split(`
+`),n=-1;for(let c=0;c<o.length;c+=1)/^#{0,6}\s*References\s*$/i.test(o[c]?.trim()??"")&&(n=c);if(n===-1)return{displayText:e,citations:[]};let r=o.slice(0,n).join(`
+`).trimEnd(),l=o.slice(n+1).join(`
+`).trim(),p=wn(l).map(c=>Cn(c)).filter(c=>!!c);return{displayText:r,citations:p}}function wn(e){let t=[],o="";for(let n of e.split(`
+`)){let r=n.trim();if(r){if(/^\d+\.\s+/.test(r)){o&&t.push(o.trim()),o=r.replace(/^\d+\.\s+/,"");continue}o&&(o=`${o} ${r}`)}}return o&&t.push(o.trim()),t}function Cn(e){let t=e.match(/https?:\/\/\S+/i);if(!t)return null;let o=t[0],n=e.slice(0,t.index).replace(/[.\s]+$/,"").trim();return{sourceDocument:o,knowledgeName:n||o}}function Ln(e,t){let o=[],n=new Set;for(let r of[...e,...t]){let l=`${r.knowledgeName??""}::${r.sourceDocument??""}`;n.has(l)||(n.add(l),o.push(r))}return o}function Pn(e,t){let o=a("button","kp-source-chip");o.type="button",o.setAttribute("aria-label",t.openSource);let n=a("span","kp-source-thumb");n.textContent="\u2726";let r=a("span","kp-source-chip-label",He(e)??t.untitledSource);return o.append(n,r),o}function An(e){let t=a("button","kp-source-chip kp-source-chip-more");t.type="button";let o=a("span","kp-source-thumb-stack");for(let r=0;r<3;r+=1){let l=a("span","kp-source-thumb stacked");l.textContent="\u2726",o.appendChild(l)}let n=a("span","kp-source-chip-label",e.showAll);return t.append(o,n),t}function Sn(e,t,o){let n=a("button","kp-source-card");n.type="button",n.setAttribute("aria-label",t.openSource),n.addEventListener("click",o);let r=a("div","kp-source-card-media"),l=a("span","kp-source-thumb kp-source-thumb-large");l.textContent="\u2726";let i=a("div","kp-source-card-title",He(e)??t.untitledSource),p=a("div","kp-source-card-meta"),c=[];return typeof e.score=="number"&&c.push(`${t.sourceScore}: ${e.score.toFixed(2)}`),typeof e.pageNumber=="number"&&c.push(`${t.sourcePage}: ${e.pageNumber}`),e.sheetName&&c.push(`${t.sourceSheet}: ${e.sheetName}`),typeof e.rowNumber=="number"&&c.push(`${t.sourceRow}: ${e.rowNumber}`),e.knowledgeName&&c.push(`${t.sourceKnowledge}: ${e.knowledgeName}`),p.textContent=c.join(" \u2022 "),r.appendChild(l),n.append(r,i,p),n}function Tn(e){if(!e)return null;let t=e.trim();return/^https?:\/\//i.test(t)?t:null}function En(e,t){e.innerHTML=Rn(It(t))}function It(e){return e.replace(/\r\n/g,`
+`).replace(/<br\s*\/?>/gi,`
+`)}function Rn(e){return e.split(/\n{2,}/).map(o=>o.trim()).filter(Boolean).map(In).join("")}function In(e){let t=e.split(`
+`).map(n=>n.trimEnd());if(t.every(n=>/^\s*\|.*\|\s*$/.test(n))&&t.length>=2)return zn(t);if(t.every(n=>/^\d+\.\s+/.test(n)))return`<ol>${t.map(n=>`<li>${G(n.replace(/^\d+\.\s+/,""))}</li>`).join("")}</ol>`;if(t.every(n=>/^[-*]\s+/.test(n)))return`<ul>${t.map(n=>`<li>${G(n.replace(/^[-*]\s+/,""))}</li>`).join("")}</ul>`;let o=t[0]?.match(/^(#{1,6})\s+(.*)$/);if(o){let n=o[1]??"#",r=o[2]??"",l=n.length;return`<h${l}>${G(r)}</h${l}>`}return`<p>${t.map(n=>G(n)).join("<br>")}</p>`}function zn(e){let t=e.filter((i,p)=>!(p===1&&/^\s*\|?(\s*:?-{3,}:?\s*\|)+\s*$/.test(i))).map(i=>$n(i));if(t.length===0)return"";let o=t[0]??[],n=t.slice(1),r=`<thead><tr>${o.map(i=>`<th>${G(i)}</th>`).join("")}</tr></thead>`,l=n.length?`<tbody>${n.map(i=>`<tr>${i.map(p=>`<td>${G(p)}</td>`).join("")}</tr>`).join("")}</tbody>`:"";return`<div class="kp-table-wrap"><table>${r}${l}</table></div>`}function $n(e){return e.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(t=>t.trim())}function G(e){let t=O(e);return t=t.replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g,'<a href="$2" target="_blank" rel="noreferrer">$1</a>'),t=t.replace(/`([^`]+)`/g,"<code>$1</code>"),t=t.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),t=t.replace(/\*([^*]+)\*/g,"<em>$1</em>"),t}function O(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function Et(e){typeof document>"u"||document.querySelectorAll("[data-chat-widget-host]").forEach(t=>{let o=t.shadowRoot;if(o){let n=o.querySelector(".kp-chat-widget");n&&!n.classList.contains("kp-chat-widget-embedded")&&(t.style.display=e?"none":"")}})}export{Kn as a};
+//# sourceMappingURL=chunk-JHMDAOE6.js.map