@clearlaunch/sdk 0.2.1 → 0.3.0

package/dist/clearlaunch.js

@@ -1,4 +1,4 @@
-"use strict";var ClearLaunch=(()=>{var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var r in t)l(e,r,{get:t[r],enumerable:!0})},y=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of C(t))!b.call(e,o)&&o!==r&&l(e,o,{get:()=>t[o],enumerable:!(n=w(t,o))||n.enumerable});return e};var h=e=>y(l({},"__esModule",{value:!0}),e);var T={};x(T,{ClearLaunch:()=>v,default:()=>R,init:()=>f});var k="https://api.clearlaunch.ai";function a(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}function d(e,t){if(document.getElementById(e))return;let r=document.createElement("style");r.id=e,r.textContent=t,document.head.appendChild(r)}function p(e){return typeof e=="string"?document.querySelector(e):e}function g(e){if(!(e!=null&&e.projectKey))throw new Error("ClearLaunch: projectKey is required");let r=`${(e.apiUrl||k).replace(/\/$/,"")}/api/v1/public/sdk/${encodeURIComponent(e.projectKey)}`,n=null;async function o(c){let s=await fetch(`${r}/${c.replace(/^\//,"")}`);if(!s.ok)throw new Error(`ClearLaunch: request to ${c} failed (${s.status})`);return s.json()}function _(){return n||(n=o("config").catch(()=>({projectName:"",widgets:{versions:!0}}))),n}return{projectKey:e.projectKey,sdkBase:r,get:o,config:_}}var u=`
+"use strict";var ClearLaunch=(()=>{var te=Object.defineProperty;var qe=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var De=Object.prototype.hasOwnProperty;var re=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(t,i)=>(typeof require!="undefined"?require:t)[i]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var X=(e,t)=>{for(var i in t)te(e,i,{get:t[i],enumerable:!0})},Oe=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ue(t))!De.call(e,n)&&n!==i&&te(e,n,{get:()=>t[n],enumerable:!(r=qe(t,n))||r.enumerable});return e};var Be=e=>Oe(te({},"__esModule",{value:!0}),e);var st={};X(st,{ClearLaunch:()=>ze,clearSDK:()=>ce,default:()=>Re,init:()=>Pe,register:()=>H});var ne={};X(ne,{createVersions:()=>Ke});var Ne="https://api.clearlaunch.ai";function ie(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}function ye(e,t){if(document.getElementById(e))return;let i=document.createElement("style");i.id=e,i.textContent=t,document.head.appendChild(i)}function we(e){return typeof e=="string"?document.querySelector(e):e}function Te(e){if(!(e!=null&&e.projectKey))throw new Error("ClearLaunch: projectKey is required");let i=`${(e.apiUrl||Ne).replace(/\/$/,"")}/api/v1/public/sdk/${encodeURIComponent(e.projectKey)}`,r=null;async function n(l){let c=await fetch(`${i}/${l.replace(/^\//,"")}`);if(!c.ok)throw new Error(`ClearLaunch: request to ${l} failed (${c.status})`);return c.json()}function o(){return r||(r=n("config").catch(()=>({projectName:"",widgets:{versions:!0}}))),r}return{projectKey:e.projectKey,sdkBase:i,get:n,config:o}}var Ce=`
 .cl-vw { --cl-vw-accent: #6366f1; --cl-vw-radius: 12px;
   font-family: var(--cl-vw-font, inherit); color: #1f2430; }
 .cl-vw * { box-sizing: border-box; }
@@ -25,16 +25,558 @@
   .cl-vw__date, .cl-vw__group-label { color: #9aa3b2; }
   .cl-vw__list li { color: #cbd2de; }
 }
-`;function S(e){if(!e)return"";let t=new Date(e);return isNaN(t.getTime())?"":t.toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}function i(e,t,r=""){if(!(t!=null&&t.length))return"";let n=t.map(o=>`<li>${a(o)}</li>`).join("");return`<div class="cl-vw__group ${r}"><div class="cl-vw__group-label">${e}</div><ul class="cl-vw__list">${n}</ul></div>`}function P(e,t){if(!t.length){e.innerHTML='<div class="cl-vw"><div class="cl-vw__empty">No releases yet.</div></div>';return}let r=t.map(n=>`
+`;function We(e){if(!e)return"";let t=new Date(e);return isNaN(t.getTime())?"":t.toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}function Y(e,t,i=""){if(!(t!=null&&t.length))return"";let r=t.map(n=>`<li>${ie(n)}</li>`).join("");return`<div class="cl-vw__group ${i}"><div class="cl-vw__group-label">${e}</div><ul class="cl-vw__list">${r}</ul></div>`}function Ge(e,t){if(!t.length){e.innerHTML='<div class="cl-vw"><div class="cl-vw__empty">No releases yet.</div></div>';return}let i=t.map(r=>`
     <div class="cl-vw__release">
       <div class="cl-vw__head">
-        <span class="cl-vw__ver">v${a(n.version)}</span>
-        <span class="cl-vw__date">${S(n.publishedAt)}</span>
+        <span class="cl-vw__ver">v${ie(r.version)}</span>
+        <span class="cl-vw__date">${We(r.publishedAt)}</span>
       </div>
-      ${i("Breaking changes",n.notes.breaking,"cl-vw__group--breaking")}
-      ${i("New features",n.notes.features)}
-      ${i("Enhancements",n.notes.enhancements)}
-      ${i("Fixes",n.notes.bugFixes)}
-    </div>`).join("");e.innerHTML=`<div class="cl-vw">${r}</div>`}function m(e){async function t(){return(await e.get("releases")).releases||[]}return{list:t,async mount(r){let n=p(r);if(!n)throw new Error(`ClearLaunch versions: mount target not found: ${String(r)}`);d("cl-vw-styles",u);try{P(n,await t())}catch{n.innerHTML=`<div class="cl-vw"><div class="cl-vw__empty">Couldn't load release notes.</div></div>`}}}}function f(e){let t=g(e);return{projectKey:t.projectKey,versions:m(t)}}var v={init:f},R=v;return h(T);})();
+      ${Y("Breaking changes",r.notes.breaking,"cl-vw__group--breaking")}
+      ${Y("New features",r.notes.features)}
+      ${Y("Enhancements",r.notes.enhancements)}
+      ${Y("Fixes",r.notes.bugFixes)}
+    </div>`).join("");e.innerHTML=`<div class="cl-vw">${i}</div>`}function Ke(e){async function t(){return(await e.get("releases")).releases||[]}return{list:t,async mount(i){let r=we(i);if(!r)throw new Error(`ClearLaunch versions: mount target not found: ${String(i)}`);ye("cl-vw-styles",Ce);try{Ge(r,await t())}catch{r.innerHTML=`<div class="cl-vw"><div class="cl-vw__empty">Couldn't load release notes.</div></div>`}}}}var le={};X(le,{default:()=>tt,mountFeedback:()=>_e});var Ee=`
+.clf-root {
+  --clf-primary: #6366f1;
+  --clf-radius: 12px;
+  --clf-font: inherit;
+  --clf-z: 2147483000;
+
+  --clf-bg: #ffffff;
+  --clf-fg: #0f172a;
+  --clf-muted: #64748b;
+  --clf-border: rgba(15, 23, 42, 0.12);
+  --clf-input-bg: #ffffff;
+  --clf-overlay: rgba(15, 23, 42, 0.45);
+}
+.clf-root[data-scheme="dark"] {
+  --clf-bg: #12141f;
+  --clf-fg: #f5f6fa;
+  --clf-muted: #94a3b8;
+  --clf-border: rgba(255, 255, 255, 0.14);
+  --clf-input-bg: #191c29;
+  --clf-overlay: rgba(0, 0, 0, 0.6);
+}
+
+.clf-root *, .clf-root *::before, .clf-root *::after { box-sizing: border-box; }
+
+/* \u2500\u2500 Trigger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.clf-trigger {
+  position: fixed;
+  z-index: var(--clf-z);
+  border: none;
+  background: var(--clf-primary);
+  color: #fff;
+  font-family: var(--clf-font);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
+  transition: filter 0.15s ease, transform 0.15s ease;
+}
+.clf-trigger:hover { filter: brightness(1.08); }
+.clf-trigger:focus-visible { outline: 2px solid var(--clf-primary); outline-offset: 3px; }
+
+/* Sticky edge tabs rotate so the text runs along the edge. */
+.clf-trigger--sticky { padding: 9px 16px; }
+.clf-trigger--left   { left: 0;   transform-origin: left center;   transform: rotate(-90deg) translateX(-50%); border-radius: 0 0 var(--clf-radius) var(--clf-radius); }
+.clf-trigger--right  { right: 0;  transform-origin: right center;  transform: rotate(90deg) translateX(50%);   border-radius: 0 0 var(--clf-radius) var(--clf-radius); }
+.clf-trigger--top    { top: 0;    border-radius: 0 0 var(--clf-radius) var(--clf-radius); }
+.clf-trigger--bottom { bottom: 0; border-radius: var(--clf-radius) var(--clf-radius) 0 0; }
+.clf-trigger--left:hover  { transform: rotate(-90deg) translateX(-50%) translateY(-2px); }
+.clf-trigger--right:hover { transform: rotate(90deg) translateX(50%) translateY(-2px); }
+
+.clf-trigger--floating {
+  border-radius: 999px;
+  padding: 13px 18px;
+}
+.clf-trigger--floating:hover { transform: translateY(-2px); }
+
+/* \u2500\u2500 Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.clf-overlay {
+  position: fixed; inset: 0;
+  z-index: calc(var(--clf-z) + 1);
+  background: var(--clf-overlay);
+  display: flex; align-items: center; justify-content: center;
+  padding: 20px;
+  animation: clf-fade 0.15s ease-out;
+}
+@keyframes clf-fade { from { opacity: 0 } to { opacity: 1 } }
+
+.clf-dialog {
+  width: 100%; max-width: 460px; max-height: 90vh;
+  display: flex; flex-direction: column;
+  background: var(--clf-bg);
+  color: var(--clf-fg);
+  font-family: var(--clf-font);
+  border-radius: var(--clf-radius);
+  border: 1px solid var(--clf-border);
+  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
+  overflow: hidden;
+}
+.clf-head {
+  display: flex; align-items: center; gap: 10px;
+  padding: 16px 18px; border-bottom: 1px solid var(--clf-border);
+}
+.clf-head h2 { margin: 0; font-size: 15px; font-weight: 700; flex: 1; color: var(--clf-fg); }
+.clf-x {
+  background: none; border: none; cursor: pointer; padding: 4px;
+  color: var(--clf-muted); font-size: 20px; line-height: 1; border-radius: 6px;
+}
+.clf-x:hover { color: var(--clf-fg); }
+
+.clf-body { padding: 16px 18px; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; }
+.clf-field { display: flex; flex-direction: column; gap: 6px; }
+.clf-label { font-size: 12px; font-weight: 600; color: var(--clf-muted); }
+.clf-input, .clf-textarea {
+  width: 100%; padding: 9px 11px;
+  font-family: var(--clf-font); font-size: 14px;
+  color: var(--clf-fg); background: var(--clf-input-bg);
+  border: 1px solid var(--clf-border); border-radius: 8px;
+  outline: none; transition: border-color 0.15s ease;
+}
+.clf-input:focus, .clf-textarea:focus { border-color: var(--clf-primary); }
+.clf-textarea { min-height: 110px; resize: vertical; line-height: 1.5; }
+
+/* Type chooser \u2014 pills, active one carries the brand colour. */
+.clf-types { display: flex; flex-wrap: wrap; gap: 6px; }
+.clf-type {
+  padding: 6px 13px; border-radius: 999px; cursor: pointer;
+  font-family: var(--clf-font); font-size: 12.5px; font-weight: 600;
+  background: transparent; color: var(--clf-muted);
+  border: 1px solid var(--clf-border);
+  transition: color 0.15s, border-color 0.15s, background 0.15s;
+}
+.clf-type:hover { color: var(--clf-fg); }
+.clf-type[aria-pressed="true"] {
+  background: var(--clf-primary); border-color: var(--clf-primary); color: #fff;
+}
+
+/* Attachments */
+.clf-attach-hint { font-size: 11.5px; color: var(--clf-muted); }
+.clf-toolbar {
+  display: flex;
+  gap: 2px;
+  margin-bottom: 4px;
+}
+.clf-fmt {
+  min-width: 28px;
+  height: 26px;
+  padding: 0 6px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--clf-muted);
+  font: inherit;
+  font-size: 12px;
+  line-height: 1;
+  cursor: pointer;
+}
+.clf-fmt:hover { background: var(--clf-input-bg); color: var(--clf-fg); border-color: var(--clf-border); }
+.clf-fmt:focus-visible { outline: 2px solid var(--clf-primary); outline-offset: 1px; }
+.clf-fmt code { font-size: 11px; }
+.clf-thumbs { display: flex; flex-wrap: wrap; gap: 8px; }
+.clf-thumb { position: relative; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; border: 1px solid var(--clf-border); }
+.clf-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.clf-thumb button {
+  position: absolute; top: 2px; right: 2px;
+  width: 18px; height: 18px; border-radius: 999px; border: none;
+  background: rgba(0,0,0,0.65); color: #fff; cursor: pointer;
+  font-size: 12px; line-height: 1; padding: 0;
+}
+
+.clf-foot {
+  display: flex; align-items: center; gap: 8px;
+  padding: 14px 18px; border-top: 1px solid var(--clf-border);
+}
+.clf-spacer { flex: 1; }
+.clf-btn {
+  padding: 9px 18px; border-radius: 8px; cursor: pointer;
+  font-family: var(--clf-font); font-size: 13.5px; font-weight: 600;
+  border: 1px solid transparent; transition: filter 0.15s ease;
+}
+.clf-btn--primary { background: var(--clf-primary); color: #fff; }
+.clf-btn--primary:hover:not(:disabled) { filter: brightness(1.08); }
+.clf-btn--ghost { background: transparent; color: var(--clf-muted); border-color: var(--clf-border); }
+.clf-btn--ghost:hover { color: var(--clf-fg); }
+.clf-btn:disabled { opacity: 0.55; cursor: not-allowed; }
+
+.clf-error { font-size: 12.5px; color: #ef4444; }
+
+/* Success */
+.clf-success { padding: 30px 20px; text-align: center; }
+.clf-success__tick {
+  width: 46px; height: 46px; border-radius: 999px; margin: 0 auto 14px;
+  background: var(--clf-primary); color: #fff;
+  display: flex; align-items: center; justify-content: center; font-size: 22px;
+}
+.clf-success__title { font-size: 15px; font-weight: 700; margin-bottom: 5px; }
+.clf-success__body { font-size: 13px; color: var(--clf-muted); }
+
+@media (max-width: 520px) {
+  .clf-dialog { max-width: none; }
+  .clf-trigger--sticky { font-size: 12px; padding: 8px 13px; }
+}
+`;var Ve="https://api.clearlaunch.ai",Le="clearlaunch-feedback-styles",Se=5,Xe=5*1024*1024,Ye={bug:"Bug",feature:"Feature",enhancement:"Improvement",feedback:"Feedback"},Je={triggerLabel:"Feedback",dialogTitle:"Send feedback",titleLabel:"Summary",titlePlaceholder:"Briefly, what is it?",descriptionLabel:"Details",descriptionPlaceholder:"What happened, and what did you expect?",typeLabel:"Type",serviceLabel:"Which area?",formattingLabel:"Formatting",servicePlaceholder:"Select\u2026",emailLabel:"Your email (optional)",submit:"Send",submitting:"Sending\u2026",cancel:"Cancel",successTitle:"Thanks \u2014 we got it",successBody:"Your report has been raised with the team.",attachHint:"Paste a screenshot, or drop images here.",required:"Add a summary and some details.",failed:"Could not send that. Please try again."};function d(e){return String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function Qe(){if(typeof document=="undefined"||document.getElementById(Le))return;let e=document.createElement("style");e.id=Le,e.textContent=Ee,document.head.appendChild(e)}function Ze(e){return new Promise((t,i)=>{let r=new FileReader;r.onerror=()=>i(new Error("Could not read that file")),r.onload=()=>{let n=String(r.result||"");t({data:n.split(",")[1]||"",mimeType:e.type||"image/png",filename:e.name})},r.readAsDataURL(e)})}var $e=[{id:"bold",title:"Bold",icon:"<b>B</b>",wrap:"**",placeholder:"bold text"},{id:"italic",title:"Italic",icon:"<i>I</i>",wrap:"_",placeholder:"italic text"},{id:"code",title:"Inline code",icon:"<code>&lt;&gt;</code>",wrap:"`",placeholder:"code"},{id:"list",title:"Bulleted list",icon:"&#8226;&#8212;",prefix:"- ",placeholder:"list item"},{id:"link",title:"Link",icon:"&#128279;",wrap:"",placeholder:"text"}];function et(e,t){let i=e.selectionStart,r=e.selectionEnd,o=e.value.slice(i,r)||t.placeholder,l,c,h;if(t.id==="link")l=`[${o}](url)`,c=i+o.length+3,h=c+3;else if(t.prefix)l=o.split(`
+`).map(m=>m.startsWith(t.prefix)?m:t.prefix+m).join(`
+`),c=i,h=i+l.length;else{let m=t.wrap;l=`${m}${o}${m}`,c=i+m.length,h=c+o.length}e.focus(),e.setSelectionRange(i,r),typeof document.execCommand=="function"&&document.execCommand("insertText",!1,l)||(e.value=e.value.slice(0,i)+l+e.value.slice(r)),e.setSelectionRange(c,h)}function _e(e){var j,F,I,q,U,D,p,b,C,W,de,pe,fe,ue,ge;if(typeof document=="undefined")return{open(){},close(){},destroy(){}};if(!(e!=null&&e.token))throw new Error("[clearlaunch/feedback] `token` is required \u2014 find it in ClearLaunch \u2192 project \u2192 Feedback.");if(e.service&&((j=e.services)!=null&&j.length))throw new Error("[clearlaunch/feedback] Pass either `service` (fixed touchpoint) or `services` (let the submitter choose) \u2014 not both.");let t={...Je,...e.text||{}},i=(F=e.types)!=null&&F.length?e.types:["bug","feature","enhancement","feedback"],n=`${(e.apiUrl||Ve).replace(/\/$/,"")}/api/v1/feedback/submit/${encodeURIComponent(e.token)}`,o=(I=e.trigger)!=null?I:{kind:"floating"};Qe();let l=document.createElement("div");l.className="clf-root";let c=(U=(q=e.theme)==null?void 0:q.colorScheme)!=null?U:"auto";l.dataset.scheme=c==="auto"?(D=window.matchMedia)!=null&&D.call(window,"(prefers-color-scheme: dark)").matches?"dark":"light":c,(p=e.theme)!=null&&p.primaryColor&&l.style.setProperty("--clf-primary",e.theme.primaryColor),(b=e.theme)!=null&&b.fontFamily&&l.style.setProperty("--clf-font",e.theme.fontFamily),(C=e.theme)!=null&&C.borderRadius&&l.style.setProperty("--clf-radius",e.theme.borderRadius),(W=e.theme)!=null&&W.zIndex&&l.style.setProperty("--clf-z",String(e.theme.zIndex)),document.body.appendChild(l);let h=e.defaultType&&i.includes(e.defaultType)?e.defaultType:i[0],L=e.service?[]:e.services||[],m=e.service,y=[],f=null,S=null,P=!1,g=null;if(o.kind!=="none"){if(g=document.createElement("button"),g.type="button",g.className="clf-trigger",g.textContent=(de=o.label)!=null?de:t.triggerLabel,g.setAttribute("aria-haspopup","dialog"),o.kind==="sticky"){let u=(pe=o.edge)!=null?pe:"right";g.classList.add("clf-trigger--sticky",`clf-trigger--${u}`);let s=(fe=o.offset)!=null?fe:"50%",x=typeof s=="number"?`${s}px`:s;u==="left"||u==="right"?g.style.top=x:g.style.left=x}else{let u=(ue=o.corner)!=null?ue:"bottom-right",s=`${(ge=o.inset)!=null?ge:20}px`;g.classList.add("clf-trigger--floating"),u.startsWith("bottom")?g.style.bottom=s:g.style.top=s,u.endsWith("right")?g.style.right=s:g.style.left=s}g.addEventListener("click",()=>w()),l.appendChild(g)}function z(u){u.innerHTML=y.map((s,x)=>`<div class="clf-thumb"><img src="${d(s.preview)}" alt=""><button type="button" data-i="${x}" aria-label="Remove attachment">\xD7</button></div>`).join(""),u.querySelectorAll("button[data-i]").forEach(s=>{s.addEventListener("click",()=>{y.splice(Number(s.dataset.i),1),z(u)})})}async function R(u,s,x){for(let E of Array.from(u))if(E.type.startsWith("image/")){if(y.length>=Se){x(`Up to ${Se} images.`);break}if(E.size>Xe){x(`"${E.name}" is over 5MB.`);continue}try{let O=await Ze(E);y.push({...O,preview:URL.createObjectURL(E)})}catch{x("Could not read that image.")}}z(s)}function w(u){var be,ve;if(P||f)return;u&&i.includes(u)&&(h=u),S=document.activeElement,f=document.createElement("div"),f.className="clf-overlay",f.innerHTML=`
+      <div class="clf-dialog" role="dialog" aria-modal="true" aria-label="${d(t.dialogTitle)}">
+        <div class="clf-head">
+          <h2>${d(t.dialogTitle)}</h2>
+          <button type="button" class="clf-x" aria-label="${d(t.cancel)}">\xD7</button>
+        </div>
+        <div class="clf-body">
+          <div class="clf-field">
+            <span class="clf-label">${d(t.typeLabel)}</span>
+            <div class="clf-types">
+              ${i.map(a=>`<button type="button" class="clf-type" data-type="${d(a)}" aria-pressed="${a===h}">${d(Ye[a]||a)}</button>`).join("")}
+            </div>
+          </div>
+          ${L.length?`
+          <div class="clf-field">
+            <label class="clf-label" for="clf-service">${d(e.serviceLabel||t.serviceLabel)}</label>
+            <select class="clf-input" id="clf-service">
+              <option value="">${d(t.servicePlaceholder)}</option>
+              ${L.map(a=>`<option value="${d(a)}">${d(a)}</option>`).join("")}
+            </select>
+          </div>`:""}
+          <div class="clf-field">
+            <label class="clf-label" for="clf-title">${d(t.titleLabel)}</label>
+            <input class="clf-input" id="clf-title" type="text" placeholder="${d(t.titlePlaceholder)}" maxlength="200">
+          </div>
+          <div class="clf-field">
+            <label class="clf-label" for="clf-desc">${d(t.descriptionLabel)}</label>
+            ${e.formatting===!1?"":`
+            <div class="clf-toolbar" role="group" aria-label="${d(t.formattingLabel)}">
+              ${$e.map(a=>`<button type="button" class="clf-fmt" data-fmt="${d(a.id)}" title="${d(a.title)}" aria-label="${d(a.title)}">${a.icon}</button>`).join("")}
+            </div>`}
+            <textarea class="clf-textarea" id="clf-desc" placeholder="${d(t.descriptionPlaceholder)}"></textarea>
+            <span class="clf-attach-hint">${d(t.attachHint)}</span>
+            <div class="clf-thumbs"></div>
+          </div>
+          ${(be=e.user)!=null&&be.email?"":`
+          <div class="clf-field">
+            <label class="clf-label" for="clf-email">${d(t.emailLabel)}</label>
+            <input class="clf-input" id="clf-email" type="email" placeholder="you@example.com">
+          </div>`}
+          <div class="clf-error" hidden></div>
+        </div>
+        <div class="clf-foot">
+          <span class="clf-spacer"></span>
+          <button type="button" class="clf-btn clf-btn--ghost">${d(t.cancel)}</button>
+          <button type="button" class="clf-btn clf-btn--primary">${d(t.submit)}</button>
+        </div>
+      </div>`,l.appendChild(f);let s=a=>f.querySelector(a),x=s("#clf-title"),E=s("#clf-desc"),O=f.querySelector("#clf-email"),Q=s(".clf-error");f.querySelectorAll(".clf-fmt").forEach(a=>{a.addEventListener("mousedown",v=>{v.preventDefault();let $=$e.find(V=>V.id===a.dataset.fmt);$&&et(E,$)})});let G=f.querySelector("#clf-service");G==null||G.addEventListener("change",()=>{m=G.value||void 0});let he=s(".clf-thumbs"),B=s(".clf-btn--primary"),K=a=>{Q.textContent=a,Q.hidden=!1},je=()=>{Q.hidden=!0};f.querySelectorAll(".clf-type").forEach(a=>{a.addEventListener("click",()=>{h=a.dataset.type,f.querySelectorAll(".clf-type").forEach(v=>v.setAttribute("aria-pressed",String(v.dataset.type===h)))})}),E.addEventListener("paste",a=>{var $;let v=Array.from((($=a.clipboardData)==null?void 0:$.files)||[]);v.length&&(a.preventDefault(),R(v,he,K))});let me=a=>{a.preventDefault(),a.stopPropagation()};f.addEventListener("dragover",me),f.addEventListener("drop",a=>{var v;me(a),(v=a.dataTransfer)!=null&&v.files.length&&R(a.dataTransfer.files,he,K)}),s(".clf-x").addEventListener("click",()=>T()),s(".clf-btn--ghost").addEventListener("click",()=>T()),f.addEventListener("mousedown",a=>{a.target===f&&T()}),B.addEventListener("click",async()=>{var $,V,xe,ke;let a=x.value.trim(),v=E.value.trim();if(!a||!v){K(t.required);return}je(),B.disabled=!0,B.textContent=t.submitting;try{let M=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:h==="feedback"?"other":h,title:a,description:e.metadata&&Object.keys(e.metadata).length?`${v}
+
+---
+${Object.entries(e.metadata).map(([Z,ee])=>`**${Z}:** ${ee}`).join(`
+`)}`:v,submitterEmail:(($=e.user)==null?void 0:$.email)||(O==null?void 0:O.value.trim())||void 0,submitterName:((V=e.user)==null?void 0:V.name)||void 0,url:location.href,userAgent:navigator.userAgent,source:e.source||"feedback",...m?{service:m}:{},attachments:y.map(({data:Z,mimeType:ee,filename:Ie})=>({data:Z,mimeType:ee,filename:Ie}))})});if(!M.ok)throw new Error(`HTTP ${M.status}`);let Fe=await M.json().catch(()=>({}));k(),(xe=e.onSubmit)==null||xe.call(e,{submissionId:Fe.submissionId})}catch(M){B.disabled=!1,B.textContent=t.submit,K(t.failed),(ke=e.onError)==null||ke.call(e,M instanceof Error?M:new Error(String(M)))}}),document.addEventListener("keydown",_),x.focus(),(ve=e.onOpen)==null||ve.call(e)}function k(){if(!f)return;let u=f.querySelector(".clf-dialog");u.innerHTML=`
+      <div class="clf-success">
+        <div class="clf-success__tick">\u2713</div>
+        <div class="clf-success__title">${d(t.successTitle)}</div>
+        <div class="clf-success__body">${d(t.successBody)}</div>
+      </div>`,setTimeout(()=>T(),1800)}function _(u){u.key==="Escape"&&T()}function T(){var u,s;f&&(document.removeEventListener("keydown",_),y.forEach(x=>URL.revokeObjectURL(x.preview)),y=[],f.remove(),f=null,(u=S==null?void 0:S.focus)==null||u.call(S),(s=e.onClose)==null||s.call(e))}function A(){T(),P=!0,g==null||g.remove(),l.remove()}return{open:w,close:T,destroy:A}}var tt=_e;var oe={};X(oe,{init:()=>lt});var J=class{constructor(t,i){this.base=t.replace(/\/$/,""),this.slug=i}async req(t,i){let r=await fetch(`${this.base}/api/v1/public/guides/${this.slug}${t}`,{headers:{"Content-Type":"application/json"},...i});if(!r.ok)throw new Error(`GuideSDK: ${r.status} ${t}`);return r.json()}async getCategories(){return this.req("/categories")}async getArticle(t){return this.req(`/articles/${t}`)}async search(t,i){return(await this.req("/search",{method:"POST",body:JSON.stringify({query:t,topK:i})})).results}};var N=class{constructor(t,i,r,n,o="two-col",l,c){this.categories=[];this.searchTimer=null;this.client=t,this.guideTitle=i,this.logoUrl=r,this.hero=l,this.container=n,this.layout=o,this.buildShell(c),this.loadCategories()}buildShell(t){this.container.innerHTML=`
+      <div class="cl-sdk-wrap layout-${this.layout}">
+        <div class="cl-sdk-header">
+          ${this.logoUrl?`<img class="cl-sdk-logo" src="${this.logoUrl}" alt="logo" />`:""}
+          <span class="cl-sdk-title">${this.guideTitle}</span>
+          ${t?'<button class="cl-sdk-close" aria-label="Close">&#x2715;</button>':""}
+        </div>
+        <div class="cl-sdk-search">
+          <input type="search" placeholder="Search articles\u2026" autocomplete="off" spellcheck="false" />
+        </div>
+        <div class="cl-sdk-body">
+          <div class="cl-sdk-loading">Loading\u2026</div>
+        </div>
+      </div>
+    `,this.bodyEl=this.container.querySelector(".cl-sdk-body"),this.searchInput=this.container.querySelector('input[type="search"]');let i=this.container.querySelector(".cl-sdk-close");i&&t&&i.addEventListener("click",t),this.searchInput.addEventListener("input",()=>this.onSearchInput())}async loadCategories(){this.categories=await this.client.getCategories(),this.renderIndex()}renderIndex(){if(!this.categories.length){this.bodyEl.innerHTML='<div class="cl-sdk-empty">No articles published yet.</div>';return}let t=this.categories.map(r=>({label:this.formatCatLabel(r.category),articles:r.articles})),i=this.buildHeroHtml();if(this.layout==="two-col"){let{left:r,right:n}=this.splitColumns(t);this.bodyEl.innerHTML=`
+        ${i}
+        <div class="cl-sdk-index">
+          <div class="cl-sdk-index-col">${this.renderIndexCol(r)}</div>
+          <div class="cl-sdk-index-col">${this.renderIndexCol(n)}</div>
+        </div>
+      `}else this.bodyEl.innerHTML=`
+        ${i}
+        <div class="cl-sdk-index cl-sdk-index--one-col">
+          <div class="cl-sdk-index-col">${this.renderIndexCol(t)}</div>
+        </div>
+      `;this.bodyEl.querySelectorAll(".cl-sdk-index-item").forEach(r=>{r.addEventListener("click",()=>{this.openArticle(r.dataset.slug)})}),this.bodyEl.querySelectorAll("[data-hero-slug]").forEach(r=>{r.addEventListener("click",()=>{this.openArticle(r.dataset.heroSlug)})})}buildHeroHtml(){var i;if(!this.hero)return"";let t=(i=this.hero.links)!=null&&i.length?'<div class="cl-sdk-hero-links">'+this.hero.links.map(r=>`<button class="cl-sdk-hero-link" data-hero-slug="${r.slug}">${r.label}</button>`).join("")+"</div>":"";return`
+      <div class="cl-sdk-hero" style="${this.hero.bg?`background:${this.hero.bg};`:""}${this.hero.color?`color:${this.hero.color};`:""}">
+        ${this.hero.heading?`<div class="cl-sdk-hero-heading">${this.hero.heading}</div>`:""}
+        ${this.hero.body?`<div class="cl-sdk-hero-body">${this.hero.body}</div>`:""}
+        ${t}
+      </div>
+    `}renderIndexCol(t){return t.map(i=>`<div class="cl-sdk-idx-cat">${i.label}</div>`+i.articles.map(r=>`<button class="cl-sdk-index-item" data-slug="${r.slug}">
+          <span class="cl-sdk-index-item-title">${r.title}</span>
+          <span class="cl-sdk-index-item-chevron">\u203A</span>
+        </button>`).join("")).join("")}splitColumns(t){let i=t.reduce((l,c)=>l+c.articles.length,0),r=[],n=[],o=0;for(let l of t)o<Math.ceil(i/2)?(r.push(l),o+=l.articles.length):n.push(l);return{left:r,right:n}}async showArticle(t){this.openArticle(t)}async openArticle(t){this.bodyEl.innerHTML=`
+      <div class="cl-sdk-article-view">
+        <button class="cl-sdk-back">\u2039 All articles</button>
+        <div class="cl-sdk-article-content"><div class="cl-sdk-loading">Loading\u2026</div></div>
+      </div>
+    `,this.bodyEl.querySelector(".cl-sdk-back").addEventListener("click",()=>this.renderIndex());let i=this.bodyEl.querySelector(".cl-sdk-article-content");try{let r=await this.client.getArticle(t);i.innerHTML=r.html,i.scrollTop=0,this.bodyEl.scrollTop=0}catch{i.innerHTML='<div class="cl-sdk-empty">Article not found.</div>'}}onSearchInput(){this.searchTimer&&clearTimeout(this.searchTimer);let t=this.searchInput.value.trim();if(!t){this.renderIndex();return}this.searchTimer=setTimeout(()=>{this.runSearch(t)},300)}async runSearch(t){this.bodyEl.innerHTML='<div class="cl-sdk-loading">Searching\u2026</div>';try{let i=await this.client.search(t,8);if(!i.length){this.bodyEl.innerHTML='<div class="cl-sdk-empty">No results found.</div>';return}this.bodyEl.innerHTML='<div class="cl-sdk-search-results">'+i.map(r=>`<div class="cl-sdk-sr-item" data-id="${r.articleId}">
+            <div class="cl-sdk-sr-title">${r.articleTitle}</div>
+            <div class="cl-sdk-sr-snippet">${r.snippet}</div>
+          </div>`).join("")+"</div>",this.bodyEl.querySelectorAll(".cl-sdk-sr-item").forEach(r=>{let n=this.categories.flatMap(o=>o.articles).find(o=>o.id===r.dataset.id);n&&r.addEventListener("click",()=>{this.openArticle(n.slug)})})}catch{this.bodyEl.innerHTML='<div class="cl-sdk-empty">Search failed.</div>'}}formatCatLabel(t){return t.replace(/-/g," ")}};function Me(e={}){let t=e.primaryColor||"#6366f1",i=e.fontFamily||"system-ui, sans-serif",r=e.borderRadius||"10px";return`
+    --cl-sdk-primary: ${t};
+    --cl-sdk-primary-muted: ${t}22;
+    --cl-sdk-font: ${i};
+    --cl-sdk-radius: ${r};
+    --cl-sdk-bg: #13141f;
+    --cl-sdk-surface: #1c1d2e;
+    --cl-sdk-surface-2: #23243a;
+    --cl-sdk-border: rgba(255,255,255,0.08);
+    --cl-sdk-text: #e8eaf0;
+    --cl-sdk-text-muted: #7b809a;
+    --cl-sdk-text-secondary: #b0b4c8;
+  `}var Ae=`
+  .cl-sdk-wrap *, .cl-sdk-wrap *::before, .cl-sdk-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+  /* \u2500\u2500 Shell \u2500\u2500 */
+  .cl-sdk-wrap {
+    font-family: var(--cl-sdk-font);
+    font-size: 14px;
+    color: var(--cl-sdk-text);
+    background: var(--cl-sdk-bg);
+    border-radius: var(--cl-sdk-wrap-radius, 0);
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    max-height: 100%;
+    overflow: hidden;
+  }
+
+  /* \u2500\u2500 Header \u2500\u2500 */
+  .cl-sdk-header {
+    display: flex; align-items: center; gap: 12px;
+    padding: 16px 20px;
+    border-bottom: 1px solid var(--cl-sdk-border);
+    background: var(--cl-sdk-surface);
+    flex-shrink: 0; min-height: 56px;
+  }
+  .cl-sdk-logo { height: 26px; object-fit: contain; }
+  .cl-sdk-title { font-size: 15px; font-weight: 700; flex: 1; letter-spacing: -0.2px; }
+  .cl-sdk-close {
+    background: none; border: none; cursor: pointer;
+    color: var(--cl-sdk-text-muted); font-size: 18px; line-height: 1;
+    padding: 4px 8px; border-radius: 6px; transition: all 0.15s;
+  }
+  .cl-sdk-close:hover { background: rgba(255,255,255,0.08); color: var(--cl-sdk-text); }
+
+  /* \u2500\u2500 Search \u2500\u2500 */
+  .cl-sdk-search {
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--cl-sdk-border);
+    background: var(--cl-sdk-surface);
+    flex-shrink: 0;
+  }
+  .cl-sdk-search input {
+    width: 100%; padding: 8px 12px;
+    background: var(--cl-sdk-bg); border: 1px solid var(--cl-sdk-border);
+    border-radius: 8px; color: var(--cl-sdk-text); font-size: 13px; outline: none;
+    transition: border-color 0.15s;
+  }
+  .cl-sdk-search input::placeholder { color: var(--cl-sdk-text-muted); }
+  .cl-sdk-search input:focus { border-color: var(--cl-sdk-primary); }
+
+  /* \u2500\u2500 Body \u2014 scrollable container \u2500\u2500 */
+  .cl-sdk-body { flex: 1; overflow-y: auto; min-height: 0; overscroll-behavior: contain; }
+  .cl-sdk-body::-webkit-scrollbar { width: 4px; }
+  .cl-sdk-body::-webkit-scrollbar-thumb { background: var(--cl-sdk-border); border-radius: 4px; }
+
+  /* \u2500\u2500 Hero banner \u2500\u2500 */
+  .cl-sdk-hero {
+    padding: 20px 20px 18px;
+    background: var(--cl-sdk-surface-2);
+    border-bottom: 1px solid var(--cl-sdk-border);
+  }
+  .cl-sdk-hero-heading {
+    font-size: 16px; font-weight: 700; margin-bottom: 6px;
+    color: inherit; letter-spacing: -0.2px;
+  }
+  .cl-sdk-hero-body {
+    font-size: 13px; line-height: 1.55; color: inherit; opacity: 0.8; margin-bottom: 14px;
+  }
+  .cl-sdk-hero-links { display: flex; flex-wrap: wrap; gap: 8px; }
+  .cl-sdk-hero-link {
+    padding: 6px 14px;
+    background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2);
+    border-radius: 20px; color: inherit; font-size: 12px; font-weight: 600;
+    cursor: pointer; transition: background 0.15s;
+    white-space: nowrap;
+  }
+  .cl-sdk-hero-link:hover { background: rgba(255,255,255,0.2); }
+
+  /* \u2500\u2500 Article index grid \u2500\u2500 */
+  .cl-sdk-index {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 0;
+    padding: 8px 0 24px;
+  }
+  .cl-sdk-index--one-col { grid-template-columns: 1fr; }
+  .cl-sdk-index-col { padding: 0; }
+
+  /* Category label */
+  .cl-sdk-idx-cat {
+    padding: 20px 20px 6px;
+    font-size: 10px; font-weight: 800;
+    text-transform: uppercase; letter-spacing: 0.1em;
+    color: var(--cl-sdk-text-muted);
+  }
+
+  /* Article row */
+  .cl-sdk-index-item {
+    display: flex; align-items: center; justify-content: space-between; gap: 8px;
+    width: 100%; text-align: left; background: none;
+    border: none; border-bottom: 1px solid var(--cl-sdk-border);
+    padding: 11px 20px;
+    cursor: pointer; transition: background 0.12s;
+  }
+  .cl-sdk-index-item:hover { background: var(--cl-sdk-surface-2); }
+  .cl-sdk-index-item-title {
+    font-size: 13px; color: var(--cl-sdk-text-secondary);
+    line-height: 1.4; flex: 1;
+    transition: color 0.12s;
+  }
+  .cl-sdk-index-item:hover .cl-sdk-index-item-title { color: var(--cl-sdk-text); }
+  .cl-sdk-index-item-chevron {
+    color: var(--cl-sdk-text-muted); font-size: 16px; flex-shrink: 0; opacity: 0.5;
+  }
+
+  /* \u2500\u2500 Article view \u2500\u2500 */
+  .cl-sdk-article-view { display: flex; flex-direction: column; min-height: min-content; }
+  .cl-sdk-back {
+    display: flex; align-items: center; gap: 6px;
+    padding: 12px 20px;
+    border: none; border-bottom: 1px solid var(--cl-sdk-border);
+    background: var(--cl-sdk-surface);
+    color: var(--cl-sdk-primary); font-size: 13px; font-weight: 600;
+    cursor: pointer; width: 100%; text-align: left;
+    transition: opacity 0.15s; flex-shrink: 0;
+  }
+  .cl-sdk-back:hover { opacity: 0.75; }
+  .cl-sdk-article-content { padding: 24px 24px 40px; flex: 1; }
+
+  /* \u2500\u2500 Article typography \u2500\u2500 */
+  .cl-sdk-article-content h1 {
+    font-size: 20px; font-weight: 700; margin-bottom: 16px;
+    color: var(--cl-sdk-text); letter-spacing: -0.3px; line-height: 1.3;
+  }
+  .cl-sdk-article-content h2 {
+    font-size: 15px; font-weight: 700; margin: 24px 0 8px;
+    color: var(--cl-sdk-text);
+  }
+  .cl-sdk-article-content h3 {
+    font-size: 12px; font-weight: 800; margin: 18px 0 6px;
+    color: var(--cl-sdk-text-muted); text-transform: uppercase; letter-spacing: 0.07em;
+  }
+  .cl-sdk-article-content p {
+    line-height: 1.7; margin-bottom: 14px; color: var(--cl-sdk-text-secondary);
+  }
+  .cl-sdk-article-content ul, .cl-sdk-article-content ol {
+    padding-left: 22px; margin-bottom: 14px;
+  }
+  .cl-sdk-article-content li {
+    line-height: 1.65; color: var(--cl-sdk-text-secondary); margin-bottom: 4px;
+  }
+  .cl-sdk-article-content strong { color: var(--cl-sdk-text); }
+  .cl-sdk-article-content code {
+    background: rgba(255,255,255,0.07); padding: 2px 6px;
+    border-radius: 4px; font-size: 12px; font-family: monospace; color: var(--cl-sdk-text);
+  }
+  .cl-sdk-article-content pre {
+    background: rgba(0,0,0,0.4); border-radius: 8px;
+    padding: 14px 16px; overflow-x: auto; margin-bottom: 14px;
+    border: 1px solid var(--cl-sdk-border);
+  }
+  .cl-sdk-article-content pre code { background: none; padding: 0; }
+  .cl-sdk-article-content a { color: var(--cl-sdk-primary); }
+  .cl-sdk-article-content hr { border: none; border-top: 1px solid var(--cl-sdk-border); margin: 20px 0; }
+  .cl-sdk-article-content table {
+    width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 13px;
+  }
+  .cl-sdk-article-content th {
+    text-align: left; padding: 8px 12px;
+    background: var(--cl-sdk-surface-2); color: var(--cl-sdk-text);
+    font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em;
+    border-bottom: 2px solid var(--cl-sdk-border);
+  }
+  .cl-sdk-article-content td {
+    padding: 8px 12px; color: var(--cl-sdk-text-secondary);
+    border-bottom: 1px solid var(--cl-sdk-border); vertical-align: top;
+    line-height: 1.5;
+  }
+  .cl-sdk-article-content tr:last-child td { border-bottom: none; }
+  .cl-sdk-article-content tr:hover td { background: var(--cl-sdk-surface-2); }
+
+  /* \u2500\u2500 Search results \u2500\u2500 */
+  .cl-sdk-search-results { padding: 8px 0; }
+  .cl-sdk-sr-item {
+    padding: 12px 20px; cursor: pointer;
+    border-bottom: 1px solid var(--cl-sdk-border); transition: background 0.12s;
+  }
+  .cl-sdk-sr-item:hover { background: var(--cl-sdk-surface-2); }
+  .cl-sdk-sr-title { font-size: 13px; font-weight: 600; color: var(--cl-sdk-text); }
+  .cl-sdk-sr-snippet { font-size: 12px; color: var(--cl-sdk-text-muted); margin-top: 3px; line-height: 1.45; }
+
+  /* \u2500\u2500 States \u2500\u2500 */
+  .cl-sdk-empty { padding: 48px 20px; text-align: center; color: var(--cl-sdk-text-muted); font-size: 13px; }
+  .cl-sdk-loading { padding: 48px 20px; text-align: center; color: var(--cl-sdk-text-muted); font-size: 13px; }
+
+  /* \u2500\u2500 Overlay \u2500\u2500 */
+  .cl-sdk-overlay {
+    position: fixed; inset: 0; background: rgba(0,0,0,0.5);
+    z-index: 99998; opacity: 0; transition: opacity 0.25s; pointer-events: none;
+  }
+  .cl-sdk-overlay.open { opacity: 1; pointer-events: auto; }
+
+  /* \u2500\u2500 Drawer \u2500\u2500 */
+  .cl-sdk-drawer {
+    position: fixed;
+    width: min(560px, 96vw);
+    z-index: 99999;
+    background: var(--cl-sdk-bg);
+    box-shadow: -4px 0 40px rgba(0,0,0,0.5);
+    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
+    display: flex; flex-direction: column;
+    overflow: hidden;
+    /* Explicit height so child flex items can scroll */
+    height: 100dvh;
+  }
+  .cl-sdk-drawer.right {
+    right: var(--cl-sdk-drawer-margin, 0);
+    top: var(--cl-sdk-drawer-margin, 0);
+    left: auto;
+    height: calc(100dvh - var(--cl-sdk-drawer-margin, 0px) - var(--cl-sdk-drawer-margin, 0px));
+    transform: translateX(calc(100% + var(--cl-sdk-drawer-margin, 0px)));
+    border-radius: var(--cl-sdk-drawer-radius, 0) 0 0 var(--cl-sdk-drawer-radius, 0);
+  }
+  .cl-sdk-drawer.right.has-margin {
+    border-radius: var(--cl-sdk-drawer-radius, 12px);
+    box-shadow: 0 8px 48px rgba(0,0,0,0.6);
+  }
+  .cl-sdk-drawer.left {
+    left: var(--cl-sdk-drawer-margin, 0);
+    top: var(--cl-sdk-drawer-margin, 0);
+    right: auto;
+    height: calc(100dvh - var(--cl-sdk-drawer-margin, 0px) - var(--cl-sdk-drawer-margin, 0px));
+    transform: translateX(calc(-100% - var(--cl-sdk-drawer-margin, 0px)));
+    border-radius: 0 var(--cl-sdk-drawer-radius, 0) var(--cl-sdk-drawer-radius, 0) 0;
+  }
+  .cl-sdk-drawer.left.has-margin {
+    border-radius: var(--cl-sdk-drawer-radius, 12px);
+    box-shadow: 0 8px 48px rgba(0,0,0,0.6);
+  }
+  .cl-sdk-drawer.open { transform: translateX(0); }
+`;var rt="https://api.clearlaunch.ai";function it(e){let t="cl-sdk-styles";if(document.getElementById(t))return;let i=document.createElement("style");i.id=t,i.textContent=Ae+`:root { ${e} }`,document.head.appendChild(i)}function nt(e){return e?typeof e=="string"?document.querySelector(e):e:null}async function lt(e){var j,F,I,q,U,D;let t=e.apiUrl||rt,i=new J(t,e.guide),r=e.guide,n="inpage",o="right",l="two-col",c={};try{let p=await fetch(`${t}/api/v1/public/guides/${e.guide}/config`);if(p.ok){let b=await p.json();r=b.guideTitle||r,n=((j=b.sdkConfig)==null?void 0:j.renderMode)||n,o=((F=b.sdkConfig)==null?void 0:F.slideoutSide)||o,l=((I=b.sdkConfig)==null?void 0:I.layout)||l,c=((q=b.sdkConfig)==null?void 0:q.theme)||{}}}catch{}let h=e.mode||n,L=e.side||o,m=e.layout||l,y=e.hero,f={...c,...e.theme},S=Me(f),P=f.logoUrl;if(h==="api")return{getCategories:()=>i.getCategories(),getArticle:p=>i.getArticle(p),search:(p,b)=>i.search(p,b),open:()=>{},close:()=>{},destroy:()=>{}};if(it(S),h==="inpage"){let p=nt(e.target);if(!p)throw new Error("GuideSDK inpage mode requires a valid `target` element");p.style.setProperty("height",p.style.height||"100%");let b=new N(i,r,P,p,m,y);return{getCategories:()=>i.getCategories(),getArticle:C=>i.getArticle(C),search:(C,W)=>i.search(C,W),open:C=>{C&&b.showArticle(C)},close:()=>{},destroy:()=>{p.innerHTML=""}}}let g=(U=e.drawerMargin)!=null?U:"0",z=g!=="0"&&g!=="0px",R=(D=e.drawerRadius)!=null?D:z?"12px":"0",w=document.createElement("div");w.className="cl-sdk-overlay";let k=document.createElement("div");k.className=`cl-sdk-drawer ${L}${z?" has-margin":""}`,k.style.setProperty("--cl-sdk-drawer-margin",g),k.style.setProperty("--cl-sdk-drawer-radius",R),k.style.setProperty("--cl-sdk-wrap-radius",R);let _=null;function T(p){document.body.contains(w)||(document.body.appendChild(w),document.body.appendChild(k)),_||(_=new N(i,r,P,k,m,y,A)),requestAnimationFrame(()=>{w.classList.add("open"),k.classList.add("open")}),p&&_.showArticle(p),w.addEventListener("click",A,{once:!0})}function A(){w.classList.remove("open"),k.classList.remove("open")}return{getCategories:()=>i.getCategories(),getArticle:p=>i.getArticle(p),search:(p,b)=>i.search(p,b),open:p=>T(p),close:()=>A(),destroy:()=>{A(),w.remove(),k.remove(),_=null}}}var He=new Map;function H(e,t){He.set(e,t)}function ae(e,t){throw new Error(`[clearlaunch] The "${t}" capability needs ${e}, which isn't installed.
+  Install it:  npm install ${e}
+  Or, if your bundler can't resolve optional peers, register it yourself:
+    import * as mod from '${e}';
+    import { register } from '@clearlaunch/sdk';
+    register('${e}', mod);`)}function se(e){let t=He.get(e);if(t)return t;try{let i=typeof module!="undefined"&&typeof re=="function"?re:void 0;if(i)return i(e)}catch{}return null}function ot(e,t){async function i(){let r=await e.config();return r.feedback&&r.feedback.enabled?r.feedback:null}return{async enabled(){return!!await i()},async services(){var n;let r=await i();return(n=r==null?void 0:r.services)!=null?n:[]},async mount(r={}){var h,L;let n=await i();if(!n)throw new Error("[clearlaunch] Feedback is not enabled for this project. Turn it on in ClearLaunch \u2192 project \u2192 Feedback.");let o=se("@clearlaunch/feedback");if(o!=null&&o.mountFeedback||ae("@clearlaunch/feedback","ticketing"),r.service&&((h=n.services)!=null&&h.length)&&!n.services.includes(r.service))throw new Error(`[clearlaunch] service "${r.service}" is not declared on this project. Declared: ${n.services.join(", ")}. Add it in ClearLaunch \u2192 project \u2192 Feedback.`);let{service:l,...c}=r;return o.mountFeedback({...c,...l?{service:l}:(L=n.services)!=null&&L.length?{services:n.services}:{},token:n.token,...t?{apiUrl:t}:{}})}}}function at(e,t){async function i(){var n;return(n=(await e.config()).guides)!=null?n:{slugs:[],default:void 0}}return{async slugs(){var r;return(r=(await i()).slugs)!=null?r:[]},async defaultSlug(){return(await i()).default},async mount(r={}){var c,h;let n=await i(),o=(c=r.slug)!=null?c:n.default;if(!o)throw new Error("[clearlaunch] This project has no published guide. Publish one in ClearLaunch \u2192 project \u2192 Guides, or pass an explicit `slug`.");if(r.slug&&((h=n.slugs)!=null&&h.length)&&!n.slugs.includes(r.slug))throw new Error(`[clearlaunch] guide "${r.slug}" is not published on this project. Published: ${n.slugs.join(", ")}.`);let l=se("@clearlaunch/guide-sdk");return l!=null&&l.init||ae("@clearlaunch/guide-sdk","guides"),l.init({slug:o,...r.target?{target:r.target}:{},...t?{apiUrl:t}:{}})}}}function ce(e){let t=Te(e),i=null,r=null,n=null;return{projectKey:t.projectKey,core:t,config:()=>t.config(),get versions(){if(!i){let l=se("@clearlaunch/versions");l!=null&&l.createVersions||ae("@clearlaunch/versions","versions"),i=l.createVersions(t)}return i},get guides(){return r||(r=at(t,e.apiUrl)),r},get ticketing(){return n||(n=ot(t,e.apiUrl)),n},get feedback(){return this.ticketing}}}var Pe=ce,ze={init:Pe,clearSDK:ce,register:H},Re=ze;H("@clearlaunch/versions",ne);H("@clearlaunch/feedback",le);H("@clearlaunch/guide-sdk",oe);return Be(st);})();
 ClearLaunch=ClearLaunch.default||ClearLaunch;
 //# sourceMappingURL=clearlaunch.js.map