pi-roundtable-web 0.29.0 → 0.29.1

package/dist/chunk-workspace-dw71mshw.js

@@ -0,0 +1,586 @@
+import{p,hn,E,_e,o,L,Te,C,a,r,t,u,g,e,n,s,S,xi,X,er,fe,h,l,f,v,m,k,Q,_,oe,Pe,Qe}from"./chunk-index-24cggw6k.js";import{D}from"./chunk-index-6btdp13p.js";import{Re}from"./chunk-index-dr0jr7d3.js";import{H}from"./chunk-index-s4a8e4qm.js";import{R}from"./chunk-index-cmzvq3nf.js";import{Y}from"./chunk-index-d941ae7c.js";function dt(i,d,c){let[b,w]=r();o(()=>{if(!i)return;let N=(y)=>y.preventDefault(),P=(y)=>{if(y.button!==0||y.metaKey||y.ctrlKey||y.shiftKey||y.altKey)return;let z=y.target instanceof Element?y.target.closest("a"):null;if(!z||z.target||z.hasAttribute("download"))return;if(d.current?.contains(z))return;y.preventDefault(),y.stopPropagation(),w({kind:"link",anchor:z})},W=xi((y)=>w({kind:"navigate",proceed:y}));return window.addEventListener("beforeunload",N),document.addEventListener("click",P,!0),()=>{W(),window.removeEventListener("beforeunload",N),document.removeEventListener("click",P,!0)}},[i,d]);let x=E(()=>w(void 0),[]),T=E(()=>{let N=b;if(c(),w(void 0),N?.kind==="link")setTimeout(()=>N.anchor.click(),0);else if(N?.kind==="navigate")N.proceed()},[b,c]);return{leaving:b,stay:x,leave:T}}var de=(i)=>`workspace/${encodeURIComponent(i)}`,xe=(i)=>`path=${encodeURIComponent(i)}`,Xe=(i)=>({body:JSON.stringify(i)});function He(i){if(!(i instanceof fe)||i.status!==409)return;let d=i.body;return d?.conflict==="changed"||d?.conflict==="gone"||d?.conflict==="exists"?d:void 0}var j={roots:()=>h("workspace"),list:(i,d)=>h(`${de(i)}/list?${xe(d)}`),file:(i,d)=>h(`${de(i)}/file?${xe(d)}`),save:(i,d,c,b)=>h(`${de(i)}/file?${xe(d)}`,{method:"PUT",...Xe({text:c,baseHash:b})}),create:(i,d,c,b)=>h(`${de(i)}/new?${xe(d)}`,{method:"POST",...Xe({kind:c,...b===void 0?{}:{text:b}})}),rename:(i,d,c)=>h(`${de(i)}/rename`,{method:"POST",...Xe({from:d,to:c})}),remove:(i,d)=>h(`${de(i)}/entry?${xe(d)}`,{method:"DELETE"}),trash:(i)=>h(`${de(i)}/trash`),restore:(i,d)=>h(`${de(i)}/trash/${encodeURIComponent(d)}/restore`,{method:"POST"}),purge:(i,d)=>h(`${de(i)}/trash/${encodeURIComponent(d)}`,{method:"DELETE"})},we=(i,d,c=!1)=>`api/${de(i)}/raw?${xe(d)}${c?"&download=1":""}`;var Le=(i)=>i.split("/").filter(Boolean),ve=(i)=>Le(i).slice(0,-1).join("/"),Ne=(i,d)=>i?`${i}/${d}`:d,We=(i)=>`${i.root}:${i.path}${i.dir&&i.path?"/":""}`;function lt(i){if(!i)return;let d=i.indexOf(":");if(d<1)return;let c=i.slice(d+1);return{root:i.slice(0,d),path:c.replace(/\/+$/,""),dir:c===""||c.endsWith("/")}}var ct=`/*
+ * 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:hover:not(:disabled) {
+	background: var(--surface-2);
+}
+
+.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-toggle:hover:not(:disabled) {
+	background: none;
+}
+
+.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 ut={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"},Ct=(i)=>(i in ut);function be(i){let{name:d,size:c=20,className:b}=i;if(!Ct(d))return e(s,{name:d,size:c,...b?{className:b}:{}});return e("svg",{viewBox:"0 0 24 24",width:c,height:c,fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",...b?{className:b}:{},children:e("path",{d:ut[d]})})}function Ye(i){return n("div",{className:"ws-media-actions",children:[i.open?e("a",{className:"button-link",href:we(i.root,i.path),target:"_blank",rel:"noopener",children:t("Open")}):null,n("a",{className:"button-link",href:we(i.root,i.path,!0),download:i.name,children:[e(s,{name:"download",size:18}),t("Download")]})]})}function Ze(i){let d=i.name.lastIndexOf("."),c=d>0?i.name.slice(d+1).toUpperCase():"";return n("div",{className:"card ws-card",children:[e("span",{className:"ws-card-icon","aria-hidden":"true",children:e(s,{name:"file",size:32})}),e("strong",{children:i.name}),e("span",{className:"meta",children:[c,Pe(i.bytes)].filter(Boolean).join(" · ")}),e("p",{children:i.message}),e(Ye,{root:i.root,path:i.path,name:i.name})]})}var Et=(i)=>!i&&navigator.pdfViewerEnabled!==!1;function mt(i){let{media:d,root:c,path:b,name:w,bytes:x,phone:T,onFacts:N}=i,[P,W]=r(!1),[y,z]=r(!1);o(()=>(W(!1),z(!1),N(void 0),()=>N(void 0)),[c,b]);let I=we(c,b);if(P)return e(Ze,{root:c,path:b,name:w,bytes:x,message:t("This browser cannot show this file.")});switch(d){case"image":return e("div",{className:"ws-media ws-image","data-actual":y||void 0,children:e("button",{type:"button",className:"ws-image-toggle","aria-label":y?t("Fit to window"):t("Show at full size"),title:y?t("Fit to window"):t("Show at full size"),onClick:()=>z((F)=>!F),children:e("img",{src:I,alt:w,onLoad:(F)=>{let{naturalWidth:te,naturalHeight:q}=F.currentTarget;N(te>0?`${te} × ${q}`:void 0)},onError:()=>W(!0)})})});case"pdf":return Et(T)?n("div",{className:"ws-media ws-pdf-frame",children:[e("iframe",{className:"ws-pdf",src:I,title:w}),e(Ye,{root:c,path:b,name:w,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(s,{name:"file",size:32})}),e("strong",{children:w}),n("span",{className:"meta",children:["PDF · ",Pe(x)]}),e(Ye,{root:c,path:b,name:w,open:!0})]})});case"audio":return e("div",{className:"ws-media ws-sound",children:e("audio",{controls:!0,preload:"metadata",src:I,onError:()=>W(!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:te,videoHeight:q}=F.currentTarget;N(te>0?`${te} × ${q}`:void 0)},onError:()=>W(!0)})})}}var St={"read-only-root":u("this place is read-only"),"git-dir":u("inside .git"),trash:u("in the trash"),symlink:u("a link"),binary:u("binary file"),"too-large":u("too large"),"not-utf8":u("not UTF-8")};function Je(i){if(i.id==="agents")return t("Knights' workspace");if(i.id==="scratch")return t("Scratch");return i.label}var gt=new Set([".git","node_modules"]),Ge=(i)=>`roundtable.workspace.open.${i}`,ft="roundtable.workspace.tree",pt="roundtable.workspace.wrap";function et(i,d){try{let c=localStorage.getItem(i);return c===null?d:JSON.parse(c)}catch{return d}}function Ke(i,d){try{localStorage.setItem(i,JSON.stringify(d))}catch{}}var ze=hn({rev:0,bump:()=>{return}});Y("workspace",ct);var Ce=new Map,Rt=200;function Tt(i,d){Ce.delete(i),Ce.set(i,d);let c=Ce.keys().next().value;if(Ce.size>Rt&&c!==void 0)Ce.delete(c)}function ht(i,d,c=!0){let{rev:b}=_e(ze),[w,x]=r(0),[T,N]=r({key:"",root:i,path:d}),P=`${i}:${d}`;if(o(()=>{let y=()=>x((z)=>z+1);return window.addEventListener("focus",y),()=>window.removeEventListener("focus",y)},[]),o(()=>{if(!c)return;let y=!0;return j.list(i,d).then((z)=>{if(Tt(P,z),y)N({key:P,root:i,path:d,data:z})},(z)=>y&&N({key:P,root:i,path:d,error:l(z)})),()=>{y=!1}},[i,d,c,b,w]),T.key===P)return{data:T.data,error:T.error,at:T};let W=Ce.get(P);if(W)return{data:W,at:{root:i,path:d}};if(T.data)return{data:T.data,at:T,pending:!0};return{}}var Ee=(i)=>S("workspace",We(i));function tt(i,d,c){let b=Ne(d,c.name);if(c.kind==="dir")return{root:i,path:b,dir:!0};if(c.kind==="file")return{root:i,path:b,dir:!1};if(c.kind==="symlink"&&c.inside)return{root:i,path:b,dir:c.target==="dir"};return}function Lt(i){let d=Le(i.path),c=a(null);return o(()=>{c.current?.scrollIntoView?.({inline:"end",block:"nearest"})},[i.path]),n("nav",{className:"ws-crumbs","aria-label":t("Path"),children:[e("a",{ref:d.length===0?c:void 0,href:Ee({root:i.root.id,path:"",dir:!0}),"aria-current":d.length===0?"page":void 0,children:Je(i.root)}),d.map((b,w)=>{let x=d.slice(0,w+1).join("/"),T=w===d.length-1;return e("a",{ref:T?c:void 0,href:Ee({root:i.root.id,path:x,dir:!0}),"aria-current":T?"page":void 0,children:b},x)})]})}function wt(i){let{data:d,error:c,pending:b}=ht(i.root,i.path);if(c)return e("p",{className:"ws-tree-note",children:c});if(!d||b)return e("p",{className:"ws-tree-note",children:"…"});if(d.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:[d.entries.map((w)=>{let x=tt(i.root,i.path,w),T=Ne(i.path,w.name),N=x?.dir===!0,P=N&&i.open.has(T),W=i.current?.root===i.root&&i.current.path===T&&i.current.dir===N;return n("li",{children:[n("div",{className:"ws-tree-row","data-selected":W||void 0,"data-quiet":gt.has(w.name)||void 0,style:{paddingLeft:`${0.25+i.depth*0.875}rem`},children:[N?e("button",{type:"button",className:"ws-twist","aria-expanded":P,"aria-label":t("Show or hide {name}",{name:w.name}),onClick:()=>i.toggle(T),children:e(s,{name:"chevron",size:14})}):e("span",{className:"ws-twist"}),x?n("a",{href:Ee(x),title:w.name,children:[e(be,{name:N?"folder":"file",size:15}),e("span",{className:"ws-tree-label",children:w.name})]}):n("span",{className:"ws-tree-off",title:w.inside===!1?t("Outside the workspace"):"",children:[e(s,{name:"file",size:15}),e("span",{className:"ws-tree-label",children:w.name})]})]}),P?e(wt,{root:i.root,path:T,depth:i.depth+1,open:i.open,toggle:i.toggle,current:i.current}):null]},w.name)}),d.truncated?e("li",{className:"ws-tree-note",children:t("Only the first 2,000 items are listed")}):null]})}function Wt(i){let{data:d,error:c,at:b,pending:w}=ht(i.root.id,i.path),{timeZone:x}=_(),T=a(null),N=b?.root??i.root.id,P=b?.path??i.path;if(Te(()=>{T.current?.closest(".ws-main")?.scrollTo?.(0,0)},[N,P]),c)return e(m,{message:c});if(!d)return e(v,{});if(d.missing)return e(k,{children:t("No files yet")});if(d.entries.length===0)return e(k,{children:t("This folder is empty")});return n("div",{ref:T,className:"ws-listing","data-pending":w||void 0,"aria-busy":w||void 0,inert:w||void 0,children:[e("ul",{className:"ws-rows",children:d.entries.map((W)=>{let y=tt(N,P,W),z=n(g,{children:[e(be,{name:y?.dir?"folder":"file",size:20,className:"ws-row-icon"}),n("span",{className:"ws-row-main",children:[e("strong",{children:W.name}),e("span",{className:"meta",children:W.kind==="symlink"&&W.inside===!1?t("Outside the workspace"):W.kind==="other"?t("Not a regular file"):[y?.dir?void 0:Pe(W.size),oe(new Date(W.mtimeMs).toISOString(),x)].filter(Boolean).join(" · ")})]})]});return n("li",{className:"ws-row","data-quiet":gt.has(W.name)||void 0,children:[y?e("a",{className:"ws-row-link",href:Ee(y),children:z}):e("span",{className:"ws-row-link","data-off":!0,children:z}),i.root.writable||y?e("button",{type:"button",className:"icon-button","aria-label":t("Actions for {name}",{name:W.name}),onClick:()=>i.onMenu(W),children:e(s,{name:"menu"})}):null]},W.name)})}),d.truncated?e("p",{className:"meta",children:t("Only the first 2,000 items are listed")}):null]})}function zt(i){let{timeZone:d}=_(),{bump:c}=_e(ze),{root:b,path:w}=i,[x,T]=r(),[N,P]=r(),[W,y]=r("read"),[z,I]=r(!1),[F,te]=r(!1),[q,Ue]=r(()=>et(pt,i.phone)),[Me,ne]=r(!1),[Se,ke]=r(),[V,A]=r(!1),[Z,ue]=r(!1),[De,Be]=r(!1),[me,le]=r(),[U,pe]=r(),[ye,$e]=r(),ge=a(null),K=a(void 0),O=a(null),ie=a(x);ie.current=x;let G=a(W);G.current=W;let J=Le(w).at(-1)??w,Oe=x?.text!==void 0,Ie=Oe&&(x?.media===void 0||V),nt=E(async()=>{let M=await j.file(b.id,w);return T(M),M},[b.id,w]);o(()=>{let M=!0;return j.file(b.id,w).then((B)=>M&&T(B),(B)=>M&&P(l(B))),()=>{M=!1}},[b.id,w]);let je=dt(z,O,()=>{let M=ie.current;if(M?.text!==void 0)K.current?.replace(M.text,M.eol);I(!1),y("read")});o(()=>{if(!z)return;let M=document.title;return document.title=`• ${M}`,()=>{document.title=M}},[z]);let Fe=E(async(M,B)=>{let ce=ie.current,ee=K.current;if(!ce||!ee||F)return;let ae=B===void 0?ee.snapshot():void 0,Ae=B??ee.text();te(!0);try{let re=await j.save(b.id,w,Ae,M??ce.hash);ee.markSaved(ae),I(ee.dirty()),le(void 0),T({...ce,hash:re.hash,size:re.size,mtimeMs:re.mtimeMs,text:Ae}),f(t("Saved")),c()}catch(re){let se=He(re);if(se)pe({kind:se.conflict==="gone"?"gone":"changed",...se.current?{hash:se.current.hash}:{},text:Ae});else f(l(re),"danger")}finally{te(!1)}},[b.id,w,F,c]),at=a(Fe);at.current=Fe;let he=E(async()=>{try{let M=await nt();if(M.text!==void 0)K.current?.replace(M.text,M.eol);I(!1),le(void 0),pe(void 0)}catch(M){f(l(M),"danger")}},[nt]),vt=a(he);vt.current=he;let qe=E(()=>{if(K.current?.dirty()){ot(!0);return}y("read")},[]),[bt,ot]=r(!1),rt=a(qe);rt.current=qe,o(()=>{if(!Ie||!ge.current)return;let M=ie.current;if(!M||M.text===void 0)return;let B=!1,ce;return (p("yy6pq8mv"),import("./chunk-codeeditor-yy6pq8mv.js")).then(async({createEditor:ee})=>{if(B||!ge.current)return;let ae=await ee({parent:ge.current,text:M.text??"",eol:M.eol,language:M.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(ae.dirty()),onSave:()=>{if(G.current==="edit"&&ae.dirty())at.current()},onEscape:()=>{if(G.current==="edit")rt.current()}});if(B){ae.destroy();return}ce=ae,K.current=ae,ue(!0)}).catch((ee)=>{if(console.warn("the editor failed to load",ee),!B)Be(!0)}),()=>{B=!0,ce?.destroy(),K.current=void 0,ue(!1)}},[Ie,b.id,w]),o(()=>{if(!Z)return;let M=W==="edit"&&x?.editable===!0;if(K.current?.setEditable(M),M)K.current?.focus()},[W,Z,x?.editable]),o(()=>{if(!Z)return;K.current?.setWrap(q),Ke(pt,q)},[q,Z]);let it=x!==void 0;if(o(()=>{if(!it)return;let M=!1,B=async()=>{if(M||document.visibilityState==="hidden")return;let ae=ie.current;if(!ae)return;M=!0;try{let re=(await j.list(b.id,ve(w))).entries.find((xt)=>xt.name===J);if(!re){le("gone");return}if(re.kind==="symlink")return;if(re.size===ae.size&&re.mtimeMs===ae.mtimeMs)return;if(G.current==="edit"&&K.current?.dirty()){le("changed");return}let se=await j.file(b.id,w);if(se.hash!==ae.hash){if(T(se),se.text!==void 0)K.current?.replace(se.text,se.eol)}le(void 0)}catch{}finally{M=!1}},ce=setInterval(()=>void B(),5000),ee=()=>void B();return window.addEventListener("focus",ee),document.addEventListener("visibilitychange",ee),()=>{clearInterval(ce),window.removeEventListener("focus",ee),document.removeEventListener("visibilitychange",ee)}},[it,b.id,w,J]),N)return e("div",{className:"ws-file",children:e(m,{message:N})});if(!x)return e("div",{className:"ws-file",children:e(v,{})});let st=x.reason,kt=!x.editable?e(Q,{tone:"warn",children:t("Read only: {reason}",{reason:st?t(St[st]):""})}):null,Ve=W==="edit",yt=n("div",{className:"ws-actions",children:[x.editable&&!Ve?e("button",{type:"button",onClick:()=>{A(!0),y("edit")},children:t("Edit")}):null,Ve?n(g,{children:[e("button",{type:"button",disabled:F||!z,onClick:()=>void Fe(),children:t("Save")}),e("button",{type:"button",className:"secondary",onClick:qe,children:t("Cancel")})]}):null,e("button",{type:"button",className:"icon-button","aria-label":t("File menu"),onClick:()=>ne(!0),children:e(s,{name:"menu"})})]});return n("div",{className:"ws-file",ref:O,children:[n("header",{className:"ws-file-head",children:[n("div",{className:"ws-file-title",children:[n("strong",{children:[z?"• ":"",J]}),n("span",{className:"meta",children:[Pe(x.size),Se?` · ${Se}`:""," ·"," ",oe(new Date(x.mtimeMs).toISOString(),d)]})]}),kt,yt]}),me?n("div",{className:"ws-banner",role:"status",children:[e("span",{className:"ws-banner-text",children:me==="gone"?t("This file is gone"):t("A knight is changing this file")}),me==="changed"?n(g,{children:[e("button",{type:"button",className:"secondary",onClick:()=>void he(),children:t("Reload (discard my edits)")}),e("button",{type:"button",className:"secondary",onClick:()=>le(void 0),children:t("Keep editing")})]}):null]}):null,e("div",{className:"ws-view",children:x.media&&!Ie?e(mt,{media:x.media,root:b.id,path:w,name:J,bytes:x.size,phone:i.phone,onFacts:ke}):Ie?e("div",{ref:ge,className:"ws-editor","data-editing":Ve||void 0,children:!Z?e("pre",{className:"ws-plain","aria-busy":!De,children:x.text}):null}):e(Ze,{root:b.id,path:w,name:J,bytes:x.size,message:x.tooLarge?t("This file is too large to show here."):t("This file is not text, so it cannot be shown here.")})}),i.phone&&Ve?n("div",{className:"ws-editbar",role:"toolbar","aria-label":t("Editing"),children:[e("button",{type:"button",disabled:F||!z,onClick:()=>void Fe(),children:t("Save")}),e("button",{type:"button",className:"secondary",onClick:()=>K.current?.undo(),children:t("Undo")}),e("button",{type:"button",className:"secondary",onClick:()=>K.current?.redo(),children:t("Redo")}),e("button",{type:"button",className:"secondary",onClick:()=>K.current?.find(),children:t("Find")}),e("button",{type:"button",className:"secondary",onClick:()=>K.current?.tab(),children:t("Tab")})]}):null,e(R,{open:Me,title:J,onClose:()=>ne(!1),children:e("div",{className:"stack",children:n("ul",{className:"more-list",children:[Oe?e("li",{children:e("button",{type:"button",className:"menu-item",onClick:()=>{Ue((M)=>!M),ne(!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:we(b.id,w,!0),download:J,onClick:()=>ne(!1),children:[e("span",{className:"menu-icon",children:e(s,{name:"download"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Download")})})]})}),e("li",{children:n("button",{type:"button",className:"menu-item",onClick:()=>{ne(!1),he()},children:[e("span",{className:"menu-icon",children:e(s,{name:"refresh"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Reload")})})]})})]})})}),e(H,{open:U!==void 0,title:U?.kind==="gone"?t("This file is gone"):t("This file changed while you were editing"),onClose:()=>pe(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 he(),children:t("Reload (discard my edits)")}):null,e("button",{type:"button",className:"danger",onClick:()=>{if(!U)return;if(U.kind==="gone"){let M=U.text;pe(void 0),j.create(b.id,w,"file",M).then(async()=>{await he(),c()}).catch((B)=>f(l(B),"danger"));return}$e({hash:U.hash??"",text:U.text}),pe(void 0)},children:U?.kind==="gone"?t("Save mine as a new file"):t("Save mine anyway")})]})]})}),e(D,{open:ye!==void 0,title:t("Replace the knight's changes?"),confirmLabel:t("Save mine anyway"),tone:"danger",onClose:()=>$e(void 0),onConfirm:async()=>{if(!ye)return;await j.save(b.id,w,ye.text,ye.hash),await he(),f(t("Saved")),c()},children:e("p",{children:t("The file has been changed since you opened it. Saving yours writes over those changes.")})}),e(D,{open:bt,title:t("Unsaved changes, leave?"),confirmLabel:t("Discard"),cancelLabel:t("Keep editing"),tone:"danger",onClose:()=>ot(!1),onConfirm:async()=>{if(x.text!==void 0)K.current?.replace(x.text,x.eol);I(!1),y("read")},children:e("p",{children:t("Your edits to {name} have not been saved.",{name:J})})}),e(D,{open:je.leaving!==void 0,title:t("Unsaved changes, leave?"),confirmLabel:t("Discard"),cancelLabel:t("Keep editing"),tone:"danger",onClose:je.stay,onConfirm:async()=>je.leave(),children:e("p",{children:t("Your edits to {name} have not been saved.",{name:J})})})]})}function Mt(i){let{ask:d}=i,[c,b]=r(""),[w,x]=r(),[T,N]=r(!1),P=L();o(()=>{b(d?.kind==="rename"?d.name:""),x(void 0)},[d]);let W=d?.kind==="rename"?t("Rename"):d?.kind==="dir"?t("New folder"):t("New file"),y=async(z)=>{if(z.preventDefault(),!d)return;let I=c.trim();if(!I||I.includes("/")){x(t("Use a name without slashes."));return}N(!0),x(void 0);try{if(d.kind==="rename"){let F=Ne(ve(d.path),I);await j.rename(i.root.id,d.path,F),f(t("Renamed")),i.onDone()}else{let F=Ne(d.dir,I);await j.create(i.root.id,F,d.kind),f(t("Created")),i.onDone({root:i.root.id,path:F,dir:d.kind==="dir"})}}catch(F){let te=He(F);x(te?.conflict==="exists"?t("Something with that name is already there."):l(F))}finally{N(!1)}};return e(H,{open:d!==void 0,title:W,onClose:i.onClose,children:n("form",{className:"stack",onSubmit:y,children:[e("label",{htmlFor:P,children:t("Name")}),e("input",{id:P,value:c,autoComplete:"off",autoCapitalize:"off",spellCheck:!1,onChange:(z)=>b(z.target.value)}),w?e(m,{message:w}):null,n("div",{className:"actions",children:[e("button",{type:"button",className:"secondary",onClick:i.onClose,children:t("Cancel")}),e("button",{type:"submit",disabled:T||!c.trim(),children:d?.kind==="rename"?t("Rename"):t("Create")})]})]})})}function Dt(i){let{bump:d,rev:c}=_e(ze),[b,w]=r(),[x,T]=r(),[N,P]=r(),{timeZone:W}=_();return o(()=>{if(!i.open)return;let y=!0;return j.trash(i.root.id).then((z)=>y&&w(z.items),(z)=>y&&T(l(z))),()=>{y=!1}},[i.open,i.root.id,c]),n(H,{open:i.open,title:t("Trash"),onClose:i.onClose,children:[n("div",{className:"stack",children:[x?e(m,{message:x}):null,!b&&!x?e(v,{}):null,b?.length===0?e(k,{children:t("The trash is empty")}):null,e("ul",{className:"ws-rows",children:b?.map((y)=>n("li",{className:"ws-row",children:[n("span",{className:"ws-row-link","data-off":!0,children:[e(be,{name:y.kind==="dir"?"folder":"file",size:20,className:"ws-row-icon"}),n("span",{className:"ws-row-main",children:[e("strong",{children:y.path}),e("span",{className:"meta",children:oe(y.deletedAt,W)})]})]}),e("button",{type:"button",className:"secondary",onClick:async()=>{try{await j.restore(i.root.id,y.id),f(t("Restored")),d()}catch(z){let I=He(z);f(I?I.conflict==="exists"?t("Something with that name is already there."):t("The folder it was in is gone."):l(z),"danger")}},children:t("Restore")}),e("button",{type:"button",className:"icon-button danger-icon","aria-label":t("Delete {name} for good",{name:y.name}),onClick:()=>P(y),children:e(s,{name:"trash"})})]},y.id))})]}),e(D,{open:N!==void 0,title:t("Delete for good?"),confirmLabel:t("Delete for good"),tone:"danger",onClose:()=>P(void 0),onConfirm:async()=>{if(!N)return;await j.purge(i.root.id,N.id),d()},children:e("p",{children:t("“{name}” will be removed and cannot be brought back.",{name:N?.path??""})})})]})}function yn(){let i=er(),d=!Qe("(min-width: 720px)"),[c,b]=r(0),w=E(()=>b((O)=>O+1),[]),x=C(()=>({rev:c,bump:w}),[c,w]),[T,N]=r(),[P,W]=r();o(()=>{j.roots().then((O)=>N(O.roots),(O)=>W(l(O)))},[]);let[y,z]=r(()=>et(ft,280)),[I,F]=r(),[te,q]=r(),[Ue,Me]=r(!1),[ne,Se]=r(),ke=lt(i.key),V=T?.find((O)=>O.id===ke?.root)??(d?void 0:T?.[0]),A=V?ke&&ke.root===V.id?ke:{root:V.id,path:"",dir:!0}:void 0,Z=V?.id,ue=A?.path,De=A?.dir,[Be,me]=r(new Set);o(()=>{if(!Z)return;me(new Set(et(Ge(Z),[])))},[Z]);let le=E((O)=>{if(!Z)return;me((ie)=>{let G=new Set(ie);if(G.has(O))G.delete(O);else G.add(O);return Ke(Ge(Z),[...G]),G})},[Z]);if(o(()=>{if(!Z||ue===void 0||d)return;let O=Le(De?ue:ve(ue)),ie=O.map((G,J)=>O.slice(0,J+1).join("/"));me((G)=>{if(ie.every((Oe)=>G.has(Oe)))return G;let J=new Set([...G,...ie]);return Ke(Ge(Z),[...J]),J})},[Z,ue,De,d]),P)return e(m,{message:P});if(!T)return e(v,{});if(T.length===0)return e(k,{children:t("No files yet")});if(!V||!A)return e(ze.Provider,{value:x,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:T.map((O)=>e("li",{children:n("a",{className:"menu-item menu-link",href:Ee({root:O.id,path:"",dir:!0}),children:[e("span",{className:"menu-icon",children:e(be,{name:"folder"})}),n("span",{className:"menu-text",children:[e("strong",{children:Je(O)}),O.writable?null:e("span",{className:"meta",children:t("Read only")})]}),e(s,{name:"chevron",size:16})]})},O.id))})]})});let U=A.dir?A.path:ve(A.path),pe=A.path===""?{root:V.id,path:"",dir:!0}:{root:V.id,path:ve(A.path),dir:!0},ye=n("header",{className:"ws-head",children:[d?e("a",{className:"icon-button","aria-label":t("Back"),href:A.path===""?S("workspace"):Ee(pe),children:e(s,{name:"back"})}):e(Re,{chip:!0,className:"ws-root-picker","aria-label":t("Place"),value:V.id,onChange:(O)=>X("workspace",We({root:O.target.value,path:"",dir:!0})),children:T.map((O)=>e("option",{value:O.id,children:Je(O)},O.id))}),e(Lt,{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:()=>Me(!0),children:e(s,{name:"trash"})})]}):null]}),$e=A.dir?e("div",{className:"ws-dir",children:e(Wt,{root:V,path:A.path,onMenu:(O)=>F(O)})}):e(zt,{root:V,path:A.path,phone:d},`${V.id}:${A.path}`),ge=I?tt(V.id,U,I):void 0,K=I?Ne(U,I.name):"";return n(ze.Provider,{value:x,children:[n("div",{className:"ws-page ws","data-wide":!d||void 0,style:{"--ws-tree":`${y}px`},children:[ye,n("div",{className:"ws-body",children:[!d?n(g,{children:[e("aside",{className:"ws-tree","aria-label":t("Folders"),children:e(wt,{root:V.id,path:"",depth:0,open:Be,toggle:le,current:A})}),e($t,{width:y,onChange:(O)=>{z(O),Ke(ft,O)}})]}):null,e("section",{className:"ws-main",children:$e})]})]}),e(R,{open:I!==void 0,title:I?.name??"",onClose:()=>F(void 0),children:n("ul",{className:"more-list",children:[ge&&!ge.dir?e("li",{children:n("a",{className:"menu-item menu-link",href:we(V.id,K,!0),download:I?.name,onClick:()=>F(void 0),children:[e("span",{className:"menu-icon",children:e(s,{name:"download"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Download")})})]})}):null,V.writable&&I?n(g,{children:[e("li",{children:n("button",{type:"button",className:"menu-item",onClick:()=>{q({kind:"rename",path:K,name:I.name}),F(void 0)},children:[e("span",{className:"menu-icon",children:e(s,{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:K,name:I.name}),F(void 0)},children:[e("span",{className:"menu-icon",children:e(s,{name:"trash"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Delete")})})]})})]}):null]})}),e(Mt,{root:V,ask:te,onClose:()=>q(void 0),onDone:(O)=>{if(q(void 0),w(),O)X("workspace",We(O))}}),e(Dt,{root:V,open:Ue,onClose:()=>Me(!1)}),e(D,{open:ne!==void 0,title:t("Move to the trash?"),confirmLabel:t("Delete"),tone:"danger",onClose:()=>Se(void 0),onConfirm:async()=>{if(!ne)return;if(await j.remove(V.id,ne.path),f(t("Moved to the trash")),w(),!A.dir&&(A.path===ne.path||A.path.startsWith(`${ne.path}/`)))X("workspace",We({root:V.id,path:ve(A.path),dir:!0}))},children:e("p",{children:t("“{name}” goes to the trash, where you can bring it back.",{name:ne?.name??""})})})]})}function $t(i){let b=(w)=>Math.min(560,Math.max(180,w));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:(w)=>{if(w.key==="ArrowLeft")i.onChange(b(i.width-16));if(w.key==="ArrowRight")i.onChange(b(i.width+16))},onPointerDown:(w)=>{let x=w.clientX,T=i.width,N=w.currentTarget;N.setPointerCapture(w.pointerId);let P=(y)=>i.onChange(b(T+y.clientX-x)),W=()=>{N.removeEventListener("pointermove",P),N.removeEventListener("pointerup",W)};N.addEventListener("pointermove",P),N.addEventListener("pointerup",W)}})}export{yn as WorkspacePage};