@selvajs/selva 4.20.0-beta.7 → 4.20.0-beta.8

package/build/server/chunks/entries/pages/projects/{_page.svelte.js-B7_D6Tc7.js → _page.svelte.js-CWXSd3vY.js}

@@ -1,16 +1,17 @@
-import { ag as head, ap as escape_html, ak as ensure_array_like, ae as derived, aw as store_get, af as attr, an as attr_class, aj as stringify, ax as unsubscribe_stores, at as bind_props, ai as spread_props, ao as attr_style } from '../../../chunks/server.js-eNE8c09e.js';
+import { ag as head, ak as ensure_array_like, ap as escape_html, aw as store_get, ae as derived, af as attr, an as attr_class, aj as stringify, ax as unsubscribe_stores, at as bind_props, ai as spread_props, ao as attr_style } from '../../../chunks/server.js-eNE8c09e.js';
 import '../../../chunks/src.js-CkFJvvTE.js';
 import { D as DEFAULT_SHARE_LINK_MAX_SOLVES } from '../../../chunks/types.js-B_zdqlv_.js';
+import { b as SvelteURLSearchParams } from '../../../chunks/index-server2.js-Defl0_Bj.js';
 import { I as Icon } from '../../../chunks/utils2.js-C1oP9gJ9.js';
 import { B as Button } from '../../../chunks/button.js-CjcDLdvS.js';
 import { A as Arrow_left } from '../../../chunks/arrow-left.js-CL-SopHe.js';
-import { C as Check } from '../../../chunks/popper-layer-force-mount.js-C36FvZrx.js';
+import { C as Check } from '../../../chunks/popper-layer-force-mount.js-BVkAYVXN.js';
 import { T as Triangle_alert } from '../../../chunks/severity.js-D9BMFvsP.js';
 import { C as Circle } from '../../../chunks/circle.js-BrJNPJrA.js';
 import { C as Copy } from '../../../chunks/copy.js-EUqXVOK1.js';
 import { D as Dialog_footer, S as Separator, U as Upload, E as Ellipsis, F as File_up, P as Play } from '../../../chunks/separator.js-BNiu6-aj.js';
 import { F as Folder_open } from '../../../chunks/folder-open.js-D2PK4iBK.js';
-import { S as Search, V as ViewToggle } from '../../../chunks/ViewToggle.js-CF3dsHiK.js';
+import { S as Search, V as ViewToggle } from '../../../chunks/ViewToggle.js-DfZqEana.js';
 import { L as Link_2 } from '../../../chunks/link-2.js-vAJaWEoc.js';
 import { P as Plus } from '../../../chunks/plus.js-DKWgh4AF.js';
 import { S as Search$1 } from '../../../chunks/search.js-BRrgF31e.js';
@@ -19,21 +20,21 @@ import { T as Trash } from '../../../chunks/trash.js-DnM7ek4W.js';
 import { U as User_plus } from '../../../chunks/user-plus.js-CZYPmLTv.js';
 import { U as Users } from '../../../chunks/users.js-ByB4SxDK.js';
 import { X } from '../../../chunks/x.js-BulvqqL2.js';
-import { R as Root, A as Alert_dialog_content, a as Alert_dialog_header, c as Alert_dialog_title, d as Alert_dialog_description, b as Alert_dialog_footer, e as Alert_dialog_cancel, f as Alert_dialog_action } from '../../../chunks/alert-dialog.js-BkZe8aAZ.js';
-import { F as FilterableDropdown } from '../../../chunks/FilterableDropdown.js-BOn5KqoV.js';
-import { R as Root$1, D as Dialog_content, a as Dialog_header, b as Dialog_title, c as Dialog_description } from '../../../chunks/dialog.js-RXbcPNWY.js';
+import { R as Root, A as Alert_dialog_content, a as Alert_dialog_header, c as Alert_dialog_title, d as Alert_dialog_description, b as Alert_dialog_footer, e as Alert_dialog_cancel, f as Alert_dialog_action } from '../../../chunks/alert-dialog.js-NNiNoEbs.js';
+import { F as FilterableDropdown } from '../../../chunks/FilterableDropdown.js-D_qAE6m9.js';
+import { R as Root$1, D as Dialog_content, a as Dialog_header, b as Dialog_title, c as Dialog_description } from '../../../chunks/dialog.js-BgpbBL6T.js';
 import { L as Label } from '../../../chunks/label.js-CH-88bjp.js';
-import { d as Textarea, T as Tabs, a as Tabs_list, c as Tabs_trigger, b as Tabs_content } from '../../../chunks/tabs-trigger.js-DYBZ_4nv.js';
-import { i as invalidateAll, g as goto } from '../../../chunks/client.js-B5cNNyu2.js';
-import { S as SectionHeader } from '../../../chunks/SectionHeader.js-DiptCbfZ.js';
+import { d as Textarea, T as Tabs, a as Tabs_list, c as Tabs_trigger, b as Tabs_content } from '../../../chunks/tabs-trigger.js-BeV-n20t.js';
+import { i as invalidateAll, g as goto } from '../../../chunks/client.js-2Lg7WJIk.js';
+import { S as SectionHeader } from '../../../chunks/SectionHeader.js-PzuZL2oZ.js';
 import { E as EmptyState } from '../../../chunks/EmptyState.js-BdUreCXm.js';
 import { B as Badge } from '../../../chunks/badge.js-BnFZznXd.js';
 import { I as Input } from '../../../chunks/input.js-BE17eZ31.js';
 import { a as toast } from '../../../chunks/toast-state.svelte.js-CZ8ABWnl.js';
 import { C as Callout } from '../../../chunks/Callout.js-_5j40j01.js';
-import { C as ConfirmDialog } from '../../../chunks/ConfirmDialog.js-B9ZarTIe.js';
-import { p as page } from '../../../chunks/stores.js-Cl0Rc65E.js';
-import { D as DefinitionCard, h as huesFor, m as monogram, f as formatUpdated, s as statusRing, a as statusDot } from '../../../chunks/DefinitionCard.js-cWBb-1ZJ.js';
+import { C as ConfirmDialog } from '../../../chunks/ConfirmDialog.js-B32hC1dG.js';
+import { p as page } from '../../../chunks/stores.js-CmjD-H_S.js';
+import { D as DefinitionCard, h as huesFor, m as monogram, f as formatUpdated, s as statusRing, a as statusDot } from '../../../chunks/DefinitionCard.js-CwqFKDlz.js';
 import { e as emailSubtitle, p as primaryLabel } from '../../../chunks/user-display.js-DK2uDS-J.js';
 import { U as UserAvatar } from '../../../chunks/UserAvatar.js-DDPSjRDb.js';
 import '../../../chunks/uneval.js-NmnccxCg.js';
@@ -42,13 +43,12 @@ import 'zod';
 import 'tailwind-merge';
 import 'tailwind-variants';
 import '../../../chunks/create-id.js-DByR97E7.js';
-import '../../../chunks/scroll-lock.js-Ds68nQMm.js';
+import '../../../chunks/scroll-lock.js-B23IQqpP.js';
 import '../../../chunks/index-server.js-B4lHrS_U.js';
 import '../../../chunks/events.js-Dn4NgQ5T.js';
-import '../../../chunks/index-server2.js-siA98IdX.js';
-import '../../../chunks/roving-focus-group.js-BT0BbbTq.js';
+import '../../../chunks/roving-focus-group.js-4kFd02kE.js';
 import '../../../chunks/after-sleep.js-DxlO5aaG.js';
-import '../../../chunks/dialog-description.js-D5m47Ni2.js';
+import '../../../chunks/dialog-description.js-BY-9ke4K.js';
 import '../../../chunks/chevron-down.js-BQGW7Xoh.js';
 import '../../../chunks/input-group.js-B9Xdbu_Z.js';
 import '../../../chunks/localeContext.svelte.js-CkSHigC9.js';
@@ -56,7 +56,7 @@ import '../../../chunks/shared.js-BStsS1ju.js';
 import '@sveltejs/kit/internal';
 import '../../../chunks/exports.js-DurfUvtz.js';
 import '../../../chunks/routing.js-CvcjLFt6.js';
-import '../../../chunks/internal2.js-BOHwnFs6.js';
+import '../../../chunks/internal2.js-34dCKLS0.js';
 import '../../../chunks/legacy-client.js-CnRScLY2.js';
 import '@sveltejs/kit/internal/server';
 import '../../../chunks/arrow-right.js-7VB0HIju.js';
@@ -145,7 +145,7 @@ function Share_2($$renderer, $$props) {
 function Drawer($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { onClose, width = "w-125", ariaLabel = "Close drawer", children } = $$props;
-		$$renderer.push(`<div role="button" tabindex="-1"${attr("aria-label", ariaLabel)} class="inset-0 fixed z-50 bg-overlay"></div> <div${attr_class(`animate-in slide-in-from-right-4 top-0 right-0 fixed z-50 flex h-full border-border bg-background ${stringify(width)} flex-col overflow-y-auto border-l duration-150`)}>`);
+		$$renderer.push(`<div role="button" tabindex="-1"${attr("aria-label", ariaLabel)} class="inset-0 fixed z-50 bg-overlay"></div> <div${attr_class(`animate-in slide-in-from-right-4 top-0 right-0 fixed z-50 flex h-full max-w-full border-border bg-background ${stringify(width)} flex-col overflow-y-auto border-l duration-150`)}>`);
 		children($$renderer);
 		$$renderer.push(`<!----></div>`);
 	});
@@ -611,7 +611,7 @@ function ProjectSidebar($$renderer, $$props) {
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
-			$$renderer.push(`<aside class="border-border bg-background flex w-60 shrink-0 flex-col overflow-y-auto border-r"><div class="flex items-center justify-between px-4 pt-5 pb-3"><span class="text-muted-foreground text-xs font-medium tracking-wider uppercase">Projects</span> `);
+			$$renderer.push(`<aside class="border-border bg-background hidden w-60 shrink-0 flex-col overflow-y-auto border-r sm:flex"><div class="flex items-center justify-between px-4 pt-5 pb-3"><span class="text-muted-foreground text-xs font-medium tracking-wider uppercase">Projects</span> `);
 			if (canManageProjects) {
 				$$renderer.push(`<!--[0--><button class="text-muted-foreground hover:text-foreground rounded p-0.5 transition-colors" title="New project" aria-label="New project">`);
 				Plus($$renderer, { class: "h-3.5 w-3.5" });
@@ -1161,15 +1161,15 @@ function StatusBadge($$renderer, $$props) {
 function DefinitionListView($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { records, projects} = $$props;
-		const gridTemplate = "grid-template-columns: 40px 1.6fr 0.9fr 0.8fr 0.7fr 0.6fr 36px";
+		const gridTemplate = "grid-cols-[40px_minmax(0,1fr)_auto_36px] sm:grid-cols-[40px_minmax(0,1.6fr)_minmax(0,0.9fr)_minmax(0,0.8fr)_minmax(0,0.7fr)_minmax(0,0.6fr)_36px]";
 		function projectName(id) {
 			return projects.find((p) => p.id === id)?.name ?? "";
 		}
-		$$renderer.push(`<div class="border-border bg-card overflow-hidden rounded-xl border"><div class="border-border bg-muted/50 text-muted-foreground grid border-b px-4 py-2.5 font-mono text-[10.5px] tracking-widest uppercase"${attr_style(gridTemplate)}><span></span><span>Definition</span><span>Project</span><span>Status</span><span>Updated</span> <span class="text-right">Runs</span><span></span></div> <!--[-->`);
+		$$renderer.push(`<div class="border-border bg-card overflow-hidden rounded-xl border"><div class="border-border bg-muted/50 text-muted-foreground grid gap-4 border-b px-4 py-2.5 font-mono text-[10.5px] tracking-widest uppercase grid-cols-[40px_minmax(0,1fr)_auto_36px] sm:grid-cols-[40px_minmax(0,1.6fr)_minmax(0,0.9fr)_minmax(0,0.8fr)_minmax(0,0.7fr)_minmax(0,0.6fr)_36px]"><span></span><span>Definition</span><span class="hidden sm:block">Project</span><span>Status</span><span class="hidden sm:block">Updated</span> <span class="hidden text-right sm:block">Runs</span><span></span></div> <!--[-->`);
 		const each_array = ensure_array_like(records);
 		for (let i = 0, $$length = each_array.length; i < $$length; i++) {
 			let record = each_array[i];
-			$$renderer.push(`<div${attr_class(`grid items-center gap-4 px-4 py-3 text-[13px] ${i < records.length - 1 ? "border-border border-b" : ""}`)}${attr_style(gridTemplate)}>`);
+			$$renderer.push(`<div${attr_class(`grid items-center gap-4 px-4 py-3 text-[13px] ${gridTemplate} ${i < records.length - 1 ? "border-border border-b" : ""}`)}>`);
 			if (record.coverImage) $$renderer.push(`<!--[0--><div class="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md"><img${attr("src", record.coverImage)} alt="" class="h-full w-full object-cover"/></div>`);
 			else {
 				$$renderer.push("<!--[-1-->");
@@ -1179,12 +1179,12 @@ function DefinitionListView($$renderer, $$props) {
 					"--tool-h2": hues.h2
 				})}><span class="text-foreground/40 text-base font-semibold">${escape_html(monogram(record.displayName))}</span></div>`);
 			}
-			$$renderer.push(`<!--]--> <span class="min-w-0"><span class="font-semibold">${escape_html(record.displayName)}</span> `);
-			if (record.description) $$renderer.push(`<!--[0--><span class="text-muted-foreground ml-2 text-[12px]">${escape_html(record.description.slice(0, 60))}${escape_html(record.description.length > 60 ? "…" : "")}</span>`);
+			$$renderer.push(`<!--]--> <span class="min-w-0 truncate sm:whitespace-normal"><span class="font-semibold">${escape_html(record.displayName)}</span> `);
+			if (record.description) $$renderer.push(`<!--[0--><span class="text-muted-foreground ml-2 hidden text-[12px] sm:inline">${escape_html(record.description.slice(0, 60))}${escape_html(record.description.length > 60 ? "…" : "")}</span>`);
 			else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></span> <span class="text-muted-foreground">${escape_html(projectName(record.projectId))}</span> <span>`);
+			$$renderer.push(`<!--]--></span> <span class="text-muted-foreground hidden truncate sm:block">${escape_html(projectName(record.projectId))}</span> <span>`);
 			StatusBadge($$renderer, { status: record.status });
-			$$renderer.push(`<!----></span> <span class="text-muted-foreground font-mono text-[12px]">${escape_html(formatUpdated(record.updatedAt))}</span> <span class="text-right font-mono text-[12px]">${escape_html(record.solveCount.toLocaleString())}</span> <span class="flex justify-end"><button type="button" class="text-muted-foreground hover:bg-muted hover:text-foreground rounded p-1 transition-colors"${attr("aria-label", `Open ${stringify(record.displayName)}`)}>`);
+			$$renderer.push(`<!----></span> <span class="text-muted-foreground hidden font-mono text-[12px] sm:block">${escape_html(formatUpdated(record.updatedAt))}</span> <span class="hidden text-right font-mono text-[12px] sm:block">${escape_html(record.solveCount.toLocaleString())}</span> <span class="flex justify-end"><button type="button" class="text-muted-foreground hover:bg-muted hover:text-foreground rounded p-1 transition-colors pointer-coarse:p-2"${attr("aria-label", `Open ${stringify(record.displayName)}`)}>`);
 			Ellipsis($$renderer, { class: "h-4 w-4" });
 			$$renderer.push(`<!----></button></span></div>`);
 		}
@@ -3280,6 +3280,15 @@ function _page($$renderer, $$props) {
 				toast.error("Delete failed");
 			}
 		}
+		function selectProject(id) {
+			activeProjectId = id;
+			const project = data.projects.find((p) => p.id === id);
+			if (project) {
+				const params = new SvelteURLSearchParams(store_get($$store_subs ??= {}, "$page", page).url.search);
+				params.set("project", project.slug);
+				window.history.replaceState(null, "", `?${params}`);
+			}
+		}
 		async function saveProject(id, patch) {
 			const res = await fetch(`/api/v1/projects/${id}`, {
 				method: "PATCH",
@@ -3328,7 +3337,27 @@ function _page($$renderer, $$props) {
 				records: data.records,
 				activeProjectId,
 				canManageProjects: data.canManageProjects});
-			$$renderer.push(`<!----> <div class="flex flex-1 flex-col overflow-hidden"><div class="border-border bg-background shrink-0 border-b px-(--page-px) py-5">`);
+			$$renderer.push(`<!----> <div class="flex min-w-0 flex-1 flex-col overflow-hidden"><div class="border-border bg-background shrink-0 border-b px-(--page-px) py-5">`);
+			$$renderer.select({
+				"aria-label": "Project",
+				value: activeProjectId ?? "",
+				onchange: (e) => selectProject(e.currentTarget.value || null),
+				class: "border-input bg-background mb-4 h-10 w-full rounded-md border px-3 text-sm sm:hidden"
+			}, ($$renderer) => {
+				$$renderer.option({ value: "" }, ($$renderer) => {
+					$$renderer.push(`All projects`);
+				});
+				$$renderer.push(`<!--[-->`);
+				const each_array = ensure_array_like(data.projects);
+				for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+					let project = each_array[$$index];
+					$$renderer.option({ value: project.id }, ($$renderer) => {
+						$$renderer.push(`${escape_html(project.name)}`);
+					});
+				}
+				$$renderer.push(`<!--]-->`);
+			});
+			$$renderer.push(` `);
 			{
 				function actions($$renderer) {
 					if (data.canManageProjects && activeProject()?.canManage) {
@@ -3366,7 +3395,7 @@ function _page($$renderer, $$props) {
 					description: activeProject()?.description ?? (!activeProject() ? "Definitions across every project in this organization." : void 0),
 					actions});
 			}
-			$$renderer.push(`<!----></div> <div class="flex-1 overflow-y-auto px-(--page-px) py-5"><div class="mb-5 flex items-center gap-3"><div class="max-w-lg flex-1">`);
+			$$renderer.push(`<!----></div> <div class="flex-1 overflow-y-auto px-(--page-px) py-5"><div class="mb-5 flex flex-wrap items-center gap-3"><div class="max-w-lg min-w-0 flex-1 basis-full sm:basis-auto">`);
 			Search($$renderer, {
 				placeholder: "Search by name, description, tags…",
 				clearable: true,
@@ -3394,9 +3423,9 @@ function _page($$renderer, $$props) {
 				});
 			} else if (viewMode === "grid") {
 				$$renderer.push(`<!--[1--><div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><!--[-->`);
-				const each_array = ensure_array_like(filtered());
-				for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-					let record = each_array[$$index];
+				const each_array_1 = ensure_array_like(filtered());
+				for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+					let record = each_array_1[$$index_1];
 					DefinitionCard($$renderer, {
 						record,
 						showStatus: true,
@@ -3615,4 +3644,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte.js-B7_D6Tc7.js.map
+//# sourceMappingURL=_page.svelte.js-CWXSd3vY.js.map