@redocly/replay 0.27.0-next.8 → 0.27.0

package/dist/replay-AiPanel-BvwwBTh1.js

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