pi-roundtable-web 0.27.1 → 0.29.0

package/dist/chunk-workspace-e85twv32.js

@@ -1,578 +0,0 @@
-import{h,cn,X,ve,s,N,Qe,M,a,r,t,c,m,e,n,o,v,di,D,Di,ce,p,d,f,w,g,_,P,k,re,Me,He}from"./chunk-index-fg42egv9.js";import{K}from"./chunk-index-p5jcwjx8.js";import{on,qe}from"./chunk-index-983dmeaa.js";import{he}from"./chunk-index-s72hmse6.js";import{L}from"./chunk-index-afrhnrxj.js";function st(i,l,u){let[y,b]=r();s(()=>{if(!i)return;let E=(x)=>x.preventDefault(),O=(x)=>{if(x.button!==0||x.metaKey||x.ctrlKey||x.shiftKey||x.altKey)return;let T=x.target instanceof Element?x.target.closest("a"):null;if(!T||T.target||T.hasAttribute("download"))return;if(l.current?.contains(T))return;x.preventDefault(),x.stopPropagation(),b({kind:"link",anchor:T})},R=di((x)=>b({kind:"navigate",proceed:x}));return window.addEventListener("beforeunload",E),document.addEventListener("click",O,!0),()=>{R(),window.removeEventListener("beforeunload",E),document.removeEventListener("click",O,!0)}},[i,l]);let C=X(()=>b(void 0),[]),S=X(()=>{let E=y;if(u(),b(void 0),E?.kind==="link")setTimeout(()=>E.anchor.click(),0);else if(E?.kind==="navigate")E.proceed()},[y,u]);return{leaving:y,stay:C,leave:S}}var ie=(i)=>`workspace/${encodeURIComponent(i)}`,xe=(i)=>`path=${encodeURIComponent(i)}`,Xe=(i)=>({body:JSON.stringify(i)});function Ve(i){if(!(i instanceof ce)||i.status!==409)return;let l=i.body;return l?.conflict==="changed"||l?.conflict==="gone"||l?.conflict==="exists"?l:void 0}var j={roots:()=>p("workspace"),list:(i,l)=>p(`${ie(i)}/list?${xe(l)}`),file:(i,l)=>p(`${ie(i)}/file?${xe(l)}`),save:(i,l,u,y)=>p(`${ie(i)}/file?${xe(l)}`,{method:"PUT",...Xe({text:u,baseHash:y})}),create:(i,l,u,y)=>p(`${ie(i)}/new?${xe(l)}`,{method:"POST",...Xe({kind:u,...y===void 0?{}:{text:y}})}),rename:(i,l,u)=>p(`${ie(i)}/rename`,{method:"POST",...Xe({from:l,to:u})}),remove:(i,l)=>p(`${ie(i)}/entry?${xe(l)}`,{method:"DELETE"}),trash:(i)=>p(`${ie(i)}/trash`),restore:(i,l)=>p(`${ie(i)}/trash/${encodeURIComponent(l)}/restore`,{method:"POST"}),purge:(i,l)=>p(`${ie(i)}/trash/${encodeURIComponent(l)}`,{method:"DELETE"})},ge=(i,l,u=!1)=>`api/${ie(i)}/raw?${xe(l)}${u?"&download=1":""}`;var Re=(i)=>i.split("/").filter(Boolean),we=(i)=>Re(i).slice(0,-1).join("/"),Ne=(i,l)=>i?`${i}/${l}`:l,Te=(i)=>`${i.root}:${i.path}${i.dir&&i.path?"/":""}`;function dt(i){if(!i)return;let l=i.indexOf(":");if(l<1)return;let u=i.slice(l+1);return{root:i.slice(0,l),path:u.replace(/\/+$/,""),dir:u===""||u.endsWith("/")}}var lt=`/*
- * The files pane: roots, a tree, breadcrumbs, a folder's rows, and a file in the editor. Colors
- * are the page's tokens and the --code-* set (tokens.css, styles/camelot.css), so a look or a
- * light/dark switch recolors it with nothing rebuilt. Only transform and opacity ever move.
- */
-
-.ws-page {
-	display: flex;
-	flex-direction: column;
-	min-height: 0;
-	flex: 1;
-}
-
-.ws {
-	height: 100%;
-}
-
-/* ── Header and breadcrumbs ─────────────────────────────────────────────────────────────────────── */
-
-.ws-head {
-	display: flex;
-	align-items: center;
-	gap: var(--space-2);
-	min-height: var(--touch);
-	padding: var(--space-1) var(--space-3);
-	border-bottom: 1px solid var(--border);
-	background: var(--surface);
-}
-
-.ws-root-picker {
-	width: auto;
-	min-width: 9rem;
-	max-width: 14rem;
-	flex: none;
-}
-
-.ws-crumbs {
-	flex: 1;
-	min-width: 0;
-	display: flex;
-	align-items: center;
-	gap: var(--space-1);
-	overflow-x: auto;
-	scrollbar-width: none;
-	white-space: nowrap;
-	font-size: var(--text-sm);
-	-webkit-overflow-scrolling: touch;
-}
-
-.ws-crumbs::-webkit-scrollbar {
-	display: none;
-}
-
-.ws-crumbs a {
-	flex: none;
-	display: inline-flex;
-	align-items: center;
-	min-height: 2rem;
-	padding: 0 var(--space-3);
-	border-radius: var(--radius-full);
-	background: var(--surface-2);
-	color: var(--text);
-	text-decoration: none;
-	max-width: 14rem;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.ws-crumbs a[aria-current="page"] {
-	background: var(--accent-soft);
-	color: var(--accent-ink);
-	font-weight: var(--weight-medium);
-}
-
-.ws-crumbs a:hover {
-	background: var(--surface-3);
-}
-
-.ws-crumbs a + a::before {
-	content: "/";
-	margin-right: var(--space-2);
-	color: var(--muted);
-}
-
-.ws-head-actions {
-	flex: none;
-	display: flex;
-	gap: 0;
-}
-
-/* ── Body: tree and main ────────────────────────────────────────────────────────────────────────── */
-
-.ws-body {
-	flex: 1;
-	min-height: 0;
-	display: flex;
-}
-
-.ws-main {
-	flex: 1;
-	min-width: 0;
-	min-height: 0;
-	display: flex;
-	flex-direction: column;
-	overflow: auto;
-}
-
-.ws-tree {
-	flex: none;
-	width: var(--ws-tree, 280px);
-	overflow: auto;
-	padding: var(--space-2) 0;
-	border-right: 1px solid var(--border);
-	background: var(--surface);
-	font-size: var(--text-sm);
-}
-
-.ws-resizer {
-	flex: none;
-	width: 6px;
-	margin-left: -3px;
-	margin-right: -3px;
-	z-index: 1;
-	cursor: col-resize;
-	touch-action: none;
-}
-
-.ws-resizer:hover,
-.ws-resizer:focus-visible {
-	background: var(--accent-soft);
-	outline: none;
-}
-
-.ws-tree-list {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.ws-tree-row {
-	display: flex;
-	align-items: center;
-	min-height: 1.875rem;
-	padding-right: var(--space-2);
-}
-
-.ws-tree-row a,
-.ws-tree-off {
-	flex: 1;
-	min-width: 0;
-	display: flex;
-	align-items: center;
-	gap: var(--space-2);
-	min-height: 1.75rem;
-	padding: 0 var(--space-2);
-	border-radius: var(--radius-sm);
-	color: var(--text);
-	text-decoration: none;
-}
-
-.ws-tree-label {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.ws-tree-row a:hover {
-	background: var(--surface-2);
-}
-
-.ws-tree-row[data-selected] a {
-	background: var(--accent-soft);
-	color: var(--accent-ink);
-}
-
-.ws-tree-row[data-quiet] {
-	opacity: 0.6;
-}
-
-.ws-tree-off {
-	color: var(--muted);
-	cursor: not-allowed;
-}
-
-.ws-tree-note {
-	margin: 0;
-	padding: var(--space-1) var(--space-3);
-	color: var(--muted);
-	font-size: var(--text-xs);
-}
-
-.ws-twist {
-	flex: none;
-	display: inline-grid;
-	place-items: center;
-	width: 1.5rem;
-	min-width: 1.5rem;
-	height: 1.5rem;
-	min-height: 1.5rem;
-	padding: 0;
-	border: none;
-	background: transparent;
-	color: var(--muted);
-}
-
-.ws-twist svg {
-	transition: transform var(--dur-fast) var(--ease-out);
-}
-
-.ws-twist[aria-expanded="true"] svg {
-	transform: rotate(90deg);
-}
-
-/* ── A folder ───────────────────────────────────────────────────────────────────────────────────── */
-
-.ws-dir {
-	padding: var(--space-2) var(--space-3)
-		calc(var(--space-6) + var(--safe-bottom));
-	display: flex;
-	flex-direction: column;
-	gap: var(--space-3);
-}
-
-/* The folder on show: while the next one is fetched it stays, dimmed after a beat, so a quick switch shows no change at all. */
-.ws-listing {
-	display: flex;
-	flex-direction: column;
-	gap: var(--space-3);
-	transition: opacity var(--dur-fast) var(--ease-out) 150ms;
-}
-
-.ws-listing[data-pending] {
-	opacity: 0.55;
-}
-
-.ws-rows {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	display: flex;
-	flex-direction: column;
-}
-
-.ws-row {
-	display: flex;
-	align-items: center;
-	border-bottom: 1px solid var(--border);
-}
-
-.ws-row[data-quiet] {
-	opacity: 0.6;
-}
-
-.ws-row-link {
-	flex: 1;
-	min-width: 0;
-	display: flex;
-	align-items: center;
-	gap: var(--space-3);
-	min-height: 3rem;
-	padding: var(--space-2) var(--space-1);
-	color: var(--text);
-	text-decoration: none;
-}
-
-.ws-row-link[data-off] {
-	color: var(--muted);
-}
-
-a.ws-row-link:hover {
-	background: var(--surface-2);
-}
-
-.ws-row-icon {
-	flex: none;
-	color: var(--muted);
-}
-
-.ws-row-main {
-	min-width: 0;
-	display: flex;
-	flex-direction: column;
-}
-
-.ws-row-main strong {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	font-weight: var(--weight-medium);
-}
-
-/* ── A file ─────────────────────────────────────────────────────────────────────────────────────── */
-
-.ws-file {
-	flex: 1;
-	min-height: 0;
-	min-width: 0;
-	display: flex;
-	flex-direction: column;
-}
-
-.ws-file-head {
-	flex: none;
-	display: flex;
-	align-items: center;
-	gap: var(--space-3);
-	flex-wrap: wrap;
-	padding: var(--space-2) var(--space-3);
-	border-bottom: 1px solid var(--border);
-	background: var(--surface);
-}
-
-.ws-file-title {
-	flex: 1;
-	min-width: 8rem;
-	display: flex;
-	flex-direction: column;
-}
-
-.ws-file-title strong {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.ws-actions {
-	flex: none;
-	display: flex;
-	align-items: center;
-	gap: var(--space-2);
-}
-
-.ws-banner {
-	flex: none;
-	display: flex;
-	align-items: center;
-	gap: var(--space-2);
-	flex-wrap: wrap;
-	padding: var(--space-2) var(--space-3);
-	background: var(--warn-soft);
-	color: var(--warn);
-	border-bottom: 1px solid var(--warn);
-	font-size: var(--text-sm);
-}
-
-.ws-banner-text {
-	flex: 1;
-	min-width: 10rem;
-}
-
-.ws-view {
-	flex: 1;
-	min-height: 0;
-	display: flex;
-	flex-direction: column;
-	background: var(--code-bg);
-}
-
-.ws-editor {
-	flex: 1;
-	min-height: 0;
-	display: flex;
-	flex-direction: column;
-	background: var(--code-bg);
-}
-
-.ws-editor .cm-editor {
-	flex: 1;
-	min-height: 0;
-}
-
-/* Editor font is 16px on a phone so a focus does not zoom the page; 13px beside a mouse. */
-.ws-editor {
-	--code-size: 16px;
-}
-
-@media (min-width: 720px) {
-	.ws-editor {
-		--code-size: 13px;
-	}
-}
-
-/* Before the editor's code has arrived, and where it cannot load, the text is shown plainly. */
-.ws-plain {
-	flex: 1;
-	margin: 0;
-	padding: var(--space-3);
-	overflow: auto;
-	font-family: var(--font-mono);
-	font-size: var(--code-size);
-	line-height: 1.55;
-	color: var(--code-fg);
-	tab-size: 2;
-}
-
-.ws-media {
-	flex: 1;
-	min-height: 0;
-	display: flex;
-	flex-direction: column;
-}
-
-.ws-image {
-	display: grid;
-	place-items: center;
-	padding: var(--space-4);
-	overflow: auto;
-	background-color: var(--surface-2);
-	background-image:
-		linear-gradient(
-			45deg,
-			var(--surface-3, var(--border)) 25%,
-			transparent 25%,
-			transparent 75%,
-			var(--surface-3, var(--border)) 75%
-		),
-		linear-gradient(
-			45deg,
-			var(--surface-3, var(--border)) 25%,
-			transparent 25%,
-			transparent 75%,
-			var(--surface-3, var(--border)) 75%
-		);
-	background-size: 16px 16px;
-	background-position:
-		0 0,
-		8px 8px;
-}
-
-.ws-image-toggle {
-	display: grid;
-	place-items: center;
-	max-width: 100%;
-	max-height: 100%;
-	padding: 0;
-	border: 0;
-	background: none;
-	cursor: zoom-in;
-}
-
-.ws-image[data-actual] .ws-image-toggle {
-	max-width: none;
-	max-height: none;
-	cursor: zoom-out;
-}
-
-.ws-image img {
-	max-width: 100%;
-	max-height: 100%;
-	object-fit: contain;
-}
-
-.ws-image[data-actual] img {
-	max-width: none;
-	max-height: none;
-}
-
-.ws-pdf-frame {
-	gap: var(--space-2);
-}
-
-.ws-pdf {
-	flex: 1;
-	min-height: 0;
-	width: 100%;
-	border: 0;
-	background: var(--surface-2);
-}
-
-.ws-media-actions {
-	display: flex;
-	flex-wrap: wrap;
-	gap: var(--space-3);
-	padding: var(--space-2) var(--space-4);
-}
-
-.ws-sound,
-.ws-film {
-	align-items: center;
-	justify-content: center;
-	padding: var(--space-4);
-	background: var(--surface-2);
-}
-
-.ws-sound audio,
-.ws-film video {
-	width: 100%;
-	max-height: 100%;
-}
-
-.ws-card-icon {
-	color: var(--muted, inherit);
-}
-
-.ws-card {
-	margin: var(--space-4);
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: var(--space-3);
-}
-
-.ws-card p {
-	margin: 0;
-}
-
-.button-link {
-	display: inline-flex;
-	align-items: center;
-	gap: var(--space-2);
-	min-height: 2.5rem;
-	padding: 0 var(--space-4);
-	border-radius: var(--radius);
-	background: var(--accent);
-	color: var(--on-accent);
-	text-decoration: none;
-	font-weight: var(--weight-medium);
-}
-
-/* The bar of the phone's editor: above the keyboard, whose height the layout already follows. */
-.ws-editbar {
-	flex: none;
-	display: flex;
-	gap: var(--space-2);
-	overflow-x: auto;
-	padding: var(--space-2) var(--space-3)
-		calc(var(--space-2) + var(--safe-bottom));
-	border-top: 1px solid var(--border);
-	background: var(--surface);
-}
-
-.ws-editbar button {
-	flex: none;
-	min-height: var(--touch);
-	min-width: var(--touch);
-}
-
-/* ── Looks ──────────────────────────────────────────────────────────────────────────────────────── */
-
-[data-look="camelot"] .ws-head,
-[data-look="camelot"] .ws-file-head {
-	border-bottom-color: var(--gold-soft);
-	box-shadow: 0 1px 0 color-mix(in srgb, var(--gold) 38%, transparent);
-}
-
-[data-look="camelot"] .ws-tree {
-	background: var(--surface);
-	border-right-color: var(--gold-soft);
-}
-
-[data-look="camelot"] .ws-tree-row[data-selected] a {
-	background: var(--gold-wash);
-	color: var(--accent-ink);
-}
-
-/* Rune bullets for the folders of the Camelot tree. */
-[data-look="camelot"] .ws-tree-row a svg,
-[data-look="camelot"] .ws-row-icon {
-	color: var(--gold);
-}
-
-[data-look="camelot"] .ws-view {
-	margin: var(--space-2) var(--space-3) var(--space-3);
-	border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--border));
-	border-radius: var(--radius);
-	overflow: hidden;
-}
-
-[data-look="camelot"] .ws-crumbs a[aria-current="page"] {
-	background: var(--gold-wash);
-}
-
-@media (prefers-reduced-motion: reduce) {
-	.ws-twist svg {
-		transition: none;
-	}
-}
-`;var ct={folder:"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z","folder-plus":"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7ZM12 10v6M9 13h6","file-plus":"M6 3h9l4 4v14H6zM14 3v5h5M12 12v6M9 15h6"},Nt=(i)=>(i in ct);function be(i){let{name:l,size:u=20,className:y}=i;if(!Nt(l))return e(o,{name:l,size:u,...y?{className:y}:{}});return e("svg",{viewBox:"0 0 24 24",width:u,height:u,fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",...y?{className:y}:{},children:e("path",{d:ct[l]})})}function Ye(i){return n("div",{className:"ws-media-actions",children:[i.open?e("a",{className:"button-link",href:ge(i.root,i.path),target:"_blank",rel:"noopener",children:t("Open")}):null,n("a",{className:"button-link",href:ge(i.root,i.path,!0),download:i.name,children:[e(o,{name:"download",size:18}),t("Download")]})]})}function _e(i){let l=i.name.lastIndexOf("."),u=l>0?i.name.slice(l+1).toUpperCase():"";return n("div",{className:"card ws-card",children:[e("span",{className:"ws-card-icon","aria-hidden":"true",children:e(o,{name:"file",size:32})}),e("strong",{children:i.name}),e("span",{className:"meta",children:[u,Me(i.bytes)].filter(Boolean).join(" · ")}),e("p",{children:i.message}),e(Ye,{root:i.root,path:i.path,name:i.name})]})}var Ct=(i)=>!i&&navigator.pdfViewerEnabled!==!1;function ut(i){let{media:l,root:u,path:y,name:b,bytes:C,phone:S,onFacts:E}=i,[O,R]=r(!1),[x,T]=r(!1);s(()=>(R(!1),T(!1),E(void 0),()=>E(void 0)),[u,y]);let I=ge(u,y);if(O)return e(_e,{root:u,path:y,name:b,bytes:C,message:t("This browser cannot show this file.")});switch(l){case"image":return e("div",{className:"ws-media ws-image","data-actual":x||void 0,children:e("button",{type:"button",className:"ws-image-toggle","aria-label":x?t("Fit to window"):t("Show at full size"),title:x?t("Fit to window"):t("Show at full size"),onClick:()=>T((F)=>!F),children:e("img",{src:I,alt:b,onLoad:(F)=>{let{naturalWidth:Q,naturalHeight:q}=F.currentTarget;E(Q>0?`${Q} × ${q}`:void 0)},onError:()=>R(!0)})})});case"pdf":return Ct(S)?n("div",{className:"ws-media ws-pdf-frame",children:[e("iframe",{className:"ws-pdf",src:I,title:b}),e(Ye,{root:u,path:y,name:b,open:!0})]}):e("div",{className:"ws-media",children:n("div",{className:"card ws-card",children:[e("span",{className:"ws-card-icon","aria-hidden":"true",children:e(o,{name:"file",size:32})}),e("strong",{children:b}),n("span",{className:"meta",children:["PDF · ",Me(C)]}),e(Ye,{root:u,path:y,name:b,open:!0})]})});case"audio":return e("div",{className:"ws-media ws-sound",children:e("audio",{controls:!0,preload:"metadata",src:I,onError:()=>R(!0)})});case"video":return e("div",{className:"ws-media ws-film",children:e("video",{controls:!0,playsInline:!0,preload:"metadata",src:I,onLoadedMetadata:(F)=>{let{videoWidth:Q,videoHeight:q}=F.currentTarget;E(Q>0?`${Q} × ${q}`:void 0)},onError:()=>R(!0)})})}}var Et={"read-only-root":c("this place is read-only"),"git-dir":c("inside .git"),trash:c("in the trash"),symlink:c("a link"),binary:c("binary file"),"too-large":c("too large"),"not-utf8":c("not UTF-8")};function Ge(i){if(i.id==="agents")return t("Knights' workspace");if(i.id==="scratch")return t("Scratch");return i.label}var pt=new Set([".git","node_modules"]),Ze=(i)=>`roundtable.workspace.open.${i}`,mt="roundtable.workspace.tree",ft="roundtable.workspace.wrap";function Je(i,l){try{let u=localStorage.getItem(i);return u===null?l:JSON.parse(u)}catch{return l}}function Ae(i,l){try{localStorage.setItem(i,JSON.stringify(l))}catch{}}var Le=cn({rev:0,bump:()=>{return}});on("workspace",lt);var Ce=new Map,St=200;function Rt(i,l){Ce.delete(i),Ce.set(i,l);let u=Ce.keys().next().value;if(Ce.size>St&&u!==void 0)Ce.delete(u)}function gt(i,l,u=!0){let{rev:y}=ve(Le),[b,C]=r(0),[S,E]=r({key:"",root:i,path:l}),O=`${i}:${l}`;if(s(()=>{let x=()=>C((T)=>T+1);return window.addEventListener("focus",x),()=>window.removeEventListener("focus",x)},[]),s(()=>{if(!u)return;let x=!0;return j.list(i,l).then((T)=>{if(Rt(O,T),x)E({key:O,root:i,path:l,data:T})},(T)=>x&&E({key:O,root:i,path:l,error:d(T)})),()=>{x=!1}},[i,l,u,y,b]),S.key===O)return{data:S.data,error:S.error,at:S};let R=Ce.get(O);if(R)return{data:R,at:{root:i,path:l}};if(S.data)return{data:S.data,at:S,pending:!0};return{}}var Ee=(i)=>v("workspace",Te(i));function et(i,l,u){let y=Ne(l,u.name);if(u.kind==="dir")return{root:i,path:y,dir:!0};if(u.kind==="file")return{root:i,path:y,dir:!1};if(u.kind==="symlink"&&u.inside)return{root:i,path:y,dir:u.target==="dir"};return}function Tt(i){let l=Re(i.path),u=a(null);return s(()=>{u.current?.scrollIntoView?.({inline:"end",block:"nearest"})},[i.path]),n("nav",{className:"ws-crumbs","aria-label":t("Path"),children:[e("a",{ref:l.length===0?u:void 0,href:Ee({root:i.root.id,path:"",dir:!0}),"aria-current":l.length===0?"page":void 0,children:Ge(i.root)}),l.map((y,b)=>{let C=l.slice(0,b+1).join("/"),S=b===l.length-1;return e("a",{ref:S?u:void 0,href:Ee({root:i.root.id,path:C,dir:!0}),"aria-current":S?"page":void 0,children:y},C)})]})}function ht(i){let{data:l,error:u,pending:y}=gt(i.root,i.path);if(u)return e("p",{className:"ws-tree-note",children:u});if(!l||y)return e("p",{className:"ws-tree-note",children:"…"});if(l.entries.length===0)return e("p",{className:"ws-tree-note",children:t("This folder is empty")});return n("ul",{className:"ws-tree-list","data-depth":i.depth,children:[l.entries.map((b)=>{let C=et(i.root,i.path,b),S=Ne(i.path,b.name),E=C?.dir===!0,O=E&&i.open.has(S),R=i.current?.root===i.root&&i.current.path===S&&i.current.dir===E;return n("li",{children:[n("div",{className:"ws-tree-row","data-selected":R||void 0,"data-quiet":pt.has(b.name)||void 0,style:{paddingLeft:`${0.25+i.depth*0.875}rem`},children:[E?e("button",{type:"button",className:"ws-twist","aria-expanded":O,"aria-label":t("Show or hide {name}",{name:b.name}),onClick:()=>i.toggle(S),children:e(o,{name:"chevron",size:14})}):e("span",{className:"ws-twist"}),C?n("a",{href:Ee(C),title:b.name,children:[e(be,{name:E?"folder":"file",size:15}),e("span",{className:"ws-tree-label",children:b.name})]}):n("span",{className:"ws-tree-off",title:b.inside===!1?t("Outside the workspace"):"",children:[e(o,{name:"file",size:15}),e("span",{className:"ws-tree-label",children:b.name})]})]}),O?e(ht,{root:i.root,path:S,depth:i.depth+1,open:i.open,toggle:i.toggle,current:i.current}):null]},b.name)}),l.truncated?e("li",{className:"ws-tree-note",children:t("Only the first 2,000 items are listed")}):null]})}function Lt(i){let{data:l,error:u,at:y,pending:b}=gt(i.root.id,i.path),{timeZone:C}=k(),S=a(null),E=y?.root??i.root.id,O=y?.path??i.path;if(Qe(()=>{S.current?.closest(".ws-main")?.scrollTo?.(0,0)},[E,O]),u)return e(g,{message:u});if(!l)return e(w,{});if(l.missing)return e(_,{children:t("No files yet")});if(l.entries.length===0)return e(_,{children:t("This folder is empty")});return n("div",{ref:S,className:"ws-listing","data-pending":b||void 0,"aria-busy":b||void 0,inert:b||void 0,children:[e("ul",{className:"ws-rows",children:l.entries.map((R)=>{let x=et(E,O,R),T=n(m,{children:[e(be,{name:x?.dir?"folder":"file",size:20,className:"ws-row-icon"}),n("span",{className:"ws-row-main",children:[e("strong",{children:R.name}),e("span",{className:"meta",children:R.kind==="symlink"&&R.inside===!1?t("Outside the workspace"):R.kind==="other"?t("Not a regular file"):[x?.dir?void 0:Me(R.size),re(new Date(R.mtimeMs).toISOString(),C)].filter(Boolean).join(" · ")})]})]});return n("li",{className:"ws-row","data-quiet":pt.has(R.name)||void 0,children:[x?e("a",{className:"ws-row-link",href:Ee(x),children:T}):e("span",{className:"ws-row-link","data-off":!0,children:T}),i.root.writable||x?e("button",{type:"button",className:"icon-button","aria-label":t("Actions for {name}",{name:R.name}),onClick:()=>i.onMenu(R),children:e(o,{name:"menu"})}):null]},R.name)})}),l.truncated?e("p",{className:"meta",children:t("Only the first 2,000 items are listed")}):null]})}function Wt(i){let{timeZone:l}=k(),{bump:u}=ve(Le),{root:y,path:b}=i,[C,S]=r(),[E,O]=r(),[R,x]=r("read"),[T,I]=r(!1),[F,Q]=r(!1),[q,Ke]=r(()=>Je(ft,i.phone)),[We,ee]=r(!1),[Se,ke]=r(),[V,A]=r(!1),[Y,le]=r(!1),[ze,Ue]=r(!1),[ue,se]=r(),[U,me]=r(),[ye,De]=r(),fe=a(null),H=a(void 0),z=a(null),ae=a(C);ae.current=C;let Z=a(R);Z.current=R;let G=Re(b).at(-1)??b,$e=C?.text!==void 0,Oe=$e&&(C?.media===void 0||V),tt=X(async()=>{let W=await j.file(y.id,b);return S(W),W},[y.id,b]);s(()=>{let W=!0;return j.file(y.id,b).then((B)=>W&&S(B),(B)=>W&&O(d(B))),()=>{W=!1}},[y.id,b]);let Be=st(T,z,()=>{let W=ae.current;if(W?.text!==void 0)H.current?.replace(W.text,W.eol);I(!1),x("read")});s(()=>{if(!T)return;let W=document.title;return document.title=`• ${W}`,()=>{document.title=W}},[T]);let Pe=X(async(W,B)=>{let de=ae.current,J=H.current;if(!de||!J||F)return;let te=B===void 0?J.snapshot():void 0,Fe=B??J.text();Q(!0);try{let ne=await j.save(y.id,b,Fe,W??de.hash);J.markSaved(te),I(J.dirty()),se(void 0),S({...de,hash:ne.hash,size:ne.size,mtimeMs:ne.mtimeMs,text:Fe}),f(t("Saved")),u()}catch(ne){let oe=Ve(ne);if(oe)me({kind:oe.conflict==="gone"?"gone":"changed",...oe.current?{hash:oe.current.hash}:{},text:Fe});else f(d(ne),"danger")}finally{Q(!1)}},[y.id,b,F,u]),nt=a(Pe);nt.current=Pe;let pe=X(async()=>{try{let W=await tt();if(W.text!==void 0)H.current?.replace(W.text,W.eol);I(!1),se(void 0),me(void 0)}catch(W){f(d(W),"danger")}},[tt]),wt=a(pe);wt.current=pe;let je=X(()=>{if(H.current?.dirty()){at(!0);return}x("read")},[]),[vt,at]=r(!1),rt=a(je);rt.current=je,s(()=>{if(!Oe||!fe.current)return;let W=ae.current;if(!W||W.text===void 0)return;let B=!1,de;return (h("5j6abj8k"),import("./chunk-codeeditor-5j6abj8k.js")).then(async({createEditor:J})=>{if(B||!fe.current)return;let te=await J({parent:fe.current,text:W.text??"",eol:W.eol,language:W.language,editable:!1,wrap:q,phrases:{Find:t("Find"),Replace:t("Replace"),next:t("next"),previous:t("previous"),all:t("all"),"match case":t("match case"),regexp:t("regexp"),"by word":t("by word"),replace:t("replace"),"replace all":t("replace all"),close:t("close")},onChange:()=>I(te.dirty()),onSave:()=>{if(Z.current==="edit"&&te.dirty())nt.current()},onEscape:()=>{if(Z.current==="edit")rt.current()}});if(B){te.destroy();return}de=te,H.current=te,le(!0)}).catch((J)=>{if(console.warn("the editor failed to load",J),!B)Ue(!0)}),()=>{B=!0,de?.destroy(),H.current=void 0,le(!1)}},[Oe,y.id,b]),s(()=>{if(!Y)return;let W=R==="edit"&&C?.editable===!0;if(H.current?.setEditable(W),W)H.current?.focus()},[R,Y,C?.editable]),s(()=>{if(!Y)return;H.current?.setWrap(q),Ae(ft,q)},[q,Y]);let ot=C!==void 0;if(s(()=>{if(!ot)return;let W=!1,B=async()=>{if(W||document.visibilityState==="hidden")return;let te=ae.current;if(!te)return;W=!0;try{let ne=(await j.list(y.id,we(b))).entries.find((yt)=>yt.name===G);if(!ne){se("gone");return}if(ne.kind==="symlink")return;if(ne.size===te.size&&ne.mtimeMs===te.mtimeMs)return;if(Z.current==="edit"&&H.current?.dirty()){se("changed");return}let oe=await j.file(y.id,b);if(oe.hash!==te.hash){if(S(oe),oe.text!==void 0)H.current?.replace(oe.text,oe.eol)}se(void 0)}catch{}finally{W=!1}},de=setInterval(()=>void B(),5000),J=()=>void B();return window.addEventListener("focus",J),document.addEventListener("visibilitychange",J),()=>{clearInterval(de),window.removeEventListener("focus",J),document.removeEventListener("visibilitychange",J)}},[ot,y.id,b,G]),E)return e("div",{className:"ws-file",children:e(g,{message:E})});if(!C)return e("div",{className:"ws-file",children:e(w,{})});let it=C.reason,bt=!C.editable?e(P,{tone:"warn",children:t("Read only: {reason}",{reason:it?t(Et[it]):""})}):null,Ie=R==="edit",kt=n("div",{className:"ws-actions",children:[C.editable&&!Ie?e("button",{type:"button",onClick:()=>{A(!0),x("edit")},children:t("Edit")}):null,Ie?n(m,{children:[e("button",{type:"button",disabled:F||!T,onClick:()=>void Pe(),children:t("Save")}),e("button",{type:"button",className:"secondary",onClick:je,children:t("Cancel")})]}):null,e("button",{type:"button",className:"icon-button","aria-label":t("File menu"),onClick:()=>ee(!0),children:e(o,{name:"menu"})})]});return n("div",{className:"ws-file",ref:z,children:[n("header",{className:"ws-file-head",children:[n("div",{className:"ws-file-title",children:[n("strong",{children:[T?"• ":"",G]}),n("span",{className:"meta",children:[Me(C.size),Se?` · ${Se}`:""," ·"," ",re(new Date(C.mtimeMs).toISOString(),l)]})]}),bt,kt]}),ue?n("div",{className:"ws-banner",role:"status",children:[e("span",{className:"ws-banner-text",children:ue==="gone"?t("This file is gone"):t("A knight is changing this file")}),ue==="changed"?n(m,{children:[e("button",{type:"button",className:"secondary",onClick:()=>void pe(),children:t("Reload (discard my edits)")}),e("button",{type:"button",className:"secondary",onClick:()=>se(void 0),children:t("Keep editing")})]}):null]}):null,e("div",{className:"ws-view",children:C.media&&!Oe?e(ut,{media:C.media,root:y.id,path:b,name:G,bytes:C.size,phone:i.phone,onFacts:ke}):Oe?e("div",{ref:fe,className:"ws-editor","data-editing":Ie||void 0,children:!Y?e("pre",{className:"ws-plain","aria-busy":!ze,children:C.text}):null}):e(_e,{root:y.id,path:b,name:G,bytes:C.size,message:C.tooLarge?t("This file is too large to show here."):t("This file is not text, so it cannot be shown here.")})}),i.phone&&Ie?n("div",{className:"ws-editbar",role:"toolbar","aria-label":t("Editing"),children:[e("button",{type:"button",disabled:F||!T,onClick:()=>void Pe(),children:t("Save")}),e("button",{type:"button",className:"secondary",onClick:()=>H.current?.undo(),children:t("Undo")}),e("button",{type:"button",className:"secondary",onClick:()=>H.current?.redo(),children:t("Redo")}),e("button",{type:"button",className:"secondary",onClick:()=>H.current?.find(),children:t("Find")}),e("button",{type:"button",className:"secondary",onClick:()=>H.current?.tab(),children:t("Tab")})]}):null,e(L,{open:We,title:G,onClose:()=>ee(!1),children:e("div",{className:"stack",children:n("ul",{className:"more-list",children:[$e?e("li",{children:e("button",{type:"button",className:"menu-item",onClick:()=>{Ke((W)=>!W),ee(!1)},children:e("span",{className:"menu-text",children:e("strong",{children:q?t("Do not wrap lines"):t("Wrap lines")})})})}):null,e("li",{children:n("a",{className:"menu-item menu-link",href:ge(y.id,b,!0),download:G,onClick:()=>ee(!1),children:[e("span",{className:"menu-icon",children:e(o,{name:"download"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Download")})})]})}),e("li",{children:n("button",{type:"button",className:"menu-item",onClick:()=>{ee(!1),pe()},children:[e("span",{className:"menu-icon",children:e(o,{name:"refresh"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Reload")})})]})})]})})}),e(he,{open:U!==void 0,title:U?.kind==="gone"?t("This file is gone"):t("This file changed while you were editing"),onClose:()=>me(void 0),children:n("div",{className:"stack",children:[e("p",{children:U?.kind==="gone"?t("Someone deleted it. Your text has not been saved."):t("Your text has not been saved. What should happen to it?")}),n("div",{className:"actions",children:[e("button",{type:"button",className:"secondary",onClick:()=>{navigator.clipboard?.writeText(U?.text??"").then(()=>f(t("Copied")))},children:t("Copy my text")}),U?.kind==="changed"?e("button",{type:"button",className:"secondary",onClick:()=>void pe(),children:t("Reload (discard my edits)")}):null,e("button",{type:"button",className:"danger",onClick:()=>{if(!U)return;if(U.kind==="gone"){let W=U.text;me(void 0),j.create(y.id,b,"file",W).then(async()=>{await pe(),u()}).catch((B)=>f(d(B),"danger"));return}De({hash:U.hash??"",text:U.text}),me(void 0)},children:U?.kind==="gone"?t("Save mine as a new file"):t("Save mine anyway")})]})]})}),e(K,{open:ye!==void 0,title:t("Replace the knight's changes?"),confirmLabel:t("Save mine anyway"),tone:"danger",onClose:()=>De(void 0),onConfirm:async()=>{if(!ye)return;await j.save(y.id,b,ye.text,ye.hash),await pe(),f(t("Saved")),u()},children:e("p",{children:t("The file has been changed since you opened it. Saving yours writes over those changes.")})}),e(K,{open:vt,title:t("Unsaved changes, leave?"),confirmLabel:t("Discard"),cancelLabel:t("Keep editing"),tone:"danger",onClose:()=>at(!1),onConfirm:async()=>{if(C.text!==void 0)H.current?.replace(C.text,C.eol);I(!1),x("read")},children:e("p",{children:t("Your edits to {name} have not been saved.",{name:G})})}),e(K,{open:Be.leaving!==void 0,title:t("Unsaved changes, leave?"),confirmLabel:t("Discard"),cancelLabel:t("Keep editing"),tone:"danger",onClose:Be.stay,onConfirm:async()=>Be.leave(),children:e("p",{children:t("Your edits to {name} have not been saved.",{name:G})})})]})}function zt(i){let{ask:l}=i,[u,y]=r(""),[b,C]=r(),[S,E]=r(!1),O=N();s(()=>{y(l?.kind==="rename"?l.name:""),C(void 0)},[l]);let R=l?.kind==="rename"?t("Rename"):l?.kind==="dir"?t("New folder"):t("New file"),x=async(T)=>{if(T.preventDefault(),!l)return;let I=u.trim();if(!I||I.includes("/")){C(t("Use a name without slashes."));return}E(!0),C(void 0);try{if(l.kind==="rename"){let F=Ne(we(l.path),I);await j.rename(i.root.id,l.path,F),f(t("Renamed")),i.onDone()}else{let F=Ne(l.dir,I);await j.create(i.root.id,F,l.kind),f(t("Created")),i.onDone({root:i.root.id,path:F,dir:l.kind==="dir"})}}catch(F){let Q=Ve(F);C(Q?.conflict==="exists"?t("Something with that name is already there."):d(F))}finally{E(!1)}};return e(he,{open:l!==void 0,title:R,onClose:i.onClose,children:n("form",{className:"stack",onSubmit:x,children:[e("label",{htmlFor:O,children:t("Name")}),e("input",{id:O,value:u,autoComplete:"off",autoCapitalize:"off",spellCheck:!1,onChange:(T)=>y(T.target.value)}),b?e(g,{message:b}):null,n("div",{className:"actions",children:[e("button",{type:"button",className:"secondary",onClick:i.onClose,children:t("Cancel")}),e("button",{type:"submit",disabled:S||!u.trim(),children:l?.kind==="rename"?t("Rename"):t("Create")})]})]})})}function Mt(i){let{bump:l,rev:u}=ve(Le),[y,b]=r(),[C,S]=r(),[E,O]=r(),{timeZone:R}=k();return s(()=>{if(!i.open)return;let x=!0;return j.trash(i.root.id).then((T)=>x&&b(T.items),(T)=>x&&S(d(T))),()=>{x=!1}},[i.open,i.root.id,u]),n(he,{open:i.open,title:t("Trash"),onClose:i.onClose,children:[n("div",{className:"stack",children:[C?e(g,{message:C}):null,!y&&!C?e(w,{}):null,y?.length===0?e(_,{children:t("The trash is empty")}):null,e("ul",{className:"ws-rows",children:y?.map((x)=>n("li",{className:"ws-row",children:[n("span",{className:"ws-row-link","data-off":!0,children:[e(be,{name:x.kind==="dir"?"folder":"file",size:20,className:"ws-row-icon"}),n("span",{className:"ws-row-main",children:[e("strong",{children:x.path}),e("span",{className:"meta",children:re(x.deletedAt,R)})]})]}),e("button",{type:"button",className:"secondary",onClick:async()=>{try{await j.restore(i.root.id,x.id),f(t("Restored")),l()}catch(T){let I=Ve(T);f(I?I.conflict==="exists"?t("Something with that name is already there."):t("The folder it was in is gone."):d(T),"danger")}},children:t("Restore")}),e("button",{type:"button",className:"icon-button danger-icon","aria-label":t("Delete {name} for good",{name:x.name}),onClick:()=>O(x),children:e(o,{name:"trash"})})]},x.id))})]}),e(K,{open:E!==void 0,title:t("Delete for good?"),confirmLabel:t("Delete for good"),tone:"danger",onClose:()=>O(void 0),onConfirm:async()=>{if(!E)return;await j.purge(i.root.id,E.id),l()},children:e("p",{children:t("“{name}” will be removed and cannot be brought back.",{name:E?.path??""})})})]})}function yn(){let i=Di(),l=!He("(min-width: 720px)"),[u,y]=r(0),b=X(()=>y((z)=>z+1),[]),C=M(()=>({rev:u,bump:b}),[u,b]),[S,E]=r(),[O,R]=r();s(()=>{j.roots().then((z)=>E(z.roots),(z)=>R(d(z)))},[]);let[x,T]=r(()=>Je(mt,280)),[I,F]=r(),[Q,q]=r(),[Ke,We]=r(!1),[ee,Se]=r(),ke=dt(i.key),V=S?.find((z)=>z.id===ke?.root)??(l?void 0:S?.[0]),A=V?ke&&ke.root===V.id?ke:{root:V.id,path:"",dir:!0}:void 0,Y=V?.id,le=A?.path,ze=A?.dir,[Ue,ue]=r(new Set);s(()=>{if(!Y)return;ue(new Set(Je(Ze(Y),[])))},[Y]);let se=X((z)=>{if(!Y)return;ue((ae)=>{let Z=new Set(ae);if(Z.has(z))Z.delete(z);else Z.add(z);return Ae(Ze(Y),[...Z]),Z})},[Y]);if(s(()=>{if(!Y||le===void 0||l)return;let z=Re(ze?le:we(le)),ae=z.map((Z,G)=>z.slice(0,G+1).join("/"));ue((Z)=>{if(ae.every(($e)=>Z.has($e)))return Z;let G=new Set([...Z,...ae]);return Ae(Ze(Y),[...G]),G})},[Y,le,ze,l]),O)return e(g,{message:O});if(!S)return e(w,{});if(S.length===0)return e(_,{children:t("No files yet")});if(!V||!A)return e(Le.Provider,{value:C,children:n("div",{className:"page ws-page",children:[e("header",{className:"page-head",children:e("h1",{children:t("Files")})}),e("ul",{className:"more-list",children:S.map((z)=>e("li",{children:n("a",{className:"menu-item menu-link",href:Ee({root:z.id,path:"",dir:!0}),children:[e("span",{className:"menu-icon",children:e(be,{name:"folder"})}),n("span",{className:"menu-text",children:[e("strong",{children:Ge(z)}),z.writable?null:e("span",{className:"meta",children:t("Read only")})]}),e(o,{name:"chevron",size:16})]})},z.id))})]})});let U=A.dir?A.path:we(A.path),me=A.path===""?{root:V.id,path:"",dir:!0}:{root:V.id,path:we(A.path),dir:!0},ye=n("header",{className:"ws-head",children:[l?e("a",{className:"icon-button","aria-label":t("Back"),href:A.path===""?v("workspace"):Ee(me),children:e(o,{name:"back"})}):e(qe,{chip:!0,className:"ws-root-picker","aria-label":t("Place"),value:V.id,onChange:(z)=>D("workspace",Te({root:z.target.value,path:"",dir:!0})),children:S.map((z)=>e("option",{value:z.id,children:Ge(z)},z.id))}),e(Tt,{root:V,path:A.path}),V.writable?n("div",{className:"ws-head-actions",children:[e("button",{type:"button",className:"icon-button","aria-label":t("New file"),title:t("New file"),onClick:()=>q({kind:"file",dir:U}),children:e(be,{name:"file-plus"})}),e("button",{type:"button",className:"icon-button","aria-label":t("New folder"),title:t("New folder"),onClick:()=>q({kind:"dir",dir:U}),children:e(be,{name:"folder-plus"})}),e("button",{type:"button",className:"icon-button","aria-label":t("Trash"),title:t("Trash"),onClick:()=>We(!0),children:e(o,{name:"trash"})})]}):null]}),De=A.dir?e("div",{className:"ws-dir",children:e(Lt,{root:V,path:A.path,onMenu:(z)=>F(z)})}):e(Wt,{root:V,path:A.path,phone:l},`${V.id}:${A.path}`),fe=I?et(V.id,U,I):void 0,H=I?Ne(U,I.name):"";return n(Le.Provider,{value:C,children:[n("div",{className:"ws-page ws","data-wide":!l||void 0,style:{"--ws-tree":`${x}px`},children:[ye,n("div",{className:"ws-body",children:[!l?n(m,{children:[e("aside",{className:"ws-tree","aria-label":t("Folders"),children:e(ht,{root:V.id,path:"",depth:0,open:Ue,toggle:se,current:A})}),e(Dt,{width:x,onChange:(z)=>{T(z),Ae(mt,z)}})]}):null,e("section",{className:"ws-main",children:De})]})]}),e(L,{open:I!==void 0,title:I?.name??"",onClose:()=>F(void 0),children:n("ul",{className:"more-list",children:[fe&&!fe.dir?e("li",{children:n("a",{className:"menu-item menu-link",href:ge(V.id,H,!0),download:I?.name,onClick:()=>F(void 0),children:[e("span",{className:"menu-icon",children:e(o,{name:"download"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Download")})})]})}):null,V.writable&&I?n(m,{children:[e("li",{children:n("button",{type:"button",className:"menu-item",onClick:()=>{q({kind:"rename",path:H,name:I.name}),F(void 0)},children:[e("span",{className:"menu-icon",children:e(o,{name:"notes"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Rename")})})]})}),e("li",{children:n("button",{type:"button",className:"menu-item",onClick:()=>{Se({path:H,name:I.name}),F(void 0)},children:[e("span",{className:"menu-icon",children:e(o,{name:"trash"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Delete")})})]})})]}):null]})}),e(zt,{root:V,ask:Q,onClose:()=>q(void 0),onDone:(z)=>{if(q(void 0),b(),z)D("workspace",Te(z))}}),e(Mt,{root:V,open:Ke,onClose:()=>We(!1)}),e(K,{open:ee!==void 0,title:t("Move to the trash?"),confirmLabel:t("Delete"),tone:"danger",onClose:()=>Se(void 0),onConfirm:async()=>{if(!ee)return;if(await j.remove(V.id,ee.path),f(t("Moved to the trash")),b(),!A.dir&&(A.path===ee.path||A.path.startsWith(`${ee.path}/`)))D("workspace",Te({root:V.id,path:we(A.path),dir:!0}))},children:e("p",{children:t("“{name}” goes to the trash, where you can bring it back.",{name:ee?.name??""})})})]})}function Dt(i){let y=(b)=>Math.min(560,Math.max(180,b));return e("div",{className:"ws-resizer",role:"separator","aria-orientation":"vertical","aria-valuenow":i.width,"aria-valuemin":180,"aria-valuemax":560,"aria-label":t("Resize the folder list"),tabIndex:0,onKeyDown:(b)=>{if(b.key==="ArrowLeft")i.onChange(y(i.width-16));if(b.key==="ArrowRight")i.onChange(y(i.width+16))},onPointerDown:(b)=>{let C=b.clientX,S=i.width,E=b.currentTarget;E.setPointerCapture(b.pointerId);let O=(x)=>i.onChange(y(S+x.clientX-C)),R=()=>{E.removeEventListener("pointermove",O),E.removeEventListener("pointerup",R)};E.addEventListener("pointermove",O),E.addEventListener("pointerup",R)}})}export{yn as WorkspacePage};