pi-roundtable-web 0.27.1 → 0.29.0

package/dist/chunk-workspace-ct6hvn0z.js

@@ -0,0 +1,578 @@
+import{p,dn,E,ke,o,L,Ne,C,a,r,t,u,g,e,n,s,x,vi,X,Hi,fe,h,l,f,v,m,k,T,_,re,Le,Ce}from"./chunk-index-wt2asefx.js";import{D}from"./chunk-index-y6p8j3zv.js";import{Te}from"./chunk-index-rtz4936v.js";import{ne}from"./chunk-index-57teqgct.js";import{se}from"./chunk-index-amxa2bn3.js";import{R}from"./chunk-index-zdzzf3fp.js";function dt(i,d,c){let[b,w]=r();o(()=>{if(!i)return;let S=(y)=>y.preventDefault(),I=(y)=>{if(y.button!==0||y.metaKey||y.ctrlKey||y.shiftKey||y.altKey)return;let M=y.target instanceof Element?y.target.closest("a"):null;if(!M||M.target||M.hasAttribute("download"))return;if(d.current?.contains(M))return;y.preventDefault(),y.stopPropagation(),w({kind:"link",anchor:M})},z=vi((y)=>w({kind:"navigate",proceed:y}));return window.addEventListener("beforeunload",S),document.addEventListener("click",I,!0),()=>{z(),window.removeEventListener("beforeunload",S),document.removeEventListener("click",I,!0)}},[i,d]);let N=E(()=>w(void 0),[]),W=E(()=>{let S=b;if(c(),w(void 0),S?.kind==="link")setTimeout(()=>S.anchor.click(),0);else if(S?.kind==="navigate")S.proceed()},[b,c]);return{leaving:b,stay:N,leave:W}}var de=(i)=>`workspace/${encodeURIComponent(i)}`,Ee=(i)=>`path=${encodeURIComponent(i)}`,_e=(i)=>({body:JSON.stringify(i)});function Ue(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?${Ee(d)}`),file:(i,d)=>h(`${de(i)}/file?${Ee(d)}`),save:(i,d,c,b)=>h(`${de(i)}/file?${Ee(d)}`,{method:"PUT",..._e({text:c,baseHash:b})}),create:(i,d,c,b)=>h(`${de(i)}/new?${Ee(d)}`,{method:"POST",..._e({kind:c,...b===void 0?{}:{text:b}})}),rename:(i,d,c)=>h(`${de(i)}/rename`,{method:"POST",..._e({from:d,to:c})}),remove:(i,d)=>h(`${de(i)}/entry?${Ee(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?${Ee(d)}${c?"&download=1":""}`;var Me=(i)=>i.split("/").filter(Boolean),ve=(i)=>Me(i).slice(0,-1).join("/"),Se=(i,d)=>i?`${i}/${d}`:d,De=(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 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 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 Ze(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 Ge(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,Le(i.bytes)].filter(Boolean).join(" · ")}),e("p",{children:i.message}),e(Ze,{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:N,phone:W,onFacts:S}=i,[I,z]=r(!1),[y,M]=r(!1);o(()=>(z(!1),M(!1),S(void 0),()=>S(void 0)),[c,b]);let F=we(c,b);if(I)return e(Ge,{root:c,path:b,name:w,bytes:N,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:()=>M((V)=>!V),children:e("img",{src:F,alt:w,onLoad:(V)=>{let{naturalWidth:Q,naturalHeight:q}=V.currentTarget;S(Q>0?`${Q} × ${q}`:void 0)},onError:()=>z(!0)})})});case"pdf":return Et(W)?n("div",{className:"ws-media ws-pdf-frame",children:[e("iframe",{className:"ws-pdf",src:F,title:w}),e(Ze,{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 · ",Le(N)]}),e(Ze,{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:F,onError:()=>z(!0)})});case"video":return e("div",{className:"ws-media ws-film",children:e("video",{controls:!0,playsInline:!0,preload:"metadata",src:F,onLoadedMetadata:(V)=>{let{videoWidth:Q,videoHeight:q}=V.currentTarget;S(Q>0?`${Q} × ${q}`:void 0)},onError:()=>z(!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 Qe(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"]),Je=(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 Be(i,d){try{localStorage.setItem(i,JSON.stringify(d))}catch{}}var $e=dn({rev:0,bump:()=>{return}});se("workspace",ct);var Re=new Map,Rt=200;function Tt(i,d){Re.delete(i),Re.set(i,d);let c=Re.keys().next().value;if(Re.size>Rt&&c!==void 0)Re.delete(c)}function ht(i,d,c=!0){let{rev:b}=ke($e),[w,N]=r(0),[W,S]=r({key:"",root:i,path:d}),I=`${i}:${d}`;if(o(()=>{let y=()=>N((M)=>M+1);return window.addEventListener("focus",y),()=>window.removeEventListener("focus",y)},[]),o(()=>{if(!c)return;let y=!0;return j.list(i,d).then((M)=>{if(Tt(I,M),y)S({key:I,root:i,path:d,data:M})},(M)=>y&&S({key:I,root:i,path:d,error:l(M)})),()=>{y=!1}},[i,d,c,b,w]),W.key===I)return{data:W.data,error:W.error,at:W};let z=Re.get(I);if(z)return{data:z,at:{root:i,path:d}};if(W.data)return{data:W.data,at:W,pending:!0};return{}}var We=(i)=>x("workspace",De(i));function tt(i,d,c){let b=Se(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=Me(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:We({root:i.root.id,path:"",dir:!0}),"aria-current":d.length===0?"page":void 0,children:Qe(i.root)}),d.map((b,w)=>{let N=d.slice(0,w+1).join("/"),W=w===d.length-1;return e("a",{ref:W?c:void 0,href:We({root:i.root.id,path:N,dir:!0}),"aria-current":W?"page":void 0,children:b},N)})]})}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 N=tt(i.root,i.path,w),W=Se(i.path,w.name),S=N?.dir===!0,I=S&&i.open.has(W),z=i.current?.root===i.root&&i.current.path===W&&i.current.dir===S;return n("li",{children:[n("div",{className:"ws-tree-row","data-selected":z||void 0,"data-quiet":gt.has(w.name)||void 0,style:{paddingLeft:`${0.25+i.depth*0.875}rem`},children:[S?e("button",{type:"button",className:"ws-twist","aria-expanded":I,"aria-label":t("Show or hide {name}",{name:w.name}),onClick:()=>i.toggle(W),children:e(s,{name:"chevron",size:14})}):e("span",{className:"ws-twist"}),N?n("a",{href:We(N),title:w.name,children:[e(be,{name:S?"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})]})]}),I?e(wt,{root:i.root,path:W,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:N}=_(),W=a(null),S=b?.root??i.root.id,I=b?.path??i.path;if(Ne(()=>{W.current?.closest(".ws-main")?.scrollTo?.(0,0)},[S,I]),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:W,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((z)=>{let y=tt(S,I,z),M=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:z.name}),e("span",{className:"meta",children:z.kind==="symlink"&&z.inside===!1?t("Outside the workspace"):z.kind==="other"?t("Not a regular file"):[y?.dir?void 0:Le(z.size),re(new Date(z.mtimeMs).toISOString(),N)].filter(Boolean).join(" · ")})]})]});return n("li",{className:"ws-row","data-quiet":gt.has(z.name)||void 0,children:[y?e("a",{className:"ws-row-link",href:We(y),children:M}):e("span",{className:"ws-row-link","data-off":!0,children:M}),i.root.writable||y?e("button",{type:"button",className:"icon-button","aria-label":t("Actions for {name}",{name:z.name}),onClick:()=>i.onMenu(z),children:e(s,{name:"menu"})}):null]},z.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}=ke($e),{root:b,path:w}=i,[N,W]=r(),[S,I]=r(),[z,y]=r("read"),[M,F]=r(!1),[V,Q]=r(!1),[q,je]=r(()=>et(pt,i.phone)),[Oe,ee]=r(!1),[ze,ye]=r(),[A,H]=r(!1),[Y,ue]=r(!1),[Pe,qe]=r(!1),[me,le]=r(),[U,pe]=r(),[xe,Ie]=r(),ge=a(null),K=a(void 0),P=a(null),oe=a(N);oe.current=N;let Z=a(z);Z.current=z;let G=Me(w).at(-1)??w,Fe=N?.text!==void 0,Ve=Fe&&(N?.media===void 0||A),nt=E(async()=>{let O=await j.file(b.id,w);return W(O),O},[b.id,w]);o(()=>{let O=!0;return j.file(b.id,w).then((B)=>O&&W(B),(B)=>O&&I(l(B))),()=>{O=!1}},[b.id,w]);let Xe=dt(M,P,()=>{let O=oe.current;if(O?.text!==void 0)K.current?.replace(O.text,O.eol);F(!1),y("read")});o(()=>{if(!M)return;let O=document.title;return document.title=`• ${O}`,()=>{document.title=O}},[M]);let Ae=E(async(O,B)=>{let ce=oe.current,J=K.current;if(!ce||!J||V)return;let te=B===void 0?J.snapshot():void 0,Ke=B??J.text();Q(!0);try{let ae=await j.save(b.id,w,Ke,O??ce.hash);J.markSaved(te),F(J.dirty()),le(void 0),W({...ce,hash:ae.hash,size:ae.size,mtimeMs:ae.mtimeMs,text:Ke}),f(t("Saved")),c()}catch(ae){let ie=Ue(ae);if(ie)pe({kind:ie.conflict==="gone"?"gone":"changed",...ie.current?{hash:ie.current.hash}:{},text:Ke});else f(l(ae),"danger")}finally{Q(!1)}},[b.id,w,V,c]),at=a(Ae);at.current=Ae;let he=E(async()=>{try{let O=await nt();if(O.text!==void 0)K.current?.replace(O.text,O.eol);F(!1),le(void 0),pe(void 0)}catch(O){f(l(O),"danger")}},[nt]),vt=a(he);vt.current=he;let Ye=E(()=>{if(K.current?.dirty()){rt(!0);return}y("read")},[]),[bt,rt]=r(!1),ot=a(Ye);ot.current=Ye,o(()=>{if(!Ve||!ge.current)return;let O=oe.current;if(!O||O.text===void 0)return;let B=!1,ce;return (p("239ss6a2"),import("./chunk-codeeditor-239ss6a2.js")).then(async({createEditor:J})=>{if(B||!ge.current)return;let te=await J({parent:ge.current,text:O.text??"",eol:O.eol,language:O.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:()=>F(te.dirty()),onSave:()=>{if(Z.current==="edit"&&te.dirty())at.current()},onEscape:()=>{if(Z.current==="edit")ot.current()}});if(B){te.destroy();return}ce=te,K.current=te,ue(!0)}).catch((J)=>{if(console.warn("the editor failed to load",J),!B)qe(!0)}),()=>{B=!0,ce?.destroy(),K.current=void 0,ue(!1)}},[Ve,b.id,w]),o(()=>{if(!Y)return;let O=z==="edit"&&N?.editable===!0;if(K.current?.setEditable(O),O)K.current?.focus()},[z,Y,N?.editable]),o(()=>{if(!Y)return;K.current?.setWrap(q),Be(pt,q)},[q,Y]);let it=N!==void 0;if(o(()=>{if(!it)return;let O=!1,B=async()=>{if(O||document.visibilityState==="hidden")return;let te=oe.current;if(!te)return;O=!0;try{let ae=(await j.list(b.id,ve(w))).entries.find((xt)=>xt.name===G);if(!ae){le("gone");return}if(ae.kind==="symlink")return;if(ae.size===te.size&&ae.mtimeMs===te.mtimeMs)return;if(Z.current==="edit"&&K.current?.dirty()){le("changed");return}let ie=await j.file(b.id,w);if(ie.hash!==te.hash){if(W(ie),ie.text!==void 0)K.current?.replace(ie.text,ie.eol)}le(void 0)}catch{}finally{O=!1}},ce=setInterval(()=>void B(),5000),J=()=>void B();return window.addEventListener("focus",J),document.addEventListener("visibilitychange",J),()=>{clearInterval(ce),window.removeEventListener("focus",J),document.removeEventListener("visibilitychange",J)}},[it,b.id,w,G]),S)return e("div",{className:"ws-file",children:e(m,{message:S})});if(!N)return e("div",{className:"ws-file",children:e(v,{})});let st=N.reason,kt=!N.editable?e(T,{tone:"warn",children:t("Read only: {reason}",{reason:st?t(St[st]):""})}):null,He=z==="edit",yt=n("div",{className:"ws-actions",children:[N.editable&&!He?e("button",{type:"button",onClick:()=>{H(!0),y("edit")},children:t("Edit")}):null,He?n(g,{children:[e("button",{type:"button",disabled:V||!M,onClick:()=>void Ae(),children:t("Save")}),e("button",{type:"button",className:"secondary",onClick:Ye,children:t("Cancel")})]}):null,e("button",{type:"button",className:"icon-button","aria-label":t("File menu"),onClick:()=>ee(!0),children:e(s,{name:"menu"})})]});return n("div",{className:"ws-file",ref:P,children:[n("header",{className:"ws-file-head",children:[n("div",{className:"ws-file-title",children:[n("strong",{children:[M?"• ":"",G]}),n("span",{className:"meta",children:[Le(N.size),ze?` · ${ze}`:""," ·"," ",re(new Date(N.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:N.media&&!Ve?e(mt,{media:N.media,root:b.id,path:w,name:G,bytes:N.size,phone:i.phone,onFacts:ye}):Ve?e("div",{ref:ge,className:"ws-editor","data-editing":He||void 0,children:!Y?e("pre",{className:"ws-plain","aria-busy":!Pe,children:N.text}):null}):e(Ge,{root:b.id,path:w,name:G,bytes:N.size,message:N.tooLarge?t("This file is too large to show here."):t("This file is not text, so it cannot be shown here.")})}),i.phone&&He?n("div",{className:"ws-editbar",role:"toolbar","aria-label":t("Editing"),children:[e("button",{type:"button",disabled:V||!M,onClick:()=>void Ae(),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:Oe,title:G,onClose:()=>ee(!1),children:e("div",{className:"stack",children:n("ul",{className:"more-list",children:[Fe?e("li",{children:e("button",{type:"button",className:"menu-item",onClick:()=>{je((O)=>!O),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:we(b.id,w,!0),download:G,onClick:()=>ee(!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:()=>{ee(!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(ne,{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 O=U.text;pe(void 0),j.create(b.id,w,"file",O).then(async()=>{await he(),c()}).catch((B)=>f(l(B),"danger"));return}Ie({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:xe!==void 0,title:t("Replace the knight's changes?"),confirmLabel:t("Save mine anyway"),tone:"danger",onClose:()=>Ie(void 0),onConfirm:async()=>{if(!xe)return;await j.save(b.id,w,xe.text,xe.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:()=>rt(!1),onConfirm:async()=>{if(N.text!==void 0)K.current?.replace(N.text,N.eol);F(!1),y("read")},children:e("p",{children:t("Your edits to {name} have not been saved.",{name:G})})}),e(D,{open:Xe.leaving!==void 0,title:t("Unsaved changes, leave?"),confirmLabel:t("Discard"),cancelLabel:t("Keep editing"),tone:"danger",onClose:Xe.stay,onConfirm:async()=>Xe.leave(),children:e("p",{children:t("Your edits to {name} have not been saved.",{name:G})})})]})}function Mt(i){let{ask:d}=i,[c,b]=r(""),[w,N]=r(),[W,S]=r(!1),I=L();o(()=>{b(d?.kind==="rename"?d.name:""),N(void 0)},[d]);let z=d?.kind==="rename"?t("Rename"):d?.kind==="dir"?t("New folder"):t("New file"),y=async(M)=>{if(M.preventDefault(),!d)return;let F=c.trim();if(!F||F.includes("/")){N(t("Use a name without slashes."));return}S(!0),N(void 0);try{if(d.kind==="rename"){let V=Se(ve(d.path),F);await j.rename(i.root.id,d.path,V),f(t("Renamed")),i.onDone()}else{let V=Se(d.dir,F);await j.create(i.root.id,V,d.kind),f(t("Created")),i.onDone({root:i.root.id,path:V,dir:d.kind==="dir"})}}catch(V){let Q=Ue(V);N(Q?.conflict==="exists"?t("Something with that name is already there."):l(V))}finally{S(!1)}};return e(ne,{open:d!==void 0,title:z,onClose:i.onClose,children:n("form",{className:"stack",onSubmit:y,children:[e("label",{htmlFor:I,children:t("Name")}),e("input",{id:I,value:c,autoComplete:"off",autoCapitalize:"off",spellCheck:!1,onChange:(M)=>b(M.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:W||!c.trim(),children:d?.kind==="rename"?t("Rename"):t("Create")})]})]})})}function Dt(i){let{bump:d,rev:c}=ke($e),[b,w]=r(),[N,W]=r(),[S,I]=r(),{timeZone:z}=_();return o(()=>{if(!i.open)return;let y=!0;return j.trash(i.root.id).then((M)=>y&&w(M.items),(M)=>y&&W(l(M))),()=>{y=!1}},[i.open,i.root.id,c]),n(ne,{open:i.open,title:t("Trash"),onClose:i.onClose,children:[n("div",{className:"stack",children:[N?e(m,{message:N}):null,!b&&!N?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:re(y.deletedAt,z)})]})]}),e("button",{type:"button",className:"secondary",onClick:async()=>{try{await j.restore(i.root.id,y.id),f(t("Restored")),d()}catch(M){let F=Ue(M);f(F?F.conflict==="exists"?t("Something with that name is already there."):t("The folder it was in is gone."):l(M),"danger")}},children:t("Restore")}),e("button",{type:"button",className:"icon-button danger-icon","aria-label":t("Delete {name} for good",{name:y.name}),onClick:()=>I(y),children:e(s,{name:"trash"})})]},y.id))})]}),e(D,{open:S!==void 0,title:t("Delete for good?"),confirmLabel:t("Delete for good"),tone:"danger",onClose:()=>I(void 0),onConfirm:async()=>{if(!S)return;await j.purge(i.root.id,S.id),d()},children:e("p",{children:t("“{name}” will be removed and cannot be brought back.",{name:S?.path??""})})})]})}function yn(){let i=Hi(),d=!Ce("(min-width: 720px)"),[c,b]=r(0),w=E(()=>b((P)=>P+1),[]),N=C(()=>({rev:c,bump:w}),[c,w]),[W,S]=r(),[I,z]=r();o(()=>{j.roots().then((P)=>S(P.roots),(P)=>z(l(P)))},[]);let[y,M]=r(()=>et(ft,280)),[F,V]=r(),[Q,q]=r(),[je,Oe]=r(!1),[ee,ze]=r(),ye=lt(i.key),A=W?.find((P)=>P.id===ye?.root)??(d?void 0:W?.[0]),H=A?ye&&ye.root===A.id?ye:{root:A.id,path:"",dir:!0}:void 0,Y=A?.id,ue=H?.path,Pe=H?.dir,[qe,me]=r(new Set);o(()=>{if(!Y)return;me(new Set(et(Je(Y),[])))},[Y]);let le=E((P)=>{if(!Y)return;me((oe)=>{let Z=new Set(oe);if(Z.has(P))Z.delete(P);else Z.add(P);return Be(Je(Y),[...Z]),Z})},[Y]);if(o(()=>{if(!Y||ue===void 0||d)return;let P=Me(Pe?ue:ve(ue)),oe=P.map((Z,G)=>P.slice(0,G+1).join("/"));me((Z)=>{if(oe.every((Fe)=>Z.has(Fe)))return Z;let G=new Set([...Z,...oe]);return Be(Je(Y),[...G]),G})},[Y,ue,Pe,d]),I)return e(m,{message:I});if(!W)return e(v,{});if(W.length===0)return e(k,{children:t("No files yet")});if(!A||!H)return e($e.Provider,{value:N,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:W.map((P)=>e("li",{children:n("a",{className:"menu-item menu-link",href:We({root:P.id,path:"",dir:!0}),children:[e("span",{className:"menu-icon",children:e(be,{name:"folder"})}),n("span",{className:"menu-text",children:[e("strong",{children:Qe(P)}),P.writable?null:e("span",{className:"meta",children:t("Read only")})]}),e(s,{name:"chevron",size:16})]})},P.id))})]})});let U=H.dir?H.path:ve(H.path),pe=H.path===""?{root:A.id,path:"",dir:!0}:{root:A.id,path:ve(H.path),dir:!0},xe=n("header",{className:"ws-head",children:[d?e("a",{className:"icon-button","aria-label":t("Back"),href:H.path===""?x("workspace"):We(pe),children:e(s,{name:"back"})}):e(Te,{chip:!0,className:"ws-root-picker","aria-label":t("Place"),value:A.id,onChange:(P)=>X("workspace",De({root:P.target.value,path:"",dir:!0})),children:W.map((P)=>e("option",{value:P.id,children:Qe(P)},P.id))}),e(Lt,{root:A,path:H.path}),A.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:()=>Oe(!0),children:e(s,{name:"trash"})})]}):null]}),Ie=H.dir?e("div",{className:"ws-dir",children:e(Wt,{root:A,path:H.path,onMenu:(P)=>V(P)})}):e(zt,{root:A,path:H.path,phone:d},`${A.id}:${H.path}`),ge=F?tt(A.id,U,F):void 0,K=F?Se(U,F.name):"";return n($e.Provider,{value:N,children:[n("div",{className:"ws-page ws","data-wide":!d||void 0,style:{"--ws-tree":`${y}px`},children:[xe,n("div",{className:"ws-body",children:[!d?n(g,{children:[e("aside",{className:"ws-tree","aria-label":t("Folders"),children:e(wt,{root:A.id,path:"",depth:0,open:qe,toggle:le,current:H})}),e($t,{width:y,onChange:(P)=>{M(P),Be(ft,P)}})]}):null,e("section",{className:"ws-main",children:Ie})]})]}),e(R,{open:F!==void 0,title:F?.name??"",onClose:()=>V(void 0),children:n("ul",{className:"more-list",children:[ge&&!ge.dir?e("li",{children:n("a",{className:"menu-item menu-link",href:we(A.id,K,!0),download:F?.name,onClick:()=>V(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,A.writable&&F?n(g,{children:[e("li",{children:n("button",{type:"button",className:"menu-item",onClick:()=>{q({kind:"rename",path:K,name:F.name}),V(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:()=>{ze({path:K,name:F.name}),V(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:A,ask:Q,onClose:()=>q(void 0),onDone:(P)=>{if(q(void 0),w(),P)X("workspace",De(P))}}),e(Dt,{root:A,open:je,onClose:()=>Oe(!1)}),e(D,{open:ee!==void 0,title:t("Move to the trash?"),confirmLabel:t("Delete"),tone:"danger",onClose:()=>ze(void 0),onConfirm:async()=>{if(!ee)return;if(await j.remove(A.id,ee.path),f(t("Moved to the trash")),w(),!H.dir&&(H.path===ee.path||H.path.startsWith(`${ee.path}/`)))X("workspace",De({root:A.id,path:ve(H.path),dir:!0}))},children:e("p",{children:t("“{name}” goes to the trash, where you can bring it back.",{name:ee?.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 N=w.clientX,W=i.width,S=w.currentTarget;S.setPointerCapture(w.pointerId);let I=(y)=>i.onChange(b(W+y.clientX-N)),z=()=>{S.removeEventListener("pointermove",I),S.removeEventListener("pointerup",z)};S.addEventListener("pointermove",I),S.addEventListener("pointerup",z)}})}export{yn as WorkspacePage};