pi-roundtable-web 0.29.0 → 0.29.2

package/dist/chunk-workspace-ne2nkf4h.js

@@ -0,0 +1,586 @@
+import{p,On,E,Te,s,A,Pe,R,a,r,t,c,g,e,n,o,S,Qi,X,ur,fe,h,l,f,x,m,k,P,_,oe,Me,Re}from"./chunk-index-s356ybxk.js";import{D}from"./chunk-index-6cs1wvhy.js";import{Ee}from"./chunk-index-sk8cvb4e.js";import{H}from"./chunk-index-9ehqccfe.js";import{C}from"./chunk-index-e8535c4h.js";import{Y}from"./chunk-index-d941ae7c.js";function dt(i,d,u){let[v,w]=r();s(()=>{if(!i)return;let N=(b)=>b.preventDefault(),O=(b)=>{if(b.button!==0||b.metaKey||b.ctrlKey||b.shiftKey||b.altKey)return;let W=b.target instanceof Element?b.target.closest("a"):null;if(!W||W.target||W.hasAttribute("download"))return;if(d.current?.contains(W))return;b.preventDefault(),b.stopPropagation(),w({kind:"link",anchor:W})},L=Qi((b)=>w({kind:"navigate",proceed:b}));return window.addEventListener("beforeunload",N),document.addEventListener("click",O,!0),()=>{L(),window.removeEventListener("beforeunload",N),document.removeEventListener("click",O,!0)}},[i,d]);let y=E(()=>w(void 0),[]),T=E(()=>{let N=v;if(u(),w(void 0),N?.kind==="link")setTimeout(()=>N.anchor.click(),0);else if(N?.kind==="navigate")N.proceed()},[v,u]);return{leaving:v,stay:y,leave:T}}var de=(i)=>`workspace/${encodeURIComponent(i)}`,xe=(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 q={roots:()=>h("workspace"),list:(i,d)=>h(`${de(i)}/list?${xe(d)}`),file:(i,d)=>h(`${de(i)}/file?${xe(d)}`),save:(i,d,u,v)=>h(`${de(i)}/file?${xe(d)}`,{method:"PUT",..._e({text:u,baseHash:v})}),create:(i,d,u,v)=>h(`${de(i)}/new?${xe(d)}`,{method:"POST",..._e({kind:u,...v===void 0?{}:{text:v}})}),rename:(i,d,u)=>h(`${de(i)}/rename`,{method:"POST",..._e({from:d,to:u})}),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,u=!1)=>`api/${de(i)}/raw?${xe(d)}${u?"&download=1":""}`;var We=(i)=>i.split("/").filter(Boolean),ve=(i)=>We(i).slice(0,-1).join("/"),Ne=(i,d)=>i?`${i}/${d}`:d,ze=(i)=>`${i.root}:${i.path}${i.dir&&i.path?"/":""}`;function lt(i){if(!i)return;let d=i.indexOf(":");if(d<1)return;let u=i.slice(d+1);return{root:i.slice(0,d),path:u.replace(/\/+$/,""),dir:u===""||u.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:u=20,className:v}=i;if(!Ct(d))return e(o,{name:d,size:u,...v?{className:v}:{}});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",...v?{className:v}:{},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(o,{name:"download",size:18}),t("Download")]})]})}function Ge(i){let d=i.name.lastIndexOf("."),u=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(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(Ze,{root:i.root,path:i.path,name:i.name})]})}var Et=(i)=>!i&&navigator.pdfViewerEnabled!==!1;function mt(i){let{media:d,root:u,path:v,name:w,bytes:y,phone:T,onFacts:N}=i,[O,L]=r(!1),[b,W]=r(!1);s(()=>(L(!1),W(!1),N(void 0),()=>N(void 0)),[u,v]);let I=we(u,v);if(O)return e(Ge,{root:u,path:v,name:w,bytes:y,message:t("This browser cannot show this file.")});switch(d){case"image":return e("div",{className:"ws-media ws-image","data-actual":b||void 0,children:e("button",{type:"button",className:"ws-image-toggle","aria-label":b?t("Fit to window"):t("Show at full size"),title:b?t("Fit to window"):t("Show at full size"),onClick:()=>W((F)=>!F),children:e("img",{src:I,alt:w,onLoad:(F)=>{let{naturalWidth:te,naturalHeight:Z}=F.currentTarget;N(te>0?`${te} × ${Z}`:void 0)},onError:()=>L(!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(Ze,{root:u,path:v,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(o,{name:"file",size:32})}),e("strong",{children:w}),n("span",{className:"meta",children:["PDF · ",Me(y)]}),e(Ze,{root:u,path:v,name:w,open:!0})]})});case"audio":return e("div",{className:"ws-media ws-sound",children:e("audio",{controls:!0,preload:"metadata",src:I,onError:()=>L(!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:Z}=F.currentTarget;N(te>0?`${te} × ${Z}`:void 0)},onError:()=>L(!0)})})}}var St={"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 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 u=localStorage.getItem(i);return u===null?d:JSON.parse(u)}catch{return d}}function Be(i,d){try{localStorage.setItem(i,JSON.stringify(d))}catch{}}var De=On({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 u=Ce.keys().next().value;if(Ce.size>Rt&&u!==void 0)Ce.delete(u)}function ht(i,d,u=!0){let{rev:v}=Te(De),[w,y]=r(0),[T,N]=r({key:"",root:i,path:d}),O=`${i}:${d}`;if(s(()=>{let b=()=>y((W)=>W+1);return window.addEventListener("focus",b),()=>window.removeEventListener("focus",b)},[]),s(()=>{if(!u)return;let b=!0;return q.list(i,d).then((W)=>{if(Tt(O,W),b)N({key:O,root:i,path:d,data:W})},(W)=>b&&N({key:O,root:i,path:d,error:l(W)})),()=>{b=!1}},[i,d,u,v,w]),T.key===O)return{data:T.data,error:T.error,at:T};let L=Ce.get(O);if(L)return{data:L,at:{root:i,path:d}};if(T.data)return{data:T.data,at:T,pending:!0};return{}}var Se=(i)=>S("workspace",ze(i));function tt(i,d,u){let v=Ne(d,u.name);if(u.kind==="dir")return{root:i,path:v,dir:!0};if(u.kind==="file")return{root:i,path:v,dir:!1};if(u.kind==="symlink"&&u.inside)return{root:i,path:v,dir:u.target==="dir"};return}function Lt(i){let d=We(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:d.length===0?u:void 0,href:Se({root:i.root.id,path:"",dir:!0}),"aria-current":d.length===0?"page":void 0,children:Qe(i.root)}),d.map((v,w)=>{let y=d.slice(0,w+1).join("/"),T=w===d.length-1;return e("a",{ref:T?u:void 0,href:Se({root:i.root.id,path:y,dir:!0}),"aria-current":T?"page":void 0,children:v},y)})]})}function wt(i){let{data:d,error:u,pending:v}=ht(i.root,i.path);if(u)return e("p",{className:"ws-tree-note",children:u});if(!d||v)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 y=tt(i.root,i.path,w),T=Ne(i.path,w.name),N=y?.dir===!0,O=N&&i.open.has(T),L=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":L||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":O,"aria-label":t("Show or hide {name}",{name:w.name}),onClick:()=>i.toggle(T),children:e(o,{name:"chevron",size:14})}):e("span",{className:"ws-twist"}),y?n("a",{href:Se(y),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(o,{name:"file",size:15}),e("span",{className:"ws-tree-label",children:w.name})]})]}),O?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:u,at:v,pending:w}=ht(i.root.id,i.path),{timeZone:y}=_(),T=a(null),N=v?.root??i.root.id,O=v?.path??i.path;if(Pe(()=>{T.current?.closest(".ws-main")?.scrollTo?.(0,0)},[N,O]),u)return e(m,{message:u});if(!d)return e(x,{});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((L)=>{let b=tt(N,O,L),W=n(g,{children:[e(be,{name:b?.dir?"folder":"file",size:20,className:"ws-row-icon"}),n("span",{className:"ws-row-main",children:[e("strong",{children:L.name}),e("span",{className:"meta",children:L.kind==="symlink"&&L.inside===!1?t("Outside the workspace"):L.kind==="other"?t("Not a regular file"):[b?.dir?void 0:Me(L.size),oe(new Date(L.mtimeMs).toISOString(),y)].filter(Boolean).join(" · ")})]})]});return n("li",{className:"ws-row","data-quiet":gt.has(L.name)||void 0,children:[b?e("a",{className:"ws-row-link",href:Se(b),children:W}):e("span",{className:"ws-row-link","data-off":!0,children:W}),i.root.writable||b?e("button",{type:"button",className:"icon-button","aria-label":t("Actions for {name}",{name:L.name}),onClick:()=>i.onMenu(L),children:e(o,{name:"menu"})}):null]},L.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:u}=Te(De),{root:v,path:w}=i,[y,T]=r(),[N,O]=r(),[L,b]=r("read"),[W,I]=r(!1),[F,te]=r(!1),[Z,je]=r(()=>et(pt,i.phone)),[$e,ne]=r(!1),[Le,ke]=r(),[V,K]=r(!1),[G,ue]=r(!1),[Oe,qe]=r(!1),[me,le]=r(),[B,pe]=r(),[ye,Ie]=r(),ge=a(null),U=a(void 0),M=a(null),ie=a(y);ie.current=y;let J=a(L);J.current=L;let Q=We(w).at(-1)??w,Fe=y?.text!==void 0,Ve=Fe&&(y?.media===void 0||V),nt=E(async()=>{let z=await q.file(v.id,w);return T(z),z},[v.id,w]);s(()=>{let z=!0;return q.file(v.id,w).then((j)=>z&&T(j),(j)=>z&&O(l(j))),()=>{z=!1}},[v.id,w]);let Xe=dt(W,M,()=>{let z=ie.current;if(z?.text!==void 0)U.current?.replace(z.text,z.eol);I(!1),b("read")});s(()=>{if(!W)return;let z=document.title;return document.title=`• ${z}`,()=>{document.title=z}},[W]);let Ae=E(async(z,j)=>{let ce=ie.current,ee=U.current;if(!ce||!ee||F)return;let ae=j===void 0?ee.snapshot():void 0,Ke=j??ee.text();te(!0);try{let re=await q.save(v.id,w,Ke,z??ce.hash);ee.markSaved(ae),I(ee.dirty()),le(void 0),T({...ce,hash:re.hash,size:re.size,mtimeMs:re.mtimeMs,text:Ke}),f(t("Saved")),u()}catch(re){let se=Ue(re);if(se)pe({kind:se.conflict==="gone"?"gone":"changed",...se.current?{hash:se.current.hash}:{},text:Ke});else f(l(re),"danger")}finally{te(!1)}},[v.id,w,F,u]),at=a(Ae);at.current=Ae;let he=E(async()=>{try{let z=await nt();if(z.text!==void 0)U.current?.replace(z.text,z.eol);I(!1),le(void 0),pe(void 0)}catch(z){f(l(z),"danger")}},[nt]),vt=a(he);vt.current=he;let Ye=E(()=>{if(U.current?.dirty()){ot(!0);return}b("read")},[]),[bt,ot]=r(!1),rt=a(Ye);rt.current=Ye,s(()=>{if(!Ve||!ge.current)return;let z=ie.current;if(!z||z.text===void 0)return;let j=!1,ce;return (p("102wa9bj"),import("./chunk-codeeditor-102wa9bj.js")).then(async({createEditor:ee})=>{if(j||!ge.current)return;let ae=await ee({parent:ge.current,text:z.text??"",eol:z.eol,language:z.language,editable:!1,wrap:Z,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(J.current==="edit"&&ae.dirty())at.current()},onEscape:()=>{if(J.current==="edit")rt.current()}});if(j){ae.destroy();return}ce=ae,U.current=ae,ue(!0)}).catch((ee)=>{if(console.warn("the editor failed to load",ee),!j)qe(!0)}),()=>{j=!0,ce?.destroy(),U.current=void 0,ue(!1)}},[Ve,v.id,w]),s(()=>{if(!G)return;let z=L==="edit"&&y?.editable===!0;if(U.current?.setEditable(z),z)U.current?.focus()},[L,G,y?.editable]),s(()=>{if(!G)return;U.current?.setWrap(Z),Be(pt,Z)},[Z,G]);let it=y!==void 0;if(s(()=>{if(!it)return;let z=!1,j=async()=>{if(z||document.visibilityState==="hidden")return;let ae=ie.current;if(!ae)return;z=!0;try{let re=(await q.list(v.id,ve(w))).entries.find((xt)=>xt.name===Q);if(!re){le("gone");return}if(re.kind==="symlink")return;if(re.size===ae.size&&re.mtimeMs===ae.mtimeMs)return;if(J.current==="edit"&&U.current?.dirty()){le("changed");return}let se=await q.file(v.id,w);if(se.hash!==ae.hash){if(T(se),se.text!==void 0)U.current?.replace(se.text,se.eol)}le(void 0)}catch{}finally{z=!1}},ce=setInterval(()=>void j(),5000),ee=()=>void j();return window.addEventListener("focus",ee),document.addEventListener("visibilitychange",ee),()=>{clearInterval(ce),window.removeEventListener("focus",ee),document.removeEventListener("visibilitychange",ee)}},[it,v.id,w,Q]),N)return e("div",{className:"ws-file",children:e(m,{message:N})});if(!y)return e("div",{className:"ws-file",children:e(x,{})});let st=y.reason,kt=!y.editable?e(P,{tone:"warn",children:t("Read only: {reason}",{reason:st?t(St[st]):""})}):null,He=L==="edit",yt=n("div",{className:"ws-actions",children:[y.editable&&!He?e("button",{type:"button",onClick:()=>{K(!0),b("edit")},children:t("Edit")}):null,He?n(g,{children:[e("button",{type:"button",disabled:F||!W,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:()=>ne(!0),children:e(o,{name:"menu"})})]});return n("div",{className:"ws-file",ref:M,children:[n("header",{className:"ws-file-head",children:[n("div",{className:"ws-file-title",children:[n("strong",{children:[W?"• ":"",Q]}),n("span",{className:"meta",children:[Me(y.size),Le?` · ${Le}`:""," ·"," ",oe(new Date(y.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:y.media&&!Ve?e(mt,{media:y.media,root:v.id,path:w,name:Q,bytes:y.size,phone:i.phone,onFacts:ke}):Ve?e("div",{ref:ge,className:"ws-editor","data-editing":He||void 0,children:!G?e("pre",{className:"ws-plain","aria-busy":!Oe,children:y.text}):null}):e(Ge,{root:v.id,path:w,name:Q,bytes:y.size,message:y.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:F||!W,onClick:()=>void Ae(),children:t("Save")}),e("button",{type:"button",className:"secondary",onClick:()=>U.current?.undo(),children:t("Undo")}),e("button",{type:"button",className:"secondary",onClick:()=>U.current?.redo(),children:t("Redo")}),e("button",{type:"button",className:"secondary",onClick:()=>U.current?.find(),children:t("Find")}),e("button",{type:"button",className:"secondary",onClick:()=>U.current?.tab(),children:t("Tab")})]}):null,e(C,{open:$e,title:Q,onClose:()=>ne(!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((z)=>!z),ne(!1)},children:e("span",{className:"menu-text",children:e("strong",{children:Z?t("Do not wrap lines"):t("Wrap lines")})})})}):null,e("li",{children:n("a",{className:"menu-item menu-link",href:we(v.id,w,!0),download:Q,onClick:()=>ne(!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:()=>{ne(!1),he()},children:[e("span",{className:"menu-icon",children:e(o,{name:"refresh"})}),e("span",{className:"menu-text",children:e("strong",{children:t("Reload")})})]})})]})})}),e(H,{open:B!==void 0,title:B?.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:B?.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(B?.text??"").then(()=>f(t("Copied")))},children:t("Copy my text")}),B?.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(!B)return;if(B.kind==="gone"){let z=B.text;pe(void 0),q.create(v.id,w,"file",z).then(async()=>{await he(),u()}).catch((j)=>f(l(j),"danger"));return}Ie({hash:B.hash??"",text:B.text}),pe(void 0)},children:B?.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:()=>Ie(void 0),onConfirm:async()=>{if(!ye)return;await q.save(v.id,w,ye.text,ye.hash),await he(),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(D,{open:bt,title:t("Unsaved changes, leave?"),confirmLabel:t("Discard"),cancelLabel:t("Keep editing"),tone:"danger",onClose:()=>ot(!1),onConfirm:async()=>{if(y.text!==void 0)U.current?.replace(y.text,y.eol);I(!1),b("read")},children:e("p",{children:t("Your edits to {name} have not been saved.",{name:Q})})}),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:Q})})})]})}function Mt(i){let{ask:d}=i,[u,v]=r(""),[w,y]=r(),[T,N]=r(!1),O=A();s(()=>{v(d?.kind==="rename"?d.name:""),y(void 0)},[d]);let L=d?.kind==="rename"?t("Rename"):d?.kind==="dir"?t("New folder"):t("New file"),b=async(W)=>{if(W.preventDefault(),!d)return;let I=u.trim();if(!I||I.includes("/")){y(t("Use a name without slashes."));return}N(!0),y(void 0);try{if(d.kind==="rename"){let F=Ne(ve(d.path),I);await q.rename(i.root.id,d.path,F),f(t("Renamed")),i.onDone()}else{let F=Ne(d.dir,I);await q.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=Ue(F);y(te?.conflict==="exists"?t("Something with that name is already there."):l(F))}finally{N(!1)}};return e(H,{open:d!==void 0,title:L,onClose:i.onClose,children:n("form",{className:"stack",onSubmit:b,children:[e("label",{htmlFor:O,children:t("Name")}),e("input",{id:O,value:u,autoComplete:"off",autoCapitalize:"off",spellCheck:!1,onChange:(W)=>v(W.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||!u.trim(),children:d?.kind==="rename"?t("Rename"):t("Create")})]})]})})}function Dt(i){let{bump:d,rev:u}=Te(De),[v,w]=r(),[y,T]=r(),[N,O]=r(),{timeZone:L}=_();return s(()=>{if(!i.open)return;let b=!0;return q.trash(i.root.id).then((W)=>b&&w(W.items),(W)=>b&&T(l(W))),()=>{b=!1}},[i.open,i.root.id,u]),n(H,{open:i.open,title:t("Trash"),onClose:i.onClose,children:[n("div",{className:"stack",children:[y?e(m,{message:y}):null,!v&&!y?e(x,{}):null,v?.length===0?e(k,{children:t("The trash is empty")}):null,e("ul",{className:"ws-rows",children:v?.map((b)=>n("li",{className:"ws-row",children:[n("span",{className:"ws-row-link","data-off":!0,children:[e(be,{name:b.kind==="dir"?"folder":"file",size:20,className:"ws-row-icon"}),n("span",{className:"ws-row-main",children:[e("strong",{children:b.path}),e("span",{className:"meta",children:oe(b.deletedAt,L)})]})]}),e("button",{type:"button",className:"secondary",onClick:async()=>{try{await q.restore(i.root.id,b.id),f(t("Restored")),d()}catch(W){let I=Ue(W);f(I?I.conflict==="exists"?t("Something with that name is already there."):t("The folder it was in is gone."):l(W),"danger")}},children:t("Restore")}),e("button",{type:"button",className:"icon-button danger-icon","aria-label":t("Delete {name} for good",{name:b.name}),onClick:()=>O(b),children:e(o,{name:"trash"})})]},b.id))})]}),e(D,{open:N!==void 0,title:t("Delete for good?"),confirmLabel:t("Delete for good"),tone:"danger",onClose:()=>O(void 0),onConfirm:async()=>{if(!N)return;await q.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 kn(){let i=ur(),d=!Re("(min-width: 720px)"),[u,v]=r(0),w=E(()=>v((M)=>M+1),[]),y=R(()=>({rev:u,bump:w}),[u,w]),[T,N]=r(),[O,L]=r();s(()=>{q.roots().then((M)=>N(M.roots),(M)=>L(l(M)))},[]);let[b,W]=r(()=>et(ft,280)),[I,F]=r(),[te,Z]=r(),[je,$e]=r(!1),[ne,Le]=r(),ke=lt(i.key),V=T?.find((M)=>M.id===ke?.root)??(d?void 0:T?.[0]),K=V?ke&&ke.root===V.id?ke:{root:V.id,path:"",dir:!0}:void 0,G=V?.id,ue=K?.path,Oe=K?.dir,[qe,me]=r(new Set);s(()=>{if(!G)return;me(new Set(et(Je(G),[])))},[G]);let le=E((M)=>{if(!G)return;me((ie)=>{let J=new Set(ie);if(J.has(M))J.delete(M);else J.add(M);return Be(Je(G),[...J]),J})},[G]);if(s(()=>{if(!G||ue===void 0||d)return;let M=We(Oe?ue:ve(ue)),ie=M.map((J,Q)=>M.slice(0,Q+1).join("/"));me((J)=>{if(ie.every((Fe)=>J.has(Fe)))return J;let Q=new Set([...J,...ie]);return Be(Je(G),[...Q]),Q})},[G,ue,Oe,d]),O)return e(m,{message:O});if(!T)return e(x,{});if(T.length===0)return e(k,{children:t("No files yet")});if(!V||!K)return e(De.Provider,{value:y,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((M)=>e("li",{children:n("a",{className:"menu-item menu-link",href:Se({root:M.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(M)}),M.writable?null:e("span",{className:"meta",children:t("Read only")})]}),e(o,{name:"chevron",size:16})]})},M.id))})]})});let B=K.dir?K.path:ve(K.path),pe=K.path===""?{root:V.id,path:"",dir:!0}:{root:V.id,path:ve(K.path),dir:!0},ye=n("header",{className:"ws-head",children:[d?e("a",{className:"icon-button","aria-label":t("Back"),href:K.path===""?S("workspace"):Se(pe),children:e(o,{name:"back"})}):e(Ee,{chip:!0,className:"ws-root-picker","aria-label":t("Place"),value:V.id,onChange:(M)=>X("workspace",ze({root:M.target.value,path:"",dir:!0})),children:T.map((M)=>e("option",{value:M.id,children:Qe(M)},M.id))}),e(Lt,{root:V,path:K.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:()=>Z({kind:"file",dir:B}),children:e(be,{name:"file-plus"})}),e("button",{type:"button",className:"icon-button","aria-label":t("New folder"),title:t("New folder"),onClick:()=>Z({kind:"dir",dir:B}),children:e(be,{name:"folder-plus"})}),e("button",{type:"button",className:"icon-button","aria-label":t("Trash"),title:t("Trash"),onClick:()=>$e(!0),children:e(o,{name:"trash"})})]}):null]}),Ie=K.dir?e("div",{className:"ws-dir",children:e(Wt,{root:V,path:K.path,onMenu:(M)=>F(M)})}):e(zt,{root:V,path:K.path,phone:d},`${V.id}:${K.path}`),ge=I?tt(V.id,B,I):void 0,U=I?Ne(B,I.name):"";return n(De.Provider,{value:y,children:[n("div",{className:"ws-page ws","data-wide":!d||void 0,style:{"--ws-tree":`${b}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:qe,toggle:le,current:K})}),e($t,{width:b,onChange:(M)=>{W(M),Be(ft,M)}})]}):null,e("section",{className:"ws-main",children:Ie})]})]}),e(C,{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,U,!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(g,{children:[e("li",{children:n("button",{type:"button",className:"menu-item",onClick:()=>{Z({kind:"rename",path:U,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:()=>{Le({path:U,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(Mt,{root:V,ask:te,onClose:()=>Z(void 0),onDone:(M)=>{if(Z(void 0),w(),M)X("workspace",ze(M))}}),e(Dt,{root:V,open:je,onClose:()=>$e(!1)}),e(D,{open:ne!==void 0,title:t("Move to the trash?"),confirmLabel:t("Delete"),tone:"danger",onClose:()=>Le(void 0),onConfirm:async()=>{if(!ne)return;if(await q.remove(V.id,ne.path),f(t("Moved to the trash")),w(),!K.dir&&(K.path===ne.path||K.path.startsWith(`${ne.path}/`)))X("workspace",ze({root:V.id,path:ve(K.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 v=(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(v(i.width-16));if(w.key==="ArrowRight")i.onChange(v(i.width+16))},onPointerDown:(w)=>{let y=w.clientX,T=i.width,N=w.currentTarget;N.setPointerCapture(w.pointerId);let O=(b)=>i.onChange(v(T+b.clientX-y)),L=()=>{N.removeEventListener("pointermove",O),N.removeEventListener("pointerup",L)};N.addEventListener("pointermove",O),N.addEventListener("pointerup",L)}})}export{kn as WorkspacePage};