your-ai-workflow-firebase-os 2.0.2 → 2.0.6

package/README.md

@@ -108,6 +108,8 @@ screens read it too.
 
 The package ships a Vite plugin, `yourAiFirebase()`, that puts the project's structure out of the assistant's reach. `src/App.tsx` and `src/main.tsx` are owned files: the plugin serves its own canonical source for both and rewrites them on disk whenever they differ, so an edit there has no effect. Pages, forms and content files are discovered from `src/your-ai-workflow-firebase-os/configs/` and `microcomponents/` through a virtual module, so a deleted registry import can no longer make a page vanish. And every discovered file is validated before the build: a config file with the wrong name, a `route` that is not one string starting with `/`, an address used twice, a `*Tab.config.ts` without a valid `pageType`, a missing `*Config` export, a `systemName` that does not match the file, or a content file with no default export fails the build with one sentence that names the fix. A bare `<img>` in a content file fails it too: pictures go through `<Picture>`, which holds its space before the picture lands, fetches the light copy written beside every upload, and crosses over when its `src` changes rather than blanking — the thing that made a product page's colour swatches flash. A hand-written `<form>` in a content file only warns — its entries would never reach the Inbox.
 
+While the app is being written (`vite`, or a `server.ts` app that runs Vite), the same sentences are said in the terminal and the app still opens: each discovered file is loaded on its own, so a file that does not parse, or asks the package for a name it does not have, leaves out that one page and never the Pages screen where the fix is read. `vite build` still stops on every one of them.
+
 Manual-first recipe: the owner adds the page — and its form, if it needs one — on `/pages` and then asks the assistant for the content, which is a single `microcomponents/<PascalCaseName>Content.tsx` file — no config file, no second address.
 
 ---
@@ -177,8 +179,23 @@ interface FirebaseOSProps {
   /** Auto-discovered page content files, keyed by page id. */
   microcomponents?: Record<string, React.ComponentType<any>>;
 
-  /** Local overrides for built-in components — `{ Home }` is the usual one. */
-  components?: { Home?: React.ComponentType<any> };
+  /**
+   * Loads the page-content list (microcomponents/registry.ts), called once at
+   * start-up. The owner's pages wait for it — a few seconds at most; the home
+   * page and the app's own screens do not — and a list that fails to load is
+   * said in the console while every page loads its own file.
+   */
+  pageFiles?: () => Promise<unknown>;
+
+  /**
+   * Local overrides for built-in components — `{ Home, Menu }`. Either may be
+   * a React.lazy component. A menu that cannot load, or throws, is drawn as
+   * the library's own menu. A home page is drawn as the library's starter
+   * page only when it did not arrive — its loader marks it `didNotArrive`, as
+   * the canonical App.tsx's does; one that arrived and then throws shows the
+   * app's "This part stopped" card, never the starter page.
+   */
+  components?: { Home?: React.ComponentType<any>; Menu?: React.ComponentType<any> };
 
   /** Default form configs shipped with your project. */
   defaultConfigs?: { contactForm?: any; supportForm?: any };
@@ -191,7 +208,7 @@ interface FirebaseOSProps {
 }
 ```
 
-The postinstall step writes an `App.tsx` that already passes `themeConfig`, `microcomponents`, `components` and `defaultConfigs` for you.
+The postinstall step writes an `App.tsx` that already passes `themeConfig`, `pageFiles`, `components` and `defaultConfigs` for you. It loads the page-content list, `Home.tsx` and `Menu.tsx` each on its own rather than importing them with everything else, so a file the assistant wrote that cannot load costs that one page, home page or menu — never the whole app. A page whose own file will not load says it could not open, and an admin is handed the repair to paste to their assistant, both on that page and along the bottom of the screen.
 
 ---
 

package/dist/AccessNotice-CehnvtRY.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-CiTBaPhY.cjs`);let t=require(`react`);t=e.a(t,1);let n=require(`react/jsx-runtime`),r=require(`react-router-dom`);function i({tone:e,title:t,message:r,action:i}){let a=e===`red`?`border-red-500/20`:`border-amber-500/25`,o=e===`red`?`bg-red-500/5`:`bg-amber-500/5`,s=e===`red`?`text-red-500`:`text-amber-500`;return(0,n.jsx)(`div`,{className:`flex-1 flex flex-col items-center justify-center relative z-10 min-h-[60vh] fbos-fade-in`,children:(0,n.jsxs)(`div`,{className:`glass-panel p-8 md:p-10 rounded-3xl border ${a} text-center shadow-xl max-w-sm w-full relative overflow-hidden`,children:[(0,n.jsx)(`div`,{className:`absolute inset-0 ${o}`}),(0,n.jsx)(`h2`,{className:`text-2xl font-black ${s} mb-3 relative z-10 tracking-tight`,children:t}),(0,n.jsx)(`p`,{className:`text-[14px] text-foreground/70 font-medium leading-relaxed relative z-10 mb-6`,children:r}),(0,n.jsx)(`div`,{className:`relative z-10`,children:i})]})})}var a=`w-full block py-2.5 bg-foreground/5 hover:bg-foreground/10 text-foreground text-[14px] font-bold rounded-xl transition-colors`,o=`No access`,s=`You do not have access to view this page. If you think you should, ask whoever runs this app.`,c=()=>(0,n.jsx)(i,{tone:`amber`,title:o,message:s,action:(0,n.jsx)(r.Link,{to:`/dashboard`,className:a,children:`Back to dashboard`})}),l=c,u=c;Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/AccessNotice-Dhre5Qex.js

@@ -0,0 +1,40 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Link as n } from "react-router-dom";
+//#region src/components/AccessNotice.tsx
+function r({ tone: n, title: r, message: i, action: a }) {
+	let o = n === "red" ? "border-red-500/20" : "border-amber-500/25", s = n === "red" ? "bg-red-500/5" : "bg-amber-500/5", c = n === "red" ? "text-red-500" : "text-amber-500";
+	return /* @__PURE__ */ e("div", {
+		className: "flex-1 flex flex-col items-center justify-center relative z-10 min-h-[60vh] fbos-fade-in",
+		children: /* @__PURE__ */ t("div", {
+			className: `glass-panel p-8 md:p-10 rounded-3xl border ${o} text-center shadow-xl max-w-sm w-full relative overflow-hidden`,
+			children: [
+				/* @__PURE__ */ e("div", { className: `absolute inset-0 ${s}` }),
+				/* @__PURE__ */ e("h2", {
+					className: `text-2xl font-black ${c} mb-3 relative z-10 tracking-tight`,
+					children: r
+				}),
+				/* @__PURE__ */ e("p", {
+					className: "text-[14px] text-foreground/70 font-medium leading-relaxed relative z-10 mb-6",
+					children: i
+				}),
+				/* @__PURE__ */ e("div", {
+					className: "relative z-10",
+					children: a
+				})
+			]
+		})
+	});
+}
+var i = "w-full block py-2.5 bg-foreground/5 hover:bg-foreground/10 text-foreground text-[14px] font-bold rounded-xl transition-colors", a = "No access", o = "You do not have access to view this page. If you think you should, ask whoever runs this app.", s = () => /* @__PURE__ */ e(r, {
+	tone: "amber",
+	title: a,
+	message: o,
+	action: /* @__PURE__ */ e(n, {
+		to: "/dashboard",
+		className: i,
+		children: "Back to dashboard"
+	})
+}), c = s, l = s;
+//#endregion
+export { i as a, s as i, l as n, c as r, r as t };

package/dist/AddressField-C-p92i8S.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./chevron-down-lyDK1rfL.cjs`),t=require(`./x-Ci8c5p6T.cjs`),n=require(`./address-D88ICQCR.cjs`),r=require(`./dist-DkkbMBc2.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o={name:`map-pin`,size:24,node:[[`path`,{d:`M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0`,key:`1r0f0z`}],[`circle`,{cx:`12`,cy:`10`,r:`3`,key:`ilqhr7`}]]};o.node;var s=e.n(o),c=null;function l(){return c||(c=r.t.map(e=>{let t=r.n(e);return{iso2:t.iso2,name:t.name}}).sort((e,t)=>e.name.localeCompare(t.name)),c)}var u=e=>l().find(t=>t.iso2===String(e||``).toLowerCase())?.name||``,d={"united states of america":`us`,usa:`us`,"u.s.":`us`,"u.s.a.":`us`,uk:`gb`,"great britain":`gb`,england:`gb`,scotland:`gb`,wales:`gb`,"northern ireland":`gb`,"russian federation":`ru`,deutschland:`de`,españa:`es`,italia:`it`,brasil:`br`,"south korea":`kr`,"republic of korea":`kr`,"north korea":`kp`,czechia:`cz`,"czech republic":`cz`,"viet nam":`vn`,türkiye:`tr`,"the netherlands":`nl`,holland:`nl`,uae:`ae`,"united arab emirates":`ae`,"hong kong sar":`hk`,macau:`mo`,"ivory coast":`ci`,"côte d'ivoire":`ci`,eswatini:`sz`,"myanmar (burma)":`mm`,burma:`mm`};function f(e){let t=String(e||``).trim().toLowerCase();if(!t)return``;if(/^[a-z]{2}$/.test(t)&&l().some(e=>e.iso2===t))return t;if(d[t])return d[t];let n=l().find(e=>e.name.toLowerCase()===t);return n?n.iso2:l().find(e=>t.startsWith(e.name.toLowerCase())||e.name.toLowerCase().startsWith(t))?.iso2||``}function p(e){let t=f(e);return t?u(t):String(e||``).trim()}var m=`https://photon.komoot.io/api/`;function h(e){let t=(e.street||``).trim(),n=(e.housenumber||``).trim();return t?n?`${n} ${t}`:t:(e.name||``).trim()}var g=e=>(e.city||e.town||e.village||e.district||e.county||``).trim();function _(e,t){let n=e.properties;if(!n)return null;let r=h(n),i=g(n);if(!r&&!i)return null;let a=(n.state||``).trim(),o=(n.postcode||``).trim(),s=(n.country||``).trim(),c=[a,o].filter(Boolean).join(` `);return{id:`${n.osm_type||`x`}${n.osm_id??t}-${t}`,label:[r,i,c,s].filter(Boolean).join(`, `),street:r,city:i,region:a,postcode:o,country:s,countryCode:(n.countrycode||``).trim().toLowerCase()}}function v(e){let t=new Set;return e.filter(e=>{let n=e.label.toLowerCase();return t.has(n)?!1:(t.add(n),!0)})}async function y(e,t={}){let n=String(e||``).trim();if(n.length<3)return[];let r=`${m}?q=${encodeURIComponent(n)}&limit=${t.limit??6}`;try{let e=await fetch(r,{signal:t.signal});if(!e.ok)return[];let n=await e.json();return v((Array.isArray(n?.features)?n.features:[]).map(_).filter(e=>e!==null))}catch{return[]}}var b=`text-[13px] font-medium text-foreground/70 select-none mb-2`,x={borderRadius:`var(--input-radius, 0.75rem)`},S=`flex items-center h-12 w-full px-4 text-[15px] text-foreground transition-all duration-300 glass-panel`,C=`block h-12 w-full px-4 py-2 text-[15px] text-foreground transition-all duration-300 placeholder:text-foreground/40 focus:outline-none focus:border-accent glow-focus disabled:cursor-not-allowed disabled:opacity-50 glass-panel`,w=`flex-1 min-w-0 bg-transparent border-none outline-none shadow-none p-0 text-[15px] text-foreground placeholder:text-foreground/40 no-glow`;function T(e){let[t,n]=(0,i.useState)(!1),[r,a]=(0,i.useState)(!1),[o,s]=(0,i.useState)([]),[c,l]=(0,i.useState)(-1),u=(0,i.useRef)(!1),d=(0,i.useRef)(!1),f=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(u.current){u.current=!1;return}if(!d.current){s([]),a(!1),n(!1);return}let t=e.trim();if(t.length<3){s([]),a(!1),n(!1);return}let r=new AbortController;a(!0);let i=setTimeout(async()=>{let e=await y(t,{signal:r.signal});r.signal.aborted||(s(e),l(-1),a(!1),n(e.length>0))},250);return()=>{r.abort(),clearTimeout(i)}},[e]),(0,i.useEffect)(()=>{if(!t)return;let e=e=>{f.current?.contains(e.target)||n(!1)};return document.addEventListener(`pointerdown`,e,!0),()=>document.removeEventListener(`pointerdown`,e,!0)},[t]),{open:t,setOpen:n,busy:r,rows:o,active:c,setActive:l,boxRef:f,typed:d,take:e=>{u.current=!0,e(),n(!1),s([]),l(-1)},onKeyDown:(e,r)=>{if(e.key===`Escape`&&t){e.stopPropagation(),n(!1);return}!t||!o.length||(e.key===`ArrowDown`?(e.preventDefault(),l(e=>(e+1)%o.length)):e.key===`ArrowUp`?(e.preventDefault(),l(e=>(e<=0?o.length:e)-1)):e.key===`Enter`&&c>=0&&(e.preventDefault(),r(o[c])))}}}function E({label:n,value:r,disabled:o,onPick:s}){let[c,u]=(0,i.useState)(!1),[d,p]=(0,i.useState)(``),m=(0,i.useRef)(null),h=(0,i.useRef)(null);(0,i.useEffect)(()=>{if(!c){p(``);return}h.current?.focus();let e=e=>{m.current?.contains(e.target)||u(!1)};return document.addEventListener(`pointerdown`,e,!0),()=>document.removeEventListener(`pointerdown`,e,!0)},[c]);let g=d.trim().toLowerCase(),_=g?l().filter(e=>e.name.toLowerCase().includes(g)):l(),v=f(r);return(0,a.jsxs)(`div`,{className:`relative w-full`,ref:m,children:[(0,a.jsxs)(`button`,{type:`button`,disabled:o,onClick:()=>u(e=>!e),"aria-haspopup":`listbox`,"aria-expanded":c,"aria-label":n,className:`${S} justify-between gap-2 text-left cursor-pointer hover:border-accent/40 disabled:cursor-not-allowed disabled:opacity-50`,style:x,children:[(0,a.jsx)(`span`,{className:`truncate ${r?`text-foreground`:`text-foreground/40`}`,children:r||`Country`}),(0,a.jsx)(e.t,{className:`w-3.5 h-3.5 shrink-0 text-foreground/50 transition-transform duration-300 ${c?`rotate-180`:``}`})]}),c&&(0,a.jsxs)(`div`,{role:`listbox`,"aria-label":n,className:`absolute z-[999999] top-[calc(100%+8px)] left-0 w-full glass-popover overflow-hidden`,style:x,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 px-3 h-11 border-b border-[var(--panel-border)]/50`,children:[(0,a.jsx)(t.n,{className:`w-3.5 h-3.5 shrink-0 text-foreground/35`}),(0,a.jsx)(`input`,{ref:h,value:d,onChange:e=>p(e.target.value),onKeyDown:e=>{if(e.key===`Escape`){e.stopPropagation(),u(!1);return}e.key===`Enter`&&(e.preventDefault(),_[0]&&(s(_[0].name),u(!1)))},placeholder:`Search countries`,"aria-label":`Search countries`,autoComplete:`off`,className:`${w} text-[14px]`})]}),(0,a.jsxs)(`div`,{className:`max-h-56 overflow-y-auto no-scrollbar p-1`,children:[r&&!g&&(0,a.jsxs)(`div`,{role:`option`,"aria-selected":!1,onClick:()=>{s(``),u(!1)},className:`flex items-center gap-2.5 px-3 py-2.5 text-[13px] font-medium text-foreground/60 hover:bg-foreground/5 cursor-pointer`,style:{borderRadius:`calc(var(--input-radius, 0.75rem) - 0.25rem)`},children:[(0,a.jsx)(t.t,{className:`w-3.5 h-3.5 shrink-0 text-foreground/35`}),(0,a.jsx)(`span`,{className:`truncate`,children:`No country`})]}),_.map(e=>(0,a.jsx)(`div`,{role:`option`,"aria-selected":e.iso2===v,onClick:()=>{s(e.name),u(!1)},className:`flex items-center px-3 py-2.5 transition-colors font-medium text-[13px] cursor-pointer ${e.iso2===v?`bg-accent/10 text-accent font-bold`:`text-foreground/80 hover:bg-foreground/5 hover:text-foreground`}`,style:{borderRadius:`calc(var(--input-radius, 0.75rem) - 0.25rem)`},children:(0,a.jsx)(`span`,{className:`truncate`,children:e.name})},e.iso2)),_.length===0&&(0,a.jsx)(`div`,{className:`px-3 py-2.5 text-[13px] text-foreground/40`,children:`No match`})]})]})]})}function D({id:e,label:r,value:i,onChange:o,required:c=!1,disabled:l=!1,placeholder:u,error:d}){let m=T(i.street),h=n.o(f(i.country)),g=e=>o({...i,...e}),_=e=>m.take(()=>o({street:e.street,city:e.city,region:e.region,postcode:e.postcode,country:p(e.countryCode||e.country)||i.country})),v=(e,t,n,o,s)=>(0,a.jsx)(`div`,{className:o,children:(0,a.jsx)(`input`,{type:`text`,disabled:l,value:i[e],onChange:t=>g({[e]:t.target.value}),placeholder:n,"aria-label":`${r} — ${t}`,autoComplete:s,className:C,style:x})},e),y=h.postal?`col-span-1`:`col-span-2`,D=h.region?`col-span-1`:`col-span-2`,O=!!(i.country||i.city||i.region||i.postcode);return(0,a.jsxs)(`div`,{className:`flex flex-col w-full`,ref:m.boxRef,children:[(0,a.jsx)(`label`,{className:b,htmlFor:e,children:r}),(0,a.jsxs)(`div`,{className:`relative w-full`,children:[(0,a.jsxs)(`div`,{className:`${S} gap-2.5 focus-within:border-accent glow-focus ${d?`border-red-500/50`:``}`,style:x,children:[(0,a.jsx)(s,{className:`w-4 h-4 shrink-0 text-foreground/40`}),(0,a.jsx)(`input`,{id:e,type:`text`,required:c,disabled:l,value:i.street,onChange:e=>{m.typed.current=!0,g({street:e.target.value})},onFocus:()=>{m.rows.length&&m.setOpen(!0)},onKeyDown:e=>m.onKeyDown(e,_),role:`combobox`,"aria-expanded":m.open,"aria-autocomplete":`list`,"aria-controls":`${e}-list`,placeholder:u||`Start typing your address`,autoComplete:`address-line1`,className:w}),m.busy&&(0,a.jsx)(t.r,{className:`w-3.5 h-3.5 shrink-0 text-foreground/30 animate-spin`})]}),m.open&&(0,a.jsx)(`div`,{id:`${e}-list`,role:`listbox`,"aria-label":r,className:`absolute z-[999999] top-[calc(100%+8px)] left-0 w-full glass-popover overflow-hidden p-1`,style:x,children:m.rows.map((e,t)=>(0,a.jsxs)(`div`,{role:`option`,"aria-selected":t===m.active,onMouseEnter:()=>m.setActive(t),onClick:()=>_(e),className:`flex items-center gap-2.5 px-3 py-2.5 transition-colors text-[13px] font-medium cursor-pointer ${t===m.active?`bg-accent/10 text-accent`:`text-foreground/80 hover:bg-foreground/5`}`,style:{borderRadius:`calc(var(--input-radius, 0.75rem) - 0.25rem)`},children:[(0,a.jsx)(s,{className:`w-3.5 h-3.5 shrink-0 text-foreground/35`}),(0,a.jsx)(`span`,{className:`truncate`,children:e.label})]},e.id))})]}),(0,a.jsx)(`div`,{className:`mt-2.5`,children:(0,a.jsx)(E,{label:`${r} — country`,value:i.country,disabled:l,onPick:e=>g({country:e})})}),O&&(0,a.jsxs)(`div`,{className:`grid grid-cols-2 gap-2.5 mt-2.5`,children:[v(`city`,`city`,n.t[h.locality],`col-span-2`,`address-level2`),h.region&&v(`region`,`region`,n.t[h.region],y,`address-level1`),h.postal&&v(`postcode`,`postcode`,n.t[h.postal],D,`postal-code`)]}),d&&(0,a.jsx)(`p`,{className:`text-[13px] text-red-500 font-medium mt-1.5`,children:d})]})}exports.AddressField=D,exports.default=D;

package/dist/{AddressField-B2YBRXcx.js → AddressField-ECIN8cDm.js}

@@ -1,20 +1,35 @@
-import { F as e, ct as t, ht as n, o as r, on as i } from "./lucide-react-ehRy1vqS.js";
-import { o as a, t as o } from "./address-Ca1h_UZX.js";
-import { n as s, t as c } from "./dist-BkUiTtIb.js";
+import { n as e, t } from "./chevron-down--LwXEv9w.js";
+import { n, r, t as i } from "./x-hax8aKt8.js";
+import { o as a, t as o } from "./address-4GXKgkSk.js";
+import { n as s, t as c } from "./dist-DPI0YYsh.js";
 import { useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/lib/countryList.ts
-var m = null;
-function h() {
-	return m || (m = c.map((e) => {
+//#region node_modules/lucide-react/dist/esm/icons/map-pin.mjs
+var m = {
+	name: "map-pin",
+	size: 24,
+	node: [["path", {
+		d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
+		key: "1r0f0z"
+	}], ["circle", {
+		cx: "12",
+		cy: "10",
+		r: "3",
+		key: "ilqhr7"
+	}]]
+};
+m.node;
+var h = e(m), g = null;
+function _() {
+	return g || (g = c.map((e) => {
 		let t = s(e);
 		return {
 			iso2: t.iso2,
 			name: t.name
 		};
-	}).sort((e, t) => e.name.localeCompare(t.name)), m);
+	}).sort((e, t) => e.name.localeCompare(t.name)), g);
 }
-var g = (e) => h().find((t) => t.iso2 === String(e || "").toLowerCase())?.name || "", _ = {
+var v = (e) => _().find((t) => t.iso2 === String(e || "").toLowerCase())?.name || "", y = {
 	"united states of america": "us",
 	usa: "us",
 	"u.s.": "us",
@@ -49,30 +64,30 @@ var g = (e) => h().find((t) => t.iso2 === String(e || "").toLowerCase())?.name |
 	"myanmar (burma)": "mm",
 	burma: "mm"
 };
-function v(e) {
+function b(e) {
 	let t = String(e || "").trim().toLowerCase();
 	if (!t) return "";
-	if (/^[a-z]{2}$/.test(t) && h().some((e) => e.iso2 === t)) return t;
-	if (_[t]) return _[t];
-	let n = h().find((e) => e.name.toLowerCase() === t);
-	return n ? n.iso2 : h().find((e) => t.startsWith(e.name.toLowerCase()) || e.name.toLowerCase().startsWith(t))?.iso2 || "";
+	if (/^[a-z]{2}$/.test(t) && _().some((e) => e.iso2 === t)) return t;
+	if (y[t]) return y[t];
+	let n = _().find((e) => e.name.toLowerCase() === t);
+	return n ? n.iso2 : _().find((e) => t.startsWith(e.name.toLowerCase()) || e.name.toLowerCase().startsWith(t))?.iso2 || "";
 }
-function y(e) {
-	let t = v(e);
-	return t ? g(t) : String(e || "").trim();
+function x(e) {
+	let t = b(e);
+	return t ? v(t) : String(e || "").trim();
 }
 //#endregion
 //#region src/lib/addressLookup.ts
-var b = "https://photon.komoot.io/api/";
-function x(e) {
+var S = "https://photon.komoot.io/api/";
+function C(e) {
 	let t = (e.street || "").trim(), n = (e.housenumber || "").trim();
 	return t ? n ? `${n} ${t}` : t : (e.name || "").trim();
 }
-var S = (e) => (e.city || e.town || e.village || e.district || e.county || "").trim();
-function C(e, t) {
+var w = (e) => (e.city || e.town || e.village || e.district || e.county || "").trim();
+function T(e, t) {
 	let n = e.properties;
 	if (!n) return null;
-	let r = x(n), i = S(n);
+	let r = C(n), i = w(n);
 	if (!r && !i) return null;
 	let a = (n.state || "").trim(), o = (n.postcode || "").trim(), s = (n.country || "").trim(), c = [a, o].filter(Boolean).join(" ");
 	return {
@@ -91,30 +106,30 @@ function C(e, t) {
 		countryCode: (n.countrycode || "").trim().toLowerCase()
 	};
 }
-function w(e) {
+function E(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.filter((e) => {
 		let n = e.label.toLowerCase();
 		return t.has(n) ? !1 : (t.add(n), !0);
 	});
 }
-async function T(e, t = {}) {
+async function D(e, t = {}) {
 	let n = String(e || "").trim();
 	if (n.length < 3) return [];
-	let r = `${b}?q=${encodeURIComponent(n)}&limit=${t.limit ?? 6}`;
+	let r = `${S}?q=${encodeURIComponent(n)}&limit=${t.limit ?? 6}`;
 	try {
 		let e = await fetch(r, { signal: t.signal });
 		if (!e.ok) return [];
 		let n = await e.json();
-		return w((Array.isArray(n?.features) ? n.features : []).map(C).filter((e) => e !== null));
+		return E((Array.isArray(n?.features) ? n.features : []).map(T).filter((e) => e !== null));
 	} catch {
 		return [];
 	}
 }
 //#endregion
 //#region src/components/AddressField.tsx
-var E = "text-[13px] font-medium text-foreground/70 select-none mb-2", D = { borderRadius: "var(--input-radius, 0.75rem)" }, O = "flex items-center h-12 w-full px-4 text-[15px] text-foreground transition-all duration-300 glass-panel", k = "block h-12 w-full px-4 py-2 text-[15px] text-foreground transition-all duration-300 placeholder:text-foreground/40 focus:outline-none focus:border-accent glow-focus disabled:cursor-not-allowed disabled:opacity-50 glass-panel", A = "flex-1 min-w-0 bg-transparent border-none outline-none shadow-none p-0 text-[15px] text-foreground placeholder:text-foreground/40 no-glow";
-function j(e) {
+var O = "text-[13px] font-medium text-foreground/70 select-none mb-2", k = { borderRadius: "var(--input-radius, 0.75rem)" }, A = "flex items-center h-12 w-full px-4 text-[15px] text-foreground transition-all duration-300 glass-panel", j = "block h-12 w-full px-4 py-2 text-[15px] text-foreground transition-all duration-300 placeholder:text-foreground/40 focus:outline-none focus:border-accent glow-focus disabled:cursor-not-allowed disabled:opacity-50 glass-panel", M = "flex-1 min-w-0 bg-transparent border-none outline-none shadow-none p-0 text-[15px] text-foreground placeholder:text-foreground/40 no-glow";
+function N(e) {
 	let [t, n] = d(!1), [r, i] = d(!1), [a, o] = d([]), [s, c] = d(-1), f = u(!1), p = u(!1), m = u(null);
 	return l(() => {
 		if (f.current) {
@@ -133,7 +148,7 @@ function j(e) {
 		let r = new AbortController();
 		i(!0);
 		let a = setTimeout(async () => {
-			let e = await T(t, { signal: r.signal });
+			let e = await D(t, { signal: r.signal });
 			r.signal.aborted || (o(e), c(-1), i(!1), n(e.length > 0));
 		}, 250);
 		return () => {
@@ -166,47 +181,47 @@ function j(e) {
 		}
 	};
 }
-function M({ label: t, value: n, disabled: a, onPick: o }) {
-	let [s, c] = d(!1), [m, g] = d(""), _ = u(null), y = u(null);
+function P({ label: e, value: r, disabled: a, onPick: o }) {
+	let [s, c] = d(!1), [m, h] = d(""), g = u(null), v = u(null);
 	l(() => {
 		if (!s) {
-			g("");
+			h("");
 			return;
 		}
-		y.current?.focus();
+		v.current?.focus();
 		let e = (e) => {
-			_.current?.contains(e.target) || c(!1);
+			g.current?.contains(e.target) || c(!1);
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
 	}, [s]);
-	let b = m.trim().toLowerCase(), x = b ? h().filter((e) => e.name.toLowerCase().includes(b)) : h(), S = v(n);
+	let y = m.trim().toLowerCase(), x = y ? _().filter((e) => e.name.toLowerCase().includes(y)) : _(), S = b(r);
 	return /* @__PURE__ */ p("div", {
 		className: "relative w-full",
-		ref: _,
+		ref: g,
 		children: [/* @__PURE__ */ p("button", {
 			type: "button",
 			disabled: a,
 			onClick: () => c((e) => !e),
 			"aria-haspopup": "listbox",
 			"aria-expanded": s,
-			"aria-label": t,
-			className: `${O} justify-between gap-2 text-left cursor-pointer hover:border-accent/40 disabled:cursor-not-allowed disabled:opacity-50`,
-			style: D,
+			"aria-label": e,
+			className: `${A} justify-between gap-2 text-left cursor-pointer hover:border-accent/40 disabled:cursor-not-allowed disabled:opacity-50`,
+			style: k,
 			children: [/* @__PURE__ */ f("span", {
-				className: `truncate ${n ? "text-foreground" : "text-foreground/40"}`,
-				children: n || "Country"
-			}), /* @__PURE__ */ f(i, { className: `w-3.5 h-3.5 shrink-0 text-foreground/50 transition-transform duration-300 ${s ? "rotate-180" : ""}` })]
+				className: `truncate ${r ? "text-foreground" : "text-foreground/40"}`,
+				children: r || "Country"
+			}), /* @__PURE__ */ f(t, { className: `w-3.5 h-3.5 shrink-0 text-foreground/50 transition-transform duration-300 ${s ? "rotate-180" : ""}` })]
 		}), s && /* @__PURE__ */ p("div", {
 			role: "listbox",
-			"aria-label": t,
+			"aria-label": e,
 			className: "absolute z-[999999] top-[calc(100%+8px)] left-0 w-full glass-popover overflow-hidden",
-			style: D,
+			style: k,
 			children: [/* @__PURE__ */ p("div", {
 				className: "flex items-center gap-2 px-3 h-11 border-b border-[var(--panel-border)]/50",
-				children: [/* @__PURE__ */ f(e, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("input", {
-					ref: y,
+				children: [/* @__PURE__ */ f(n, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("input", {
+					ref: v,
 					value: m,
-					onChange: (e) => g(e.target.value),
+					onChange: (e) => h(e.target.value),
 					onKeyDown: (e) => {
 						if (e.key === "Escape") {
 							e.stopPropagation(), c(!1);
@@ -217,12 +232,12 @@ function M({ label: t, value: n, disabled: a, onPick: o }) {
 					placeholder: "Search countries",
 					"aria-label": "Search countries",
 					autoComplete: "off",
-					className: `${A} text-[14px]`
+					className: `${M} text-[14px]`
 				})]
 			}), /* @__PURE__ */ p("div", {
 				className: "max-h-56 overflow-y-auto no-scrollbar p-1",
 				children: [
-					n && !b && /* @__PURE__ */ p("div", {
+					r && !y && /* @__PURE__ */ p("div", {
 						role: "option",
 						"aria-selected": !1,
 						onClick: () => {
@@ -230,7 +245,7 @@ function M({ label: t, value: n, disabled: a, onPick: o }) {
 						},
 						className: "flex items-center gap-2.5 px-3 py-2.5 text-[13px] font-medium text-foreground/60 hover:bg-foreground/5 cursor-pointer",
 						style: { borderRadius: "calc(var(--input-radius, 0.75rem) - 0.25rem)" },
-						children: [/* @__PURE__ */ f(r, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ f(i, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("span", {
 							className: "truncate",
 							children: "No country"
 						})]
@@ -257,83 +272,83 @@ function M({ label: t, value: n, disabled: a, onPick: o }) {
 		})]
 	});
 }
-function N({ id: e, label: r, value: i, onChange: s, required: c = !1, disabled: l = !1, placeholder: u, error: d }) {
-	let m = j(i.street), h = a(v(i.country)), g = (e) => s({
-		...i,
+function F({ id: e, label: t, value: n, onChange: i, required: s = !1, disabled: c = !1, placeholder: l, error: u }) {
+	let d = N(n.street), m = a(b(n.country)), g = (e) => i({
+		...n,
 		...e
-	}), _ = (e) => m.take(() => s({
+	}), _ = (e) => d.take(() => i({
 		street: e.street,
 		city: e.city,
 		region: e.region,
 		postcode: e.postcode,
-		country: y(e.countryCode || e.country) || i.country
-	})), b = (e, t, n, a, o) => /* @__PURE__ */ f("div", {
+		country: x(e.countryCode || e.country) || n.country
+	})), v = (e, r, i, a, o) => /* @__PURE__ */ f("div", {
 		className: a,
 		children: /* @__PURE__ */ f("input", {
 			type: "text",
-			disabled: l,
-			value: i[e],
+			disabled: c,
+			value: n[e],
 			onChange: (t) => g({ [e]: t.target.value }),
-			placeholder: n,
-			"aria-label": `${r} — ${t}`,
+			placeholder: i,
+			"aria-label": `${t} — ${r}`,
 			autoComplete: o,
-			className: k,
-			style: D
+			className: j,
+			style: k
 		})
-	}, e), x = h.postal ? "col-span-1" : "col-span-2", S = h.region ? "col-span-1" : "col-span-2", C = !!(i.country || i.city || i.region || i.postcode);
+	}, e), y = m.postal ? "col-span-1" : "col-span-2", S = m.region ? "col-span-1" : "col-span-2", C = !!(n.country || n.city || n.region || n.postcode);
 	return /* @__PURE__ */ p("div", {
 		className: "flex flex-col w-full",
-		ref: m.boxRef,
+		ref: d.boxRef,
 		children: [
 			/* @__PURE__ */ f("label", {
-				className: E,
+				className: O,
 				htmlFor: e,
-				children: r
+				children: t
 			}),
 			/* @__PURE__ */ p("div", {
 				className: "relative w-full",
 				children: [/* @__PURE__ */ p("div", {
-					className: `${O} gap-2.5 focus-within:border-accent glow-focus ${d ? "border-red-500/50" : ""}`,
-					style: D,
+					className: `${A} gap-2.5 focus-within:border-accent glow-focus ${u ? "border-red-500/50" : ""}`,
+					style: k,
 					children: [
-						/* @__PURE__ */ f(t, { className: "w-4 h-4 shrink-0 text-foreground/40" }),
+						/* @__PURE__ */ f(h, { className: "w-4 h-4 shrink-0 text-foreground/40" }),
 						/* @__PURE__ */ f("input", {
 							id: e,
 							type: "text",
-							required: c,
-							disabled: l,
-							value: i.street,
+							required: s,
+							disabled: c,
+							value: n.street,
 							onChange: (e) => {
-								m.typed.current = !0, g({ street: e.target.value });
+								d.typed.current = !0, g({ street: e.target.value });
 							},
 							onFocus: () => {
-								m.rows.length && m.setOpen(!0);
+								d.rows.length && d.setOpen(!0);
 							},
-							onKeyDown: (e) => m.onKeyDown(e, _),
+							onKeyDown: (e) => d.onKeyDown(e, _),
 							role: "combobox",
-							"aria-expanded": m.open,
+							"aria-expanded": d.open,
 							"aria-autocomplete": "list",
 							"aria-controls": `${e}-list`,
-							placeholder: u || "Start typing your address",
+							placeholder: l || "Start typing your address",
 							autoComplete: "address-line1",
-							className: A
+							className: M
 						}),
-						m.busy && /* @__PURE__ */ f(n, { className: "w-3.5 h-3.5 shrink-0 text-foreground/30 animate-spin" })
+						d.busy && /* @__PURE__ */ f(r, { className: "w-3.5 h-3.5 shrink-0 text-foreground/30 animate-spin" })
 					]
-				}), m.open && /* @__PURE__ */ f("div", {
+				}), d.open && /* @__PURE__ */ f("div", {
 					id: `${e}-list`,
 					role: "listbox",
-					"aria-label": r,
+					"aria-label": t,
 					className: "absolute z-[999999] top-[calc(100%+8px)] left-0 w-full glass-popover overflow-hidden p-1",
-					style: D,
-					children: m.rows.map((e, n) => /* @__PURE__ */ p("div", {
+					style: k,
+					children: d.rows.map((e, t) => /* @__PURE__ */ p("div", {
 						role: "option",
-						"aria-selected": n === m.active,
-						onMouseEnter: () => m.setActive(n),
+						"aria-selected": t === d.active,
+						onMouseEnter: () => d.setActive(t),
 						onClick: () => _(e),
-						className: `flex items-center gap-2.5 px-3 py-2.5 transition-colors text-[13px] font-medium cursor-pointer ${n === m.active ? "bg-accent/10 text-accent" : "text-foreground/80 hover:bg-foreground/5"}`,
+						className: `flex items-center gap-2.5 px-3 py-2.5 transition-colors text-[13px] font-medium cursor-pointer ${t === d.active ? "bg-accent/10 text-accent" : "text-foreground/80 hover:bg-foreground/5"}`,
 						style: { borderRadius: "calc(var(--input-radius, 0.75rem) - 0.25rem)" },
-						children: [/* @__PURE__ */ f(t, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ f(h, { className: "w-3.5 h-3.5 shrink-0 text-foreground/35" }), /* @__PURE__ */ f("span", {
 							className: "truncate",
 							children: e.label
 						})]
@@ -342,27 +357,27 @@ function N({ id: e, label: r, value: i, onChange: s, required: c = !1, disabled:
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "mt-2.5",
-				children: /* @__PURE__ */ f(M, {
-					label: `${r} — country`,
-					value: i.country,
-					disabled: l,
+				children: /* @__PURE__ */ f(P, {
+					label: `${t} — country`,
+					value: n.country,
+					disabled: c,
 					onPick: (e) => g({ country: e })
 				})
 			}),
 			C && /* @__PURE__ */ p("div", {
 				className: "grid grid-cols-2 gap-2.5 mt-2.5",
 				children: [
-					b("city", "city", o[h.locality], "col-span-2", "address-level2"),
-					h.region && b("region", "region", o[h.region], x, "address-level1"),
-					h.postal && b("postcode", "postcode", o[h.postal], S, "postal-code")
+					v("city", "city", o[m.locality], "col-span-2", "address-level2"),
+					m.region && v("region", "region", o[m.region], y, "address-level1"),
+					m.postal && v("postcode", "postcode", o[m.postal], S, "postal-code")
 				]
 			}),
-			d && /* @__PURE__ */ f("p", {
+			u && /* @__PURE__ */ f("p", {
 				className: "text-[13px] text-red-500 font-medium mt-1.5",
-				children: d
+				children: u
 			})
 		]
 	});
 }
 //#endregion
-export { N as AddressField, N as default };
+export { F as AddressField, F as default };

package/dist/Assets-6gmOu6r8.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`),require(`./PageTitle-BZdZKsWY.cjs`);const e=require(`./TimeZoneField-CTOzXNgo.cjs`),t=require(`./chevron-down-lyDK1rfL.cjs`),n=require(`./TemplateDrive-9AHPZJGs.cjs`),r=require(`./x-Ci8c5p6T.cjs`),i=require(`./trash-D-CpYHCs.cjs`),a=require(`./mediaKind-CQdnes55.cjs`),o=require(`./ConfirmModal-BgIpdb9X.cjs`),s=require(`./fileBytes-BDKyALRi.cjs`),c=require(`./SystemTabContent-B2A0IhwV.cjs`);let l=require(`react`),u=require(`react/jsx-runtime`),d=require(`firebase/firestore`),f=require(`firebase/storage`);var p={name:`zap`,size:24,node:[[`path`,{d:`M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z`,key:`1v7up4`}]]};p.node;var m=t.n(p),h=[`pub_files`,`pub_files/pages`,`pub_form_uploads/pages`],g=/^image\/(jpe?g|png|webp|avif)$/i;async function _(t){try{let n=await(0,f.listAll)((0,f.ref)(e.fi,t)),r=n.items.map(e=>e.fullPath).filter(e=>!a.u(e)),i=await Promise.all(n.prefixes.map(e=>_(e.fullPath)));return[...r,...i.flat()]}catch{return[]}}var v=t=>RegExp(`max-age=${e.W}`).test(String(t||``));async function y(t){try{return await(0,f.getMetadata)((0,f.ref)(e.fi,t)),!0}catch{return!1}}async function b(t,n){let r=``;try{let i=await(0,f.getMetadata)((0,f.ref)(e.fi,t));r=String(i.contentType||``),v(i.cacheControl)||(await(0,f.updateMetadata)((0,f.ref)(e.fi,t),{cacheControl:e.G(t).cacheControl,...i.customMetadata?{customMetadata:i.customMetadata}:{}}),n.headersFixed++)}catch{n.skipped++;return}if(!g.test(r))return;let i=[{path:a.f(t),make:a.p},{path:a.v(t),make:a.y}].filter(e=>e.path),o=[];for(let e of i)await y(e.path)||o.push(e);if(!o.length)return;let c;try{c=await s.t(await(0,f.getDownloadURL)((0,f.ref)(e.fi,t)))}catch{n.skipped++;return}let l=t.slice(t.lastIndexOf(`/`)+1),u=new File([c],l,{type:r||c.type});for(let t of o)try{let r=await t.make(u,l);if(!r)continue;await(0,f.uploadBytes)((0,f.ref)(e.fi,t.path),r,e.G(t.path)),n.companionsMade++}catch{}}async function x(e={}){let{onProgress:t,signal:n}=e,r={done:0,total:0,headersFixed:0,companionsMade:0,skipped:0},i=await Promise.all(h.map(_)),a=[...new Set(i.flat())];r.total=a.length,t?.({...r});let o=0;return await Promise.all(Array.from({length:Math.min(4,a.length)},async()=>{for(;o<a.length;){if(n?.aborted)return;let e=a[o++];await b(e,r),r.done++,t?.({...r})}})),{...r}}var S=[`mem_files`,`user_files`,`admin_files`],C=e=>!e.sourceTab;function w(){let[t,n]=(0,l.useState)(null),[a,s]=(0,l.useState)(!1),[c,p]=(0,l.useState)(!1),[m,h]=(0,l.useState)(``),[g,_]=(0,l.useState)(0);(0,l.useEffect)(()=>{let t=!1;return Promise.all(S.map(async t=>{try{return(await(0,d.getDocs)((0,d.collection)(e.ui,t))).docs.map(e=>({collectionName:t,id:e.id,...e.data()}))}catch{return[]}})).then(e=>{t||n(e.flat())}),()=>{t=!0}},[]);let v=async()=>{if(!t)return;p(!0),h(``);let r=0;for(let n of t)try{let t=n.storagePath||n.downloadURL;t&&C(n)&&await(0,f.deleteObject)((0,f.ref)(e.fi,t)).catch(()=>{}),await(0,d.deleteDoc)((0,d.doc)(e.ui,n.collectionName,n.id)),_(e=>e+1)}catch(e){r+=1,console.error(`Could not delete ${n.collectionName}/${n.id}:`,e)}r>0?(h(`${r} file${r===1?``:`s`} could not be deleted. Reload and try again.`),n((await Promise.all(S.map(async t=>{try{return(await(0,d.getDocs)((0,d.collection)(e.ui,t))).docs.map(e=>({collectionName:t,id:e.id,...e.data()}))}catch{return[]}}))).flat())):n([]),p(!1),s(!1)};if(!t||t.length===0)return null;let y=t.filter(C).length,b=S.map(e=>({name:e,n:t.filter(t=>t.collectionName===e).length})).filter(e=>e.n>0);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(e.rt.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:`mt-6 glass-panel border border-amber-500/25 bg-amber-500/[0.03] rounded-2xl md:rounded-3xl p-4 md:p-8`,children:[(0,u.jsxs)(`h3`,{className:`text-[17px] font-bold text-foreground tracking-tight mb-2`,children:[t.length,` leftover record`,t.length===1?``:`s`,` from the old Drive`]}),(0,u.jsx)(`p`,{className:`text-[14px] text-foreground/60 leading-relaxed mb-3 max-w-2xl`,children:`Drive used to have Internal, User and Admin folders. They are gone — this page is the only built-in folder now, and each page you have built keeps its own files. Nothing reads these records any more.`}),(0,u.jsxs)(`p`,{className:`text-[14px] text-foreground/60 leading-relaxed mb-3 max-w-2xl`,children:[y>0?`${y} ${y===1?`was`:`were`} uploaded through the old Drive screen, so ${y===1?`its file is`:`their files are`} deleted too. `:``,t.length-y>0?`${t.length-y} belong to files a page still shows, so only the leftover record goes — the ${t.length-y===1?`file stays`:`files stay`} where ${t.length-y===1?`it is`:`they are`}.`:``]}),(0,u.jsx)(`p`,{className:`text-[13px] text-foreground/50 font-medium mb-5`,children:b.map(e=>`${e.n} in ${e.name}`).join(` · `)}),m&&(0,u.jsx)(`p`,{className:`text-[13px] font-medium text-red-400 bg-red-500/10 border border-red-500/20 rounded-xl p-3 mb-4`,children:m}),(0,u.jsxs)(`button`,{onClick:()=>s(!0),disabled:c,className:`inline-flex items-center gap-2 px-5 py-2.5 rounded-xl text-[13px] font-bold bg-red-500/10 hover:bg-red-500/20 text-red-500 border border-red-500/20 transition-colors disabled:opacity-50`,children:[c?(0,u.jsx)(r.r,{className:`w-4 h-4 animate-spin`}):(0,u.jsx)(i.t,{className:`w-4 h-4`}),c?`Deleting ${g} of ${t.length}…`:`Clean up all ${t.length} permanently`]})]}),(0,u.jsx)(o.t,{isOpen:a,title:`Delete the old Drive files`,message:(0,u.jsxs)(u.Fragment,{children:[`This permanently deletes `,(0,u.jsxs)(`strong`,{className:`text-foreground`,children:[t.length,` leftover record`,t.length===1?``:`s`]}),` `,`from `,b.map(e=>e.name).join(`, `),y>0&&(0,u.jsxs)(u.Fragment,{children:[`, along with the `,(0,u.jsxs)(`strong`,{className:`text-foreground`,children:[y,` file`,y===1?``:`s`]}),` uploaded through the old Drive screen`]}),`. It cannot be undone, and it covers every user's uploads, not only your own. Files that a page still shows are left alone.`]}),onConfirm:v,onCancel:()=>s(!1),isProcessing:c,confirmText:`Yes, delete them`})]})}function T(){let[t,n]=(0,l.useState)(null),[i,a]=(0,l.useState)(!1),[o,s]=(0,l.useState)(``),c=(0,l.useRef)(null);return(0,l.useEffect)(()=>()=>c.current?.abort(),[]),(0,u.jsxs)(e.rt.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:`mt-6 glass-panel border border-[var(--panel-border)] rounded-2xl md:rounded-3xl p-4 md:p-6`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,u.jsxs)(`div`,{className:`min-w-0`,children:[(0,u.jsx)(`h3`,{className:`text-[15px] font-bold text-foreground tracking-tight`,children:`Make pictures load faster`}),(0,u.jsx)(`p`,{className:`max-sm:hidden text-[13px] text-foreground/55 leading-relaxed mt-1 max-w-2xl`,children:`Pictures you added a while ago are still sent at full size every time somebody looks at them. This gives them the same light versions and the same settings everything you add now gets. Your pictures are not changed and nothing is deleted.`})]}),i?(0,u.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[(0,u.jsx)(`span`,{className:`text-[12.5px] font-semibold text-foreground/60 whitespace-nowrap`,children:t?`${t.done} of ${t.total}`:`Looking…`}),(0,u.jsx)(e.o,{icon:r.r,onClick:()=>c.current?.abort(),compact:!0,children:`Stop`})]}):(0,u.jsx)(e.o,{icon:m,onClick:async()=>{let e=new AbortController;c.current=e,a(!0),s(``),n(null);try{let t=await x({signal:e.signal,onProgress:n}),r=[t.companionsMade>0?`${t.companionsMade} light version${t.companionsMade===1?``:`s`} made`:``,t.headersFixed>0?`${t.headersFixed} picture${t.headersFixed===1?``:`s`} set to stay in the browser`:``].filter(Boolean);s(e.signal.aborted?`Stopped. Nothing was lost — start again whenever you like.`:r.length?`Done — ${r.join(`, `)}.`:`Everything is already fast.`)}catch{s(`That did not finish. Nothing was changed by the part that stopped — try again.`)}a(!1),n(null),c.current=null},compact:!0,children:`Make them fast`})]}),o&&!i&&(0,u.jsx)(`p`,{className:`text-[13px] font-medium text-foreground/70 mt-3`,children:o})]})}function E(){let{isAdmin:t}=e.It();return(0,u.jsx)(n.t,{title:`Assets`,subtitle:`/assets`,filesCollection:`pub_files`,config:{isAdmin:!0,pageId:`assets`},footer:t?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(T,{}),(0,u.jsx)(w,{})]}):null,addition:(0,u.jsx)(c.n,{tab:`assets`})})}exports.Assets=E;