openpond 0.2.46 → 0.2.47

package/dist/web/assets/AppsView-CzbB5pXp.css

@@ -1 +0,0 @@
-.connected-apps-view{display:grid;align-content:start;gap:20px;width:min(960px,calc(100% - 72px));min-width:0;justify-self:center;padding:42px 0 40px}.connected-apps-header{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:24px;min-width:0}.connected-apps-header h1,.connected-apps-hero h2{margin:0;color:#f4f4f5;letter-spacing:0}.connected-apps-header h1{font-size:24px;line-height:1.15;font-weight:650}.connected-apps-header p{margin:6px 0 0;color:#9b9b9b;font-size:14px;line-height:1.45}.connected-apps-search{position:relative;display:grid;min-width:0}.connected-apps-search svg{position:absolute;left:13px;top:50%;color:#6f6f6f;transform:translateY(-50%);pointer-events:none}.connected-apps-search input{width:100%;height:38px;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#050505;color:#f3f3f3;padding:0 14px 0 38px;font-size:13px;outline:none}.connected-apps-search input:focus{border-color:#ffffff3d}.connected-apps-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;min-width:0;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#a76b42,#8fb7d9 48%,#38a39d);padding:28px 32px}.connected-apps-hero-copy{display:grid;align-content:start;gap:0;max-width:390px;color:#fff}.connected-apps-hero-icon,.connected-apps-context-card,.connected-app-icon{display:grid;place-items:center}.connected-apps-hero-icon{width:44px;height:44px;border-radius:999px;background:#fff}.connected-apps-hero-icon .connected-app-icon{background:transparent}.connected-apps-hero h2{margin-top:46px;font-size:24px;line-height:1.2;font-weight:560}.connected-apps-hero p{margin:12px 0 0;color:#ffffffe6;font-size:14px;line-height:1.45}.connected-apps-context-card{align-content:start;justify-items:stretch;min-height:190px;border-radius:18px;background:#ffffffe6;color:#111;padding:18px;box-shadow:0 20px 42px #0000002e}.connected-apps-context-card strong{font-size:14px;line-height:1.2}.connected-apps-context-card div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;font-size:12px}.connected-apps-context-card span{min-width:0;border-radius:7px;padding:8px 11px;color:#111}.connected-apps-context-card .files{background:#dff0fb}.connected-apps-context-card .chat{background:#cef8df}.connected-apps-context-card .oauth{background:#fff2bd}.connected-apps-context-card .mcp{background:#ece6fb}.connected-apps-filters{display:flex;flex-wrap:wrap;gap:10px}.connected-apps-filters button{height:36px;border:0;border-radius:999px;background:transparent;color:#d1d1d1;padding:0 17px;font-size:14px}.connected-apps-filters button:hover{background:#ffffff0f}.connected-apps-filters button.active{background:#ffffff1a;color:#fff}.connected-apps-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;row-gap:2px;min-width:0}.connected-app-row{display:grid;grid-template-columns:minmax(0,1fr) max-content 20px;align-items:center;gap:14px;min-height:88px;min-width:0;border:0;border-radius:8px;background:transparent;color:inherit;padding:8px 6px;text-align:left;transition:background-color .14s ease}.connected-app-row:hover,.connected-app-row:focus-visible{background:#ffffff0e;outline:none}.connected-app-row>svg{color:#686868}.connected-app-row-main{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:16px;min-width:0}.connected-app-icon{width:44px;height:44px;border-radius:999px;background:#050505}.connected-app-icon img{display:block;width:18px;height:18px;object-fit:contain}.connected-app-icon.app-google img,.connected-app-icon.app-slack img,.connected-app-icon.app-slack_oauth img,.connected-app-icon.app-microsoft_teams img,.connected-app-icon.app-microsoft_teams_oauth img{width:19px;height:19px}.connected-app-icon.app-mcp{background:#0f172a}.connected-app-icon.app-mcp img{width:22px;height:22px}.connected-app-copy,.connected-app-title{display:block;min-width:0}.connected-app-title{color:#f4f4f5;font-size:14px;line-height:1.25;font-weight:520}.connected-app-title strong,.connected-app-title span,.connected-app-copy>span:nth-child(2){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-app-title span{margin-top:1px;color:#777;font-size:11px;font-weight:450}.connected-app-copy>span:nth-child(2){margin-top:3px;color:#777;font-size:13px;line-height:1.25}.connected-app-capability-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.connected-app-capability-row span,.connected-app-dialog-capabilities span{max-width:100%;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:#a7a7a7;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2}.connected-app-status-pill{min-width:86px;border-radius:999px;background:#ffffff0d;color:#a9a9a9;padding:5px 9px;text-align:center;white-space:nowrap;font-size:11px;line-height:1.2}.connected-app-status-pill.connected{background:#40c97821;color:#72df9b}.connected-app-status-pill.disconnected{background:#ffffff0a;color:#9d9d9d}.connected-apps-empty{grid-column:1 / -1;min-height:80px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#888;font-size:13px}.connected-app-dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#000000ad;padding:20px}.connected-app-dialog{position:relative;display:grid;gap:18px;width:min(480px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#292929;color:#f5f5f5;padding:32px 24px 24px;box-shadow:0 26px 70px #00000073}.connected-app-dialog-close{position:absolute;top:14px;right:14px;display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff08;color:#b8b8b8;padding:0}.connected-app-dialog-close:hover{background:#ffffff0f;color:#fff}.connected-app-dialog-close:focus-visible{outline:2px solid rgba(255,255,255,.24);outline-offset:2px}.connected-app-dialog-identity,.connection-dots,.connected-app-approval,.connected-app-dialog-primary{display:flex;align-items:center;justify-content:center}.connected-app-dialog-identity{gap:14px;padding-top:2px}.openpond-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:#050505}.openpond-mark img{width:34px;height:34px;object-fit:contain}.connected-app-dialog-identity .connected-app-icon{width:56px;height:56px;border-radius:10px}.connected-app-dialog-identity .connected-app-icon img{width:25px;height:25px}.connection-dots{gap:5px}.connection-dots span{width:5px;height:5px;border-radius:999px;background:#ffffff29}.connected-app-dialog h2{margin:0;text-align:center;color:#fff;font-size:20px;line-height:1.2;letter-spacing:0}.connected-app-approval{gap:7px;color:#35d680;font-size:14px}.connected-app-dialog-body{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px}.connected-app-dialog-body section{padding:14px 16px}.connected-app-dialog-body section+section{border-top:1px solid rgba(255,255,255,.08)}.connected-app-dialog-body h3{margin:0 0 6px;color:#f0f0f0;font-size:13px;font-weight:650}.connected-app-dialog-body p{margin:0;color:#b8b8b8;font-size:12px;line-height:1.45}.connected-app-dialog-capabilities{display:flex;flex-wrap:wrap;gap:6px}.connected-app-dialog-primary{gap:7px;height:38px;border:0;border-radius:999px;background:#f5f5f5;color:#222;font-size:14px}.connected-app-dialog-primary:hover{background:#dedede}@media(max-width:840px){.connected-apps-view{width:min(100% - 28px,680px);padding-top:24px}.connected-apps-header,.connected-apps-hero,.connected-apps-list{grid-template-columns:minmax(0,1fr)}.connected-app-row{grid-template-columns:minmax(0,1fr) 20px}.connected-app-status-pill{grid-column:1 / -1;width:fit-content;margin-left:60px}.connected-apps-context-card{display:none}.connected-apps-hero h2{margin-top:30px}}

package/dist/web/assets/AppsView-DwK1UBJP.js

@@ -1 +0,0 @@
-import{r as l,j as e}from"./index-DIaKfM8a.js";import{ca as x,x as A,as as C,f as I,X as L,O as k,ah as P,aA as E,cb as F,l as U}from"./App-D2f8_mGk.js";const T=["For agents","Featured","Productivity","Developer tools"],R=new Set(["slack","google","github","mcp"]);function X({account:s,connection:n,defaultTeamId:t,onToast:o}){const[c,m]=l.useState(null),[d,g]=l.useState(""),[i,N]=l.useState("For agents"),[b,p]=l.useState(()=>x()),[v,u]=l.useState(null),w=s?.baseUrl??s?.activeProfile?.baseUrl??null,y=O(t,v),f=l.useMemo(()=>b.filter(a=>_(a,i)).filter(a=>z(a,d)),[i,d,b]);l.useEffect(()=>{let a=!0;return n?(A.connectedAppStatus(n,{status:"all"}).then(r=>{a&&(p(r.apps),u(r.teamId?.trim()||null))}).catch(r=>{a&&(console.warn("Unable to load connected app status.",r),p(x()),u(null))}),()=>{a=!1}):(p(x()),u(null),()=>{a=!1})},[n]);function S(a){const r=F({appId:a.id,baseUrl:w,teamId:y});q(r).catch(h=>{o?.(h instanceof Error?h.message:String(h),"error")})}return e.jsxs("section",{className:"connected-apps-view","aria-label":"Apps",children:[e.jsxs("div",{className:"connected-apps-header",children:[e.jsxs("div",{children:[e.jsx("h1",{children:"Apps"}),e.jsx("p",{children:"Connect apps that agents can use for chat, knowledge, files, and workflow actions."})]}),e.jsxs("label",{className:"connected-apps-search",children:[e.jsx(C,{size:15}),e.jsx("input",{"aria-label":"Search apps",onChange:a=>g(a.target.value),placeholder:"Search apps",type:"search",value:d})]})]}),e.jsxs("section",{className:"connected-apps-hero","aria-label":"App context",children:[e.jsxs("div",{className:"connected-apps-hero-copy",children:[e.jsx("span",{className:"connected-apps-hero-icon",children:e.jsx(j,{appId:"github"})}),e.jsx("h2",{children:"Work with your apps"}),e.jsx("p",{children:"Bring repositories, documents, chat, calendars, and custom MCP tools into OpenPond."})]}),e.jsxs("div",{className:"connected-apps-context-card","aria-hidden":"true",children:[e.jsx("strong",{children:"Agent context"}),e.jsxs("div",{children:[e.jsx("span",{className:"files",children:"Files"}),e.jsx("span",{className:"chat",children:"Chat"}),e.jsx("span",{className:"oauth",children:"OAuth"}),e.jsx("span",{className:"mcp",children:"MCP"})]})]})]}),e.jsx("div",{className:"connected-apps-filters",role:"tablist","aria-label":"App categories",children:T.map(a=>e.jsx("button",{"aria-selected":i===a,className:i===a?"active":"",onClick:()=>N(a),role:"tab",type:"button",children:a},a))}),e.jsxs("div",{className:"connected-apps-list",children:[f.map(a=>e.jsx(D,{app:a,onSelect:()=>m(a)},a.id)),f.length===0?e.jsx("div",{className:"connected-apps-empty",children:"No apps match the current search."}):null]}),c?e.jsx(M,{app:c,onClose:()=>m(null),onInstall:()=>S(c)}):null]})}function O(s,n){const t=s?.trim();return t||n?.trim()||null}function D({app:s,onSelect:n}){return e.jsxs("button",{className:"connected-app-row",onClick:n,type:"button",children:[e.jsxs("span",{className:"connected-app-row-main",children:[e.jsx(j,{appId:s.id}),e.jsxs("span",{className:"connected-app-copy",children:[e.jsxs("span",{className:"connected-app-title",children:[e.jsx("strong",{children:s.label}),e.jsxs("span",{children:[s.shortLabel!==s.label?s.shortLabel:s.category," / ",s.setupSurfaceLabel]})]}),e.jsx("span",{children:s.description}),e.jsxs("span",{className:"connected-app-capability-row",children:[s.capabilityLabels.slice(0,2).map(t=>e.jsx("span",{children:t},t)),s.capabilityLabels.length>2?e.jsxs("span",{children:["+",s.capabilityLabels.length-2]}):null]})]})]}),e.jsx("span",{className:`connected-app-status-pill ${s.status}`,children:s.statusLabel}),e.jsx(I,{size:16})]})}function M({app:s,onClose:n,onInstall:t}){const o=s.connections.filter(c=>c.status==="active");return e.jsx("div",{className:"connected-app-dialog-backdrop",role:"presentation",onMouseDown:c=>{c.target===c.currentTarget&&n()},children:e.jsxs("section",{className:"connected-app-dialog",role:"dialog","aria-modal":"true","aria-labelledby":"connected-app-dialog-title",children:[e.jsx("button",{className:"connected-app-dialog-close",type:"button","aria-label":"Close app details",onClick:n,children:e.jsx(L,{size:17})}),e.jsxs("div",{className:"connected-app-dialog-identity",children:[e.jsx("span",{className:"openpond-mark",children:e.jsx("img",{alt:"",src:k})}),e.jsxs("span",{className:"connection-dots","aria-hidden":"true",children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]}),e.jsx(j,{appId:s.id})]}),e.jsxs("h2",{id:"connected-app-dialog-title",children:["Connect ",s.label]}),e.jsxs("div",{className:"connected-app-approval",children:[e.jsx(P,{size:16}),e.jsx("span",{children:s.statusLabel})]}),e.jsxs("div",{className:"connected-app-dialog-body",children:[e.jsxs("section",{children:[e.jsx("h3",{children:s.setupSurfaceLabel}),e.jsx("p",{children:"The web flow shows the provider account, workspace, and requested access before anything is connected."})]}),e.jsxs("section",{children:[e.jsx("h3",{children:"Connected account"}),e.jsx("p",{children:B(o)})]}),e.jsxs("section",{children:[e.jsx("h3",{children:"Available capabilities"}),e.jsx("div",{className:"connected-app-dialog-capabilities",children:s.capabilities.map(c=>e.jsx("span",{children:c.label},c.id))})]}),e.jsxs("section",{children:[e.jsx("h3",{children:"Sandbox lease policy"}),e.jsx("p",{children:s.leasePolicy.leaseable?`Leaseable for ${s.leasePolicy.defaultTtlSeconds??0} seconds with scoped proxy access.`:"Managed as setup or tool discovery; no OAuth lease is required."})]})]}),e.jsxs("button",{className:"connected-app-dialog-primary",type:"button",onClick:t,children:[e.jsx("span",{children:s.installLabel}),e.jsx(E,{size:15})]})]})})}function j({appId:s}){return e.jsx("span",{className:`connected-app-icon app-${s}`,children:e.jsx("img",{alt:"",src:$(s)})})}function _(s,n){return n==="For agents"?!0:n==="Featured"?R.has(s.id):n==="Productivity"?s.category==="Productivity"||s.category==="Chat":s.category==="Developer tools"||s.id==="mcp"}function z(s,n){const t=n.trim().toLowerCase();return t?[s.id,s.label,s.shortLabel,s.category,s.description,s.providerFamily,s.setupSurface].some(o=>o.toLowerCase().includes(t)):!0}function $(s){return U(s)}async function q(s){const n=window.openpond?.browser;if(n){const t=await n.openExternal({conversationId:"connected-apps",url:s});if(!t.ok)throw new Error(t.error??"Unable to open app setup.");return}window.open(s,"_blank","noopener,noreferrer")}function B(s){return s.length===0?"No active OAuth connection for this setup surface.":s.map(n=>{const t=n.accountLabel??"Connected account";return n.workspaceLabel?`${t} / ${n.workspaceLabel}`:t}).join(", ")}export{X as AppsView,D as ConnectedAppRow,O as connectedAppSetupTeamId};

package/dist/web/assets/BrowserSidebar-Cj9VnkgU.js

@@ -1 +0,0 @@
-import{r as c,j as a}from"./index-DIaKfM8a.js";import{fn as v,at as f,X as k,P as j,g,aj as C,aA as B,bU as y}from"./App-D2f8_mGk.js";import{a as N}from"./MarkdownText-BxPHz4je.js";import{S as T}from"./square-DMkXeYeV.js";const x=[];function P(r){const e=window.openpond?.browser,[b,t]=c.useState(()=>({conversationId:r,activeTabId:null,tabs:x}));c.useEffect(()=>{if(t({conversationId:r,activeTabId:null,tabs:x}),!e)return;let s=!1;e.getState({conversationId:r}).then(o=>{s||t(o)});const i=e.onState(o=>{o.conversationId===r&&t(o)});return()=>{s=!0,i()}},[e,r]);const u=c.useMemo(()=>b.tabs.find(s=>s.id===b.activeTabId)??null,[b.activeTabId,b.tabs]),l=c.useCallback(async(s,i={})=>{if(!e)return!1;const o=v(s,{explicitFile:i.explicitFile});return o?(i.newTab?await e.newTab({conversationId:r,url:o,explicitFile:i.explicitFile}):await e.open({conversationId:r,url:o,explicitFile:i.explicitFile}),!0):!1},[e,r]),n=u?{conversationId:r,tabId:u.id}:null;return{activeTab:u,available:!!e,bridge:e,state:b,back:()=>e&&n?e.back(n):Promise.resolve({ok:!1}),clearData:()=>e?e.clearData({conversationId:r}):Promise.resolve({ok:!1}),closeTab:s=>e?e.closeTab({conversationId:r,tabId:s}):Promise.resolve({ok:!1}),forward:()=>e&&n?e.forward(n):Promise.resolve({ok:!1}),newTab:s=>e?e.newTab({conversationId:r,url:s}):Promise.resolve({ok:!1}),open:l,openExternal:()=>e&&n?e.openExternal(n):Promise.resolve({ok:!1}),reload:()=>e&&n?e.reload(n):Promise.resolve({ok:!1}),snapshot:(s={})=>e?e.snapshot({conversationId:r,...s}):Promise.resolve({ok:!1,output:"Desktop browser bridge unavailable."}),moveCursor:s=>e?e.moveCursor({conversationId:r,...s}):Promise.resolve({ok:!1,output:"Desktop browser bridge unavailable."}),click:s=>e?e.click({conversationId:r,...s}):Promise.resolve({ok:!1,output:"Desktop browser bridge unavailable."}),typeText:s=>e?e.typeText({conversationId:r,...s}):Promise.resolve({ok:!1,output:"Desktop browser bridge unavailable."}),key:s=>e?e.key({conversationId:r,...s}):Promise.resolve({ok:!1,output:"Desktop browser bridge unavailable."}),scroll:s=>e?e.scroll({conversationId:r,...s}):Promise.resolve({ok:!1,output:"Desktop browser bridge unavailable."}),selectTab:s=>e?e.selectTab({conversationId:r,tabId:s}):Promise.resolve({ok:!1}),setBounds:s=>e?e.setBounds({conversationId:r,bounds:s}):Promise.resolve({ok:!1}),stop:()=>e&&n?e.stop(n):Promise.resolve({ok:!1})}}function E({activeTabId:r,tabs:e,onCloseTab:b,onNewTab:t,onSelectTab:u}){return a.jsxs("div",{className:"browser-tabs",role:"tablist","aria-label":"Browser tabs",children:[e.map(l=>a.jsxs("div",{className:`browser-tab ${l.id===r?"active":""}`,children:[a.jsx("span",{className:"browser-tab-favicon","aria-hidden":"true",children:l.faviconUrl?a.jsx("img",{alt:"",referrerPolicy:"no-referrer",src:l.faviconUrl}):a.jsx(f,{size:13})}),a.jsx("button",{type:"button",className:"browser-tab-main",role:"tab","aria-selected":l.id===r,title:l.url,onClick:()=>u(l.id),children:R(l)}),a.jsx("button",{type:"button",className:"browser-tab-close",title:"Close tab","aria-label":"Close tab",onClick:()=>b(l.id),children:a.jsx(k,{size:12})})]},l.id)),a.jsx("button",{type:"button",className:"browser-tab-add",title:"New tab","aria-label":"New tab",onClick:t,children:a.jsx(j,{size:14})})]})}function R(r){if(r.title?.trim())return r.title.trim();try{return new URL(r.url).host||r.url}catch{return r.url||"New tab"}}function z({activeTab:r,available:e,onBack:b,onClearData:t,onForward:u,onNavigate:l,onOpenExternal:n,onReload:s,onStop:i}){const[o,d]=c.useState(""),[p,m]=c.useState(!1);c.useEffect(()=>{d(r?.url??"")},[r?.url]);function h(w){w.preventDefault(),l(o)}return a.jsxs("div",{className:"browser-toolbar",children:[a.jsxs("div",{className:"browser-nav-actions",children:[a.jsx("button",{type:"button",title:"Back","aria-label":"Back",disabled:!r?.canGoBack,onClick:b,children:a.jsx(g,{size:15})}),a.jsx("button",{type:"button",title:"Forward","aria-label":"Forward",disabled:!r?.canGoForward,onClick:u,children:a.jsx(N,{size:15})}),a.jsx("button",{type:"button",title:r?.loading?"Stop":"Reload","aria-label":r?.loading?"Stop":"Reload",disabled:!r,onClick:r?.loading?i:s,children:r?.loading?a.jsx(T,{size:13}):a.jsx(C,{size:14})})]}),a.jsx("form",{className:"browser-address-form",onSubmit:h,children:a.jsx("input",{"aria-label":"Browser address",disabled:!e,placeholder:e?"Search or enter address":"Desktop browser unavailable",spellCheck:!1,value:o,onChange:w=>d(w.target.value)})}),a.jsxs("div",{className:"browser-panel-actions",children:[a.jsx("button",{type:"button",title:"Open external","aria-label":"Open external",disabled:!r,onClick:n,children:a.jsx(B,{size:14})}),a.jsxs("div",{className:"browser-menu-anchor",children:[a.jsx("button",{type:"button",title:"Browser actions","aria-label":"Browser actions",onClick:()=>m(w=>!w),children:a.jsx(y,{size:15})}),p&&a.jsx("div",{className:"browser-options-menu",role:"menu",children:a.jsx("button",{type:"button",role:"menuitem",onClick:()=>{m(!1),t()},children:"Clear Browser Data..."})})]})]})]})}function D({active:r,onBounds:e}){const b=c.useRef(null),t=c.useRef(null),u=c.useRef(null),l=c.useCallback(i=>{const o=i?`${i.x}:${i.y}:${i.width}:${i.height}`:"null";t.current!==o&&(t.current=o,e(i))},[e]),n=c.useCallback(()=>{const i=b.current;if(!r||!i){l(null);return}const o=i.getBoundingClientRect(),d=Math.max(0,Math.round(o.width)),p=Math.max(0,Math.round(o.height));if(d===0||p===0){l(null);return}l({x:Math.round(o.left),y:Math.round(o.top),width:d,height:p})},[r,l]),s=c.useCallback(()=>{u.current===null&&(u.current=window.requestAnimationFrame(()=>{u.current=null,n()}))},[n]);return c.useLayoutEffect(()=>{t.current=null,n();const i=b.current;if(!r||!i)return l(null),()=>l(null);const o=new ResizeObserver(s);return o.observe(i),window.addEventListener("resize",s),window.addEventListener("scroll",s,!0),()=>{u.current!==null&&(window.cancelAnimationFrame(u.current),u.current=null),o.disconnect(),window.removeEventListener("resize",s),window.removeEventListener("scroll",s,!0),l(null)}},[r,l,n,s]),a.jsx("div",{className:"browser-viewport",ref:b})}function U({conversationId:r,expanded:e,onResizeStart:b}){const t=P(r),u=c.useCallback(s=>{window.openpond?.browser?.setBounds({conversationId:r,bounds:s})},[r]),l=c.useCallback(s=>{t.open(s,{explicitFile:!0})},[t]),n=c.useCallback(()=>{window.confirm("Clear browser data for this conversation? Tabs, cookies, cache, and local storage for this conversation will be removed.")&&t.clearData()},[t]);return a.jsxs("aside",{className:`workspace-diff-panel browser-sidebar-panel ${e?"expanded":""}`,"aria-label":"Browser",children:[!e&&a.jsx("div",{className:"workspace-diff-resize-handle",role:"separator","aria-orientation":"vertical","aria-label":"Resize browser panel",onPointerDown:b}),a.jsx(E,{activeTabId:t.state.activeTabId,tabs:t.state.tabs,onCloseTab:s=>{t.closeTab(s)},onNewTab:()=>{t.newTab()},onSelectTab:s=>{t.selectTab(s)}}),a.jsx(z,{activeTab:t.activeTab,available:t.available,onBack:()=>{t.back()},onClearData:n,onForward:()=>{t.forward()},onNavigate:l,onOpenExternal:()=>{t.openExternal()},onReload:()=>{t.reload()},onStop:()=>{t.stop()}}),a.jsxs("div",{className:"browser-content",children:[t.available?t.state.tabs.length===0?a.jsxs("div",{className:"browser-empty-state",children:[a.jsx(f,{size:18}),a.jsx("span",{children:"Enter a URL to open a browser tab for this conversation."})]}):null:a.jsxs("div",{className:"browser-empty-state",children:[a.jsx(f,{size:18}),a.jsx("span",{children:"Desktop browser bridge unavailable."})]}),a.jsx(D,{active:t.available&&t.state.tabs.length>0,onBounds:u})]})]})}export{U as BrowserSidebar};