@axiom-lattice/react-sdk 4.6.2 → 4.6.3

package/dist/{embed-page-chunk-DZQBVJ7Z.js → embed-page-chunk-ZWOJE3I4.js}

@@ -1,4 +1,4 @@
-import{a as _i}from"./embed-page-chunk-UT3WYBZH.js";import{a as cr,b as Pn}from"./embed-page-chunk-N22EGQAJ.js";import{b as Gi,c as $i}from"./embed-page-chunk-IPIJ2SG6.js";import{c as bo,d as vo}from"./embed-page-chunk-KEL6XU6R.js";import{b as it,c as Pi,d as yo,e as Rt,f as ho,g as Di,h as Cn,i as An,j as Li,l as Ni,m as Mi}from"./embed-page-chunk-AC6X2XRH.js";import{a as ji,b as qi}from"./embed-page-chunk-O72XBKQH.js";import{A as ci,Aa as Ii,C as ui,D as pi,Da as In,F as uo,Ja as Sn,Ka as fo,L as gi,La as Si,Oa as Ci,Pa as Ai,Qa as Ei,Ra as mo,Y as fi,Z as mi,_ as yi,aa as hi,ba as bi,d as ii,db as Oi,eb as ko,f as ai,fb as wo,g as $n,ga as vi,gb as xo,hb as Fi,ib as To,jb as Wi,ka as ki,kb as zi,lb as Ro,mb as En,oa as po,ob as dr,p as si,pa as wi,pb as Bi,qa as xi,ra as Ti,sa as Pt,x as li,xa as Ri,z as di,za as go}from"./embed-page-chunk-QMVIL4BJ.js";import{i as Zr,p as Vr,q as Qr,t as yt,x as ao,y as Ve}from"./embed-page-chunk-YPNSOZYW.js";import{a as M}from"./embed-page-chunk-MB65DZAX.js";import{Cb as lo,Db as ti,Dc as ni,Fc as oi,Gc as sr,Ha as io,Hc as lr,Ia as qe,Ja as Kr,La as We,Ma as Ur,Sc as ri,Tb as ar,U as Vt,W as ee,Wa as Yr,Y as Rn,Z as Wt,_ as mt,aa as Qt,ca as rr,da as ir,eb as Xr,fa as $r,fc as co,ia as cn,la as qr,mb as Jr,na as Hr,oa as Et,ob as ei,ra as pe,ta as De,tb as so,va as Tt,xa as rt,ya as _e,yc as Yt}from"./embed-page-chunk-O4QK5LWZ.js";import{a as Te}from"./embed-page-chunk-4BKXE5ON.js";import{e as R}from"./embed-page-chunk-6Y3UYJ6Z.js";var Gs={react:{label:"capability",color:"blue"},capability:{label:"capability",color:"blue"},deep_agent:{label:"orchestrator",color:"orange"},orchestrator:{label:"orchestrator",color:"orange"},team:{label:"team",color:"green"},processing:{label:"workflow",color:"purple"},workflow:{label:"workflow",color:"purple"},a2a_remote:{label:"remote",color:"cyan"},remote:{label:"remote",color:"cyan"}};function Dn(e){return Gs[e]??{label:"capability",color:"blue"}}var $s={enabled:"green",draft:"orange",disabled:"default"};function Ki(e){return $s[e]??"default"}var Hi={blue:"#3b82f6",orange:"#f59e0b",green:"#22c55e",purple:"#a855f7",cyan:"#06b6d4"};function qn(e){return Hi[e]??Hi.cyan}function Hd(e){let t={enabled:"#22c55e",draft:"#f59e0b",disabled:"#d9d9d9"};return t[e]??t.disabled}function Ln(e){return typeof e.graphDefinition=="object"&&e.graphDefinition!==null?e.graphDefinition:{}}function pr(e){return((Ln(e).metadata??{}).tags??"").split(",").map(r=>r.trim()).filter(Boolean)}function gr(e){let o=(Ln(e).metadata??{}).version;return o?o.startsWith("v")?o:`v${o}`:"v1"}function fr(e){let o=(Ln(e).metadata??{}).status??"enabled";return o==="draft"||o==="disabled"?o:"enabled"}function ur(e){let n=Ln(e).subAgents??[],o=Array.isArray(n)?n.filter(Boolean):[];return Array.from(new Set(o))}function Kd(e){return e.map(t=>{let n=Ln(t),o=String(n.type??"react");return{id:t.id,name:t.name,description:t.description,type:Dn(o).label,tags:pr(t),version:gr(t),status:fr(t),subAgents:ur(t)}})}function Ud(e){let t=new Set(e.map(r=>r.id)),n=e.map(r=>({id:r.id,label:r.name,type:Dn(String(Ln(r).type??"react")).label,subAgentCount:ur(r).length})),o=[];for(let r of e)for(let i of ur(r))t.has(i)&&o.push({source:r.id,target:i});return{nodes:n,edges:o}}var Ie=R(Te());var ne=R(Te());var h=R(M()),{TextArea:qs}=De,{Text:It}=We,Ui=["data","execution","workflow","assistant"],Hs={data:"Data & Knowledge",execution:"Execution & Interaction",workflow:"Workflow & Orchestration",assistant:"Assistant & Evaluation",other:"Other"},Hn=(e,t)=>{if(Array.isArray(e)){let n=e.map(o=>Hn(o));return(t==="tools"||t==="subAgents")&&n.every(o=>typeof o=="string")?[...n].sort():n}return e!==null&&typeof e=="object"?Object.fromEntries(Object.entries(e).sort(([n],[o])=>n.localeCompare(o)).map(([n,o])=>[n,Hn(o,n)])):e},Zi=e=>{if(typeof e!="string")return Hn(e??null);try{return Hn(JSON.parse(e))}catch{return e}},Vi=e=>JSON.stringify(Hn({...e,tools:[...e.tools].sort(),subAgents:[...e.subAgents].sort()})),Ks=Ti(({token:e,css:t})=>({modalBody:t`
+import{a as _i}from"./embed-page-chunk-DLMNBQDM.js";import{a as cr,b as Pn}from"./embed-page-chunk-ZXXK35AA.js";import{b as Gi,c as $i}from"./embed-page-chunk-HXKUWQKZ.js";import{c as bo,d as vo}from"./embed-page-chunk-KEL6XU6R.js";import{b as it,c as Pi,d as yo,e as Rt,f as ho,g as Di,h as Cn,i as An,j as Li,l as Ni,m as Mi}from"./embed-page-chunk-AC6X2XRH.js";import{a as ji,b as qi}from"./embed-page-chunk-5KAV3UKK.js";import{A as ci,Aa as Ii,C as ui,D as pi,Da as In,F as uo,Ja as Sn,Ka as fo,L as gi,La as Si,Oa as Ci,Pa as Ai,Qa as Ei,Ra as mo,Y as fi,Z as mi,_ as yi,aa as hi,ba as bi,d as ii,db as Oi,eb as ko,f as ai,fb as wo,g as $n,ga as vi,gb as xo,hb as Fi,ib as To,jb as Wi,ka as ki,kb as zi,lb as Ro,mb as En,oa as po,ob as dr,p as si,pa as wi,pb as Bi,qa as xi,ra as Ti,sa as Pt,x as li,xa as Ri,z as di,za as go}from"./embed-page-chunk-PJ6DIO3E.js";import{i as Zr,p as Vr,q as Qr,t as yt,x as ao,y as Ve}from"./embed-page-chunk-YPNSOZYW.js";import{a as M}from"./embed-page-chunk-MB65DZAX.js";import{Cb as lo,Db as ti,Dc as ni,Fc as oi,Gc as sr,Ha as io,Hc as lr,Ia as qe,Ja as Kr,La as We,Ma as Ur,Sc as ri,Tb as ar,U as Vt,W as ee,Wa as Yr,Y as Rn,Z as Wt,_ as mt,aa as Qt,ca as rr,da as ir,eb as Xr,fa as $r,fc as co,ia as cn,la as qr,mb as Jr,na as Hr,oa as Et,ob as ei,ra as pe,ta as De,tb as so,va as Tt,xa as rt,ya as _e,yc as Yt}from"./embed-page-chunk-O4QK5LWZ.js";import{a as Te}from"./embed-page-chunk-4BKXE5ON.js";import{e as R}from"./embed-page-chunk-6Y3UYJ6Z.js";var Gs={react:{label:"capability",color:"blue"},capability:{label:"capability",color:"blue"},deep_agent:{label:"orchestrator",color:"orange"},orchestrator:{label:"orchestrator",color:"orange"},team:{label:"team",color:"green"},processing:{label:"workflow",color:"purple"},workflow:{label:"workflow",color:"purple"},a2a_remote:{label:"remote",color:"cyan"},remote:{label:"remote",color:"cyan"}};function Dn(e){return Gs[e]??{label:"capability",color:"blue"}}var $s={enabled:"green",draft:"orange",disabled:"default"};function Ki(e){return $s[e]??"default"}var Hi={blue:"#3b82f6",orange:"#f59e0b",green:"#22c55e",purple:"#a855f7",cyan:"#06b6d4"};function qn(e){return Hi[e]??Hi.cyan}function Hd(e){let t={enabled:"#22c55e",draft:"#f59e0b",disabled:"#d9d9d9"};return t[e]??t.disabled}function Ln(e){return typeof e.graphDefinition=="object"&&e.graphDefinition!==null?e.graphDefinition:{}}function pr(e){return((Ln(e).metadata??{}).tags??"").split(",").map(r=>r.trim()).filter(Boolean)}function gr(e){let o=(Ln(e).metadata??{}).version;return o?o.startsWith("v")?o:`v${o}`:"v1"}function fr(e){let o=(Ln(e).metadata??{}).status??"enabled";return o==="draft"||o==="disabled"?o:"enabled"}function ur(e){let n=Ln(e).subAgents??[],o=Array.isArray(n)?n.filter(Boolean):[];return Array.from(new Set(o))}function Kd(e){return e.map(t=>{let n=Ln(t),o=String(n.type??"react");return{id:t.id,name:t.name,description:t.description,type:Dn(o).label,tags:pr(t),version:gr(t),status:fr(t),subAgents:ur(t)}})}function Ud(e){let t=new Set(e.map(r=>r.id)),n=e.map(r=>({id:r.id,label:r.name,type:Dn(String(Ln(r).type??"react")).label,subAgentCount:ur(r).length})),o=[];for(let r of e)for(let i of ur(r))t.has(i)&&o.push({source:r.id,target:i});return{nodes:n,edges:o}}var Ie=R(Te());var ne=R(Te());var h=R(M()),{TextArea:qs}=De,{Text:It}=We,Ui=["data","execution","workflow","assistant"],Hs={data:"Data & Knowledge",execution:"Execution & Interaction",workflow:"Workflow & Orchestration",assistant:"Assistant & Evaluation",other:"Other"},Hn=(e,t)=>{if(Array.isArray(e)){let n=e.map(o=>Hn(o));return(t==="tools"||t==="subAgents")&&n.every(o=>typeof o=="string")?[...n].sort():n}return e!==null&&typeof e=="object"?Object.fromEntries(Object.entries(e).sort(([n],[o])=>n.localeCompare(o)).map(([n,o])=>[n,Hn(o,n)])):e},Zi=e=>{if(typeof e!="string")return Hn(e??null);try{return Hn(JSON.parse(e))}catch{return e}},Vi=e=>JSON.stringify(Hn({...e,tools:[...e.tools].sort(),subAgents:[...e.subAgents].sort()})),Ks=Ti(({token:e,css:t})=>({modalBody:t`
     padding: 0;
     height: 92vh;
     width: 100%;

package/dist/{embed-page-chunk-N22EGQAJ.js → embed-page-chunk-ZXXK35AA.js}

@@ -1,3 +1,3 @@
-import{Na as S,Va as x,Wa as P,va as I}from"./embed-page-chunk-QMVIL4BJ.js";import{t as v}from"./embed-page-chunk-YPNSOZYW.js";import{a as s}from"./embed-page-chunk-MB65DZAX.js";import{La as y,U as f,W as h,mb as b}from"./embed-page-chunk-O4QK5LWZ.js";import{a as $}from"./embed-page-chunk-4BKXE5ON.js";import{e as a}from"./embed-page-chunk-6Y3UYJ6Z.js";var m=a($());var t=a(s()),{Text:l}=y,z=({workflowContext:e,onClose:d,onToolCompleted:p,initialMessageRequest:i,onInitialMessageSubmitted:g,attemptedInitialMessageRequestIdsRef:c,rawInitialMessage:r,showHeader:C=!0})=>{let T=v("agent-architect"),u=e?.id?`${T.tenantId}:${e.id}`:null,A=(0,m.useMemo)(()=>{if(e?.id&&e?.name)return e.type==="agent"?`[Context: You're viewing agent "${e.name}" (assistant: ${e.id})]`:`[Context: You're viewing workflow "${e.name}" (agent: ${e.id})]`},[e]),j=(0,m.useMemo)(()=>{if(!i||!e?.id)return null;if(r)return i;let o;return e.type==="workflow"?o=[`Purpose: ${i.content.trim()}`,"",`Workflow "${e.id}" has been created with an empty YAML DSL. Based on the purpose above, load the 'create-workflow' skill, design the workflow using the YAML needs+if DSL, and update it via update_workflow. Make sure to include a descriptive name.`].join(`
+import{Na as S,Va as x,Wa as P,va as I}from"./embed-page-chunk-PJ6DIO3E.js";import{t as v}from"./embed-page-chunk-YPNSOZYW.js";import{a as s}from"./embed-page-chunk-MB65DZAX.js";import{La as y,U as f,W as h,mb as b}from"./embed-page-chunk-O4QK5LWZ.js";import{a as $}from"./embed-page-chunk-4BKXE5ON.js";import{e as a}from"./embed-page-chunk-6Y3UYJ6Z.js";var m=a($());var t=a(s()),{Text:l}=y,z=({workflowContext:e,onClose:d,onToolCompleted:p,initialMessageRequest:i,onInitialMessageSubmitted:g,attemptedInitialMessageRequestIdsRef:c,rawInitialMessage:r,showHeader:C=!0})=>{let T=v("agent-architect"),u=e?.id?`${T.tenantId}:${e.id}`:null,A=(0,m.useMemo)(()=>{if(e?.id&&e?.name)return e.type==="agent"?`[Context: You're viewing agent "${e.name}" (assistant: ${e.id})]`:`[Context: You're viewing workflow "${e.name}" (agent: ${e.id})]`},[e]),j=(0,m.useMemo)(()=>{if(!i||!e?.id)return null;if(r)return i;let o;return e.type==="workflow"?o=[`Purpose: ${i.content.trim()}`,"",`Workflow "${e.id}" has been created with an empty YAML DSL. Based on the purpose above, load the 'create-workflow' skill, design the workflow using the YAML needs+if DSL, and update it via update_workflow. Make sure to include a descriptive name.`].join(`
 `):o=[`Purpose: ${i.content.trim()}`,"",`Configure the topology for workflow "${e.id}" based on this purpose. Create sub-agents, set up the processing pipeline, and wire them together with topology edges.`,"The current name is a placeholder \u2014 feel free to update it via update_processing_agent if you have a better one."].join(`
 `),{...i,content:o}},[i?.requestId,i?.content,e?.id,e?.type,r]);return(0,t.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",borderLeft:"1px solid #f0f0f0",background:"rgba(255, 255, 255, 0.92)"},children:[C&&(0,t.jsxs)("div",{style:{padding:"12px 12px",borderBottom:"1px solid #f0f0f0",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(l,{strong:!0,children:"Agent Builder"}),e&&(0,t.jsx)("div",{children:(0,t.jsxs)(l,{type:"secondary",style:{fontSize:12},children:["Viewing: ",e.name]})})]}),d&&(0,t.jsx)(h,{type:"text",size:"small","aria-label":"Close copilot",icon:(0,t.jsx)(b,{}),onClick:d})]}),u?(0,t.jsxs)(I,{threadId:u,assistantId:"agent-architect",options:{streaming:!0},onToolCompleted:p,children:[(0,t.jsx)(x,{request:j,onSubmitted:g,attemptedRequestIdsRef:c}),(0,t.jsx)(P,{showHeader:!1,showEmptyState:!1,showDatabaseSlot:!1,showSkillSlot:!1,showAgentSlot:!1,showMetricsDataSourceSlot:!1,systemContext:A})]}):(0,t.jsxs)("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"100%",textAlign:"center",gap:4,padding:"0 8px"},children:[(0,t.jsx)(l,{strong:!0,children:"Agent Builder"}),(0,t.jsx)(l,{type:"secondary",children:"Select a workflow to start"})]})]})};var n=a(s()),_=({project:e,projects:d,value:p,onChange:i,selectable:g=!0,loading:c})=>e?(0,n.jsxs)("div",{"data-testid":"training-context-card",style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)("span",{style:{fontSize:12,color:"rgba(0,0,0,0.45)",flexShrink:0},children:"Learning project"}),g?(0,n.jsx)(S,{kind:"training",value:p??e.id,onChange:r=>{r&&i?.(r)},style:{minWidth:0}}):(0,n.jsx)("span",{style:{fontSize:12,fontWeight:500},children:e.name})]}):c?null:(0,n.jsx)(f,{type:"warning",showIcon:!0,message:"No learning project is available",description:"A learning project is required before starting a learning task."});export{_ as a,z as b};

package/dist/embed-page.js

@@ -1,4 +1,4 @@
-import{b as f}from"./embed-page-chunk-O72XBKQH.js";import"./embed-page-chunk-QMVIL4BJ.js";import"./embed-page-chunk-YPNSOZYW.js";import{a as b}from"./embed-page-chunk-MB65DZAX.js";import"./embed-page-chunk-VW3NF5NT.js";import"./embed-page-chunk-5JDQ456X.js";import"./embed-page-chunk-Z7USDLHI.js";import{a as g}from"./embed-page-chunk-O4QK5LWZ.js";import"./embed-page-chunk-4BKXE5ON.js";import"./embed-page-chunk-IX4WLWCY.js";import"./embed-page-chunk-EUOOO2LS.js";import{b as U,e as s}from"./embed-page-chunk-6Y3UYJ6Z.js";var h=U(d=>{"use strict";var E=g();d.createRoot=E.createRoot,d.hydrateRoot=E.hydrateRoot;var ee});var T=s(h()),k=s(g());var y="axiom-web-app-embed";var x=["axiom:hello","axiom:identity","axiom:send","axiom:config"];function w(e,t){return{source:y,version:1,type:e,payload:t}}var N=6,z=40,B=500;function H(e){if(typeof e!="object"||e===null||Array.isArray(e))return!1;let t=e,n=Object.keys(t);return n.length!==2||!n.includes("label")||!n.includes("text")?!1:typeof t.label=="string"&&t.label.length>=1&&t.label.length<=z&&typeof t.text=="string"&&t.text.length>=1&&t.text.length<=B}function Q(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(t.length>=N)break;H(n)&&t.push({label:n.label,text:n.text})}return t}function _(e){if(typeof e!="object"||e===null)return null;let t=e,n={};if(typeof t.welcome=="string"&&t.welcome.length>0&&(n.welcome=t.welcome),Array.isArray(t.quicks)){let r=Q(t.quicks);(r.length>0||t.quicks.length===0)&&(n.quicks=r)}return n.welcome===void 0&&n.quicks===void 0?null:n}function R(e,t){if(typeof e!="object"||e===null)return null;let n=e;return n.source!==y||n.version!==1||typeof n.type!="string"||!t.includes(n.type)?null:{type:n.type,payload:n.payload}}var p=s(b()),P=/^[A-Za-z0-9._:@-]{1,128}$/,q="Open this chat from the host page embed to start chatting.",v="axiom-embed-root",C="axiom-embed-style",A=32768,G=`
+import{b as f}from"./embed-page-chunk-5KAV3UKK.js";import"./embed-page-chunk-PJ6DIO3E.js";import"./embed-page-chunk-YPNSOZYW.js";import{a as b}from"./embed-page-chunk-MB65DZAX.js";import"./embed-page-chunk-VW3NF5NT.js";import"./embed-page-chunk-5JDQ456X.js";import"./embed-page-chunk-Z7USDLHI.js";import{a as g}from"./embed-page-chunk-O4QK5LWZ.js";import"./embed-page-chunk-4BKXE5ON.js";import"./embed-page-chunk-IX4WLWCY.js";import"./embed-page-chunk-EUOOO2LS.js";import{b as U,e as s}from"./embed-page-chunk-6Y3UYJ6Z.js";var h=U(d=>{"use strict";var E=g();d.createRoot=E.createRoot,d.hydrateRoot=E.hydrateRoot;var ee});var T=s(h()),k=s(g());var y="axiom-web-app-embed";var x=["axiom:hello","axiom:identity","axiom:send","axiom:config"];function w(e,t){return{source:y,version:1,type:e,payload:t}}var N=6,z=40,B=500;function H(e){if(typeof e!="object"||e===null||Array.isArray(e))return!1;let t=e,n=Object.keys(t);return n.length!==2||!n.includes("label")||!n.includes("text")?!1:typeof t.label=="string"&&t.label.length>=1&&t.label.length<=z&&typeof t.text=="string"&&t.text.length>=1&&t.text.length<=B}function Q(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(t.length>=N)break;H(n)&&t.push({label:n.label,text:n.text})}return t}function _(e){if(typeof e!="object"||e===null)return null;let t=e,n={};if(typeof t.welcome=="string"&&t.welcome.length>0&&(n.welcome=t.welcome),Array.isArray(t.quicks)){let r=Q(t.quicks);(r.length>0||t.quicks.length===0)&&(n.quicks=r)}return n.welcome===void 0&&n.quicks===void 0?null:n}function R(e,t){if(typeof e!="object"||e===null)return null;let n=e;return n.source!==y||n.version!==1||typeof n.type!="string"||!t.includes(n.type)?null:{type:n.type,payload:n.payload}}var p=s(b()),P=/^[A-Za-z0-9._:@-]{1,128}$/,q="Open this chat from the host page embed to start chatting.",v="axiom-embed-root",C="axiom-embed-style",A=32768,G=`
 html, body, #${v} { height: 100%; margin: 0; }
 .axiom-embed-fill { height: 100% !important; min-height: 0 !important; }
 .axiom-embed-card { display: flex; align-items: center; justify-content: center; height: 100%; margin: 0; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; color: #64748b; padding: 24px; box-sizing: border-box; text-align: center; }

package/dist/index.js

@@ -109334,10 +109334,6 @@ var init_SideAppViewBrowser = __esm({
       display: flex;
       flex-direction: column;
       align-items: center;
-      // The wrapper spans the full width only to center the pill. Keep it
-      // transparent to pointer events so the empty top band never intercepts
-      // clicks on the content beneath; the visible pill/header opt back in.
-      pointer-events: none;
     `,
         compactPill: css`
       display: flex;
@@ -109356,7 +109352,6 @@ var init_SideAppViewBrowser = __esm({
       cursor: default;
       transition: all 0.2s ease;
       margin-top: 0;
-      pointer-events: auto;
 
       &:hover {
         color: ${token.colorText};
@@ -109382,7 +109377,6 @@ var init_SideAppViewBrowser = __esm({
       padding: 4px 8px;
       gap: 4px;
       width: 100%;
-      pointer-events: auto;
       animation: floatIn 0.2s ease;
       transition: background 0.2s ease;
 
@@ -109595,64 +109589,61 @@ var init_SideAppViewBrowser = __esm({
         [openApp]
       );
       return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { className: styles.container, children: [
-        compact && items3.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { className: styles.compactWrapper, children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
-          "div",
-          {
-            className: `${styles.floatingHeader} ${autoPeek ? styles.floatingHeaderPeek : ""} ${isLeaving ? styles.floatingHeaderLeaving : ""}`,
-            style: { width: "fit-content", maxWidth: "100%" },
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            onAnimationEnd: handleFloatingAnimationEnd,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { className: styles.floatingTabsStrip, children: items3.map((item) => /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
-                "div",
-                {
-                  "data-tab-key": item.key,
-                  className: `${styles.tab} ${item.key === activeKey ? "active" : ""}`,
-                  onClick: () => switchTab(item.key),
-                  onMouseEnter: () => setHoveredTab(item.key),
-                  onMouseLeave: () => setHoveredTab(null),
-                  children: [
-                    getTabIcon(item.componentKey),
-                    /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { className: styles.tabLabel, children: item.label }),
-                    /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
-                      "span",
-                      {
-                        className: `${styles.closeIndicator} ${hoveredTab === item.key || item.key === activeKey ? "always-visible" : ""}`,
-                        onClick: (e8) => {
-                          e8.stopPropagation();
-                          remove2(item.key);
-                        },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.CloseOutlined, { style: { fontSize: 10 } })
-                      }
-                    )
-                  ]
-                }
-              ) }, item.key)) }),
-              items3.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
-                import_antd114.Dropdown,
-                {
-                  menu: { items: dropdownItems },
-                  placement: "bottomRight",
-                  trigger: ["click"],
-                  children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.MoreOutlined, {}) })
-                }
-              ),
-              showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.CloseOutlined, {}) }) })
-            ]
-          }
-        ) : activeItem && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+        compact && items3.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
           "div",
           {
-            className: styles.compactPill,
+            className: styles.compactWrapper,
             onMouseEnter: handleMouseEnter,
             onMouseLeave: handleMouseLeave,
-            children: [
+            children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+              "div",
+              {
+                className: `${styles.floatingHeader} ${autoPeek ? styles.floatingHeaderPeek : ""} ${isLeaving ? styles.floatingHeaderLeaving : ""}`,
+                onAnimationEnd: handleFloatingAnimationEnd,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { className: styles.floatingTabsStrip, children: items3.map((item) => /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+                    "div",
+                    {
+                      "data-tab-key": item.key,
+                      className: `${styles.tab} ${item.key === activeKey ? "active" : ""}`,
+                      onClick: () => switchTab(item.key),
+                      onMouseEnter: () => setHoveredTab(item.key),
+                      onMouseLeave: () => setHoveredTab(null),
+                      children: [
+                        getTabIcon(item.componentKey),
+                        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { className: styles.tabLabel, children: item.label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+                          "span",
+                          {
+                            className: `${styles.closeIndicator} ${hoveredTab === item.key || item.key === activeKey ? "always-visible" : ""}`,
+                            onClick: (e8) => {
+                              e8.stopPropagation();
+                              remove2(item.key);
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.CloseOutlined, { style: { fontSize: 10 } })
+                          }
+                        )
+                      ]
+                    }
+                  ) }, item.key)) }),
+                  items3.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+                    import_antd114.Dropdown,
+                    {
+                      menu: { items: dropdownItems },
+                      placement: "bottomRight",
+                      trigger: ["click"],
+                      children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.MoreOutlined, {}) })
+                    }
+                  ),
+                  showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_icons36.CloseOutlined, {}) }) })
+                ]
+              }
+            ) : activeItem && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { className: styles.compactPill, children: [
               getTabIcon(activeItem.componentKey),
               /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { className: styles.compactPillLabel, children: activeItem.label })
-            ]
+            ] })
           }
-        ) }),
+        ),
         !compact && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { className: styles.header, children: [
           /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { className: styles.tabsStrip, children: items3.map((item) => /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_antd114.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
             "div",
@@ -142655,7 +142646,7 @@ var init_WorkspaceResourceManager = __esm({
                     )
                   }
                 ),
-                main: /* @__PURE__ */ (0, import_jsx_runtime369.jsx)(SideAppViewBrowser, { region: "content", compact: false, showCloseButton: false }),
+                main: /* @__PURE__ */ (0, import_jsx_runtime369.jsx)(SideAppViewBrowser, { region: "content", showCloseButton: false }),
                 mainStyle: { padding: 0 }
               }
             ),