pi-roundtable-web 0.28.0 → 0.29.1

package/dist/chunk-workspace-d34njy4p.js

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