@redocly/replay 0.27.0-next.4 → 0.27.0-next.6

package/dist/replay-AiPanel-BLkqnlmb.js

@@ -0,0 +1,849 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),h=require("react"),V=require("styled-components"),v=require("@redocly/theme"),f=require("./replay-index-S_wAPmTA.js"),g=require("./replay-useAiChatQueries-B1-NwsZz.js"),_=require("./replay-db-XlueEDU-.js");require("@tanstack/react-query");const Be=require("react-router-dom"),Fe=e=>e&&e.__esModule?e:{default:e},l=Fe(V),W=l.default.div`
+  width: var(--search-ai-thinking-dot-size);
+  height: var(--search-ai-thinking-dot-size);
+  border-radius: 50%;
+  background: var(--search-ai-thinking-dot-color);
+  animation: bounce 1.4s infinite ease-in-out;
+
+  &:nth-child(1) {
+    animation-delay: -0.32s;
+  }
+
+  &:nth-child(2) {
+    animation-delay: -0.16s;
+  }
+
+  &:nth-child(3) {
+    animation-delay: 0s;
+  }
+
+  @keyframes bounce {
+    0%,
+    80%,
+    100% {
+      opacity: 0.2;
+      transform: scale(0.8);
+    }
+    40% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+`,Ce=280;function te(){const[e,t]=h.useState(()=>f.getSemanticSearchService().getIndexingActivityState().inProgress);return h.useEffect(()=>f.getSemanticSearchService().subscribe("indexing-activity",r=>{t(r.inProgress)}),[]),i.jsx(Ge,{$open:e,children:i.jsx(We,{children:i.jsx(Ue,{$open:e,"aria-hidden":!e,children:i.jsx(v.Tooltip,{tip:"We're building a search index of your project. Until it's ready, the assistant may need more context in each reply to stay accurate, which can use more tokens.",placement:"top",width:"240px",arrowPosition:"left",children:i.jsxs(qe,{role:"status","aria-live":"polite","aria-label":"Indexing in progress...",children:[i.jsx("div",{children:i.jsx(W,{})}),i.jsx(Ye,{children:"Indexing in progress..."})]})})})})})}const Ge=l.default.div`
+  display: grid;
+  grid-template-rows: ${({$open:e})=>e?"1fr":"0fr"};
+  transition: grid-template-rows ${Ce}ms ease-out;
+`,We=l.default.div`
+  min-height: 0;
+  overflow: hidden;
+`,Ue=l.default.div`
+  opacity: ${({$open:e})=>e?1:0};
+  transition: opacity ${Ce}ms ease-out;
+  pointer-events: ${({$open:e})=>e?"auto":"none"};
+  padding: var(--spacing-xs);
+  padding-top: var(--spacing-xxs);
+`,qe=l.default.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  background: var(--layer-color);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--border-radius);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+`,Ye=l.default.div`
+  flex: 1;
+  min-width: 0;
+`,Ke=e=>i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:i.jsx("path",{d:"M13.0094 7.61066L3.38435 2.79816C3.30892 2.76043 3.22418 2.74532 3.14035 2.75463C3.05652 2.76394 2.97717 2.79729 2.91186 2.85066C2.84948 2.90294 2.80292 2.97158 2.77742 3.04886C2.75191 3.12615 2.74847 3.20902 2.76748 3.28816L3.92685 7.56253H8.87498V8.43753H3.92685L2.74998 12.6988C2.73214 12.7649 2.73006 12.8342 2.7439 12.9013C2.75774 12.9683 2.78712 13.0312 2.82968 13.0848C2.87223 13.1384 2.92677 13.1813 2.98891 13.21C3.05106 13.2387 3.11907 13.2524 3.18748 13.25C3.25597 13.2496 3.3234 13.2331 3.38435 13.2019L13.0094 8.38941C13.081 8.35269 13.1412 8.29692 13.1832 8.22821C13.2252 8.15951 13.2474 8.08055 13.2474 8.00003C13.2474 7.91951 13.2252 7.84056 13.1832 7.77185C13.1412 7.70315 13.081 7.64737 13.0094 7.61066Z",fill:"white"})}),Je=l.default(Ke).attrs({"data-component-name":"icons/SendIcon/SendIcon"})`
+  path {
+    fill: ${({color:e})=>f.getCssColorVariable(e)};
+  }
+
+  height: ${({size:e})=>e||"16px"};
+  width: ${({size:e})=>e||"16px"};
+`,Ze=e=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none",...e,children:i.jsx("path",{d:"M10.5 3.5V10.5H3.5V3.5H10.5ZM10.5 2.625H3.5C3.26794 2.625 3.04538 2.71719 2.88128 2.88128C2.71719 3.04538 2.625 3.26794 2.625 3.5V10.5C2.625 10.7321 2.71719 10.9546 2.88128 11.1187C3.04538 11.2828 3.26794 11.375 3.5 11.375H10.5C10.7321 11.375 10.9546 11.2828 11.1187 11.1187C11.2828 10.9546 11.375 10.7321 11.375 10.5V3.5C11.375 3.26794 11.2828 3.04538 11.1187 2.88128C10.9546 2.71719 10.7321 2.625 10.5 2.625Z"})}),Xe=l.default(Ze).attrs({"data-component-name":"icons/StopIcon/StopIcon"})`
+  path {
+    fill: ${({color:e})=>f.getCssColorVariable(e)};
+  }
+
+  height: ${({size:e})=>e||"16px"};
+  width: ${({size:e})=>e||"16px"};
+`;function Qe({placeholder:e="Ask anything...",className:t,disabled:n,isStreaming:r=!1,onStop:o,modelSelector:a,value:s,onValueChange:c,onSubmit:d,textareaRef:u}){const p=s.trim(),x=!n&&p.length>0&&!r,m=!n&&p.length>0,b=T=>{c(T.target.value)},y=()=>{!p||n||r||d()},A=()=>{!r||!o||o()},C=T=>{T.key==="Enter"&&!T.shiftKey&&!T.nativeEvent.isComposing&&(T.preventDefault(),r&&o?A():y())};return i.jsxs(et,{className:t,$isActive:m,children:[i.jsx(tt,{ref:u,rows:1,maxLength:v.AI_SEARCH_MAX_MESSAGE_LENGTH,placeholder:e,value:s,disabled:n,spellCheck:!1,onChange:b,onKeyDown:C}),i.jsxs(nt,{children:[a,r&&o?i.jsx(ot,{type:"button",size:"small","aria-label":"Stop generating",icon:i.jsx(Xe,{color:"var(--icon-color-on-color)"}),onClick:A}):i.jsx(rt,{type:"button",size:"small","aria-label":"Send message",icon:i.jsx(Je,{color:"var(--icon-color-on-color)"}),onClick:y,disabled:!x})]})]})}const et=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  width: 100%;
+  padding: var(--spacing-xs);
+  border: var(--search-ai-conversation-input-border, 1px solid var(--border-color-secondary));
+  border-radius: var(--search-ai-conversation-input-border-radius, var(--border-radius-lg));
+  background-color: var(--layer-color);
+  box-sizing: border-box;
+
+  &:hover,
+  &:focus-within {
+    border-color: transparent;
+    background:
+      linear-gradient(var(--layer-color), var(--layer-color)) padding-box,
+      var(--replay-ai-gradient-soft) border-box;
+  }
+
+  ${({$isActive:e})=>e&&V.css`
+      border-color: transparent;
+      background:
+        linear-gradient(var(--layer-color), var(--layer-color)) padding-box,
+        var(--replay-ai-gradient-soft) border-box;
+    `}
+`,tt=l.default.textarea`
+  max-height: 150px;
+  min-height: var(--search-ai-conversation-input-min-height);
+
+  resize: none;
+  border: none;
+  outline: none;
+  padding: 0;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+  caret-color: var(--text-color-primary);
+  background-color: transparent;
+  field-sizing: content;
+
+  &::placeholder {
+    color: var(--text-color-helper);
+    text-indent: 2px;
+  }
+`,nt=l.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-xs);
+`,rt=l.default(v.Button)`
+  box-sizing: border-box;
+  background: var(--search-ai-gradient);
+
+  &:disabled {
+    background: var(--replay-ai-gradient-disabled);
+    border: var(--replay-ai-send-button-disabled-border);
+    width: 24px;
+    height: 24px;
+  }
+`,ot=l.default(v.Button)`
+  box-sizing: border-box;
+  background: var(--color-warm-grey-9);
+  border-radius: var(--border-radius-xxl);
+`,it=new Set(["collection","workflow","step","operation","workflow-run"]);function Ae(e){return`replay://step?${new URLSearchParams({collectionId:e.collectionId.trim(),workflowId:e.workflowId.trim(),stepId:e.stepId.trim()}).toString()}`}function L(e,t){const n=e.get(t);if(n==null)return null;const r=n.trim();return r.length>0?r:null}function at(e){let t;try{t=new URL(e)}catch{return null}if(t.protocol!=="replay:")return null;const n=t.hostname.toLowerCase();if(!it.has(n))return null;const r=t.searchParams;switch(n){case"collection":{const o=L(r,"collectionId");return o?{kind:"collection",collectionId:o}:null}case"workflow":{const o=L(r,"collectionId"),a=L(r,"workflowId");return!o||!a?null:{kind:"workflow",collectionId:o,workflowId:a}}case"step":{const o=L(r,"collectionId"),a=L(r,"workflowId"),s=L(r,"stepId");return!o||!a||!s?null:{kind:"step",collectionId:o,workflowId:a,stepId:s}}case"operation":{const o=L(r,"operationId");return o?{kind:"operation",operationId:o}:null}case"workflow-run":{const o=L(r,"collectionId"),a=L(r,"workflowId");if(!o||!a)return null;const s=L(r,"historyId"),c=s==="null"||s==="undefined"?null:s;return{kind:"workflow-run",collectionId:o,workflowId:a,...c?{historyId:c}:{}}}default:return null}}function st(e,t,n){return e.tabsState.tabs.get({noproxy:!0}).findIndex(({data:r})=>f.isTabType(r,f.TabDataType.WorkflowRun)&&r.collectionId===t&&r.workflowId===n)}function lt(e,t,n,r={}){switch(n.kind){case"collection":t.openCollectionTab({collectionId:n.collectionId,activeTabName:f.TAB_NAMES.COLLECTION_SETTINGS});break;case"workflow":t.openWorkflowTab({collectionId:n.collectionId,workflowId:n.workflowId,activeTabName:f.TAB_NAMES.WORKFLOW_SETTINGS});break;case"step":t.openStepTabFromCollection({collectionId:n.collectionId,workflowId:n.workflowId,stepId:n.stepId,state:f.TabState.Normal});break;case"workflow-run":{const o=r.workflowRunHistoryIds?.[g.workflowRunKey(n.collectionId,n.workflowId)]??[],a=n.historyId&&o.includes(n.historyId)?n.historyId:o.at(-1)??n.historyId;if(a){t.openWorkflowRunTabFromHistory(a,{state:f.TabState.Normal});break}const s=st(e,n.collectionId,n.workflowId);if(s!==-1){e.tabsState.tabs.get({noproxy:!0})[s].state===f.TabState.Preview&&t.changeTabState(s,f.TabState.Normal),t.handleTabChange(s);break}t.openWorkflowRunTab({collectionId:n.collectionId,workflowId:n.workflowId});break}case"operation":{const o=g.resolveOperation(e,n.operationId);if(!o.ok){console.warn("[executeReplayChatLink] Operation not resolved",{operationId:n.operationId,message:o.message});return}g.openOrFocusOperationEditorTab(e,g.operationListItemToCollectionOperation(o.value),t);break}}}function ct(e,t,n,r={}){const o=at(n);o&&lt(e,t,o,r)}function Te({workflowRunHistoryIds:e}={}){const t=f.useGlobalStore(),{getApiOperation:n}=f.useApiOperation(),{handleTabChange:r,addNewTab:o,openCollectionTab:a,openWorkflowTab:s,openStepTabFromCollection:c,openWorkflowRunTab:d,openWorkflowRunTabFromHistory:u,changeTabState:p}=f.useTabHandlers();return h.useCallback(x=>{const m=x.target;if(!(m instanceof Element))return;const b=m.closest("a[href]");if(!(b instanceof HTMLAnchorElement))return;const y=b.getAttribute("href");y?.startsWith("replay:")&&(x.preventDefault(),x.stopPropagation(),ct(t,{getApiOperation:n,handleTabChange:r,addNewTab:o,openCollectionTab:a,openWorkflowTab:s,openStepTabFromCollection:c,openWorkflowRunTab:d,openWorkflowRunTabFromHistory:u,changeTabState:p},y,{workflowRunHistoryIds:e}))},[e,t,n,r,o,a,s,c,d,u,p])}class dt{diff(t,n,r={}){let o;typeof r=="function"?(o=r,r={}):"callback"in r&&(o=r.callback);const a=this.castInput(t,r),s=this.castInput(n,r),c=this.removeEmpty(this.tokenize(a,r)),d=this.removeEmpty(this.tokenize(s,r));return this.diffWithOptionsObj(c,d,r,o)}diffWithOptionsObj(t,n,r,o){var a;const s=w=>{if(w=this.postProcess(w,r),o){setTimeout(function(){o(w)},0);return}else return w},c=n.length,d=t.length;let u=1,p=c+d;r.maxEditLength!=null&&(p=Math.min(p,r.maxEditLength));const x=(a=r.timeout)!==null&&a!==void 0?a:1/0,m=Date.now()+x,b=[{oldPos:-1,lastComponent:void 0}];let y=this.extractCommon(b[0],n,t,0,r);if(b[0].oldPos+1>=d&&y+1>=c)return s(this.buildValues(b[0].lastComponent,n,t));let A=-1/0,C=1/0;const T=()=>{for(let w=Math.max(A,-u);w<=Math.min(C,u);w+=2){let I;const N=b[w-1],R=b[w+1];N&&(b[w-1]=void 0);let M=!1;if(R){const F=R.oldPos-w;M=R&&0<=F&&F<c}const B=N&&N.oldPos+1<d;if(!M&&!B){b[w]=void 0;continue}if(!B||M&&N.oldPos<R.oldPos?I=this.addToPath(R,!0,!1,0,r):I=this.addToPath(N,!1,!0,1,r),y=this.extractCommon(I,n,t,w,r),I.oldPos+1>=d&&y+1>=c)return s(this.buildValues(I.lastComponent,n,t))||!0;b[w]=I,I.oldPos+1>=d&&(C=Math.min(C,w-1)),y+1>=c&&(A=Math.max(A,w+1))}u++};if(o)(function w(){setTimeout(function(){if(u>p||Date.now()>m)return o(void 0);T()||w()},0)})();else for(;u<=p&&Date.now()<=m;){const w=T();if(w)return w}}addToPath(t,n,r,o,a){const s=t.lastComponent;return s&&!a.oneChangePerToken&&s.added===n&&s.removed===r?{oldPos:t.oldPos+o,lastComponent:{count:s.count+1,added:n,removed:r,previousComponent:s.previousComponent}}:{oldPos:t.oldPos+o,lastComponent:{count:1,added:n,removed:r,previousComponent:s}}}extractCommon(t,n,r,o,a){const s=n.length,c=r.length;let d=t.oldPos,u=d-o,p=0;for(;u+1<s&&d+1<c&&this.equals(r[d+1],n[u+1],a);)u++,d++,p++,a.oneChangePerToken&&(t.lastComponent={count:1,previousComponent:t.lastComponent,added:!1,removed:!1});return p&&!a.oneChangePerToken&&(t.lastComponent={count:p,previousComponent:t.lastComponent,added:!1,removed:!1}),t.oldPos=d,u}equals(t,n,r){return r.comparator?r.comparator(t,n):t===n||!!r.ignoreCase&&t.toLowerCase()===n.toLowerCase()}removeEmpty(t){const n=[];for(let r=0;r<t.length;r++)t[r]&&n.push(t[r]);return n}castInput(t,n){return t}tokenize(t,n){return Array.from(t)}join(t){return t.join("")}postProcess(t,n){return t}get useLongestToken(){return!1}buildValues(t,n,r){const o=[];let a;for(;t;)o.push(t),a=t.previousComponent,delete t.previousComponent,t=a;o.reverse();const s=o.length;let c=0,d=0,u=0;for(;c<s;c++){const p=o[c];if(p.removed)p.value=this.join(r.slice(u,u+p.count)),u+=p.count;else{if(!p.added&&this.useLongestToken){let x=n.slice(d,d+p.count);x=x.map(function(m,b){const y=r[u+b];return y.length>m.length?y:m}),p.value=this.join(x)}else p.value=this.join(n.slice(d,d+p.count));d+=p.count,p.added||(u+=p.count)}}return o}}class ut extends dt{constructor(){super(...arguments),this.tokenize=ht}equals(t,n,r){return r.ignoreWhitespace?((!r.newlineIsToken||!t.includes(`
+`))&&(t=t.trim()),(!r.newlineIsToken||!n.includes(`
+`))&&(n=n.trim())):r.ignoreNewlineAtEof&&!r.newlineIsToken&&(t.endsWith(`
+`)&&(t=t.slice(0,-1)),n.endsWith(`
+`)&&(n=n.slice(0,-1))),super.equals(t,n,r)}}const ft=new ut;function pt(e,t,n){return ft.diff(e,t,n)}function ht(e,t){t.stripTrailingCr&&(e=e.replace(/\r\n/g,`
+`));const n=[],r=e.split(/(\n|\r\n)/);r[r.length-1]||r.pop();for(let o=0;o<r.length;o++){const a=r[o];o%2&&!t.newlineIsToken?n[n.length-1]+=a:n.push(a)}return n}const gt=500;function xt(e,t){const n=vt(e,t);if(n.length===0)return[];const r=[];let o=0;for(;o<n.length;){let a=o;const s=n[o].type==="context";for(;a<n.length&&n[a].type==="context"===s;)a++;const c=n.slice(o,a);r.push({start:o,end:a,rows:c,hasAdditions:c.some(d=>d.type==="add"),hasRemovals:c.some(d=>d.type==="remove")}),o=a}return r}function vt(e,t){if(e===void 0)return t===void 0?[]:H(t,"add");if(t===void 0)return H(e,"remove");if(e===t)return H(t,"context");const n=mt(e,t);return n?n.flatMap(r=>H(r.value,r.added?"add":r.removed?"remove":"context")):[...H(e,"remove"),...H(t,"add")]}function mt(e,t){try{return pt(e,t,{timeout:gt})}catch{return}}function H(e,t){const n=e.split(`
+`);return n.length>1&&n[n.length-1]===""&&n.pop(),n.map(r=>({type:t,text:r}))}const ne=1,re=e=>e&&e.hasAdditions!==e.hasRemovals,oe=e=>e&&(e.hasAdditions||e.hasRemovals);function yt(e,t,n){if(e.hasAdditions||e.hasRemovals)return G(e.rows);const r=n[t-1],o=n[t+1],a=re(r)?ne:0,s=re(o)?ne:0;if(a+s>=e.rows.length)return G(e.rows);const c=e.rows.slice(0,a),d=s>0?e.rows.slice(-s):[],u=[];return u.push(...G(c)),oe(r)&&oe(o)&&u.push({kind:"separator"}),u.push(...G(d)),u}function G(e){return e.map(t=>({kind:"row",row:t}))}const bt=200;function ie({oldValue:e,newValue:t}){const n=h.useMemo(()=>xt(e,t),[e,t]),r=h.useMemo(()=>n.flatMap(yt),[n]);return h.useMemo(()=>n.some(a=>a.hasAdditions||a.hasRemovals),[n])?i.jsx(Ct,{$maxHeight:bt,children:r.map((a,s)=>{if(a.kind==="separator")return i.jsx(kt,{children:i.jsx(ae,{children:"···"})},s);const{row:c}=a,d=wt(c.type);return i.jsxs(d,{children:[i.jsxs(St,{children:[c.type==="remove"&&i.jsx(v.SubtractIcon,{size:"12px"}),c.type==="add"&&i.jsx(v.AddIcon,{size:"12px"})]}),i.jsx(ae,{children:c.text===""?" ":c.text})]},s)})}):null}function wt(e){return e==="remove"?At:e==="add"?Tt:jt}const Ct=l.default.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+  max-height: ${({$maxHeight:e})=>e}px;
+  overflow-y: auto;
+  border-radius: var(--border-radius);
+  &::-webkit-scrollbar-track {
+    margin: var(--spacing-xxs) 0;
+  }
+`,J=l.default.div`
+  display: flex;
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  font-weight: var(--font-weight-regular);
+  padding-right: var(--spacing-xxs);
+`,At=l.default(J)`
+  background: var(--admonition-danger-bg-color);
+  color: var(--color-raspberry-7);
+`,Tt=l.default(J)`
+  background: var(--admonition-success-bg-color);
+  color: var(--color-green-7);
+`,jt=l.default(J)`
+  background: transparent;
+  color: var(--text-color-secondary);
+`,St=l.default.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 20px;
+  flex-shrink: 0;
+`,ae=l.default.span`
+  width: 100%;
+  min-width: 0;
+  line-height: var(--line-height-sm);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-regular);
+  white-space: pre-wrap;
+  word-break: break-all;
+`,kt=l.default(J)`
+  user-select: none;
+`,It=e=>typeof e!="object"||e===null?!1:"kind"in e&&e.kind==="batch"?"changes"in e?Array.isArray(e.changes)&&e.changes.every(se):!1:se(e);function se(e){return typeof e!="object"||e===null||!("id"in e)||!("target"in e)||!("included"in e)||!("kind"in e)?!1:e.kind==="single"}const Et={approveLabel:"Approve",denyLabel:"Deny"};function Rt(e,t){const n=S(t,"action");if(n){const o=g.TOOL_APPROVAL_ACTION_BUTTON_LABELS[n];if(o)return o}const r=g.TOOL_APPROVAL_BUTTON_LABELS[e];return r||Et}function S(e,t){if(!e||typeof e!="object")return null;const n=e.payload;if(!n||typeof n!="object")return null;const r=n[t];return typeof r!="string"?null:r.trim()||null}function le(e,t){if(!(typeof t>"u"))return e?`${e}: ${t}`:t}function Pt(e){return e?"changes"in e?Array.isArray(e.changes)?e.changes.map(t=>!t||typeof t!="object"||!("approved"in t)?!1:t.approved===!0):[]:[]:[]}function Lt(e,t){if(!e||typeof e!="object")return;const n=q(e,f.REPLAY_MESSAGE_METADATA_NS),r=q(n,f.REPLAY_CHANGE_PREVIEW_SNAPSHOT_KEY);if(!(t in r))return;const o=r[t];if(Array.isArray(o)&&o.length!==0&&o.every(It))return o}function je(e,t){return g.isToolApprovalPart(e)&&g.isApprovalRequested(e)&&e.toolCallId===t}function Ot(e,t,n){const r=e.parts.map(d=>je(d,t)?{...d,input:_t(d.input,n)}:d),o=e.metadata&&typeof e.metadata=="object"?e.metadata:{},a=q(o,f.REPLAY_MESSAGE_METADATA_NS),c={...q(a,f.REPLAY_CHANGE_PREVIEW_SNAPSHOT_KEY),[t]:f.cloneObject(n)};return{...e,parts:r,metadata:{...o,[f.REPLAY_MESSAGE_METADATA_NS]:{...a,[f.REPLAY_CHANGE_PREVIEW_SNAPSHOT_KEY]:c}}}}function q(e,t){const n=e[t];return typeof n=="object"&&n!==null?n:{}}function _t(e,t){if(!e||!("changes"in e)||!Array.isArray(e.changes))return e;const{changes:n,...r}=e;return{...r,changes:n.map((o,a)=>({...o,approved:t[a]?.included??!1}))}}function Mt({preview:e,isIncluded:t,onToggle:n,readOnly:r}){if(e.kind==="batch")return i.jsx(ce,{isIncluded:t,onToggle:n,readOnly:r,primaryLabel:e.target.type,children:i.jsx(Ut,{children:e.changes.map(c=>i.jsx(ie,{oldValue:le(c.target.key,c.oldValue),newValue:le(c.target.key,c.newValue)},c.id))})});const{target:o,oldValue:a,newValue:s}=e;return i.jsx(ce,{isIncluded:t,onToggle:n,readOnly:r,primaryLabel:o.key??o.type,categoryLabel:o.key?o.type:void 0,children:i.jsx(ie,{oldValue:a,newValue:s})})}function ce({isIncluded:e,onToggle:t,readOnly:n,primaryLabel:r,categoryLabel:o,children:a}){return i.jsxs(Nt,{$dimmed:n&&!e,children:[i.jsxs(Dt,{children:[n?i.jsx(Ft,{children:e?i.jsx(Gt,{size:"16px"}):i.jsx(Wt,{size:"16px"})}):i.jsxs(Vt,{children:[i.jsx(zt,{checked:e}),i.jsx(Bt,{type:"checkbox",checked:e,onChange:t})]}),i.jsx($t,{children:r}),o?i.jsx(Ht,{children:o}):null]}),a]})}const Nt=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  min-width: 0;
+  padding: var(--spacing-xs);
+  border-bottom: 1px solid var(--border-color-secondary);
+  box-sizing: border-box;
+  opacity: ${({$dimmed:e})=>e?.4:1};
+  &:last-child {
+    border-bottom: none;
+  }
+`,Dt=l.default.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  min-width: 0;
+`,$t=l.default.span`
+  flex: 1;
+  min-width: 0;
+  color: var(--text-color-primary);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--line-height-sm);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Ht=l.default.span`
+  flex-shrink: 0;
+  font-family: var(--code-block-font-family, var(--font-family-monospace, monospace));
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-secondary);
+`,zt=l.default(v.CheckboxIcon).attrs({"aria-hidden":!0})`
+  --checkbox-border-color: var(--color-blueberry-6);
+  --checkbox-box-color: var(--color-blueberry-6);
+  --checkbox-box-color-active: var(--color-blueberry-6);
+`,Vt=l.default.span`
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+`,Bt=l.default.input`
+  position: absolute;
+  inset: 0;
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+`,Ft=l.default.span`
+  display: inline-flex;
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  align-items: center;
+  justify-content: center;
+`,Gt=l.default(v.CheckmarkFilledIcon)`
+  color: var(--color-success-base);
+`,Wt=l.default(v.CloseFilledIcon)`
+  color: var(--text-color-description);
+`,Ut=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  min-width: 0;
+`;function Se({previews:e,handleToggle:t,readOnly:n}){return e.length===0?null:i.jsx(qt,{children:e.map((r,o)=>i.jsx(Mt,{preview:r,isIncluded:r.included,onToggle:t?()=>t(o):void 0,readOnly:n},r.id))})}const qt=l.default.div`
+  display: flex;
+  flex-direction: column;
+`,Yt={update_step:Zt,update_security:Xt,run_request:tn,web_search:nn,manage_environment:Qt,manage_collection:en};function Kt(e,t){const n=Yt[e];return n?n(t):Jt(e)}function Jt(e){return[{kind:"text",text:e.split("_").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(" ")}]}function Zt(e){return ke(e,"Update step")}function Xt(e){return ke(e,"Update security")}function ke(e,t){const{collectionId:n,workflowId:r,stepId:o}=rn(e);return!n||!r||!o?k(t):Ie(`${t} `,Ae({collectionId:n,workflowId:r,stepId:o}),o)}function k(e){return[{kind:"text",text:e}]}function P(e,t){return t?`${e} "${t}"`:e}function Ie(e,t,n){return[{kind:"text",text:e},{kind:"link",href:t,label:n}]}function Qt(e){const t=S(e,"action"),n=S(e,"environment"),r=n?` in environment "${n}"`:"";switch(t){case"add_environment":return k(P("Add environment",n));case"set_active_environment":return k(n?`Switch active environment to ${n}`:"Switch active environment");case"upsert_input":return k(P("Set input",S(e,"name"))+r);case"remove_input":return k(P("Remove input",S(e,"inputName"))+r);case"upsert_server":return k(P("Set server",S(e,"apiId"))+r);case"remove_server":return k(P("Remove server",S(e,"apiId"))+r);default:return k("Manage environment")}}function en(e){switch(S(e,"action")){case"create_collection":return k(P("Create collection",S(e,"title")));case"delete_collection":return k(P("Delete collection",S(e,"collectionId")));case"create_workflow":return k(P("Create workflow",S(e,"name")));case"delete_workflow":return k(P("Delete workflow",S(e,"workflowId")));case"create_step":return k(P("Create step",S(e,"stepName")));case"delete_step":{const n=S(e,"collectionId"),r=S(e,"workflowId"),o=S(e,"stepId");return!n||!r||!o?k("Delete step"):Ie("Delete step ",Ae({collectionId:n,workflowId:r,stepId:o}),o)}case"save_tab_to_collection":return k(P("Save tab as step",S(e,"newStepName")));default:return k("Manage collection")}}function tn(){return[{kind:"text",text:"Run current request"}]}function nn(e){return[{kind:"text",text:"Search the web at "},{kind:"link",href:e.url,label:e.url}]}function rn(e){return{collectionId:X(e,"collectionId"),workflowId:X(e,"workflowId"),stepId:X(e,"stepId")}}function X(e,t){if(!e||!(t in e))return null;const n=e[t];return typeof n=="string"&&n.trim()||null}function Ee({toolName:e,input:t}){const n=Kt(e,t),r=Te();return i.jsx(on,{onClick:r,children:i.jsx(an,{children:n.map((o,a)=>o.kind==="text"?i.jsx("span",{children:o.text},a):i.jsx(sn,{href:o.href,children:o.label},a))})})}const on=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  min-width: 0;
+  padding: var(--spacing-xs) var(--spacing-sm);
+
+  &:not(:last-child) {
+    border-bottom: 1px solid var(--border-color-secondary);
+  }
+`,an=l.default.span`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`,sn=l.default.a`
+  color: var(--link-color-primary);
+  cursor: pointer;
+  text-decoration: none;
+
+  &:hover {
+    color: var(--link-color-primary, var(--text-color-link));
+  }
+`;function j({id:e,targetType:t,targetKey:n,oldValue:r,newValue:o}){return{kind:"single",id:e,target:n===void 0?{type:t}:{type:t,key:n},oldValue:r,newValue:o,included:!0}}function D(e,t){return j({id:e,targetType:t,oldValue:void 0,newValue:void 0})}function z({data:e,baseId:t,targetType:n,batchTargetKey:r,getOldValue:o,getNewValue:a=(c,d)=>String(d??""),resolveTargetKey:s=c=>c}){const c=Object.entries(e).filter(([,p])=>p!==void 0);if(c.length===0)return D(t,n);if(c.length>=2){const p=c.map(([m,b])=>j({id:`${t}:${m}`,targetType:n,targetKey:s(m),oldValue:o(m),newValue:a(m,b)}));return{kind:"batch",id:t,target:r!==void 0?{type:n,key:r}:{type:n},changes:p,included:!0}}const[d,u]=c[0];return j({id:t,targetType:n,targetKey:s(d),oldValue:o(d),newValue:a(d,u)})}function ln({store:e,input:t}){if(!cn(t))return[];const n=new Map,r=o=>{const a=n.get(o);if(a)return a;const s=g.resolveStepOrDraft(e,t.collectionId,t.workflowId,o),c=s.ok?s.value:null,d=c?Array.from(c.security.get({noproxy:!0})):[];return n.set(o,d),d};return t.changes.map((o,a)=>{const s=o.stepId?.trim(),c=s||t.stepId;return dn(r(c),o,a,s)})}function cn(e){if(typeof e!="object"||e===null)return!1;const t=e;return typeof t.collectionId=="string"&&typeof t.workflowId=="string"&&typeof t.stepId=="string"&&Array.isArray(t.changes)&&t.changes.length>0}function $(e,t){return e?t?`${e}: ${t}`:e:t}function dn(e,t,n,r){const o=`security[${n}]`;switch(t.action){case g.CHANGE_ACTION.ADD:{const{type:a,schemeId:s,data:c}=t;return!c||Object.keys(c).length===0?j({id:o,targetType:a,targetKey:$(r,s),oldValue:void 0,newValue:a}):z({data:c,baseId:o,targetType:a,batchTargetKey:$(r,s),getOldValue:()=>{},resolveTargetKey:d=>$(r,d)})}case g.CHANGE_ACTION.UPDATE:{const{type:a,schemeId:s,data:c}=t,d=t.index!==void 0?e[t.index]:void 0;return!c||Object.keys(c).length===0?j({id:o,targetType:a,targetKey:$(r,s),oldValue:ue(d),newValue:a}):z({data:c,baseId:o,targetType:a,batchTargetKey:$(r,s),getOldValue:u=>d?un(d,u):void 0,resolveTargetKey:u=>$(r,u)})}case g.CHANGE_ACTION.REMOVE:{const a=g.resolveRemovalTarget(e,t),s=a.ok?a.entry:void 0;return j({id:o,targetType:s?.securityType??"Security",targetKey:$(r,Pe(s)),oldValue:ue(s),newValue:void 0})}}}function un(e,t){switch(e.securityType){case f.SecurityTypes.NoAuth:return;case f.SecurityTypes.OAuth2:return de(e[f.SecurityTypes.OAuth2],t);case f.SecurityTypes.OpenIDConnect:{const n=e[f.SecurityTypes.OpenIDConnect];return t==="openIdConnectUrl"?n.openIdConnectUrl||void 0:t==="userInfoUrl"?n.userInfoUrl||void 0:de(n,t)}default:{const n=e[e.securityType];return Re(n,t)}}}function de(e,t){if(t==="grantType")return e.grantType||void 0;if(!e.grantType)return;const n=e[e.grantType];return Re(n,t)}function Re(e,t){const n=e[t];return n!==void 0&&n!==""?String(n):void 0}function ue(e){if(!e||e.securityType===f.SecurityTypes.NoAuth)return;const t=Pe(e);return t?`${e.securityType} (${t})`:e.securityType}function Pe(e){return!e||e.securityType===f.SecurityTypes.NoAuth?void 0:e[e.securityType]?.schemeName||void 0}function fn({store:e,input:t}){if(!pn(t))return[];const n=g.resolveStepOrDraft(e,t.collectionId,t.workflowId,t.stepId),r=n.ok?n.value:null;return t.changes.map((o,a)=>hn(r,o,a))}function pn(e){return typeof e!="object"||e===null?!1:"collectionId"in e&&"workflowId"in e&&"stepId"in e&&"changes"in e&&Array.isArray(e.changes)&&e.changes.length>0&&typeof e.collectionId=="string"&&typeof e.workflowId=="string"&&typeof e.stepId=="string"}function hn(e,t,n){const r=t.id??`${t.field}[${n}]`;switch(t.field){case"method":case"url":case"description":return gn(e,t,r);case"parameters":return xn(e,t,r);case"outputs":return vn(e,t,r);case"body":return mn(e,t,r);case"successCriteria":return yn(e,t,r)}}function gn(e,t,n){const r=v.capitalize(t.field);switch(t.action){case g.CHANGE_ACTION.ADD:return j({id:n,targetType:r,oldValue:void 0,newValue:t.data});case g.CHANGE_ACTION.UPDATE:return j({id:n,targetType:r,oldValue:fe(e,t.field),newValue:t.data});case g.CHANGE_ACTION.REMOVE:return j({id:n,targetType:r,oldValue:fe(e,t.field),newValue:void 0})}}function xn(e,t,n){switch(t.action){case g.CHANGE_ACTION.ADD:{if(!t.data)return D(n,"parameter");const{in:r,name:o,value:a}=t.data;return j({id:n,targetType:v.capitalize(r),targetKey:o,oldValue:void 0,newValue:a})}case g.CHANGE_ACTION.UPDATE:{if(!t.id&&!t.data?.name)return D(n,"parameter");const r=pe(e,t),o=t.data?.in??r?.in??"parameter";return j({id:n,targetType:v.capitalize(o),targetKey:t.data?.name??r?.key,oldValue:r?r.value??"":void 0,newValue:t.data?.value})}case g.CHANGE_ACTION.REMOVE:{if(!t.id&&!t.data?.name)return D(n,"parameter");const r=pe(e,t),o=t.data?.in??r?.in??"parameter";return j({id:n,targetType:v.capitalize(o),targetKey:r?.key??t.data?.name,oldValue:r?r.value??"":void 0,newValue:void 0})}}}function vn(e,t,n){switch(t.action){case g.CHANGE_ACTION.ADD:return t.data?j({id:n,targetType:"Output",targetKey:t.data.name,oldValue:void 0,newValue:t.data.expression}):j({id:n,targetType:"Output",oldValue:void 0,newValue:void 0});case g.CHANGE_ACTION.UPDATE:{if(!t.data)return j({id:n,targetType:"Output",oldValue:void 0,newValue:void 0});const r=t.id&&e?ge(e,t.id):void 0;return j({id:n,targetType:"Output",targetKey:t.data.name,oldValue:r?.value,newValue:t.data.expression})}case g.CHANGE_ACTION.REMOVE:{if(!t.id&&!t.data?.name)return D(n,"Output");let r=t.id&&e?ge(e,t.id):void 0;return!r&&e&&t.data?.name&&(r=Cn(e,t.data.name)),j({id:n,targetType:"Output",targetKey:r?.key??t.data?.name,oldValue:r?.value,newValue:void 0})}}}function mn(e,t,n){const{data:r}=t;switch(t.action){case g.CHANGE_ACTION.ADD:return z({data:r,baseId:n,targetType:"Body",getOldValue:()=>{},getNewValue:o=>o==="content"?Q(r.content,r.contentType):K(r[o]),resolveTargetKey:o=>o==="content"?void 0:o});case g.CHANGE_ACTION.UPDATE:{const o=e?.requestBody.type.get(),a=r.contentType??o;return z({data:r,baseId:n,targetType:"Body",getOldValue:s=>{if(e){if(s==="content")return Q(e.requestBody.content.get(),o)||void 0;if(s==="contentType")return o}},getNewValue:s=>s==="content"?Q(r.content,a):K(r[s]),resolveTargetKey:s=>s==="content"?void 0:s})}case g.CHANGE_ACTION.REMOVE:{const o=e?f.toCompactJson({contentType:e.requestBody.type.get(),content:e.requestBody.content.get()}):void 0;return j({id:n,targetType:"Body",oldValue:o,newValue:void 0})}}}function yn(e,t,n){switch(t.action){case g.CHANGE_ACTION.ADD:return t.data?z({data:t.data,baseId:n,targetType:"successCriteria",getOldValue:()=>{},getNewValue:r=>K(t.data[r])}):D(n,"successCriteria");case g.CHANGE_ACTION.UPDATE:{if(!t.data)return D(n,"successCriteria");const r=typeof t.id=="string"&&e?he(e,t.id):void 0;return z({data:t.data,baseId:n,targetType:"successCriteria",getOldValue:o=>{if(r){if(o==="condition")return r.condition;if(o==="context")return r.context??void 0;if(o==="type")return r.type}},getNewValue:o=>K(t.data[o])})}case g.CHANGE_ACTION.REMOVE:{if(typeof t.id!="string")return D(n,"successCriteria");const r=e?he(e,t.id):void 0;return j({id:n,targetType:"successCriteria",targetKey:r?.condition,oldValue:r?f.toCompactJson(r):void 0,newValue:void 0})}}}function fe(e,t){if(e)switch(t){case"method":return e.xOperation.ornull?.method.get();case"url":return e.xOperation.ornull?.url.get();case"description":return e.description.get()}}function pe(e,t){let n=t.id&&e?bn(e,t.id):null;return!n&&e&&t.data?.name&&(n=wn(e,t.data.name)),n}function Le(e,t){for(const n of["path","query","header","cookie"]){const r=e.parameters[g.LOCATION_TO_FIELD[n]].get().find(o=>f.isInlineRequestParameter(o)&&t(o));if(r)return r}return null}function bn(e,t){return Le(e,n=>n.id===t)}function wn(e,t){return Le(e,n=>n.key===t)}function he(e,t){return e.successCriteria.get().find(n=>n.condition===t)}function Oe(e,t){for(const n of e.outputs.get())if(t(n))return{key:Y(n.key),value:Y(n.value)}}function ge(e,t){return Oe(e,n=>Y(n.id)===t)}function Cn(e,t){return Oe(e,n=>Y(n.key)===t)}function Y(e){return typeof e=="string"?e:e.get()}function K(e){return e==null?"":typeof e=="string"?e:f.toCompactJson(e)}function Q(e,t){if(!e||t!==f.TextContentType.JSON)return e;try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}const An={update_security:ln,update_step:fn};function _e(e,t){const n=f.useGlobalStore(),r=h.useMemo(()=>{const d=e?An[e]:void 0;if(!d)return[];try{return d({store:n,input:t})}catch(u){return console.error("Unable to build change previews",u),[]}},[e,n,t]),[o,a]=h.useState(()=>Object.fromEntries(r.map(d=>[d.id,d.included]))),s=h.useMemo(()=>r.map(d=>({...d,included:o[d.id]??d.included})),[r,o]),c=h.useCallback(d=>{a(typeof d=="function"?u=>{const p=r.map(x=>({...x,included:u[x.id]??x.included}));return Object.fromEntries(d(p).map(x=>[x.id,x.included]))}:Object.fromEntries(d.map(u=>[u.id,u.included])))},[r]);return{previews:s,setPreviews:c}}function Tn({toolCallId:e,toolName:t,input:n,onApprove:r,onDeny:o}){const{updateMessages:a}=g.useAiConversationContext(),{previews:s,setPreviews:c}=_e(t,n),{includedCount:d,totalCount:u}=h.useMemo(()=>({includedCount:s.filter(y=>y.included).length,totalCount:s.length}),[s]),{approveLabel:p,denyLabel:x}=h.useMemo(()=>Rt(t,n),[t,n]),m=h.useCallback(()=>{a(y=>{const A=[];for(let C=0;C<y.length;C++){const T=y[C],{parts:w}=T,I=T.role==="assistant",N=w.some(R=>je(R,e));if(I&&N){const R=Ot(T,e,s);A.push({index:C,message:R})}}return A}),r()},[s,r,a,e]),b=h.useCallback(y=>{c(A=>A.map((C,T)=>T===y?{...C,included:!C.included}:C))},[c]);return i.jsxs(jn,{children:[i.jsx(Ee,{toolName:t,input:n}),s.length?i.jsx(Sn,{children:i.jsx(Se,{previews:s,handleToggle:b})}):null,s.length?i.jsx(f.Divider,{}):null,i.jsxs(kn,{children:[u>1?i.jsxs(In,{children:[d," of ",u," selected"]}):null,i.jsx(En,{size:"small",variant:"secondary",onClick:o,children:x}),i.jsx(Rn,{size:"small",variant:"primary",onClick:m,disabled:u>0?d===0:!1,children:p})]})]})}const jn=l.default.div`
+  display: flex;
+  color: var(--text-color-primary);
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  width: 100%;
+  min-width: 0;
+  border-radius: var(--border-radius-md, 10px);
+  border: 1px solid var(--border-color-secondary);
+  background: var(--layer-color);
+  line-height: var(--line-height-sm);
+`,Sn=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  min-width: 0;
+`,kn=l.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  align-items: center;
+  padding: 0 var(--spacing-sm) var(--spacing-xs) var(--spacing-sm);
+  gap: var(--spacing-xxs);
+`,In=l.default.span`
+  flex: 1;
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-secondary);
+`,En=l.default(v.Button)`
+  background: none;
+`,Rn=l.default(v.Button)`
+  border: 1px solid var(--button-bg-color);
+  padding-top: 0;
+  padding-bottom: 0;
+  &:disabled {
+    border: 1px solid var(--button-border-color-disabled);
+  }
+`;function Pn({approvalId:e,toolCallId:t,toolName:n,input:r}){const{addToolApprovalResponse:o}=g.useAiConversationContext(),a=h.useCallback(()=>{o({id:e,approved:!0})},[e,o]),s=h.useCallback(()=>{o({id:e,approved:!1})},[e,o]);return i.jsx(Tn,{onApprove:a,onDeny:s,toolCallId:t,toolName:n,input:r})}function Ln({toolName:e,toolCallId:t,input:n,isDenied:r,messageMetadata:o,onUndo:a}){const s=h.useMemo(()=>Lt(o,t),[o,t]),{previews:c}=_e(s?void 0:e,n),d=h.useMemo(()=>{const m=s??c;if(r)return m.map(y=>({...y,included:!1}));const b=Pt(n);return m.map((y,A)=>({...y,included:b[A]??y.included}))},[s,c,n,r]);if(d.length===0)return null;const u=d.filter(m=>m.included).length,x=u===0?"Nothing applied":`${u} ${u===1?"change":"changes"} applied`;return i.jsxs(On,{children:[i.jsx(Ee,{toolName:e,input:n}),i.jsx(_n,{children:i.jsx(Se,{previews:d,readOnly:!0})}),i.jsx(f.Divider,{}),i.jsxs(Mn,{children:[i.jsx(Nn,{children:x}),a?i.jsx(Dn,{size:"small",variant:"outlined",onClick:a,children:"Undo"}):null]})]})}const On=l.default.div`
+  display: flex;
+  color: var(--text-color-primary);
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+  border-radius: var(--border-radius-md, 10px);
+  border: 1px solid var(--border-color-secondary);
+  background: var(--layer-color);
+  line-height: var(--line-height-sm);
+`,_n=l.default.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+`,Mn=l.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  gap: var(--spacing-xs);
+`,Nn=l.default.span`
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-secondary);
+`,Dn=l.default(v.Button)`
+  padding-top: 0;
+  padding-bottom: 0;
+`;function $n({items:e,isLast:t}){const[n,r]=h.useState(t),o=h.useCallback(()=>{r(s=>!s)},[]),a=h.useMemo(()=>e.filter(s=>s.kind==="action"),[e]);return i.jsxs(zn,{children:[i.jsxs(Vn,{type:"button",onClick:o,"aria-expanded":n,children:[i.jsx(Bn,{children:n?i.jsx(v.ChevronDownIcon,{size:"12px",color:"var(--icon-color-additional)"}):i.jsx(v.ChevronRightIcon,{size:"12px",color:"var(--icon-color-additional)"})}),i.jsxs(Fn,{children:[a.length," ",a.length===1?"action":"actions"]})]}),n&&i.jsx(Gn,{children:a.map((s,c)=>i.jsx(Hn,{text:s.text},c))})]})}function Hn({text:e}){return i.jsxs(Wn,{children:[i.jsxs(Un,{children:[i.jsx(qn,{"aria-hidden":!0}),i.jsx(Yn,{children:i.jsx(Kn,{"aria-hidden":!0})}),i.jsx(Me,{"aria-hidden":!0})]}),i.jsx(Jn,{children:e})]})}const zn=l.default.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+`,Vn=l.default.button`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  width: fit-content;
+  padding: 0;
+`,Bn=l.default.span`
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`,Fn=l.default.span`
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-description);
+`,Gn=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+`,Me=l.default.span`
+  display: block;
+  width: 1px;
+  flex-shrink: 0;
+  align-self: center;
+  background: var(--border-color-secondary);
+  flex: 1 1 auto;
+  min-height: 8px;
+`,Wn=l.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  gap: var(--spacing-xxs);
+  min-width: 0;
+
+  &:last-child {
+    ${Me} {
+      display: none;
+    }
+  }
+`,Un=l.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  width: 12px;
+  flex: 0 0 auto;
+  align-self: stretch;
+  min-height: 0;
+`,qn=l.default.span`
+  display: block;
+  width: 1px;
+  height: 4px;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  background: var(--border-color-secondary);
+`,Yn=l.default.div`
+  width: 12px;
+  height: 12px;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Kn=l.default.span`
+  width: 4px;
+  height: 4px;
+  flex-shrink: 0;
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 1px solid var(--border-color-secondary);
+  background: transparent;
+`,Jn=l.default.span`
+  flex: 1;
+  min-width: 0;
+  align-self: flex-start;
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-helper);
+`;function Zn({items:e,messageMetadata:t}){return i.jsx(Qn,{children:e.map((n,r)=>{if(n.kind==="reasoning-block"){const s=r===e.length-1;return i.jsx($n,{items:n.items,isLast:s},n.key)}if(n.kind==="text")return i.jsx(Xn,{rawMarkdown:n.text,workflowRunHistoryIds:n.workflowRunHistoryIds},n.key);const{part:o}=n,a=g.parseToolName(o.type);return a&&g.isApprovalRequested(o)?i.jsx(Pn,{approvalId:o.approval.id,toolCallId:o.toolCallId,toolName:a,input:o.input},n.key):a&&g.isApprovalSettled(o)?i.jsx(Ln,{toolName:a,toolCallId:o.toolCallId,input:o.input,isDenied:o.state==="output-denied",messageMetadata:t},n.key):null})})}function Xn({rawMarkdown:e,workflowRunHistoryIds:t}){const n=Te({workflowRunHistoryIds:t});return i.jsx(er,{onClick:n,children:i.jsx(f.Markdown,{rawMarkdown:e,parser:f.markdownParserMarked})})}const Qn=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+`,er=l.default.div`
+  white-space: normal;
+
+  max-width: 100%;
+  overflow: hidden;
+
+  p:first-child {
+    margin-top: 0;
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+`,Ne=l.default.div`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`;function tr(){return i.jsxs(nr,{children:[i.jsx(W,{}),i.jsx(W,{}),i.jsx(W,{})]})}const nr=l.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 24px;
+  height: 24px;
+`;function rr(){return i.jsxs(or,{children:[i.jsx(tr,{}),i.jsx(ir,{children:"Thinking"})]})}const or=l.default.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+`,ir=l.default.span`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-helper);
+`;function ar({items:e}){return i.jsx(h.Fragment,{children:e.map(t=>t.kind!=="text"?null:i.jsx(Ne,{children:t.text},t.key))})}const sr="Something went wrong. Please try again.";function lr(e){const t=e?.message?.trim();return t||sr}function cr({message:e,isLastMessage:t}){const{chatStatus:n,chatError:r}=g.useAiConversationContext(),{role:o,parts:a}=e,s=o===_.MESSAGE_ROLE.ASSISTANT,c=h.useMemo(()=>g.getContentItems(a),[a]),d=c.length>0,u=n==="error"&&t&&s&&!d;return!d&&!u?null:i.jsx(De,{$role:o,children:i.jsx(ur,{isFailedEmptyAssistant:u,chatError:r,isAssistant:s,contentItems:c,messageMetadata:e.metadata})})}function dr(){return i.jsx(De,{$role:_.MESSAGE_ROLE.ASSISTANT,children:i.jsx(ee,{children:i.jsx(rr,{})})})}function ur({isFailedEmptyAssistant:e,chatError:t,isAssistant:n,contentItems:r,messageMetadata:o}){return e?i.jsx(ee,{children:i.jsx(Ne,{children:lr(t)})}):i.jsx(ee,{children:n?i.jsx(Zn,{items:r,messageMetadata:o}):i.jsx(ar,{items:r})})}const De=l.default.div`
+  display: flex;
+  flex-direction: column;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  gap: var(--spacing-xxs);
+  min-width: 0;
+  width: ${({$role:e})=>e===_.MESSAGE_ROLE.ASSISTANT?"100%":"fit-content"};
+  border-radius: ${({$role:e})=>e===_.MESSAGE_ROLE.USER?"6px 0px 6px 6px":"0px 6px 6px 6px"};
+  background: ${({$role:e})=>e===_.MESSAGE_ROLE.USER?"var(--replay-ai-user-message-gradient)":"transparent"};
+  border: none;
+  color: var(--text-color-primary);
+  box-sizing: border-box;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  max-width: 100%;
+`,ee=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  min-width: 0;
+  width: 100%;
+`;function fr(){const{messages:e,isStreaming:t}=g.useAiConversationContext(),n=e.at(-1),r=h.useMemo(()=>{const o=n?.role===_.MESSAGE_ROLE.ASSISTANT,a=n?.parts.at(-1)?.type==="text";return t&&!(o&&a)},[t,n?.parts,n?.role]);return i.jsxs(pr,{children:[e.map((o,a)=>i.jsx(xe,{$role:o.role,children:i.jsx(ve,{$role:o.role,children:i.jsx(cr,{message:o,isLastMessage:a===e.length-1})})},o.id)),r&&i.jsx(xe,{$role:_.MESSAGE_ROLE.ASSISTANT,children:i.jsx(ve,{$role:_.MESSAGE_ROLE.ASSISTANT,children:i.jsx(dr,{})})})]})}const pr=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  width: 100%;
+`,xe=l.default.div`
+  display: flex;
+  width: 100%;
+  justify-content: ${({$role:e})=>e===_.MESSAGE_ROLE.USER?"flex-end":"flex-start"};
+`,ve=l.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: ${({$role:e})=>e===_.MESSAGE_ROLE.USER?"flex-end":"stretch"};
+  gap: var(--spacing-xs);
+  min-width: 0;
+  width: 100%;
+  max-width: 100%;
+`;function hr(e){const t=h.useRef(void 0);return h.useEffect(()=>{t.current=e}),t.current}const $e=l.default.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  overflow: auto;
+  padding: var(--spacing-xs);
+`,gr=e=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none",...e,children:[i.jsx("path",{d:"M12.1683 8.65224C13.4439 7.91782 13.4439 6.08176 12.1683 5.34733L8.48891 3.22903L5.13033 6.57817C5.03961 6.66863 5.03961 6.8153 5.13033 6.90577L8.81674 10.5818L12.1683 8.65224Z",fill:"url(#replay-icon-gradient)"}),i.jsx("path",{d:"M7.56707 11.3013L3.81522 13.4613C2.53957 14.1957 0.945007 13.2777 0.945007 11.8088L0.945008 2.19072C0.945008 0.721872 2.53957 -0.196157 3.81522 0.538267L7.23924 2.50957L4.14475 5.59536C3.5097 6.22861 3.5097 7.25532 4.14475 7.88858L7.56707 11.3013Z",fill:"url(#replay-icon-gradient)"}),i.jsx("defs",{children:i.jsxs("linearGradient",{id:"replay-icon-gradient",x1:"12.0947",y1:"10.9627",x2:"1.65018",y2:"0.120816",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{stopColor:"#C361FF"}),i.jsx("stop",{offset:"0.411322",stopColor:"#9461FF"}),i.jsx("stop",{offset:"0.73777",stopColor:"#207DFF"}),i.jsx("stop",{offset:"1",stopColor:"#1DA8F6"})]})})]}),xr=l.default(gr)`
+  height: ${({size:e})=>e||"14px"};
+  width: ${({size:e})=>e||"14px"};
+`;function vr(e){const t="var(--font-size-base)";switch(e){case f.REUNITE_AI_PROVIDER:return i.jsx(xr,{size:t});case f.AI_PROVIDERS.OPENAI:return i.jsx(v.ChatGptIcon,{size:t,color:"var(--text-color-primary)"});case f.AI_PROVIDERS.GEMINI:return i.jsx(v.GeminiIcon,{size:t});case f.AI_PROVIDERS.ANTHROPIC:return i.jsx(v.ClaudeIcon,{size:t,color:"var(--replay-claude-icon-color)"})}}function mr({models:e,selectedModelId:t,placement:n,onModelSelect:r,onSettingsOpen:o}){const a=e.find(x=>x.id===t),s=a?.label??"Replay AI",c=a?.id,d=e.filter(x=>x.provider===f.REUNITE_AI_PROVIDER),u=e.filter(x=>x.provider!==f.REUNITE_AI_PROVIDER),p=d.length>0&&u.length>0;return i.jsx(Cr,{children:i.jsx(Ar,{trigger:i.jsx(yr,{label:s}),placement:n,alignment:"start",withArrow:!0,children:i.jsxs(Tr,{children:[i.jsxs(kr,{children:[d.map(x=>i.jsx(me,{model:x,activeModelId:c,onModelSelect:r},x.id)),p&&i.jsx(ye,{"aria-hidden":!0}),u.length>0&&i.jsx(i.Fragment,{children:u.map(x=>i.jsx(me,{model:x,activeModelId:c,onModelSelect:r},x.id))})]}),o&&e.length>0&&i.jsx(ye,{"aria-hidden":!0}),o&&i.jsx(Ir,{prefix:i.jsx(v.SettingsCogIcon,{size:"var(--font-size-base)",color:"var(--text-color-secondary)"}),content:"Manage models",onAction:()=>o("ai-providers")})]})})})}function yr({label:e,icon:t,onClick:n,onKeyDown:r}){return i.jsxs(br,{onClick:n,onKeyDown:r,children:[i.jsx(wr,{children:e}),t]})}function me({model:e,activeModelId:t,onModelSelect:n}){const r=e.id===t;return i.jsx(v.DropdownMenuItem,{prefix:vr(e.provider),suffix:r?i.jsx(Sr,{size:"var(--font-size-base)",color:"var(--text-color-primary)"}):void 0,onAction:()=>n(e.id),active:r,children:i.jsx(jr,{children:e.label})})}const br=l.default.div`
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: var(--spacing-xxs);
+  height: 24px;
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius);
+  background: var(--bg-color-active);
+  cursor: pointer;
+  user-select: none;
+
+  &:hover {
+    background: var(--layer-color-active);
+  }
+`,wr=l.default.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+  white-space: nowrap;
+`,Cr=l.default.div`
+  --dropdown-menu-padding-top: 0;
+
+  min-width: 0;
+  flex: 1;
+  position: relative;
+`,Ar=l.default(v.Dropdown)`
+  width: 100%;
+  min-width: 0;
+  flex: 1;
+
+  > :last-child {
+    width: 100%;
+    max-width: 200px;
+  }
+`,Tr=l.default(v.DropdownMenu)`
+  --dropdown-menu-item-gap: calc(var(--spacing-unit) / 2);
+  --dropdown-menu-item-padding-vertical: var(--spacing-xxs);
+  --dropdown-menu-item-padding-horizontal: var(--spacing-xs);
+
+  padding: var(--spacing-xxs);
+  margin: 5px 0;
+  border-radius: var(--border-radius-lg);
+  background: var(--bg-color);
+`,jr=l.default.span`
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Sr=l.default(v.CheckmarkIcon)`
+  margin-left: var(--spacing-xxs);
+`,ye=l.default.li`
+  flex-shrink: 0;
+  list-style: none;
+  width: 100%;
+  height: 1px;
+  margin: 0;
+  background: var(--border-color-secondary);
+`,kr=l.default.li`
+  display: flex;
+  flex-direction: column;
+  gap: var(--dropdown-menu-item-gap);
+  list-style: none;
+  min-height: 0;
+  overflow-y: auto;
+`,Ir=l.default(v.DropdownMenuItem)`
+  flex-shrink: 0;
+`;function Er(){const{chatId:e,isLoading:t,pendingComposerPreset:n,clearPendingComposerPreset:r,availableModels:o,selectedModelId:a,selectModel:s,onSettingsOpen:c}=f.useAiChatContext(),{messages:d,isStreaming:u,sendMessage:p,stopGeneration:x}=g.useAiConversationContext(),{isOpen:m}=f.useAiPanel(),[b,y]=h.useState(""),A=h.useRef(null),C=h.useRef(null),T=h.useRef(!0),w=d.length>0,I=hr(d.length),R=I!==void 0&&I>0&&!w,M=h.useCallback((E="smooth")=>{C.current&&C.current.scrollTo({top:C.current.scrollHeight,behavior:E})},[]),B=h.useCallback(()=>{const E=C.current;if(!E)return;E.scrollHeight-E.scrollTop-E.clientHeight<50&&(T.current=!0)},[]);h.useEffect(()=>{const E=C.current;if(!E)return;const Z=Ve=>{Ve.deltaY<0&&(T.current=!1)};return E.addEventListener("wheel",Z,{passive:!0}),()=>E.removeEventListener("wheel",Z)},[]);const F=h.useCallback(async()=>{b&&(y(""),T.current=!0,await p(b),A.current&&requestAnimationFrame(()=>A.current?.focus()))},[p,b]);return h.useEffect(()=>{m&&(A.current&&A.current.focus(),T.current=!0,M())},[m,d.length,M]),h.useEffect(()=>{u&&T.current&&M()}),h.useEffect(function(){m&&A.current&&(A.current.focus(),M("instant"))},[e,m,M]),h.useEffect(function(){!m||n===null||(y(n),r())},[m,n,r]),i.jsxs($e,{children:[i.jsx(Rr,{ref:C,$isExpanded:t||w,$isAnimated:u||R,onScroll:B,children:t?i.jsx(Pr,{children:i.jsx(f.StyledSpinner,{size:"20px"})}):i.jsx(fr,{})}),i.jsx(Qe,{value:b,onValueChange:y,onSubmit:F,isStreaming:u,onStop:x,textareaRef:A,modelSelector:i.jsx(mr,{models:o,selectedModelId:a,placement:w?"top":"bottom",onModelSelect:s,onSettingsOpen:c})})]})}const Rr=l.default.div`
+  flex: ${({$isExpanded:e})=>e?1:0};
+  width: 100%;
+  overflow: auto;
+  padding-bottom: ${e=>e.$isExpanded?"var(--spacing-xs)":"0"};
+  transition-property: flex;
+  transition-duration: ${e=>e.$isAnimated?"var(--replay-transition-duration)":"0s"};
+  transition-timing-function: var(--replay-transition-timing-function);
+`,Pr=l.default.div`
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  padding-top: var(--spacing-lg);
+`,O={TODAY:"today",YESTERDAY:"yesterday",LAST_WEEK:"last_week",LAST_MONTH:"last_month",OLDER:"older"},Lr={[O.TODAY]:"Today",[O.YESTERDAY]:"Yesterday",[O.LAST_WEEK]:"Last 7 days",[O.LAST_MONTH]:"Last 30 days",[O.OLDER]:"Older"};function Or(e,t=Date.now()){const n=f.dayjs(e).startOf("day"),r=f.dayjs(t).startOf("day"),o=f.dayjs(t).subtract(1,"day").startOf("day"),a=f.dayjs(t).subtract(7,"day").startOf("day"),s=f.dayjs(t).subtract(30,"day").startOf("day");return n.isSame(r,"day")?O.TODAY:n.isSame(o,"day")?O.YESTERDAY:!n.isBefore(a,"day")&&n.isBefore(o,"day")?O.LAST_WEEK:!n.isBefore(s,"day")&&n.isBefore(a,"day")?O.LAST_MONTH:O.OLDER}function _r(e){const t=[];for(const n of e){const r=Or(n.updatedAt),o=t[t.length-1];!o||o.bucket!==r?t.push({bucket:r,chats:[n]}):o.chats.push(n)}return t}function Mr(e){const{scrollRef:t,sentinelRef:n,hasNextPage:r,isFetchingNextPage:o,fetchNextPage:a,observerResetKey:s}=e;h.useLayoutEffect(()=>{const c=t.current,d=n.current;if(!c||!d)return;const u=new IntersectionObserver(p=>{const x=p[0];x&&x.isIntersecting&&r&&(o||a())},{root:c,rootMargin:"80px"});return u.observe(d),()=>{u.disconnect()}},[s,a,r,o,t,n])}const He=l.default($e)`
+  gap: var(--spacing-xxs);
+  user-select: none;
+`,Nr=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+`,Dr=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+`,$r=l.default(He)`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  flex-direction: column;
+  padding: var(--spacing-md);
+`,Hr=l.default.div`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+`,zr=l.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 75%;
+  gap: var(--spacing-xxs);
+`,Vr=l.default.div`
+  display: flex;
+  justify-content: center;
+  padding: var(--spacing-xs);
+`,Br=l.default(v.Typography)`
+  padding-left: var(--spacing-xs);
+  font-size: var(--font-size-sm);
+  color: var(--color-warm-grey-7);
+`,Fr=l.default.div`
+  display: flex;
+  flex-grow: 1;
+
+  .tooltip-expanded {
+    flex-grow: 1;
+    min-width: 0;
+  }
+`,Gr=l.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-grow: 1;
+  min-width: 0;
+  border-radius: var(--border-radius);
+  padding: calc(var(--spacing-xxs) / 2) var(--spacing-xs);
+  gap: calc(var(--spacing-xxs) * 2.5);
+  cursor: pointer;
+
+  ${v.Button} {
+    display: none;
+  }
+
+  &:focus-within,
+  &:hover {
+    background-color: var(--color-hover-base);
+
+    ${v.Button} {
+      display: inline-flex;
+    }
+  }
+`,Wr=l.default(v.Typography)`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`,Ur=l.default.div`
+  height: 1px;
+  flex-shrink: 0;
+`;function qr(e){const{chat:t,onSelect:n,onRemove:r}=e;return i.jsx(Fr,{children:i.jsx(v.Tooltip,{tip:f.dayjs(t.updatedAt).format("MMM DD, YYYY, hh:mm:ss A"),className:"expanded",children:i.jsxs(Gr,{role:"button",onClick:()=>n?.(t.id),children:[i.jsx(Wr,{children:t.title??"New chat"}),i.jsx(v.Button,{variant:"ghost",size:"small",tone:"danger",icon:i.jsx(v.TrashCanIcon,{}),onClick:o=>{o.stopPropagation(),r?.(t.id)}})]})})})}function Yr(e){const{group:t,onChatSelect:n,onChatRemove:r}=e;return i.jsxs(Dr,{children:[i.jsx(Br,{children:Lr[t.bucket]}),t.chats.map(o=>i.jsx(qr,{chat:o,onSelect:n,onRemove:r},o.id))]})}function Kr(){return i.jsx(Hr,{children:i.jsxs(zr,{children:[i.jsx(v.Typography,{textAlign:"center",fontWeight:"var(--font-weight-semibold)",children:"No chat history"}),i.jsx(v.Typography,{textAlign:"center",children:"Ask questions or let the assistant take action for you."})]})})}function Jr(){return i.jsx($r,{children:i.jsx(f.StyledSpinner,{})})}const Zr=50;function Xr(e){const{onChatSelect:t,onChatRemove:n}=e,r=h.useRef(null),o=h.useRef(null),{data:a,isPending:s,hasNextPage:c,isFetchingNextPage:d,fetchNextPage:u}=g.useInfiniteChatHistory(Zr),p=h.useMemo(()=>(a?.pages??[]).flatMap(m=>m.items),[a?.pages]),x=h.useMemo(()=>_r(p),[p]);return Mr({scrollRef:r,sentinelRef:o,hasNextPage:c,isFetchingNextPage:d,fetchNextPage:u,observerResetKey:a?.pages.length}),s&&!a?i.jsx(Jr,{}):p.length===0?i.jsx(Kr,{}):i.jsxs(He,{ref:r,children:[i.jsx(Nr,{children:x.map(m=>i.jsx(Yr,{group:m,onChatSelect:t,onChatRemove:n},`${m.bucket}-${m.chats[0]?.id??""}`))}),c&&i.jsx(Ur,{ref:o,"aria-hidden":!0}),d&&i.jsx(Vr,{children:i.jsx(f.StyledSpinner,{})})]})}const Qr=h.createContext(null);function eo(e){const t=h.useContext(Qr);if(t?.components){const{LinkComponent:s}=t.components;return i.jsx(s,{...e})}const{external:n,languageInsensitive:r,innerRef:o,...a}=e;return i.jsx(Be.Link,{ref:o,...a})}const to=()=>V.keyframes`
+    0% {
+        color: var(--button-content-color);
+        background-color: var(--button-bg-color-active);
+    }
+
+    50% {
+        background-color: var(--button-bg-color);
+    }
+
+    100% {
+        color: var(--button-content-color);
+        background-color: var(--button-bg-color-active);
+    }
+`,no=l.default(eo)`
+  text-decoration: none;
+  &:focus-visible {
+    outline: 1px solid var(--button-border-color-focused);
+  }
+  border-radius: var(--button-border-radius);
+`;function ro({variant:e="secondary",tone:t="default",size:n="medium",extraClass:r="",className:o=""}){return["button",r,`button-tone-${t}`,`button-variant-${e}`,`button-size-${n}`,o].filter(s=>s).join(" ").trim()}const oo=l.default.button`
+  width: ${({$fullWidth:e})=>e?"100%":"auto"};
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--button-gap);
+  margin: var(--button-margin);
+  cursor: pointer;
+  text-wrap: var(--button-text-wrap);
+
+  color: var(--button-color);
+  background-color: var(--button-bg-color);
+  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
+  box-shadow: var(--button-box-shadow);
+  backdrop-filter: var(--button-backdrop-filter, none);
+
+  font-weight: var(--button-font-weight);
+  font-size: var(--button-font-size);
+  line-height: var(--button-line-height);
+  padding: ${({$icon:e,$iconPosition:t,$iconOnly:n})=>e?`var(--button-icon-${n?"":`${t||"left"}-`}padding)`:"var(--button-padding)"};
+  border-radius: var(--button-border-radius);
+
+  svg {
+    width: var(--button-icon-size);
+    height: var(--button-icon-size);
+  }
+
+  &:hover {
+    background-color: var(--button-bg-color-hover);
+    color: var(--button-color-hover);
+    border-color: var(--button-border-color-hover);
+  }
+
+  &:active,
+  &.active {
+    background-color: var(--button-bg-color-active);
+    border-color: var(--button-border-color-active);
+    color: var(--button-color-active);
+  }
+
+  &:focus-visible {
+    outline: 1px solid var(--button-border-color-focused);
+  }
+
+  &.button-tone-danger {
+    color: var(--button-content-color-danger);
+    border-color: var(--button-border-color-danger);
+    background-color: var(--button-bg-color-danger);
+
+    &:hover {
+      color: var(--button-content-color-danger-hover);
+      border-color: var(--button-border-color-danger-hover);
+      background-color: var(--button-bg-color-danger-hover);
+    }
+
+    &:active {
+      color: var(--button-content-color-danger-pressed);
+      border-color: var(--button-border-color-danger-pressed);
+      background-color: var(--button-bg-color-danger-pressed);
+    }
+  }
+
+  &:disabled {
+    pointer-events: none;
+    background-color: var(--button-bg-color-disabled);
+    color: var(--button-content-color-disabled);
+    border-color: var(--button-border-color-disabled);
+    border-width: var(--button-border-width-disabled);
+  }
+
+  ${({$variant:e,$size:t})=>(e==="link"||e==="ghost")&&t==="small"&&V.css`
+      --button-font-size: var(--font-size-sm);
+      --button-line-height: var(--line-height-sm);
+      --button-icon-padding: var(--button-icon-padding-small) !important;
+    `}
+
+  ${({$blinking:e})=>e&&V.css`
+      pointer-events: none;
+      animation: ${to()} 1.2s infinite;
+    `}
+`,io=e=>{const{languageInsensitive:t,fullWidth:n,blinking:r,iconPosition:o,icon:a,children:s,variant:c,tone:d,size:u,extraClass:p,to:x,external:m,className:b,...y}=e,A="tabIndex"in e?e.tabIndex:e.to?-1:void 0,C=i.jsxs(oo,{"data-component-name":"Button/Button",...y,className:ro({variant:c,tone:d,size:u,extraClass:p,className:b}),$fullWidth:n,$blinking:r,$iconPosition:o,$icon:a,$iconOnly:!s&&a!=null,$variant:c,$size:u,tabIndex:A,children:[a&&o!=="right"&&a,s,a&&o==="right"&&a]});return x?i.jsx(no,{to:x,external:m,languageInsensitive:t,onClick:e.onClick,children:C}):C},U=l.default(io)``;function ao(){const e=h.useRef(null),[t,n]=h.useState(!1);return h.useLayoutEffect(()=>{if(!e.current)return;const r=e.current;function o(){n(r.scrollWidth>r.clientWidth)}o();const a=new ResizeObserver(o);return a.observe(r),()=>a.disconnect()},[]),{ref:e,value:t}}function so(e){const{ref:t,value:n}=ao();return i.jsx(lo,{children:i.jsx(v.Tooltip,{tip:e.value,className:"no-overflow",disabled:!n,children:i.jsx(co,{ref:t,children:e.value})})})}const lo=l.default.div`
+  overflow: hidden;
+  .tooltip-no-overflow {
+    overflow: hidden;
+  }
+`,co=l.default.div`
+  color: var(--text-color-primary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  user-select: none;
+`;function ze(e){const{children:t,buttons:n}=e;return i.jsxs(uo,{children:[i.jsx(fo,{children:t}),n&&i.jsx(po,{children:n})]})}const uo=l.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: var(--spacing-xs);
+  gap: var(--spacing-xs);
+  width: 100%;
+  flex-shrink: 0;
+`,fo=l.default.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  min-width: 0;
+  flex: 1;
+`,po=l.default.div`
+  display: flex;
+  align-items: center;
+  gap: 2px;
+`;function ho(e){const{title:t,onCreateNewChat:n,onViewHistory:r,onClose:o}=e,a=i.jsxs(i.Fragment,{children:[i.jsx(v.Tooltip,{tip:"New chat",children:i.jsx(U,{size:"small",variant:"text","aria-label":"Create new chat",onClick:n,icon:i.jsx(v.NewChatIcon,{})})}),i.jsx(v.Tooltip,{tip:"Chat history",children:i.jsx(U,{size:"small",variant:"text","aria-label":"View chat history",onClick:r,icon:i.jsx(v.RecentlyViewedIcon,{})})}),i.jsx(xo,{children:i.jsx(f.VerticalDivider,{})}),i.jsx(v.Tooltip,{tip:"Close",arrowPosition:"left",children:i.jsx(U,{variant:"text",size:"small","aria-label":"Close panel",icon:i.jsx(v.CloseIcon,{}),onClick:o})})]});return i.jsxs(ze,{buttons:a,children:[i.jsx(go,{children:i.jsx(v.AiStarsGradientIcon,{size:"14px"})}),i.jsx(so,{value:t})]})}const go=l.default.div`
+  display: flex;
+`,xo=l.default.div`
+  display: flex;
+  height: 14px;
+`,vo=new Set(["color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","marginBottom","marginTop","textAlign"]),mo=l.default.span.withConfig({shouldForwardProp:e=>!vo.has(e)}).attrs({"data-component-name":"Typography/Typography"})`
+  color: ${({color:e})=>e||"var(--text-color-primary)"};
+  font-family: ${({fontFamily:e})=>e||"var(--font-family-base)"};
+  font-size: ${({fontSize:e})=>e||"var(--font-size-base)"};
+  font-style: ${({fontStyle:e})=>e};
+  font-weight: ${({fontWeight:e})=>e||"var(--font-weight-regular)"};
+  line-height: ${({lineHeight:e})=>e||"var(--line-height-base)"};
+  letter-spacing: ${({letterSpacing:e})=>e};
+  margin-bottom: ${({marginBottom:e})=>e};
+  margin-top: ${({marginTop:e})=>e};
+  text-align: ${({textAlign:e})=>e};
+`;function yo(e){const{onReturnFromHistory:t}=e;return i.jsxs(ze,{children:[i.jsx(U,{size:"small",variant:"text","aria-label":"Return to chat",onClick:t,icon:i.jsx(v.ArrowLeftIcon,{})}),i.jsx(bo,{children:i.jsx(mo,{children:"Chat history"})})]})}const bo=l.default.div`
+  user-select: none;
+`;function wo(){const[e,t]=h.useState(g.AI_TAB.CHAT),n=f.useAiPanel(),r=f.useAiChatContext(),o=()=>{t(g.AI_TAB.HISTORY)},a=()=>{t(g.AI_TAB.CHAT)},s=async c=>{r.selectChat(c),t(g.AI_TAB.CHAT)};return i.jsxs(Co,{children:[i.jsxs(be,{isActive:e===g.AI_TAB.CHAT,children:[i.jsx(ho,{title:r.title,onCreateNewChat:r.createNewChat,onViewHistory:o,onClose:n.closePanel}),i.jsx(Er,{}),i.jsx(we,{children:i.jsx(te,{})})]}),i.jsxs(be,{isActive:e===g.AI_TAB.HISTORY,isSliding:!0,children:[i.jsx(yo,{onReturnFromHistory:a}),i.jsx(Xr,{onChatSelect:s,onChatRemove:r.removeChat}),i.jsx(we,{children:i.jsx(te,{})})]})]})}function be(e){const{children:t,isActive:n,isSliding:r=!1}=e,o=i.jsx(Ao,{inert:!n,children:t});return r?i.jsx(To,{$isExpanded:n,children:o}):o}const Co=l.default.div`
+  position: relative;
+  height: 100%;
+  overflow: clip;
+`,Ao=l.default.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: var(--border-radius-md);
+  background: var(--bg-color);
+  margin-left: var(--spacing-xxs);
+`,To=l.default.div`
+  position: absolute;
+  inset: 0;
+  transform: translateX(${e=>e.$isExpanded?"0%":"100%"});
+  transition-property: transform;
+  transition-duration: 400ms;
+  transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
+  @media (prefers-reduced-motion: reduce) {
+    transition-duration: 0ms;
+  }
+`,we=l.default.div`
+  width: 100%;
+`;exports.AiPanel=wo;