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

package/dist/replay-AiPanel-ON_QfwBN.js

@@ -0,0 +1,742 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),h=require("react"),X=require("styled-components"),f=require("./replay-index-Coy4kD_x.js"),x=require("./replay-useAiChatQueries-BdjsFz1P.js"),Ge=require("@redocly/theme/core/constants/search"),E=require("@redocly/theme/components/Button/Button"),Ue=require("@redocly/theme/icons/SendIcon/SendIcon"),We=require("@redocly/theme/icons/StopIcon/StopIcon"),M=require("./replay-db-EWL-uAt-.js"),Ye=require("@redocly/theme/icons/CheckboxIcon/CheckboxIcon"),Ke=require("@redocly/theme/icons/CheckmarkFilledIcon/CheckmarkFilledIcon"),Je=require("@redocly/theme/icons/CloseFilledIcon/CloseFilledIcon"),Xe=require("@redocly/theme/icons/AddIcon/AddIcon"),Ze=require("@redocly/theme/icons/SubtractIcon/SubtractIcon"),K=require("@redocly/theme/core/utils"),Qe=require("@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon"),et=require("@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon"),tt=require("@redocly/theme/components/Dropdown/Dropdown"),nt=require("@redocly/theme/components/Dropdown/DropdownMenu"),Ie=require("@redocly/theme/components/Dropdown/DropdownMenuItem"),rt=require("@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon"),ot=require("@redocly/theme/icons/SettingsCogIcon/SettingsCogIcon"),it=require("@redocly/theme/icons/ChatGptIcon/ChatGptIcon"),st=require("@redocly/theme/icons/GeminiIcon/GeminiIcon"),at=require("@redocly/theme/icons/ClaudeIcon/ClaudeIcon"),B=require("@redocly/theme/components/Tooltip/Tooltip"),ae=require("./replay-SemanticSearchService-BQgdj2wy.js");require("@tanstack/react-query");const G=require("@redocly/theme/components/Typography/Typography"),lt=require("@redocly/theme/icons/TrashCanIcon/TrashCanIcon"),ct=require("@redocly/theme/icons/AiStarsGradientIcon/AiStarsGradientIcon"),dt=require("@redocly/theme/icons/CloseIcon/CloseIcon"),ut=require("@redocly/theme/icons/NewChatIcon/NewChatIcon"),ft=require("@redocly/theme/icons/RecentlyViewedIcon/RecentlyViewedIcon"),pt=require("@redocly/theme/icons/ArrowLeftIcon/ArrowLeftIcon"),ht=e=>e&&e.__esModule?e:{default:e},l=ht(X);function xt({placeholder:e="Ask anything...",className:t,disabled:n,isStreaming:r=!1,onStop:o,modelSelector:s,value:a,onValueChange:c,onSubmit:d,textareaRef:u}){const p=a.trim(),v=!n&&p.length>0&&!r,g=!n&&p.length>0,w=A=>{c(A.target.value)},m=()=>{!p||n||r||d()},b=()=>{!r||!o||o()},C=A=>{A.key==="Enter"&&!A.shiftKey&&!A.nativeEvent.isComposing&&(A.preventDefault(),r&&o?b():m())};return i.jsxs(gt,{className:t,$isActive:g,children:[i.jsx(vt,{ref:u,rows:1,maxLength:Ge.AI_SEARCH_MAX_MESSAGE_LENGTH,placeholder:e,value:a,disabled:n,spellCheck:!1,onChange:w,onKeyDown:C}),i.jsxs(mt,{children:[s,r&&o?i.jsx(wt,{type:"button",size:"small","aria-label":"Stop generating",icon:i.jsx(We.StopIcon,{color:"var(--icon-color-on-color)"}),onClick:b}):i.jsx(yt,{type:"button",size:"small","aria-label":"Send message",icon:i.jsx(Ue.SendIcon,{color:"var(--icon-color-on-color)"}),onClick:m,disabled:!v})]})]})}const gt=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&&X.css`
+      border-color: transparent;
+      background:
+        linear-gradient(var(--layer-color), var(--layer-color)) padding-box,
+        var(--replay-ai-gradient-soft) border-box;
+    `}
+`,vt=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;
+  }
+`,mt=l.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-xs);
+`,yt=l.default(E.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;
+  }
+`,wt=l.default(E.Button)`
+  box-sizing: border-box;
+  background: var(--color-warm-grey-9);
+  border-radius: var(--border-radius-xxl);
+`,bt=new Set(["collection","workflow","step","operation","workflow-run"]);function re(e){return`replay://step?${new URLSearchParams({collectionId:e.collectionId.trim(),workflowId:e.workflowId.trim(),stepId:e.stepId.trim()}).toString()}`}function O(e,t){const n=e.get(t);if(n==null)return null;const r=n.trim();return r.length>0?r:null}function Ct(e){let t;try{t=new URL(e)}catch{return null}if(t.protocol!=="replay:")return null;const n=t.hostname.toLowerCase();if(!bt.has(n))return null;const r=t.searchParams;switch(n){case"collection":{const o=O(r,"collectionId");return o?{kind:"collection",collectionId:o}:null}case"workflow":{const o=O(r,"collectionId"),s=O(r,"workflowId");return!o||!s?null:{kind:"workflow",collectionId:o,workflowId:s}}case"step":{const o=O(r,"collectionId"),s=O(r,"workflowId"),a=O(r,"stepId");return!o||!s||!a?null:{kind:"step",collectionId:o,workflowId:s,stepId:a}}case"operation":{const o=O(r,"operationId");return o?{kind:"operation",operationId:o}:null}case"workflow-run":{const o=O(r,"collectionId"),s=O(r,"workflowId");if(!o||!s)return null;const a=O(r,"historyId"),c=a==="null"||a==="undefined"?null:a;return{kind:"workflow-run",collectionId:o,workflowId:s,...c?{historyId:c}:{}}}default:return null}}function At(e,t,n={}){switch(t.kind){case"collection":e.openCollectionTab({collectionId:t.collectionId,activeTabName:f.TAB_NAMES.COLLECTION_SETTINGS});break;case"workflow":e.openWorkflowTab({collectionId:t.collectionId,workflowId:t.workflowId,activeTabName:f.TAB_NAMES.WORKFLOW_SETTINGS});break;case"step":e.openStepTabFromCollection({collectionId:t.collectionId,workflowId:t.workflowId,stepId:t.stepId,state:f.TabState.Normal});break;case"workflow-run":{const r=n.workflowRunHistoryIds?.[x.workflowRunKey(t.collectionId,t.workflowId)]??[],o=t.historyId&&r.includes(t.historyId)?t.historyId:r.at(-1)??t.historyId;if(o){e.openWorkflowRunTabFromHistory(o,{state:f.TabState.Normal});break}e.focusWorkflowRunTab({collectionId:t.collectionId,workflowId:t.workflowId})||e.openWorkflowRunTab({collectionId:t.collectionId,workflowId:t.workflowId});break}case"operation":{const r=x.resolveOperation(e.apis,t.operationId);if(!r.ok){console.warn("[executeReplayChatLink] Operation not resolved",{operationId:t.operationId,message:r.message});return}x.openOrFocusOperationEditorTab(x.operationListItemToCollectionOperation(r.value),e);break}}}function Tt(e,t,n={}){const r=Ct(t);r&&At(e,r,n)}function je({workflowRunHistoryIds:e}={}){const t=f.useApis(),{getApiOperation:n}=f.useApiOperation(),{focusOperationTab:r,addNewTab:o,openCollectionTab:s,openWorkflowTab:a,openStepTabFromCollection:c,openWorkflowRunTab:d,openWorkflowRunTabFromHistory:u,focusWorkflowRunTab:p}=f.useTabHandlers();return h.useCallback(v=>{const g=v.target;if(!(g instanceof Element))return;const w=g.closest("a[href]");if(!(w instanceof HTMLAnchorElement))return;const m=w.getAttribute("href");m?.startsWith("replay:")&&(v.preventDefault(),v.stopPropagation(),Tt({apis:t,getApiOperation:n,focusOperationTab:r,addNewTab:o,openCollectionTab:s,openWorkflowTab:a,openStepTabFromCollection:c,openWorkflowRunTab:d,openWorkflowRunTabFromHistory:u,focusWorkflowRunTab:p},m,{workflowRunHistoryIds:e}))},[e,t,n,r,o,s,a,c,d,u,p])}class It{diff(t,n,r={}){let o;typeof r=="function"?(o=r,r={}):"callback"in r&&(o=r.callback);const s=this.castInput(t,r),a=this.castInput(n,r),c=this.removeEmpty(this.tokenize(s,r)),d=this.removeEmpty(this.tokenize(a,r));return this.diffWithOptionsObj(c,d,r,o)}diffWithOptionsObj(t,n,r,o){var s;const a=y=>{if(y=this.postProcess(y,r),o){setTimeout(function(){o(y)},0);return}else return y},c=n.length,d=t.length;let u=1,p=c+d;r.maxEditLength!=null&&(p=Math.min(p,r.maxEditLength));const v=(s=r.timeout)!==null&&s!==void 0?s:1/0,g=Date.now()+v,w=[{oldPos:-1,lastComponent:void 0}];let m=this.extractCommon(w[0],n,t,0,r);if(w[0].oldPos+1>=d&&m+1>=c)return a(this.buildValues(w[0].lastComponent,n,t));let b=-1/0,C=1/0;const A=()=>{for(let y=Math.max(b,-u);y<=Math.min(C,u);y+=2){let S;const R=w[y-1],P=w[y+1];R&&(w[y-1]=void 0);let z=!1;if(P){const U=P.oldPos-y;z=P&&0<=U&&U<c}const D=R&&R.oldPos+1<d;if(!z&&!D){w[y]=void 0;continue}if(!D||z&&R.oldPos<P.oldPos?S=this.addToPath(P,!0,!1,0,r):S=this.addToPath(R,!1,!0,1,r),m=this.extractCommon(S,n,t,y,r),S.oldPos+1>=d&&m+1>=c)return a(this.buildValues(S.lastComponent,n,t))||!0;w[y]=S,S.oldPos+1>=d&&(C=Math.min(C,y-1)),m+1>=c&&(b=Math.max(b,y+1))}u++};if(o)(function y(){setTimeout(function(){if(u>p||Date.now()>g)return o(void 0);A()||y()},0)})();else for(;u<=p&&Date.now()<=g;){const y=A();if(y)return y}}addToPath(t,n,r,o,s){const a=t.lastComponent;return a&&!s.oneChangePerToken&&a.added===n&&a.removed===r?{oldPos:t.oldPos+o,lastComponent:{count:a.count+1,added:n,removed:r,previousComponent:a.previousComponent}}:{oldPos:t.oldPos+o,lastComponent:{count:1,added:n,removed:r,previousComponent:a}}}extractCommon(t,n,r,o,s){const a=n.length,c=r.length;let d=t.oldPos,u=d-o,p=0;for(;u+1<a&&d+1<c&&this.equals(r[d+1],n[u+1],s);)u++,d++,p++,s.oneChangePerToken&&(t.lastComponent={count:1,previousComponent:t.lastComponent,added:!1,removed:!1});return p&&!s.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 s;for(;t;)o.push(t),s=t.previousComponent,delete t.previousComponent,t=s;o.reverse();const a=o.length;let c=0,d=0,u=0;for(;c<a;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 v=n.slice(d,d+p.count);v=v.map(function(g,w){const m=r[u+w];return m.length>g.length?m:g}),p.value=this.join(v)}else p.value=this.join(n.slice(d,d+p.count));d+=p.count,p.added||(u+=p.count)}}return o}}class jt extends It{constructor(){super(...arguments),this.tokenize=Et}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 St=new jt;function kt(e,t,n){return St.diff(e,t,n)}function Et(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 s=r[o];o%2&&!t.newlineIsToken?n[n.length-1]+=s:n.push(s)}return n}const Lt=500;function Rt(e,t){const n=Pt(e,t);if(n.length===0)return[];const r=[];let o=0;for(;o<n.length;){let s=o;const a=n[o].type==="context";for(;s<n.length&&n[s].type==="context"===a;)s++;const c=n.slice(o,s);r.push({start:o,end:s,rows:c,hasAdditions:c.some(d=>d.type==="add"),hasRemovals:c.some(d=>d.type==="remove")}),o=s}return r}function Pt(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=Ot(e,t);return n?n.flatMap(r=>H(r.value,r.added?"add":r.removed?"remove":"context")):[...H(e,"remove"),...H(t,"add")]}function Ot(e,t){try{return kt(e,t,{timeout:Lt})}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 le=1,ce=e=>e&&e.hasAdditions!==e.hasRemovals,de=e=>e&&(e.hasAdditions||e.hasRemovals);function _t(e,t,n){if(e.hasAdditions||e.hasRemovals)return W(e.rows);const r=n[t-1],o=n[t+1],s=ce(r)?le:0,a=ce(o)?le:0;if(s+a>=e.rows.length)return W(e.rows);const c=e.rows.slice(0,s),d=a>0?e.rows.slice(-a):[],u=[];return u.push(...W(c)),de(r)&&de(o)&&u.push({kind:"separator"}),u.push(...W(d)),u}function W(e){return e.map(t=>({kind:"row",row:t}))}const Mt=200;function ue({oldValue:e,newValue:t}){const n=h.useMemo(()=>Rt(e,t),[e,t]),r=h.useMemo(()=>n.flatMap(_t),[n]);return h.useMemo(()=>n.some(s=>s.hasAdditions||s.hasRemovals),[n])?i.jsx(Nt,{$maxHeight:Mt,children:r.map((s,a)=>{if(s.kind==="separator")return i.jsx($t,{children:i.jsx(fe,{children:"···"})},a);const{row:c}=s,d=Dt(c.type);return i.jsxs(d,{children:[i.jsxs(zt,{children:[c.type==="remove"&&i.jsx(Ze.SubtractIcon,{size:"12px"}),c.type==="add"&&i.jsx(Xe.AddIcon,{size:"12px"})]}),i.jsx(fe,{children:c.text===""?" ":c.text})]},a)})}):null}function Dt(e){return e==="remove"?Ht:e==="add"?Bt:Vt}const Nt=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;
+  }
+`,ee=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);
+`,Ht=l.default(ee)`
+  background: var(--admonition-danger-bg-color);
+  color: var(--color-raspberry-7);
+`,Bt=l.default(ee)`
+  background: var(--admonition-success-bg-color);
+  color: var(--color-green-7);
+`,Vt=l.default(ee)`
+  background: transparent;
+  color: var(--text-color-secondary);
+`,zt=l.default.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 20px;
+  flex-shrink: 0;
+`,fe=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;
+`,$t=l.default(ee)`
+  user-select: none;
+`,Ft=e=>typeof e!="object"||e===null?!1:"kind"in e&&e.kind==="batch"?"changes"in e?Array.isArray(e.changes)&&e.changes.every(pe):!1:pe(e);function pe(e){return typeof e!="object"||e===null||!("id"in e)||!("target"in e)||!("included"in e)||!("kind"in e)?!1:e.kind==="single"}const qt={approveLabel:"Approve",denyLabel:"Deny"};function Gt(e,t){const n=T(t,"action");if(n){const o=x.TOOL_APPROVAL_ACTION_BUTTON_LABELS[n];if(o)return o}const r=x.TOOL_APPROVAL_BUTTON_LABELS[e];return r||qt}function T(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 Y(e,t){if(!(typeof t>"u"))return e?`${e}: ${t}`:t}function Ut(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 Wt(e,t){if(!e||typeof e!="object")return;const n=Z(e,f.REPLAY_MESSAGE_METADATA_NS),r=Z(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(Ft))return o}function Se(e,t){return x.isToolApprovalPart(e)&&x.isApprovalRequested(e)&&e.toolCallId===t}function Yt(e,t,n){const r=e.parts.map(d=>Se(d,t)?{...d,input:Kt(d.input,n)}:d),o=e.metadata&&typeof e.metadata=="object"?e.metadata:{},s=Z(o,f.REPLAY_MESSAGE_METADATA_NS),c={...Z(s,f.REPLAY_CHANGE_PREVIEW_SNAPSHOT_KEY),[t]:f.cloneObject(n)};return{...e,parts:r,metadata:{...o,[f.REPLAY_MESSAGE_METADATA_NS]:{...s,[f.REPLAY_CHANGE_PREVIEW_SNAPSHOT_KEY]:c}}}}function Z(e,t){const n=e[t];return typeof n=="object"&&n!==null?n:{}}function Kt(e,t){if(!e||!("changes"in e)||!Array.isArray(e.changes))return e;const{changes:n,...r}=e;return{...r,changes:n.map((o,s)=>({...o,approved:t[s]?.included??!1}))}}function Jt({preview:e,isIncluded:t,onToggle:n,readOnly:r}){const{primaryLabel:o,categoryLabel:s,diffLineKey:a}=Xt(e.target);return i.jsx(Zt,{isIncluded:t,onToggle:n,readOnly:r,primaryLabel:o,categoryLabel:s,children:e.kind==="batch"?i.jsx(dn,{children:e.changes.map(c=>i.jsx(ue,{oldValue:Y(c.target.key,c.oldValue),newValue:Y(c.target.key,c.newValue)},c.id))}):i.jsx(ue,{oldValue:Y(a,e.oldValue),newValue:Y(a,e.newValue)})})}function Xt(e){const t=e.schemeId??e.type;return e.stepId||e.schemeId?{primaryLabel:e.stepId??t,categoryLabel:e.stepId?t:void 0,diffLineKey:e.key}:{primaryLabel:e.key??e.type,categoryLabel:e.key?e.type:void 0,diffLineKey:void 0}}function Zt({isIncluded:e,onToggle:t,readOnly:n,primaryLabel:r,categoryLabel:o,children:s}){return i.jsxs(Qt,{$dimmed:n&&!e,children:[i.jsxs(en,{children:[n?i.jsx(an,{children:e?i.jsx(ln,{size:"16px"}):i.jsx(cn,{size:"16px"})}):i.jsxs(on,{children:[i.jsx(rn,{checked:e}),i.jsx(sn,{type:"checkbox",checked:e,onChange:t})]}),i.jsx(tn,{children:r}),o?i.jsx(nn,{children:o}):null]}),s]})}const Qt=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;
+  }
+`,en=l.default.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  min-width: 0;
+`,tn=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;
+`,nn=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);
+`,rn=l.default(Ye.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);
+`,on=l.default.span`
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+`,sn=l.default.input`
+  position: absolute;
+  inset: 0;
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+`,an=l.default.span`
+  display: inline-flex;
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  align-items: center;
+  justify-content: center;
+`,ln=l.default(Ke.CheckmarkFilledIcon)`
+  color: var(--color-success-base);
+`,cn=l.default(Je.CloseFilledIcon)`
+  color: var(--text-color-description);
+`,dn=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  min-width: 0;
+`;function ke({previews:e,handleToggle:t,readOnly:n}){return e.length===0?null:i.jsx(un,{children:e.map((r,o)=>i.jsx(Jt,{preview:r,isIncluded:r.included,onToggle:t?()=>t(o):void 0,readOnly:n},r.id))})}const un=l.default.div`
+  display: flex;
+  flex-direction: column;
+`,fn={update_step:xn,update_security:gn,run_request:wn,web_search:bn,manage_environment:mn,manage_collection:yn};function pn(e,t){const n=fn[e];return n?n(t):hn(e)}function hn(e){return[{kind:"text",text:e.split("_").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(" ")}]}function xn(e){return Ee(e,"Update step")}function gn(e){const t=vn(e);if(t.size>1)return j("Update security");const[n]=t;return Ee(e,"Update security",n)}function vn(e){const t=e&&"changes"in e?e.changes:void 0;if(!Array.isArray(t))return new Set;const n=F(e,"stepId"),r=t.map(o=>F(o,"stepId")??n);return new Set(r.filter(o=>!!o))}function Ee(e,t,n){const{collectionId:r,workflowId:o,stepId:s}=Cn(e),a=n??s;return!r||!o||!a?j(t):oe(`${t} `,re({collectionId:r,workflowId:o,stepId:a}),a)}function j(e){return[{kind:"text",text:e}]}function L(e,t){return t?`${e} "${t}"`:e}function oe(e,t,n){return[{kind:"text",text:e},{kind:"link",href:t,label:n}]}function mn(e){const t=T(e,"action"),n=T(e,"environment"),r=n?` in environment "${n}"`:"";switch(t){case"add_environment":return j(L("Add environment",n));case"set_active_environment":return j(n?`Switch active environment to ${n}`:"Switch active environment");case"upsert_input":return j(L("Set input",T(e,"name"))+r);case"remove_input":return j(L("Remove input",T(e,"inputName"))+r);case"upsert_server":return j(L("Set server",T(e,"apiId"))+r);case"remove_server":return j(L("Remove server",T(e,"apiId"))+r);default:return j("Manage environment")}}function yn(e){switch(T(e,"action")){case"create_collection":return j(L("Create collection",T(e,"title")));case"delete_collection":return j(L("Delete collection",T(e,"collectionId")));case"create_workflow":return j(L("Create workflow",T(e,"name")));case"delete_workflow":return j(L("Delete workflow",T(e,"workflowId")));case"create_step":return j(L("Create step",T(e,"stepName")));case"delete_step":{const n=T(e,"collectionId"),r=T(e,"workflowId"),o=T(e,"stepId");return!n||!r||!o?j("Delete step"):oe("Delete step ",re({collectionId:n,workflowId:r,stepId:o}),o)}case"move_step":{const n=T(e,"collectionId"),r=T(e,"workflowId"),o=T(e,"stepId");return!n||!r||!o?j("Move step"):oe("Move step ",re({collectionId:n,workflowId:r,stepId:o}),o)}case"save_tab_to_collection":return j(L("Save tab as step",T(e,"newStepName")));default:return j("Manage collection")}}function wn(){return[{kind:"text",text:"Run current request"}]}function bn(e){return[{kind:"text",text:"Search the web at "},{kind:"link",href:e.url,label:e.url}]}function Cn(e){return{collectionId:F(e,"collectionId"),workflowId:F(e,"workflowId"),stepId:F(e,"stepId")}}function F(e,t){if(typeof e!="object"||e===null||!(t in e))return null;const n=e[t];return typeof n=="string"&&n.trim()||null}function Le({toolName:e,input:t}){const n=pn(e,t),r=je();return i.jsx(An,{onClick:r,children:i.jsx(Tn,{children:n.map((o,s)=>o.kind==="text"?i.jsx("span",{children:o.text},s):i.jsx(In,{href:o.href,children:o.label},s))})})}const An=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);
+  }
+`,Tn=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);
+`,In=l.default.a`
+  color: var(--link-color-primary);
+  cursor: pointer;
+  text-decoration: none;
+
+  &:hover {
+    color: var(--link-color-primary, var(--text-color-link));
+  }
+`;function Re(e,t,n){const r={type:e};return t!==void 0&&(r.key=t),n&&(r.stepId=n),r}function I({id:e,targetType:t,targetKey:n,targetStepId:r,oldValue:o,newValue:s}){return{kind:"single",id:e,target:Re(t,n,r),oldValue:o,newValue:s,included:!0}}function N(e,t,n){return I({id:e,targetType:t,targetStepId:n,oldValue:void 0,newValue:void 0})}function V({data:e,baseId:t,targetType:n,batchTargetKey:r,targetStepId:o,getOldValue:s,getNewValue:a=(d,u)=>String(u??""),resolveTargetKey:c=d=>d}){const d=Object.entries(e).filter(([,v])=>v!==void 0);if(d.length===0)return N(t,n,o);if(d.length>=2){const v=d.map(([g,w])=>I({id:`${t}:${g}`,targetType:n,targetKey:c(g),oldValue:s(g),newValue:a(g,w)}));return{kind:"batch",id:t,target:Re(n,r,o),changes:v,included:!0}}const[u,p]=d[0];return I({id:t,targetType:n,targetKey:c(u),targetStepId:o,oldValue:s(u),newValue:a(u,p)})}function jn({collections:e,activeTab:t,input:n}){if(!Sn(n))return[];const r=new Map,o=s=>{const a=r.get(s);if(a)return a;const c=x.resolveStepOrDraftData(e,t,n.collectionId,n.workflowId,s),d=c.ok?Array.from(c.value.step.security):[];return r.set(s,d),d};return n.changes.map((s,a)=>{const c=s.stepId?.trim(),d=c||n.stepId;return kn(o(d),s,a,c)})}function Sn(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 kn(e,t,n,r){const o=`security[${n}]`;switch(t.action){case x.CHANGE_ACTION.ADD:{const{type:s,schemeId:a,data:c}=t;return!c||Object.keys(c).length===0?$(I({id:o,targetType:s,targetStepId:r,oldValue:void 0,newValue:s}),a):$(V({data:c,baseId:o,targetType:s,targetStepId:r,getOldValue:()=>{}}),a)}case x.CHANGE_ACTION.UPDATE:{const{type:s,data:a}=t,c=t.index!==void 0?e[t.index]:void 0,d=t.schemeId||ie(c);return!a||Object.keys(a).length===0?$(I({id:o,targetType:s,targetStepId:r,oldValue:xe(c),newValue:s}),d):$(V({data:a,baseId:o,targetType:s,targetStepId:r,getOldValue:u=>c?En(c,u):void 0}),d)}case x.CHANGE_ACTION.REMOVE:{const s=x.resolveRemovalTarget(e,t),a=s.ok?s.entry:void 0;return $(I({id:o,targetType:a?.securityType??"Security",targetStepId:r,oldValue:xe(a),newValue:void 0}),ie(a))}}}function $(e,t){return t?{...e,target:{...e.target,schemeId:t}}:e}function En(e,t){switch(e.securityType){case f.SecurityTypes.NoAuth:return;case f.SecurityTypes.OAuth2:return he(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:he(n,t)}case f.SecurityTypes.APIKey:{const n=e[f.SecurityTypes.APIKey];return t==="location"?J(n,t)?.toLowerCase():J(n,t)}default:{const n=e[e.securityType];return J(n,t)}}}function he(e,t){if(t==="grantType")return e.grantType||void 0;if(!e.grantType)return;const n=e[e.grantType];return J(n,t)}function J(e,t){const n=e[t];return n!==void 0&&n!==""?String(n):void 0}function xe(e){if(!e||e.securityType===f.SecurityTypes.NoAuth)return;const t=ie(e);return t?`${e.securityType} (${t})`:e.securityType}function ie(e){return!e||e.securityType===f.SecurityTypes.NoAuth?void 0:e[e.securityType]?.schemeName||void 0}function Ln({collections:e,activeTab:t,input:n}){if(!Rn(n))return[];const r=x.resolveStepOrDraftData(e,t,n.collectionId,n.workflowId,n.stepId),o=r.ok?r.value.step:null;return n.changes.map((s,a)=>Pn(o,s,a))}function Rn(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 Pn(e,t,n){const r=t.id??`${t.field}[${n}]`;switch(t.field){case"method":case"url":case"description":return On(e,t,r);case"parameters":return _n(e,t,r);case"outputs":return Mn(e,t,r);case"body":return Dn(e,t,r);case"successCriteria":return Nn(e,t,r)}}function On(e,t,n){const r=K.capitalize(t.field);switch(t.action){case x.CHANGE_ACTION.ADD:return I({id:n,targetType:r,oldValue:void 0,newValue:t.data});case x.CHANGE_ACTION.UPDATE:return I({id:n,targetType:r,oldValue:ge(e,t.field),newValue:t.data});case x.CHANGE_ACTION.REMOVE:return I({id:n,targetType:r,oldValue:ge(e,t.field),newValue:void 0})}}function _n(e,t,n){switch(t.action){case x.CHANGE_ACTION.ADD:{if(!t.data)return N(n,"parameter");const{in:r,name:o,value:s}=t.data;return I({id:n,targetType:K.capitalize(r),targetKey:o,oldValue:void 0,newValue:s})}case x.CHANGE_ACTION.UPDATE:{if(!t.id&&!t.data?.name)return N(n,"parameter");const r=ve(e,t),o=t.data?.in??r?.in??"parameter";return I({id:n,targetType:K.capitalize(o),targetKey:t.data?.name??r?.key,oldValue:r?r.value??"":void 0,newValue:t.data?.value})}case x.CHANGE_ACTION.REMOVE:{if(!t.id&&!t.data?.name)return N(n,"parameter");const r=ve(e,t),o=t.data?.in??r?.in??"parameter";return I({id:n,targetType:K.capitalize(o),targetKey:r?.key??t.data?.name,oldValue:r?r.value??"":void 0,newValue:void 0})}}}function Mn(e,t,n){switch(t.action){case x.CHANGE_ACTION.ADD:return t.data?I({id:n,targetType:"Output",targetKey:t.data.name,oldValue:void 0,newValue:t.data.expression}):I({id:n,targetType:"Output",oldValue:void 0,newValue:void 0});case x.CHANGE_ACTION.UPDATE:{if(!t.data)return I({id:n,targetType:"Output",oldValue:void 0,newValue:void 0});const r=t.id&&e?ye(e,t.id):void 0;return I({id:n,targetType:"Output",targetKey:t.data.name,oldValue:r?.value,newValue:t.data.expression})}case x.CHANGE_ACTION.REMOVE:{if(!t.id&&!t.data?.name)return N(n,"Output");let r=t.id&&e?ye(e,t.id):void 0;return!r&&e&&t.data?.name&&(r=Vn(e,t.data.name)),I({id:n,targetType:"Output",targetKey:r?.key??t.data?.name,oldValue:r?.value,newValue:void 0})}}}function Dn(e,t,n){const{data:r}=t;switch(t.action){case x.CHANGE_ACTION.ADD:return V({data:r,baseId:n,targetType:"Body",getOldValue:()=>{},getNewValue:o=>o==="content"?ne(r.content,r.contentType):Q(r[o]),resolveTargetKey:o=>o==="content"?void 0:o});case x.CHANGE_ACTION.UPDATE:{const o=e?.requestBody.type,s=r.contentType??o;return V({data:r,baseId:n,targetType:"Body",getOldValue:a=>{if(e){if(a==="content")return ne(e.requestBody.content,o)||void 0;if(a==="contentType")return o}},getNewValue:a=>a==="content"?ne(r.content,s):Q(r[a]),resolveTargetKey:a=>a==="content"?void 0:a})}case x.CHANGE_ACTION.REMOVE:{const o=e?f.toCompactJson({contentType:e.requestBody.type,content:e.requestBody.content}):void 0;return I({id:n,targetType:"Body",oldValue:o,newValue:void 0})}}}function Nn(e,t,n){switch(t.action){case x.CHANGE_ACTION.ADD:return t.data?V({data:t.data,baseId:n,targetType:"successCriteria",getOldValue:()=>{},getNewValue:r=>Q(t.data[r])}):N(n,"successCriteria");case x.CHANGE_ACTION.UPDATE:{if(!t.data)return N(n,"successCriteria");const r=typeof t.id=="string"&&e?me(e,t.id):void 0;return V({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=>Q(t.data[o])})}case x.CHANGE_ACTION.REMOVE:{if(typeof t.id!="string")return N(n,"successCriteria");const r=e?me(e,t.id):void 0;return I({id:n,targetType:"successCriteria",targetKey:r?.condition,oldValue:r?f.toCompactJson(r):void 0,newValue:void 0})}}}function ge(e,t){if(e)switch(t){case"method":return e.xOperation?.method;case"url":return e.xOperation?.url;case"description":return e.description}}function ve(e,t){let n=t.id&&e?Hn(e,t.id):null;return!n&&e&&t.data?.name&&(n=Bn(e,t.data.name)),n}function Pe(e,t){for(const n of["path","query","header","cookie"]){const r=e.parameters[x.LOCATION_TO_FIELD[n]].find(o=>f.isInlineRequestParameter(o)&&t(o));if(r)return r}return null}function Hn(e,t){return Pe(e,n=>n.id===t)}function Bn(e,t){return Pe(e,n=>n.key===t)}function me(e,t){return e.successCriteria.find(n=>n.condition===t)}function Oe(e,t){for(const n of e.outputs)if(t(n))return{key:n.key,value:n.value}}function ye(e,t){return Oe(e,n=>n.id===t)}function Vn(e,t){return Oe(e,n=>n.key===t)}function Q(e){return e==null?"":typeof e=="string"?e:f.toCompactJson(e)}function ne(e,t){if(!e||t!==f.TextContentType.JSON)return e;try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}const zn={update_security:jn,update_step:Ln};function _e(e,t){const n=f.useAtomValue(f.collectionsAtom),r=f.useAtomValue(f.activeTabAtom),o=h.useMemo(()=>{const u=e?zn[e]:void 0;if(!u)return[];try{return u({collections:n,activeTab:r,input:t})}catch(p){return console.error("Unable to build change previews",p),[]}},[e,n,r,t]),[s,a]=h.useState(()=>Object.fromEntries(o.map(u=>[u.id,u.included]))),c=h.useMemo(()=>o.map(u=>({...u,included:s[u.id]??u.included})),[o,s]),d=h.useCallback(u=>{a(typeof u=="function"?p=>{const v=o.map(g=>({...g,included:p[g.id]??g.included}));return Object.fromEntries(u(v).map(g=>[g.id,g.included]))}:Object.fromEntries(u.map(p=>[p.id,p.included])))},[o]);return{previews:c,setPreviews:d}}function $n({toolCallId:e,toolName:t,input:n,onApprove:r,onDeny:o}){const{updateMessages:s}=x.useAiConversationContext(),{previews:a,setPreviews:c}=_e(t,n),{includedCount:d,totalCount:u}=h.useMemo(()=>({includedCount:a.filter(m=>m.included).length,totalCount:a.length}),[a]),{approveLabel:p,denyLabel:v}=h.useMemo(()=>Gt(t,n),[t,n]),g=h.useCallback(()=>{s(m=>{const b=[];for(let C=0;C<m.length;C++){const A=m[C],{parts:y}=A,S=A.role==="assistant",R=y.some(P=>Se(P,e));if(S&&R){const P=Yt(A,e,a);b.push({index:C,message:P})}}return b}),r()},[a,r,s,e]),w=h.useCallback(m=>{c(b=>b.map((C,A)=>A===m?{...C,included:!C.included}:C))},[c]);return i.jsxs(Fn,{children:[i.jsx(Le,{toolName:t,input:n}),a.length?i.jsx(qn,{children:i.jsx(ke,{previews:a,handleToggle:w})}):null,a.length?i.jsx(f.Divider,{}):null,i.jsxs(Gn,{children:[u>1?i.jsxs(Un,{children:[d," of ",u," selected"]}):null,i.jsx(Wn,{size:"small",variant:"secondary",onClick:o,children:v}),i.jsx(Yn,{size:"small",variant:"primary",onClick:g,disabled:u>0?d===0:!1,children:p})]})]})}const Fn=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);
+`,qn=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  min-width: 0;
+`,Gn=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);
+`,Un=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);
+`,Wn=l.default(E.Button)`
+  background: none;
+`,Yn=l.default(E.Button)`
+  border: 1px solid var(--button-bg-color);
+  padding-top: 0;
+  padding-bottom: 0;
+  &:disabled {
+    border: 1px solid var(--button-border-color-disabled);
+  }
+`;function Kn({approvalId:e,toolCallId:t,toolName:n,input:r}){const{addToolApprovalResponse:o}=x.useAiConversationContext(),s=h.useCallback(()=>{o({id:e,approved:!0})},[e,o]),a=h.useCallback(()=>{o({id:e,approved:!1})},[e,o]);return i.jsx($n,{onApprove:s,onDeny:a,toolCallId:t,toolName:n,input:r})}function Jn({toolName:e,toolCallId:t,input:n,isDenied:r,messageMetadata:o,onUndo:s}){const a=h.useMemo(()=>Wt(o,t),[o,t]),{previews:c}=_e(a?void 0:e,n),d=h.useMemo(()=>{const g=a??c;if(r)return g.map(m=>({...m,included:!1}));const w=Ut(n);return g.map((m,b)=>({...m,included:w[b]??m.included}))},[a,c,n,r]);if(d.length===0)return null;const u=d.filter(g=>g.included).length,v=u===0?"Nothing applied":`${u} ${u===1?"change":"changes"} applied`;return i.jsxs(Xn,{children:[i.jsx(Le,{toolName:e,input:n}),i.jsx(Zn,{children:i.jsx(ke,{previews:d,readOnly:!0})}),i.jsx(f.Divider,{}),i.jsxs(Qn,{children:[i.jsx(er,{children:v}),s?i.jsx(tr,{size:"small",variant:"outlined",onClick:s,children:"Undo"}):null]})]})}const Xn=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);
+`,Zn=l.default.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+`,Qn=l.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  gap: var(--spacing-xs);
+`,er=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);
+`,tr=l.default(E.Button)`
+  padding-top: 0;
+  padding-bottom: 0;
+`;function nr({items:e,isLast:t}){const[n,r]=h.useState(t),o=h.useCallback(()=>{r(a=>!a)},[]),s=h.useMemo(()=>e.filter(a=>a.kind==="action"),[e]);return i.jsxs(or,{children:[i.jsxs(ir,{type:"button",onClick:o,"aria-expanded":n,children:[i.jsx(sr,{children:n?i.jsx(Qe.ChevronDownIcon,{size:"12px",color:"var(--icon-color-additional)"}):i.jsx(et.ChevronRightIcon,{size:"12px",color:"var(--icon-color-additional)"})}),i.jsxs(ar,{children:[s.length," ",s.length===1?"action":"actions"]})]}),n&&i.jsx(lr,{children:s.map((a,c)=>i.jsx(rr,{text:a.text},c))})]})}function rr({text:e}){return i.jsxs(cr,{children:[i.jsxs(dr,{children:[i.jsx(ur,{"aria-hidden":!0}),i.jsx(fr,{children:i.jsx(pr,{"aria-hidden":!0})}),i.jsx(Me,{"aria-hidden":!0})]}),i.jsx(hr,{children:e})]})}const or=l.default.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+`,ir=l.default.button`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  width: fit-content;
+  padding: 0;
+`,sr=l.default.span`
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`,ar=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);
+`,lr=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;
+`,cr=l.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  gap: var(--spacing-xxs);
+  min-width: 0;
+
+  &:last-child {
+    ${Me} {
+      display: none;
+    }
+  }
+`,dr=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;
+`,ur=l.default.span`
+  display: block;
+  width: 1px;
+  height: 4px;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  background: var(--border-color-secondary);
+`,fr=l.default.div`
+  width: 12px;
+  height: 12px;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,pr=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;
+`,hr=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 xr({items:e,messageMetadata:t}){return i.jsx(vr,{children:e.map((n,r)=>{if(n.kind==="reasoning-block"){const a=r===e.length-1;return i.jsx(nr,{items:n.items,isLast:a},n.key)}if(n.kind==="text")return i.jsx(gr,{rawMarkdown:n.text,workflowRunHistoryIds:n.workflowRunHistoryIds},n.key);const{part:o}=n,s=x.parseToolName(o.type);return s&&x.isApprovalRequested(o)?i.jsx(Kn,{approvalId:o.approval.id,toolCallId:o.toolCallId,toolName:s,input:o.input},n.key):s&&x.isApprovalSettled(o)?i.jsx(Jn,{toolName:s,toolCallId:o.toolCallId,input:o.input,isDenied:o.state==="output-denied",messageMetadata:t},n.key):null})})}function gr({rawMarkdown:e,workflowRunHistoryIds:t}){const n=je({workflowRunHistoryIds:t});return i.jsx(mr,{onClick:n,children:i.jsx(f.Markdown,{rawMarkdown:e,parser:f.markdownParserMarked})})}const vr=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+`,mr=l.default.div`
+  white-space: normal;
+
+  max-width: 100%;
+  overflow: hidden;
+
+  p:first-child {
+    margin-top: 0;
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+`,De=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);
+`,q=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);
+    }
+  }
+`;function yr(){return i.jsxs(wr,{children:[i.jsx(q,{}),i.jsx(q,{}),i.jsx(q,{})]})}const wr=l.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 24px;
+  height: 24px;
+`;function br(){return i.jsxs(Cr,{children:[i.jsx(yr,{}),i.jsx(Ar,{children:"Thinking"})]})}const Cr=l.default.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+`,Ar=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 Tr({items:e}){return i.jsx(h.Fragment,{children:e.map(t=>t.kind!=="text"?null:i.jsx(De,{children:t.text},t.key))})}const Ir="Something went wrong. Please try again.";function jr(e){const t=e?.message?.trim();return t||Ir}function Sr({message:e,isLastMessage:t}){const{chatStatus:n,chatError:r}=x.useAiConversationContext(),{role:o,parts:s}=e,a=o===M.MESSAGE_ROLE.ASSISTANT,c=h.useMemo(()=>x.getContentItems(s),[s]),d=c.length>0,u=n==="error"&&t&&a&&!d;return!d&&!u?null:i.jsx(Ne,{$role:o,children:i.jsx(Er,{isFailedEmptyAssistant:u,chatError:r,isAssistant:a,contentItems:c,messageMetadata:e.metadata})})}function kr(){return i.jsx(Ne,{$role:M.MESSAGE_ROLE.ASSISTANT,children:i.jsx(se,{children:i.jsx(br,{})})})}function Er({isFailedEmptyAssistant:e,chatError:t,isAssistant:n,contentItems:r,messageMetadata:o}){return e?i.jsx(se,{children:i.jsx(De,{children:jr(t)})}):i.jsx(se,{children:n?i.jsx(xr,{items:r,messageMetadata:o}):i.jsx(Tr,{items:r})})}const Ne=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===M.MESSAGE_ROLE.ASSISTANT?"100%":"fit-content"};
+  border-radius: ${({$role:e})=>e===M.MESSAGE_ROLE.USER?"6px 0px 6px 6px":"0px 6px 6px 6px"};
+  background: ${({$role:e})=>e===M.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%;
+`,se=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  min-width: 0;
+  width: 100%;
+`;function Lr(){const{messages:e,isStreaming:t}=x.useAiConversationContext(),n=e.at(-1),r=h.useMemo(()=>{const o=n?.role===M.MESSAGE_ROLE.ASSISTANT,s=n?.parts.at(-1)?.type==="text";return t&&!(o&&s)},[t,n?.parts,n?.role]);return i.jsxs(Rr,{children:[e.map((o,s)=>i.jsx(we,{$role:o.role,children:i.jsx(be,{$role:o.role,children:i.jsx(Sr,{message:o,isLastMessage:s===e.length-1})})},o.id)),r&&i.jsx(we,{$role:M.MESSAGE_ROLE.ASSISTANT,children:i.jsx(be,{$role:M.MESSAGE_ROLE.ASSISTANT,children:i.jsx(kr,{})})})]})}const Rr=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  width: 100%;
+`,we=l.default.div`
+  display: flex;
+  width: 100%;
+  justify-content: ${({$role:e})=>e===M.MESSAGE_ROLE.USER?"flex-end":"flex-start"};
+`,be=l.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: ${({$role:e})=>e===M.MESSAGE_ROLE.USER?"flex-end":"stretch"};
+  gap: var(--spacing-xs);
+  min-width: 0;
+  width: 100%;
+  max-width: 100%;
+`;function Pr(e){const t=h.useRef(void 0);return h.useEffect(()=>{t.current=e}),t.current}const He=l.default.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  overflow: auto;
+  padding: var(--spacing-xs);
+`,Or=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"})]})})]}),_r=l.default(Or)`
+  height: ${({size:e})=>e||"14px"};
+  width: ${({size:e})=>e||"14px"};
+`;function Mr(e){const t="var(--font-size-base)";switch(e){case f.REUNITE_AI_PROVIDER:return i.jsx(_r,{size:t});case f.AI_PROVIDERS.OPENAI:return i.jsx(it.ChatGptIcon,{size:t,color:"var(--text-color-primary)"});case f.AI_PROVIDERS.GEMINI:return i.jsx(st.GeminiIcon,{size:t});case f.AI_PROVIDERS.ANTHROPIC:return i.jsx(at.ClaudeIcon,{size:t,color:"var(--replay-claude-icon-color)"})}}function Dr({models:e,selectedModelId:t,placement:n,onModelSelect:r,onSettingsOpen:o}){const s=e.find(v=>v.id===t),a=s?.label??"Replay AI",c=s?.id,d=e.filter(v=>v.provider===f.REUNITE_AI_PROVIDER),u=e.filter(v=>v.provider!==f.REUNITE_AI_PROVIDER),p=d.length>0&&u.length>0;return i.jsx(Vr,{children:i.jsx(zr,{trigger:i.jsx(Nr,{label:a}),placement:n,alignment:"start",withArrow:!0,children:i.jsxs($r,{children:[i.jsxs(Gr,{children:[d.map(v=>i.jsx(Ce,{model:v,activeModelId:c,onModelSelect:r},v.id)),p&&i.jsx(Ae,{"aria-hidden":!0}),u.length>0&&i.jsx(i.Fragment,{children:u.map(v=>i.jsx(Ce,{model:v,activeModelId:c,onModelSelect:r},v.id))})]}),o&&e.length>0&&i.jsx(Ae,{"aria-hidden":!0}),o&&i.jsx(Ur,{prefix:i.jsx(ot.SettingsCogIcon,{size:"var(--font-size-base)",color:"var(--text-color-secondary)"}),content:"Manage models",onAction:()=>o("ai-providers")})]})})})}function Nr({label:e,icon:t,onClick:n,onKeyDown:r}){return i.jsxs(Hr,{onClick:n,onKeyDown:r,children:[i.jsx(Br,{children:e}),t]})}function Ce({model:e,activeModelId:t,onModelSelect:n}){const r=e.id===t;return i.jsx(Ie.DropdownMenuItem,{prefix:Mr(e.provider),suffix:r?i.jsx(qr,{size:"var(--font-size-base)",color:"var(--text-color-primary)"}):void 0,onAction:()=>n(e.id),active:r,children:i.jsx(Fr,{children:e.label})})}const Hr=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);
+  }
+`,Br=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;
+`,Vr=l.default.div`
+  --dropdown-menu-padding-top: 0;
+
+  min-width: 0;
+  flex: 1;
+  position: relative;
+`,zr=l.default(tt.Dropdown)`
+  width: 100%;
+  min-width: 0;
+  flex: 1;
+
+  > :last-child {
+    width: 100%;
+    max-width: 200px;
+  }
+`,$r=l.default(nt.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);
+`,Fr=l.default.span`
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,qr=l.default(rt.CheckmarkIcon)`
+  margin-left: var(--spacing-xxs);
+`,Ae=l.default.li`
+  flex-shrink: 0;
+  list-style: none;
+  width: 100%;
+  height: 1px;
+  margin: 0;
+  background: var(--border-color-secondary);
+`,Gr=l.default.li`
+  display: flex;
+  flex-direction: column;
+  gap: var(--dropdown-menu-item-gap);
+  list-style: none;
+  min-height: 0;
+  overflow-y: auto;
+`,Ur=l.default(Ie.DropdownMenuItem)`
+  flex-shrink: 0;
+`,Wr=280;function Be({pinToBottom:e=!1}){const[t,n]=h.useState(()=>ae.getSemanticSearchService().getIndexingActivityState().inProgress);return h.useEffect(()=>ae.getSemanticSearchService().subscribe("indexing-activity",o=>{n(o.inProgress)}),[]),i.jsx(Yr,{$open:t,$pinToBottom:e,"aria-hidden":!t,children:i.jsx(B.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(Kr,{role:"status","aria-live":"polite","aria-label":"Indexing in progress...",children:[i.jsx("div",{children:i.jsx(q,{})}),i.jsx(Jr,{children:"Indexing in progress..."})]})})})}const Yr=l.default.div`
+  width: 100%;
+  display: block;
+
+  ${({$pinToBottom:e})=>e?X.css`
+          order: 1;
+          margin-top: auto;
+        `:X.css`
+          position: absolute;
+          left: 0;
+          right: 0;
+          bottom: 100%;
+          z-index: 1;
+          margin-bottom: 4px;
+        `}
+
+  opacity: ${({$open:e})=>e?1:0};
+  transition: opacity ${Wr}ms ease-out;
+  pointer-events: ${({$open:e})=>e?"auto":"none"};
+
+  ${q} {
+    animation-play-state: ${({$open:e})=>e?"running":"paused"};
+  }
+`,Kr=l.default.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  background: var(--layer-color);
+  padding: 2px var(--spacing-sm);
+  border-radius: 4px;
+  font-size: var(--font-size-sm);
+  line-height: 12px;
+`,Jr=l.default.div`
+  flex: 1;
+  min-width: 0;
+`;function Xr(){const{chatId:e,isLoading:t,pendingComposerPreset:n,clearPendingComposerPreset:r,availableModels:o,selectedModelId:s,selectModel:a,onSettingsOpen:c}=f.useAiChatContext(),{messages:d,isStreaming:u,sendMessage:p,stopGeneration:v}=x.useAiConversationContext(),{isOpen:g}=f.useAiPanel(),[w,m]=h.useState(""),b=h.useRef(null),C=h.useRef(null),A=h.useRef(!0),y=d.length>0,S=t||y,R=Pr(d.length),z=R!==void 0&&R>0&&!y,D=h.useCallback((k="smooth")=>{C.current&&C.current.scrollTo({top:C.current.scrollHeight,behavior:k})},[]),U=h.useCallback(()=>{const k=C.current;if(!k)return;k.scrollHeight-k.scrollTop-k.clientHeight<50&&(A.current=!0)},[]);h.useEffect(()=>{const k=C.current;if(!k)return;const te=qe=>{qe.deltaY<0&&(A.current=!1)};return k.addEventListener("wheel",te,{passive:!0}),()=>k.removeEventListener("wheel",te)},[]);const $e=h.useCallback(async()=>{w&&(m(""),A.current=!0,await p(w),b.current&&requestAnimationFrame(()=>b.current?.focus()))},[p,w]);h.useEffect(()=>{g&&(b.current&&b.current.focus(),A.current=!0,D())},[g,d.length,D]),h.useEffect(()=>{u&&A.current&&D()}),h.useEffect(function(){g&&b.current&&(b.current.focus(),D("instant"))},[e,g,D]),h.useEffect(function(){!g||n===null||(m(n),r())},[g,n,r]);const Fe=i.jsx(xt,{value:w,onValueChange:m,onSubmit:$e,isStreaming:u,onStop:v,textareaRef:b,modelSelector:i.jsx(Dr,{models:o,selectedModelId:s,placement:y?"top":"bottom",onModelSelect:a,onSettingsOpen:c})});return i.jsxs(He,{children:[i.jsx(Zr,{ref:C,$isExpanded:S,$isAnimated:u||z,onScroll:U,children:t?i.jsx(eo,{children:i.jsx(f.StyledSpinner,{size:"20px"})}):i.jsx(Lr,{})}),i.jsxs(Qr,{$isExpanded:!S,children:[i.jsx(Be,{pinToBottom:!S}),Fe]})]})}const Zr=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);
+`,Qr=l.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  flex: ${({$isExpanded:e})=>e?1:0};
+`,eo=l.default.div`
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  padding-top: var(--spacing-lg);
+`,_={TODAY:"today",YESTERDAY:"yesterday",LAST_WEEK:"last_week",LAST_MONTH:"last_month",OLDER:"older"},to={[_.TODAY]:"Today",[_.YESTERDAY]:"Yesterday",[_.LAST_WEEK]:"Last 7 days",[_.LAST_MONTH]:"Last 30 days",[_.OLDER]:"Older"};function no(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"),s=f.dayjs(t).subtract(7,"day").startOf("day"),a=f.dayjs(t).subtract(30,"day").startOf("day");return n.isSame(r,"day")?_.TODAY:n.isSame(o,"day")?_.YESTERDAY:!n.isBefore(s,"day")&&n.isBefore(o,"day")?_.LAST_WEEK:!n.isBefore(a,"day")&&n.isBefore(s,"day")?_.LAST_MONTH:_.OLDER}function ro(e){const t=[];for(const n of e){const r=no(n.updatedAt),o=t[t.length-1];!o||o.bucket!==r?t.push({bucket:r,chats:[n]}):o.chats.push(n)}return t}function oo(e){const{scrollRef:t,sentinelRef:n,hasNextPage:r,isFetchingNextPage:o,fetchNextPage:s,observerResetKey:a}=e;h.useLayoutEffect(()=>{const c=t.current,d=n.current;if(!c||!d)return;const u=new IntersectionObserver(p=>{const v=p[0];v&&v.isIntersecting&&r&&(o||s())},{root:c,rootMargin:"80px"});return u.observe(d),()=>{u.disconnect()}},[a,s,r,o,t,n])}const Ve=l.default(He)`
+  gap: var(--spacing-xxs);
+  user-select: none;
+`,io=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+`,so=l.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+`,ao=l.default(Ve)`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  flex-direction: column;
+  padding: var(--spacing-md);
+`,lo=l.default.div`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+`,co=l.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 75%;
+  gap: var(--spacing-xxs);
+`,uo=l.default.div`
+  display: flex;
+  justify-content: center;
+  padding: var(--spacing-xs);
+`,fo=l.default(G.Typography)`
+  padding-left: var(--spacing-xs);
+  font-size: var(--font-size-sm);
+  color: var(--color-warm-grey-7);
+`,po=l.default.div`
+  display: flex;
+  flex-grow: 1;
+
+  .tooltip-expanded {
+    flex-grow: 1;
+    min-width: 0;
+  }
+`,ho=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;
+
+  ${E.Button} {
+    display: none;
+  }
+
+  &:focus-within,
+  &:hover {
+    background-color: var(--color-hover-base);
+
+    ${E.Button} {
+      display: inline-flex;
+    }
+  }
+`,xo=l.default(G.Typography)`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`,go=l.default.div`
+  height: 1px;
+  flex-shrink: 0;
+`;function vo(e){const{chat:t,onSelect:n,onRemove:r}=e;return i.jsx(po,{children:i.jsx(B.Tooltip,{tip:f.dayjs(t.updatedAt).format("MMM DD, YYYY, hh:mm:ss A"),className:"expanded",children:i.jsxs(ho,{role:"button",onClick:()=>n?.(t.id),children:[i.jsx(xo,{children:t.title??"New chat"}),i.jsx(E.Button,{variant:"ghost",size:"small",tone:"danger",icon:i.jsx(lt.TrashCanIcon,{}),onClick:o=>{o.stopPropagation(),r?.(t.id)}})]})})})}function mo(e){const{group:t,onChatSelect:n,onChatRemove:r}=e;return i.jsxs(so,{children:[i.jsx(fo,{children:to[t.bucket]}),t.chats.map(o=>i.jsx(vo,{chat:o,onSelect:n,onRemove:r},o.id))]})}function yo(){return i.jsx(lo,{children:i.jsxs(co,{children:[i.jsx(G.Typography,{textAlign:"center",fontWeight:"var(--font-weight-semibold)",children:"No chat history"}),i.jsx(G.Typography,{textAlign:"center",children:"Ask questions or let the assistant take action for you."})]})})}function wo(){return i.jsx(ao,{children:i.jsx(f.StyledSpinner,{})})}const bo=50;function Co(e){const{onChatSelect:t,onChatRemove:n}=e,r=h.useRef(null),o=h.useRef(null),{data:s,isPending:a,hasNextPage:c,isFetchingNextPage:d,fetchNextPage:u}=x.useInfiniteChatHistory(bo),p=h.useMemo(()=>(s?.pages??[]).flatMap(g=>g.items),[s?.pages]),v=h.useMemo(()=>ro(p),[p]);return oo({scrollRef:r,sentinelRef:o,hasNextPage:c,isFetchingNextPage:d,fetchNextPage:u,observerResetKey:s?.pages.length}),a&&!s?i.jsx(wo,{}):p.length===0?i.jsx(yo,{}):i.jsxs(Ve,{ref:r,children:[i.jsx(io,{children:v.map(g=>i.jsx(mo,{group:g,onChatSelect:t,onChatRemove:n},`${g.bucket}-${g.chats[0]?.id??""}`))}),c&&i.jsx(go,{ref:o,"aria-hidden":!0}),d&&i.jsx(uo,{children:i.jsx(f.StyledSpinner,{})})]})}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 s=new ResizeObserver(o);return s.observe(r),()=>s.disconnect()},[]),{ref:e,value:t}}function To(e){const{ref:t,value:n}=Ao();return i.jsx(Io,{children:i.jsx(B.Tooltip,{tip:e.value,className:"no-overflow",disabled:!n,children:i.jsx(jo,{ref:t,children:e.value})})})}const Io=l.default.div`
+  overflow: hidden;
+  .tooltip-no-overflow {
+    overflow: hidden;
+  }
+`,jo=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(So,{children:[i.jsx(ko,{children:t}),n&&i.jsx(Eo,{children:n})]})}const So=l.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: var(--spacing-xs);
+  gap: var(--spacing-xs);
+  width: 100%;
+  flex-shrink: 0;
+`,ko=l.default.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  min-width: 0;
+  flex: 1;
+`,Eo=l.default.div`
+  display: flex;
+  align-items: center;
+  gap: 2px;
+`;function Lo(e){const{title:t,onCreateNewChat:n,onViewHistory:r,onClose:o}=e,s=i.jsxs(i.Fragment,{children:[i.jsx(B.Tooltip,{tip:"New chat",children:i.jsx(E.Button,{size:"small",variant:"text","aria-label":"Create new chat",onClick:n,icon:i.jsx(ut.NewChatIcon,{})})}),i.jsx(B.Tooltip,{tip:"Chat history",children:i.jsx(E.Button,{size:"small",variant:"text","aria-label":"View chat history",onClick:r,icon:i.jsx(ft.RecentlyViewedIcon,{})})}),i.jsx(Po,{children:i.jsx(f.VerticalDivider,{})}),i.jsx(B.Tooltip,{tip:"Close",arrowPosition:"left",children:i.jsx(E.Button,{variant:"text",size:"small","aria-label":"Close panel",icon:i.jsx(dt.CloseIcon,{}),onClick:o})})]});return i.jsxs(ze,{buttons:s,children:[i.jsx(Ro,{children:i.jsx(ct.AiStarsGradientIcon,{size:"14px"})}),i.jsx(To,{value:t})]})}const Ro=l.default.div`
+  display: flex;
+`,Po=l.default.div`
+  display: flex;
+  height: 14px;
+`;function Oo(e){const{onReturnFromHistory:t}=e;return i.jsxs(ze,{children:[i.jsx(E.Button,{size:"small",variant:"text","aria-label":"Return to chat",onClick:t,icon:i.jsx(pt.ArrowLeftIcon,{})}),i.jsx(_o,{children:i.jsx(G.Typography,{children:"Chat history"})})]})}const _o=l.default.div`
+  user-select: none;
+`;function Mo(){const[e,t]=h.useState(x.AI_TAB.CHAT),n=f.useAiPanel(),r=f.useAiChatContext(),o=()=>{t(x.AI_TAB.HISTORY)},s=()=>{t(x.AI_TAB.CHAT)},a=async c=>{r.selectChat(c),t(x.AI_TAB.CHAT)};return i.jsxs(Do,{children:[i.jsxs(Te,{isActive:e===x.AI_TAB.CHAT,children:[i.jsx(Lo,{title:r.title,onCreateNewChat:r.createNewChat,onViewHistory:o,onClose:n.closePanel}),i.jsx(Xr,{})]}),i.jsxs(Te,{isActive:e===x.AI_TAB.HISTORY,isSliding:!0,children:[i.jsx(Oo,{onReturnFromHistory:s}),i.jsx(Co,{onChatSelect:a,onChatRemove:r.removeChat}),i.jsx(Ho,{children:i.jsx(Be,{pinToBottom:!0})})]})]})}function Te(e){const{children:t,isActive:n,isSliding:r=!1}=e,o=i.jsx(No,{inert:!n,children:t});return r?i.jsx(Bo,{$isExpanded:n,children:o}):o}const Do=l.default.div`
+  position: relative;
+  height: 100%;
+  overflow: clip;
+`,No=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);
+`,Ho=l.default.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: 0 var(--spacing-xs) var(--spacing-xs);
+`,Bo=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;
+  }
+`;exports.AiPanel=Mo;