dorkos 0.111.0 → 0.114.1

package/dist/client/assets/{index-BxrZwUJp.js → index-C9NjdeaX.js}

@@ -1,4 +1,4 @@
-var Ne=Object.defineProperty;var Re=(t,n,s)=>n in t?Ne(t,n,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[n]=s;var U=(t,n,s)=>Re(t,typeof n!="symbol"?n+"":n,s);import{a4 as C,ae as P,ha as De,r as f,aG as Ie,hb as Z,aE as ze,j as e,g$ as _,hc as Me,g as B,hd as H,he as V,Z as O,hf as Se,hg as Te,X as Fe,hh as Ae,B as w,dc as Oe,a3 as S,aL as _e,fp as Ee,hi as Le,hj as Ue,hk as $e,hl as Pe,hm as Be,hn as X,$ as He,af as Ve,aN as y,ho as Ye,hp as Ke,hq as We,cQ as ee,hr as qe,hs as Ge,ht as Je}from"./index-Dr-0P6rd.js";import{u as Qe}from"./use-roving-tab-list-3Pb7ps4E.js";import{F as ne,a as Ze,b as te,c as Xe,R as et,C as se}from"./use-session-canvas-BaXuEhw8.js";import{d as en,e as tn,f as nn,g as sn,h as an}from"./use-session-canvas-BaXuEhw8.js";import{A as tt}from"./McpAppFrame-DmHduNgp.js";import{F as nt}from"./file-DlQX-hKl.js";import{F as ae}from"./WidgetErrorCard-BQwrR6PJ.js";import{R as st}from"./rotate-cw-DrGRGSwy.js";import{u as at}from"./use-room-follow-claim-Cf20JiJ_.js";import{c as ot,F as rt}from"./room-files-source-BywWQPBN.js";import"./card-BTgwskmX.js";import"./markdown-content-aNzh-54y.js";import"./table-P4N5xQn2.js";import"./package-CoTlAnXZ.js";import"./heart-Bp14wOx6.js";import"./git-branch-Dq_w3Iyx.js";import"./file-exclamation-point-Dg2iCyPM.js";/**
+var Ne=Object.defineProperty;var Re=(t,n,s)=>n in t?Ne(t,n,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[n]=s;var U=(t,n,s)=>Re(t,typeof n!="symbol"?n+"":n,s);import{a4 as C,ae as P,hr as De,r as f,aJ as Ie,hs as Q,aH as ze,j as e,hh as _,ht as Me,g as B,hu as H,hv as V,Z as O,hw as Se,hx as Te,X as Fe,hy as Ae,B as w,dg as Oe,a3 as S,aP as _e,fO as Ee,hz as Le,hA as Ue,hB as $e,hC as Pe,hD as Be,hE as X,$ as He,af as Ve,aR as y,hF as Ye,hG as Ke,hH as We,cU as ee,hI as qe,hJ as Je,hK as Ge}from"./index-d-DK54t2.js";import{u as Ze}from"./use-roving-tab-list-C56ygMxj.js";import{F as ne,a as Qe,b as te,c as Xe,R as et,C as se}from"./use-session-canvas-Dsmt92or.js";import{d as tn,e as nn,f as sn,g as an,h as on}from"./use-session-canvas-Dsmt92or.js";import{A as tt}from"./McpAppFrame-Er6EX82b.js";import{F as nt}from"./file-CY9v6yos.js";import{F as ae}from"./file-text-BQ5NBk6w.js";import{R as st}from"./rotate-cw-DiWMKflx.js";import{u as at}from"./use-room-follow-claim-FWatOD5-.js";import{c as ot,F as rt}from"./room-files-source-B2H-CIeN.js";import"./WidgetErrorCard-BojvLOeP.js";import"./card-5POMzMJ6.js";import"./markdown-content-BWVUF3Ll.js";import"./table-B3kRSRyK.js";import"./package-B1hSUoIL.js";import"./heart-B5oPCBeT.js";import"./git-branch-34CUrn_R.js";import"./file-exclamation-point-DNS4eVZR.js";/**
  * @license lucide-react v1.48.0 - ISC
  *
  * This source code is licensed under the ISC license.
@@ -33,6 +33,6 @@ var Ne=Object.defineProperty;var Re=(t,n,s)=>n in t?Ne(t,n,{enumerable:!0,config
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const me={name:"table",size:24,node:[["path",{d:"M12 3v18",key:"108xh3"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}]]};me.node;const mt=C(me);function pt(t){const n=P(),{roomId:s,viewerAuthorId:r,documentId:i,url:p,readScrollY:u,subscribe:d}=t,a=De(s,r),g=f.useRef({roomId:s,documentId:i,url:p,readScrollY:u});g.current={roomId:s,documentId:i,url:p,readScrollY:u};const m=f.useRef(null),x=f.useRef(0);f.useEffect(()=>{if(!a||s===null||i===null)return;const j=()=>{m.current=null,x.current=Date.now();const b=g.current;if(b.roomId===null||b.documentId===null)return;const F=b.roomId,E={documentId:b.documentId,...b.url!==void 0?{url:b.url}:{},...b.readScrollY?{scrollY:Math.max(0,Math.round(b.readScrollY()))}:{}};n.publishRoomView(F,E).then(L=>{!L.followed&&r!==null&&ze.getState().noteNobodyFollowing(F,r)}).catch(()=>{})},c=()=>{if(m.current!==null)return;const b=Date.now()-x.current;if(b>=Z){j();return}m.current=setTimeout(j,Z-b)};c();const R=d==null?void 0:d(c),T=setInterval(c,Ie);return()=>{clearInterval(T),R==null||R()}},[n,a,s,r,i,p,d]),f.useEffect(()=>()=>{m.current!==null&&clearTimeout(m.current)},[])}const ht={url:_,markdown:ae,json:ie,image:ut,pdf:nt,widget:Me,mcp_app:tt,file:ne,model3d:it,audio:lt,video:ct,csv:mt,browser:_,diff:dt},ft="after:absolute after:inset-x-0 after:-inset-y-2 md:after:hidden";function Y(t){return t==="browser"?"browser-panel":"canvas-panel"}const xt={canvas:"Open canvas documents",browser:"Open browser pages"};function K(t){return`canvas-tab-${t}`}const yt=3;function vt(t){const n=t.map(r=>r.displayName);if(n.length===0)return null;if(n.length===1)return`${n[0]} is looking at this.`;if(n.length===2)return`${n[0]} and ${n[1]} are looking at this.`;const s=n.length-2;return`${n[0]}, ${n[1]} and ${s} ${s===1?"other":"others"} are looking at this.`}function gt({watchers:t}){const n=vt(t);if(n===null)return null;const s=t.slice(0,yt),r=t.length-s.length;return e.jsxs(e.Fragment,{children:[e.jsxs("span",{"data-slot":"canvas-tab-watchers","aria-hidden":!0,className:"flex shrink-0 -space-x-1",children:[s.map(i=>e.jsx(B,{size:"xs",className:"ring-background size-3.5 text-[8px] ring-1",kind:i.kind,color:i.color??V(i.id),emoji:i.emoji,imageUrl:i.imageUrl,badge:null,fallback:H(i.displayName)},i.id)),r>0&&e.jsxs("span",{className:"bg-muted text-muted-foreground ring-background flex size-3.5 shrink-0 items-center justify-center rounded-full text-[8px] ring-1",children:["+",r]})]}),e.jsx("span",{className:"sr-only",children:n})]})}function pe({view:t,documents:n,activeDocumentId:s,onActivate:r,onClose:i,onPin:p}){const u=Y(t),{getTabProps:d}=Qe({orderedIds:n.map(a=>a.id),activeId:s,onActivate:a=>r(a),onClose:a=>i(a),getFallbackFocus:()=>document.getElementById(u)});return n.length===0?null:e.jsx("div",{role:"tablist","aria-label":xt[t],className:"flex items-stretch gap-1 overflow-x-auto border-b px-2 py-1",children:n.map(a=>{const g=ht[a.contentType],m=a.id===s,x=a.author;return e.jsxs("div",{role:"presentation",className:"group relative flex shrink-0",children:[e.jsxs("button",{type:"button",role:"tab","aria-selected":m,id:K(a.id),"aria-controls":m?u:void 0,...d(a.id),className:O("focus-ring flex items-center gap-1.5 rounded-md py-3 pl-2 text-xs transition-colors md:py-1",p?"pr-12":"pr-7",m?"bg-muted text-foreground":"text-muted-foreground hover:bg-muted/60 hover:text-foreground"),children:[x&&e.jsx(B,{"aria-hidden":!0,size:"xs",className:"size-3.5 shrink-0 text-[8px]",kind:x.kind,color:x.color??V(x.id),emoji:x.emoji,imageUrl:x.imageUrl,badge:null,fallback:H(x.displayName)}),e.jsx(g,{className:"size-3.5 shrink-0"}),e.jsx("span",{className:"max-w-40 truncate font-medium",children:a.sourceLabel}),a.watchers&&a.watchers.length>0&&e.jsx(gt,{watchers:a.watchers}),a.unread&&e.jsx("span",{"data-slot":"canvas-tab-unread","aria-hidden":!0,className:"bg-primary size-1.5 shrink-0 rounded-full"})]}),p&&e.jsx("button",{type:"button",tabIndex:-1,onClick:()=>p(a.id,!a.pinned),"aria-label":a.pinned?`Unpin ${a.sourceLabel}`:`Pin ${a.sourceLabel}`,className:O("focus-ring hover:bg-background/80 absolute top-1/2 right-6 -translate-y-1/2 rounded-sm p-1.5 transition-opacity md:p-0.5",a.pinned?"opacity-100":"opacity-0 group-hover:opacity-60"),children:a.pinned?e.jsx(Se,{className:"size-3"}):e.jsx(Te,{className:"size-3"})}),e.jsx("button",{type:"button",tabIndex:-1,onClick:()=>i(a.id),"aria-label":`Close ${a.sourceLabel}`,className:O("focus-ring hover:bg-background/80 absolute top-1/2 right-1 -translate-y-1/2 rounded-sm p-1.5 opacity-60 transition-opacity group-hover:opacity-100 md:p-0.5",ft),children:e.jsx(Fe,{className:"size-3"})})]},a.id)})})}function bt({error:t,onRetry:n}){const s=Ae(t);return e.jsxs("div",{className:"text-muted-foreground flex h-full flex-col items-center justify-center gap-3 p-8 text-center",children:[e.jsx("p",{children:"This tab hit a problem"}),s?e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-sm",children:"The app may have updated. Reloading usually fixes it."}),e.jsx(w,{type:"button",size:"sm",onClick:()=>window.location.reload(),children:"Reload DorkOS"})]}):e.jsxs(w,{type:"button",variant:"outline",size:"sm",onClick:n,children:[e.jsx(st,{className:"size-4"}),"Try again"]})]})}class he extends f.Component{constructor(){super(...arguments);U(this,"state",{error:null,retryKey:0});U(this,"handleRetry",()=>{this.setState(s=>({error:null,retryKey:s.retryKey+1}))})}static getDerivedStateFromError(s){return{error:s}}componentDidCatch(s,r){console.error(`[Canvas] Document viewer error (${this.props.documentId}):`,s,r)}render(){const{error:s,retryKey:r}=this.state;return s?e.jsx(bt,{error:s,onRetry:this.handleRetry}):e.jsx(f.Fragment,{children:this.props.children},r)}}function jt({onReload:t,onKeepMine:n}){return e.jsxs("div",{role:"status",className:"border-border/60 bg-muted/40 mx-2 mt-2 space-y-2 rounded-md border px-3 py-2 text-sm",children:[e.jsx("p",{children:"Your agent changed this while you were editing. Your edit is safe."}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(w,{type:"button",variant:"outline",size:"sm",onClick:t,children:"Reload"}),e.jsx(w,{type:"button",variant:"ghost",size:"sm",onClick:n,children:"Keep mine"})]}),e.jsx("p",{className:"text-muted-foreground text-xs",children:"Reload shows its version and ends your edit. Keep mine discards it."})]})}const kt={canvas:{heading:"A blank canvas",blurb:"Your agent can show documents, data and files here.",actions:[{icon:ae,label:"Markdown",description:"Render a document",action:()=>({type:"markdown",content:`# Untitled
+ */const me={name:"table",size:24,node:[["path",{d:"M12 3v18",key:"108xh3"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}]]};me.node;const mt=C(me);function pt(t){const n=P(),{roomId:s,viewerAuthorId:r,documentId:i,url:p,readScrollY:u,subscribe:d}=t,a=De(s,r),g=f.useRef({roomId:s,documentId:i,url:p,readScrollY:u});g.current={roomId:s,documentId:i,url:p,readScrollY:u};const m=f.useRef(null),x=f.useRef(0);f.useEffect(()=>{if(!a||s===null||i===null)return;const j=()=>{m.current=null,x.current=Date.now();const b=g.current;if(b.roomId===null||b.documentId===null)return;const F=b.roomId,E={documentId:b.documentId,...b.url!==void 0?{url:b.url}:{},...b.readScrollY?{scrollY:Math.max(0,Math.round(b.readScrollY()))}:{}};n.publishRoomView(F,E).then(L=>{!L.followed&&r!==null&&ze.getState().noteNobodyFollowing(F,r)}).catch(()=>{})},c=()=>{if(m.current!==null)return;const b=Date.now()-x.current;if(b>=Q){j();return}m.current=setTimeout(j,Q-b)};c();const R=d==null?void 0:d(c),T=setInterval(c,Ie);return()=>{clearInterval(T),R==null||R()}},[n,a,s,r,i,p,d]),f.useEffect(()=>()=>{m.current!==null&&clearTimeout(m.current)},[])}const ht={url:_,markdown:ae,json:ie,image:ut,pdf:nt,widget:Me,mcp_app:tt,file:ne,model3d:it,audio:lt,video:ct,csv:mt,browser:_,diff:dt},ft="after:absolute after:inset-x-0 after:-inset-y-2 md:after:hidden";function Y(t){return t==="browser"?"browser-panel":"canvas-panel"}const xt={canvas:"Open canvas documents",browser:"Open browser pages"};function K(t){return`canvas-tab-${t}`}const yt=3;function vt(t){const n=t.map(r=>r.displayName);if(n.length===0)return null;if(n.length===1)return`${n[0]} is looking at this.`;if(n.length===2)return`${n[0]} and ${n[1]} are looking at this.`;const s=n.length-2;return`${n[0]}, ${n[1]} and ${s} ${s===1?"other":"others"} are looking at this.`}function gt({watchers:t}){const n=vt(t);if(n===null)return null;const s=t.slice(0,yt),r=t.length-s.length;return e.jsxs(e.Fragment,{children:[e.jsxs("span",{"data-slot":"canvas-tab-watchers","aria-hidden":!0,className:"flex shrink-0 -space-x-1",children:[s.map(i=>e.jsx(B,{size:"xs",className:"ring-background size-3.5 text-[8px] ring-1",kind:i.kind,color:i.color??V(i.id),emoji:i.emoji,imageUrl:i.imageUrl,badge:null,fallback:H(i.displayName)},i.id)),r>0&&e.jsxs("span",{className:"bg-muted text-muted-foreground ring-background flex size-3.5 shrink-0 items-center justify-center rounded-full text-[8px] ring-1",children:["+",r]})]}),e.jsx("span",{className:"sr-only",children:n})]})}function pe({view:t,documents:n,activeDocumentId:s,onActivate:r,onClose:i,onPin:p}){const u=Y(t),{getTabProps:d}=Ze({orderedIds:n.map(a=>a.id),activeId:s,onActivate:a=>r(a),onClose:a=>i(a),getFallbackFocus:()=>document.getElementById(u)});return n.length===0?null:e.jsx("div",{role:"tablist","aria-label":xt[t],className:"flex items-stretch gap-1 overflow-x-auto border-b px-2 py-1",children:n.map(a=>{const g=ht[a.contentType],m=a.id===s,x=a.author;return e.jsxs("div",{role:"presentation",className:"group relative flex shrink-0",children:[e.jsxs("button",{type:"button",role:"tab","aria-selected":m,id:K(a.id),"aria-controls":m?u:void 0,...d(a.id),className:O("focus-ring flex items-center gap-1.5 rounded-md py-3 pl-2 text-xs transition-colors md:py-1",p?"pr-12":"pr-7",m?"bg-muted text-foreground":"text-muted-foreground hover:bg-muted/60 hover:text-foreground"),children:[x&&e.jsx(B,{"aria-hidden":!0,size:"xs",className:"size-3.5 shrink-0 text-[8px]",kind:x.kind,color:x.color??V(x.id),emoji:x.emoji,imageUrl:x.imageUrl,badge:null,fallback:H(x.displayName)}),e.jsx(g,{className:"size-3.5 shrink-0"}),e.jsx("span",{className:"max-w-40 truncate font-medium",children:a.sourceLabel}),a.watchers&&a.watchers.length>0&&e.jsx(gt,{watchers:a.watchers}),a.unread&&e.jsx("span",{"data-slot":"canvas-tab-unread","aria-hidden":!0,className:"bg-primary size-1.5 shrink-0 rounded-full"})]}),p&&e.jsx("button",{type:"button",tabIndex:-1,onClick:()=>p(a.id,!a.pinned),"aria-label":a.pinned?`Unpin ${a.sourceLabel}`:`Pin ${a.sourceLabel}`,className:O("focus-ring hover:bg-background/80 absolute top-1/2 right-6 -translate-y-1/2 rounded-sm p-1.5 transition-opacity md:p-0.5",a.pinned?"opacity-100":"opacity-0 group-hover:opacity-60"),children:a.pinned?e.jsx(Se,{className:"size-3"}):e.jsx(Te,{className:"size-3"})}),e.jsx("button",{type:"button",tabIndex:-1,onClick:()=>i(a.id),"aria-label":`Close ${a.sourceLabel}`,className:O("focus-ring hover:bg-background/80 absolute top-1/2 right-1 -translate-y-1/2 rounded-sm p-1.5 opacity-60 transition-opacity group-hover:opacity-100 md:p-0.5",ft),children:e.jsx(Fe,{className:"size-3"})})]},a.id)})})}function bt({error:t,onRetry:n}){const s=Ae(t);return e.jsxs("div",{className:"text-muted-foreground flex h-full flex-col items-center justify-center gap-3 p-8 text-center",children:[e.jsx("p",{children:"This tab hit a problem"}),s?e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-sm",children:"The app may have updated. Reloading usually fixes it."}),e.jsx(w,{type:"button",size:"sm",onClick:()=>window.location.reload(),children:"Reload DorkOS"})]}):e.jsxs(w,{type:"button",variant:"outline",size:"sm",onClick:n,children:[e.jsx(st,{className:"size-4"}),"Try again"]})]})}class he extends f.Component{constructor(){super(...arguments);U(this,"state",{error:null,retryKey:0});U(this,"handleRetry",()=>{this.setState(s=>({error:null,retryKey:s.retryKey+1}))})}static getDerivedStateFromError(s){return{error:s}}componentDidCatch(s,r){console.error(`[Canvas] Document viewer error (${this.props.documentId}):`,s,r)}render(){const{error:s,retryKey:r}=this.state;return s?e.jsx(bt,{error:s,onRetry:this.handleRetry}):e.jsx(f.Fragment,{children:this.props.children},r)}}function jt({onReload:t,onKeepMine:n}){return e.jsxs("div",{role:"status",className:"border-border/60 bg-muted/40 mx-2 mt-2 space-y-2 rounded-md border px-3 py-2 text-sm",children:[e.jsx("p",{children:"Your agent changed this while you were editing. Your edit is safe."}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(w,{type:"button",variant:"outline",size:"sm",onClick:t,children:"Reload"}),e.jsx(w,{type:"button",variant:"ghost",size:"sm",onClick:n,children:"Keep mine"})]}),e.jsx("p",{className:"text-muted-foreground text-xs",children:"Reload shows its version and ends your edit. Keep mine discards it."})]})}const kt={canvas:{heading:"A blank canvas",blurb:"Your agent can show documents, data and files here.",actions:[{icon:ae,label:"Markdown",description:"Render a document",action:()=>({type:"markdown",content:`# Untitled
 
-Start writing…`,title:"Document"})},{icon:ie,label:"JSON",description:"Inspect structured data",action:()=>({type:"json",data:{message:"Your data here"},title:"JSON data"})}]},browser:{heading:"No page open",blurb:"This tab shows web pages: your files, dev servers, or sites from your agent.",actions:[{icon:_,label:"Web page",description:"Open a page, then type any address",action:()=>({type:"url",url:"https://dorkos.ai",title:"Web Page"})}]}};function $(t,n,s,r){return t.split("").reduce((p,u)=>p+u.charCodeAt(0),0)*(n+1)*7%(r-s)+s}function fe({view:t,onAction:n}){const s=Oe(),r=f.useId(),i=kt[t],p=f.useMemo(()=>Array.from({length:6},(u,d)=>({x:$(r,d*3,10,90),y:$(r,d*3+1,10,80),size:$(r,d*3+2,24,56),delay:d*.4})),[r]);return e.jsxs("div",{className:"relative flex h-full flex-col items-center justify-center overflow-hidden px-6",children:[!s&&p.map((u,d)=>e.jsx(S.div,{className:"border-border/40 absolute rounded-lg border",style:{left:`${u.x}%`,top:`${u.y}%`,width:u.size,height:u.size},initial:{opacity:0,scale:.6,rotate:-10},animate:{opacity:[0,.15,.08,.15],scale:[.6,1,.9,1],rotate:[-10,0,5,0]},transition:{duration:8,delay:u.delay,repeat:1/0,repeatType:"reverse",ease:"easeInOut"}},d)),e.jsxs(S.div,{className:"relative z-10 flex max-w-sm flex-col items-center gap-6 text-center",initial:s?!1:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.4,ease:"easeOut"},children:[e.jsx(S.div,{className:"bg-muted/50 text-muted-foreground flex size-14 items-center justify-center rounded-2xl",initial:s?!1:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.3,delay:.1},children:t==="browser"?e.jsx(_,{className:"size-7"}):e.jsx(_e,{className:"size-7"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-lg font-semibold tracking-tight",children:i.heading}),e.jsxs("p",{className:"text-muted-foreground text-sm leading-relaxed",children:[i.blurb,e.jsx("br",{}),"Or pick a starting point below."]})]}),e.jsx(S.div,{className:"mt-2 flex w-full flex-col gap-2",initial:"hidden",animate:"visible",variants:s?{}:{visible:{transition:{staggerChildren:.08,delayChildren:.25}}},children:i.actions.map(({icon:u,label:d,description:a,action:g})=>e.jsxs(S.button,{variants:s?{}:{hidden:{opacity:0,y:8},visible:{opacity:1,y:0}},transition:{duration:.25},className:"border-border hover:bg-accent/50 flex items-center gap-3 rounded-lg border px-4 py-3 text-left transition-colors",onClick:()=>n(g()),children:[e.jsx(u,{className:"text-muted-foreground size-4 shrink-0"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"text-sm font-medium",children:d}),e.jsx("span",{className:"text-muted-foreground ml-2 text-xs",children:a})]})]},d))})]})]})}function wt({sourceLabel:t,people:n,following:s,onFollow:r,onStopFollowing:i,onDiscuss:p,discussing:u=!1}){const d=n.find(a=>a.id===s)??null;return t===void 0&&n.length===0&&p===void 0?null:e.jsxs("div",{className:"text-muted-foreground flex items-center gap-2 border-b px-3 py-1 text-xs",children:[t!==void 0&&e.jsx("span",{className:"min-w-0 flex-1 truncate",children:t}),t===void 0&&e.jsx("span",{className:"flex-1"}),p&&e.jsxs(w,{type:"button",variant:"ghost",size:"sm",className:"h-6 gap-1 px-1.5",disabled:u,onClick:p,children:[e.jsx(Ee,{className:"size-3.5"}),"Discuss"]}),n.length>0&&e.jsxs(Le,{children:[e.jsx(Ue,{asChild:!0,children:e.jsxs(w,{type:"button",variant:"ghost",size:"sm",className:O("h-6 gap-1 px-1.5",d&&"text-foreground"),children:[e.jsx($e,{className:"size-3.5"}),d?`Following ${d.displayName}`:"Follow"]})}),e.jsxs(Pe,{align:"end",children:[e.jsx(Be,{children:"Follow somebody’s browser"}),n.map(a=>e.jsxs(X,{onSelect:()=>a.id===s?i():r(a.id),children:[e.jsx(B,{"aria-hidden":!0,size:"xs",className:"size-4 shrink-0 text-[9px]",kind:a.kind,color:a.color??V(a.id),emoji:a.emoji,imageUrl:a.imageUrl,badge:null,fallback:H(a.displayName)}),e.jsx("span",{className:"min-w-0 flex-1 truncate",children:a.displayName}),a.id===s&&e.jsx(He,{className:"size-3.5 shrink-0"})]},a.id)),d&&e.jsx(X,{onSelect:i,children:"Stop following"})]})]})]})}function Ct({roomId:t,document:n,reading:s}){const r=P(),i=Ve(),[p,u]=f.useState(null),d=f.useMemo(()=>ot({transport:r,queryClient:i,roomId:t}),[r,i,t]);return e.jsxs("div",{className:"flex h-full items-start justify-center p-6",children:[e.jsxs("div",{className:"bg-card shadow-soft w-full max-w-md space-y-3 rounded-lg border p-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ne,{className:"text-muted-foreground size-4 shrink-0"}),e.jsx("span",{className:"truncate text-sm font-medium",children:n.title||s.sourcePath})]}),e.jsx("p",{className:"text-muted-foreground font-mono text-xs break-all",children:s.sourcePath}),s.kind==="elsewhere"?e.jsx("p",{className:"text-muted-foreground text-sm leading-relaxed",children:s.sentence}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-muted-foreground text-sm leading-relaxed",children:"A room file. Each save is recorded with your name."}),e.jsx(w,{type:"button",size:"sm",onClick:()=>u(s.sourcePath),children:"Open file"})]})]}),s.kind==="room-file"&&e.jsx(rt,{source:d,path:p,onClose:()=>u(null)})]})}const Nt=["image","pdf","audio","video","csv","model3d"];function Rt(t){return/^(https?:|data:)/.test(t)}function Dt(t){if(t.type==="file"||t.type==="diff")return t.sourcePath;if(t.type==="markdown")return t.sourcePath??null;if(Nt.includes(t.type)){const n=t.src;return Rt(n)?null:n}return null}function It(t){return t.type==="file"||t.type==="diff"||t.type==="markdown"}function zt(t){const n=/^(?:in )?(.+?)['’]s /.exec(t.sourceLabel??"");return(n==null?void 0:n[1])??"another member"}function Mt(t){const n=Dt(t.content);if(n===null)return{kind:"inline"};if(t.treeKind==="room-main"||t.treeKind===void 0)return It(t.content)?{kind:"room-file",sourcePath:n}:{kind:"elsewhere",sourcePath:n,sentence:"This file is in the room’s files. Open it from Files in the Room tab."};if(t.content.type==="diff"&&t.treeKind==="worktree"&&typeof t.aheadOfMain=="number"&&t.aheadOfMain>0)return{kind:"worktree-diff",sourcePath:n,content:t.content};if(t.content.type==="markdown")return{kind:"inline"};const s=zt(t);return{kind:"elsewhere",sourcePath:n,sentence:`${s.charAt(0).toUpperCase()}${s.slice(1)}’s project isn’t open to you. Ask them to share it, or open your copy.`}}function St(t){return t.title||t.contentType}function Tt({roomId:t,document:n,onUpdate:s}){const r=Mt(n);return r.kind==="worktree-diff"?e.jsx(Ge,{roomId:t,content:r.content,documentId:n.id,authorId:n.authorId}):r.kind!=="inline"?e.jsx(Ct,{roomId:t,document:n,reading:r}):n.content.type==="markdown"?e.jsx(et,{roomId:t,document:n,content:n.content,onSave:s}):e.jsx(se,{documentId:n.id,content:n.content,onContentChange:()=>{}})}function xe({roomId:t,view:n}){var G;const s=y(o=>o.roomCanvasDocuments[t]),r=y(o=>{var l;return((l=o.roomCanvasActive[t])==null?void 0:l[n])??null}),i=y(o=>{var l;return(l=o.roomCanvasUnread[t])==null?void 0:l[n]}),p=y(o=>o.activateRoomCanvasDocument),u=y(o=>o.clearRoomCanvasUnread),d=y(o=>o.roomCanvasPresence[t]),a=Ze(t),g=Ye(t),m=P(),x=((G=g.data)==null?void 0:G.viewerAuthorId)??null,j=y(o=>o.roomCanvasEditing[t]??null),c=Ke(o=>o.openThread),[R,T]=f.useState(!1),b=n==="browser"?t:null,{following:F,follow:E,stop:L}=at(b),k=We(b),D=f.useRef(null),A=f.useCallback(async(o,l)=>{try{return await l(),!0}catch(z){return ee.error(o,{description:te(z)}),!1}},[]),I=f.useMemo(()=>qe(s??[],n),[s,n]),v=I.find(o=>o.id===r)??null,W=(i==null?void 0:i.length)??0;f.useEffect(()=>{W>0&&u(t,n)},[W,u,t,n]);const ve=f.useMemo(()=>{var J;const o=new Map(((J=g.data)==null?void 0:J.members.map(h=>[h.author.id,h.author]))??[]),l=h=>({id:h.id,displayName:h.displayName,kind:h.kind,...h.emoji?{emoji:h.emoji}:{},...h.color?{color:h.color}:{},...h.imageUrl?{imageUrl:h.imageUrl}:{}}),z=new Map;for(const[h,M]of Object.entries(d??{})){if(h===x)continue;const N=o.get(h);if(!N)continue;const Q=z.get(M);Q?Q.push(l(N)):z.set(M,[l(N)])}return I.map(h=>{const M=o.get(h.authorId),N=z.get(h.id);return{id:h.id,sourceLabel:St(h),contentType:h.content.type,pinned:h.pinned,unread:(i==null?void 0:i.includes(h.id))??!1,...M?{author:l(M)}:{},...N?{watchers:N}:{}}})},[I,g.data,i,d,x]);Xe(t,(v==null?void 0:v.id)??null);const ge=f.useMemo(()=>{var o;return(((o=g.data)==null?void 0:o.members)??[]).map(l=>l.author).filter(l=>l.kind==="human"&&l.id!==x).map(l=>({id:l.id,displayName:l.displayName,kind:l.kind,emoji:l.emoji,color:l.color,imageUrl:l.imageUrl}))},[g.data,x]),be=y(o=>{if(r===null)return;const l=o.browserHistories[r];return l?l.stack[l.cursor]:void 0}),je=f.useCallback(()=>{var o;return((o=D.current)==null?void 0:o.scrollTop)??0},[]),ke=f.useCallback(o=>{const l=D.current;return l?(l.addEventListener("scroll",o,{passive:!0}),()=>l.removeEventListener("scroll",o)):()=>{}},[]);pt({roomId:b,viewerAuthorId:x,documentId:r,url:be,readScrollY:je,subscribe:ke});const q=f.useMemo(()=>I.map(o=>o.id).join("\0"),[I]);f.useEffect(()=>{if(!(k===null||j!==null)&&q.split("\0").includes(k.documentId)){if(k.documentId!==r){p(t,k.documentId);return}k.scrollY!==void 0&&D.current&&(D.current.scrollTop=k.scrollY)}},[k,j,r,q,p,t]);const we=f.useCallback(()=>{v!==null&&(T(!0),m.discussCanvasDocument(t,v.id).then(o=>c(t,o.threadRootEntryId,!1)).catch(o=>{ee.error("Couldn’t start a discussion.",{description:te(o)})}).finally(()=>T(!1)))},[v,m,t,c]),Ce=Y(n);return e.jsxs(e.Fragment,{children:[e.jsx(pe,{view:n,documents:ve,activeDocumentId:r,onActivate:o=>p(t,o),onClose:o=>void A("Couldn’t take that off the canvas.",()=>a.close(o)),onPin:(o,l)=>void A(l?"Couldn’t pin that.":"Couldn’t unpin that.",()=>a.pin(o,l))}),e.jsx(wt,{sourceLabel:v==null?void 0:v.sourceLabel,people:n==="browser"?ge:[],following:F,onFollow:E,onStopFollowing:L,onDiscuss:v===null?void 0:we,discussing:R}),e.jsx("div",{id:Ce,ref:D,tabIndex:-1,className:"min-h-0 flex-1 overflow-auto focus-visible:outline-none",...v?{role:"tabpanel","aria-labelledby":K(v.id)}:{},children:v?e.jsx(he,{documentId:v.id,children:e.jsx(Tt,{roomId:t,document:v,onUpdate:(o,l)=>A("Couldn’t save that for the room.",()=>a.update(o,l))})},v.id):e.jsx(fe,{view:n,onAction:o=>void A("Couldn’t put that on the canvas.",()=>a.open(o))})})]})}function ye({view:t}){const n=y(c=>c.openDocuments),s=y(c=>t==="browser"?c.activeBrowserDocumentId:c.activeCanvasDocumentId),r=y(c=>c.activateCanvasDocument),i=y(c=>c.closeCanvasDocument),p=y(c=>c.setDocumentContent),u=y(c=>c.openCanvasDocument),d=y(c=>c.applyHeldUpdate),a=y(c=>c.discardHeldUpdate),g=Je(n,t),m=g.find(c=>c.id===s)??null,x=g.map(c=>({id:c.id,sourceLabel:c.sourceLabel,contentType:c.content.type})),j=Y(t);return e.jsxs(e.Fragment,{children:[e.jsx(pe,{view:t,documents:x,activeDocumentId:s,onActivate:r,onClose:i}),(m==null?void 0:m.heldUpdate)&&e.jsx(jt,{onReload:()=>d(m.id),onKeepMine:()=>a(m.id)}),e.jsx("div",{id:j,tabIndex:-1,className:"min-h-0 flex-1 overflow-auto focus-visible:outline-none",...m?{role:"tabpanel","aria-labelledby":K(m.id)}:{},children:m?e.jsx(he,{documentId:m.id,children:e.jsx(se,{documentId:m.id,content:m.content,onContentChange:c=>p(m.id,c)})},m.id):e.jsx(fe,{view:t,onAction:u})})]})}function Jt(){const t=y(n=>n.roomCanvasLiveRoomId);return e.jsx("div",{"data-slot":"canvas",className:"flex h-full flex-col overflow-hidden",children:t?e.jsx(xe,{roomId:t,view:"canvas"}):e.jsx(ye,{view:"canvas"})})}function Qt(){const t=y(n=>n.roomCanvasLiveRoomId);return e.jsx("div",{"data-slot":"browser",className:"flex h-full flex-col overflow-hidden",children:t?e.jsx(xe,{roomId:t,view:"browser"}):e.jsx(ye,{view:"browser"})})}export{Qt as BrowserContent,Jt as CanvasContent,en as CanvasWidgetContent,tn as resetSessionCanvasImport,nn as useDevtoolsBridge,sn as useDocChannel,an as useSessionCanvas};
+Start writing…`,title:"Document"})},{icon:ie,label:"JSON",description:"Inspect structured data",action:()=>({type:"json",data:{message:"Your data here"},title:"JSON data"})}]},browser:{heading:"No page open",blurb:"This tab shows web pages: your files, dev servers, or sites from your agent.",actions:[{icon:_,label:"Web page",description:"Open a page, then type any address",action:()=>({type:"url",url:"https://dorkos.ai",title:"Web Page"})}]}};function $(t,n,s,r){return t.split("").reduce((p,u)=>p+u.charCodeAt(0),0)*(n+1)*7%(r-s)+s}function fe({view:t,onAction:n}){const s=Oe(),r=f.useId(),i=kt[t],p=f.useMemo(()=>Array.from({length:6},(u,d)=>({x:$(r,d*3,10,90),y:$(r,d*3+1,10,80),size:$(r,d*3+2,24,56),delay:d*.4})),[r]);return e.jsxs("div",{className:"relative flex h-full flex-col items-center justify-center overflow-hidden px-6",children:[!s&&p.map((u,d)=>e.jsx(S.div,{className:"border-border/40 absolute rounded-lg border",style:{left:`${u.x}%`,top:`${u.y}%`,width:u.size,height:u.size},initial:{opacity:0,scale:.6,rotate:-10},animate:{opacity:[0,.15,.08,.15],scale:[.6,1,.9,1],rotate:[-10,0,5,0]},transition:{duration:8,delay:u.delay,repeat:1/0,repeatType:"reverse",ease:"easeInOut"}},d)),e.jsxs(S.div,{className:"relative z-10 flex max-w-sm flex-col items-center gap-6 text-center",initial:s?!1:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.4,ease:"easeOut"},children:[e.jsx(S.div,{className:"bg-muted/50 text-muted-foreground flex size-14 items-center justify-center rounded-2xl",initial:s?!1:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.3,delay:.1},children:t==="browser"?e.jsx(_,{className:"size-7"}):e.jsx(_e,{className:"size-7"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h2",{className:"text-lg font-semibold tracking-tight",children:i.heading}),e.jsxs("p",{className:"text-muted-foreground text-sm leading-relaxed",children:[i.blurb,e.jsx("br",{}),"Or pick a starting point below."]})]}),e.jsx(S.div,{className:"mt-2 flex w-full flex-col gap-2",initial:"hidden",animate:"visible",variants:s?{}:{visible:{transition:{staggerChildren:.08,delayChildren:.25}}},children:i.actions.map(({icon:u,label:d,description:a,action:g})=>e.jsxs(S.button,{variants:s?{}:{hidden:{opacity:0,y:8},visible:{opacity:1,y:0}},transition:{duration:.25},className:"border-border hover:bg-accent/50 flex items-center gap-3 rounded-lg border px-4 py-3 text-left transition-colors",onClick:()=>n(g()),children:[e.jsx(u,{className:"text-muted-foreground size-4 shrink-0"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"text-sm font-medium",children:d}),e.jsx("span",{className:"text-muted-foreground ml-2 text-xs",children:a})]})]},d))})]})]})}function wt({sourceLabel:t,people:n,following:s,onFollow:r,onStopFollowing:i,onDiscuss:p,discussing:u=!1}){const d=n.find(a=>a.id===s)??null;return t===void 0&&n.length===0&&p===void 0?null:e.jsxs("div",{className:"text-muted-foreground flex items-center gap-2 border-b px-3 py-1 text-xs",children:[t!==void 0&&e.jsx("span",{className:"min-w-0 flex-1 truncate",children:t}),t===void 0&&e.jsx("span",{className:"flex-1"}),p&&e.jsxs(w,{type:"button",variant:"ghost",size:"sm",className:"h-6 gap-1 px-1.5",disabled:u,onClick:p,children:[e.jsx(Ee,{className:"size-3.5"}),"Discuss"]}),n.length>0&&e.jsxs(Le,{children:[e.jsx(Ue,{asChild:!0,children:e.jsxs(w,{type:"button",variant:"ghost",size:"sm",className:O("h-6 gap-1 px-1.5",d&&"text-foreground"),children:[e.jsx($e,{className:"size-3.5"}),d?`Following ${d.displayName}`:"Follow"]})}),e.jsxs(Pe,{align:"end",children:[e.jsx(Be,{children:"Follow somebody’s browser"}),n.map(a=>e.jsxs(X,{onSelect:()=>a.id===s?i():r(a.id),children:[e.jsx(B,{"aria-hidden":!0,size:"xs",className:"size-4 shrink-0 text-[9px]",kind:a.kind,color:a.color??V(a.id),emoji:a.emoji,imageUrl:a.imageUrl,badge:null,fallback:H(a.displayName)}),e.jsx("span",{className:"min-w-0 flex-1 truncate",children:a.displayName}),a.id===s&&e.jsx(He,{className:"size-3.5 shrink-0"})]},a.id)),d&&e.jsx(X,{onSelect:i,children:"Stop following"})]})]})]})}function Ct({roomId:t,document:n,reading:s}){const r=P(),i=Ve(),[p,u]=f.useState(null),d=f.useMemo(()=>ot({transport:r,queryClient:i,roomId:t}),[r,i,t]);return e.jsxs("div",{className:"flex h-full items-start justify-center p-6",children:[e.jsxs("div",{className:"bg-card shadow-soft w-full max-w-md space-y-3 rounded-lg border p-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ne,{className:"text-muted-foreground size-4 shrink-0"}),e.jsx("span",{className:"truncate text-sm font-medium",children:n.title||s.sourcePath})]}),e.jsx("p",{className:"text-muted-foreground font-mono text-xs break-all",children:s.sourcePath}),s.kind==="elsewhere"?e.jsx("p",{className:"text-muted-foreground text-sm leading-relaxed",children:s.sentence}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-muted-foreground text-sm leading-relaxed",children:"A room file. Each save is recorded with your name."}),e.jsx(w,{type:"button",size:"sm",onClick:()=>u(s.sourcePath),children:"Open file"})]})]}),s.kind==="room-file"&&e.jsx(rt,{source:d,path:p,onClose:()=>u(null)})]})}const Nt=["image","pdf","audio","video","csv","model3d"];function Rt(t){return/^(https?:|data:)/.test(t)}function Dt(t){if(t.type==="file"||t.type==="diff")return t.sourcePath;if(t.type==="markdown")return t.sourcePath??null;if(Nt.includes(t.type)){const n=t.src;return Rt(n)?null:n}return null}function It(t){return t.type==="file"||t.type==="diff"||t.type==="markdown"}function zt(t){const n=/^(?:in )?(.+?)['’]s /.exec(t.sourceLabel??"");return(n==null?void 0:n[1])??"another member"}function Mt(t){const n=Dt(t.content);if(n===null)return{kind:"inline"};if(t.treeKind==="room-main"||t.treeKind===void 0)return It(t.content)?{kind:"room-file",sourcePath:n}:{kind:"elsewhere",sourcePath:n,sentence:"This file is in the room’s files. Open it from Files in the Room tab."};if(t.content.type==="diff"&&t.treeKind==="worktree"&&typeof t.aheadOfMain=="number"&&t.aheadOfMain>0)return{kind:"worktree-diff",sourcePath:n,content:t.content};if(t.content.type==="markdown")return{kind:"inline"};const s=zt(t);return{kind:"elsewhere",sourcePath:n,sentence:`${s.charAt(0).toUpperCase()}${s.slice(1)}’s project isn’t open to you. Ask them to share it, or open your copy.`}}function St(t){return t.title||t.contentType}function Tt({roomId:t,document:n,onUpdate:s}){const r=Mt(n);return r.kind==="worktree-diff"?e.jsx(Je,{roomId:t,content:r.content,documentId:n.id,authorId:n.authorId}):r.kind!=="inline"?e.jsx(Ct,{roomId:t,document:n,reading:r}):n.content.type==="markdown"?e.jsx(et,{roomId:t,document:n,content:n.content,onSave:s}):e.jsx(se,{documentId:n.id,content:n.content,onContentChange:()=>{}})}function xe({roomId:t,view:n}){var J;const s=y(o=>o.roomCanvasDocuments[t]),r=y(o=>{var l;return((l=o.roomCanvasActive[t])==null?void 0:l[n])??null}),i=y(o=>{var l;return(l=o.roomCanvasUnread[t])==null?void 0:l[n]}),p=y(o=>o.activateRoomCanvasDocument),u=y(o=>o.clearRoomCanvasUnread),d=y(o=>o.roomCanvasPresence[t]),a=Qe(t),g=Ye(t),m=P(),x=((J=g.data)==null?void 0:J.viewerAuthorId)??null,j=y(o=>o.roomCanvasEditing[t]??null),c=Ke(o=>o.openThread),[R,T]=f.useState(!1),b=n==="browser"?t:null,{following:F,follow:E,stop:L}=at(b),k=We(b),D=f.useRef(null),A=f.useCallback(async(o,l)=>{try{return await l(),!0}catch(z){return ee.error(o,{description:te(z)}),!1}},[]),I=f.useMemo(()=>qe(s??[],n),[s,n]),v=I.find(o=>o.id===r)??null,W=(i==null?void 0:i.length)??0;f.useEffect(()=>{W>0&&u(t,n)},[W,u,t,n]);const ve=f.useMemo(()=>{var G;const o=new Map(((G=g.data)==null?void 0:G.members.map(h=>[h.author.id,h.author]))??[]),l=h=>({id:h.id,displayName:h.displayName,kind:h.kind,...h.emoji?{emoji:h.emoji}:{},...h.color?{color:h.color}:{},...h.imageUrl?{imageUrl:h.imageUrl}:{}}),z=new Map;for(const[h,M]of Object.entries(d??{})){if(h===x)continue;const N=o.get(h);if(!N)continue;const Z=z.get(M);Z?Z.push(l(N)):z.set(M,[l(N)])}return I.map(h=>{const M=o.get(h.authorId),N=z.get(h.id);return{id:h.id,sourceLabel:St(h),contentType:h.content.type,pinned:h.pinned,unread:(i==null?void 0:i.includes(h.id))??!1,...M?{author:l(M)}:{},...N?{watchers:N}:{}}})},[I,g.data,i,d,x]);Xe(t,(v==null?void 0:v.id)??null);const ge=f.useMemo(()=>{var o;return(((o=g.data)==null?void 0:o.members)??[]).map(l=>l.author).filter(l=>l.kind==="human"&&l.id!==x).map(l=>({id:l.id,displayName:l.displayName,kind:l.kind,emoji:l.emoji,color:l.color,imageUrl:l.imageUrl}))},[g.data,x]),be=y(o=>{if(r===null)return;const l=o.browserHistories[r];return l?l.stack[l.cursor]:void 0}),je=f.useCallback(()=>{var o;return((o=D.current)==null?void 0:o.scrollTop)??0},[]),ke=f.useCallback(o=>{const l=D.current;return l?(l.addEventListener("scroll",o,{passive:!0}),()=>l.removeEventListener("scroll",o)):()=>{}},[]);pt({roomId:b,viewerAuthorId:x,documentId:r,url:be,readScrollY:je,subscribe:ke});const q=f.useMemo(()=>I.map(o=>o.id).join("\0"),[I]);f.useEffect(()=>{if(!(k===null||j!==null)&&q.split("\0").includes(k.documentId)){if(k.documentId!==r){p(t,k.documentId);return}k.scrollY!==void 0&&D.current&&(D.current.scrollTop=k.scrollY)}},[k,j,r,q,p,t]);const we=f.useCallback(()=>{v!==null&&(T(!0),m.discussCanvasDocument(t,v.id).then(o=>c(t,o.threadRootEntryId,!1)).catch(o=>{ee.error("Couldn’t start a discussion.",{description:te(o)})}).finally(()=>T(!1)))},[v,m,t,c]),Ce=Y(n);return e.jsxs(e.Fragment,{children:[e.jsx(pe,{view:n,documents:ve,activeDocumentId:r,onActivate:o=>p(t,o),onClose:o=>void A("Couldn’t take that off the canvas.",()=>a.close(o)),onPin:(o,l)=>void A(l?"Couldn’t pin that.":"Couldn’t unpin that.",()=>a.pin(o,l))}),e.jsx(wt,{sourceLabel:v==null?void 0:v.sourceLabel,people:n==="browser"?ge:[],following:F,onFollow:E,onStopFollowing:L,onDiscuss:v===null?void 0:we,discussing:R}),e.jsx("div",{id:Ce,ref:D,tabIndex:-1,className:"min-h-0 flex-1 overflow-auto focus-visible:outline-none",...v?{role:"tabpanel","aria-labelledby":K(v.id)}:{},children:v?e.jsx(he,{documentId:v.id,children:e.jsx(Tt,{roomId:t,document:v,onUpdate:(o,l)=>A("Couldn’t save that for the room.",()=>a.update(o,l))})},v.id):e.jsx(fe,{view:n,onAction:o=>void A("Couldn’t put that on the canvas.",()=>a.open(o))})})]})}function ye({view:t}){const n=y(c=>c.openDocuments),s=y(c=>t==="browser"?c.activeBrowserDocumentId:c.activeCanvasDocumentId),r=y(c=>c.activateCanvasDocument),i=y(c=>c.closeCanvasDocument),p=y(c=>c.setDocumentContent),u=y(c=>c.openCanvasDocument),d=y(c=>c.applyHeldUpdate),a=y(c=>c.discardHeldUpdate),g=Ge(n,t),m=g.find(c=>c.id===s)??null,x=g.map(c=>({id:c.id,sourceLabel:c.sourceLabel,contentType:c.content.type})),j=Y(t);return e.jsxs(e.Fragment,{children:[e.jsx(pe,{view:t,documents:x,activeDocumentId:s,onActivate:r,onClose:i}),(m==null?void 0:m.heldUpdate)&&e.jsx(jt,{onReload:()=>d(m.id),onKeepMine:()=>a(m.id)}),e.jsx("div",{id:j,tabIndex:-1,className:"min-h-0 flex-1 overflow-auto focus-visible:outline-none",...m?{role:"tabpanel","aria-labelledby":K(m.id)}:{},children:m?e.jsx(he,{documentId:m.id,children:e.jsx(se,{documentId:m.id,content:m.content,onContentChange:c=>p(m.id,c)})},m.id):e.jsx(fe,{view:t,onAction:u})})]})}function Zt(){const t=y(n=>n.roomCanvasLiveRoomId);return e.jsx("div",{"data-slot":"canvas",className:"flex h-full flex-col overflow-hidden",children:t?e.jsx(xe,{roomId:t,view:"canvas"}):e.jsx(ye,{view:"canvas"})})}function Qt(){const t=y(n=>n.roomCanvasLiveRoomId);return e.jsx("div",{"data-slot":"browser",className:"flex h-full flex-col overflow-hidden",children:t?e.jsx(xe,{roomId:t,view:"browser"}):e.jsx(ye,{view:"browser"})})}export{Qt as BrowserContent,Zt as CanvasContent,tn as CanvasWidgetContent,nn as resetSessionCanvasImport,sn as useDevtoolsBridge,an as useDocChannel,on as useSessionCanvas};