camox 0.58.1 → 0.59.0

package/dist/features/studio/components/DraftsControl.js

@@ -1,7 +1,7 @@
-import { actionsStore } from "../../provider/actionsStore.js";
-import { AuthContext } from "../../../lib/auth.js";
 import { useCurrentDraftId, useDraftScope } from "../../../lib/draft-scope.js";
 import { useNavigate } from "../../navigation/navigation.js";
+import { actionsStore } from "../../provider/actionsStore.js";
+import { AuthContext } from "../../../lib/auth.js";
 import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { cn } from "../../../lib/utils.js";
 import { studioStore } from "../studioStore.js";
@@ -9,8 +9,8 @@ import { draftLabel, plural, timeAgo } from "../draftLabel.js";
 import { DeleteDraftDialog, ReviewDraftSheet, useLeaveDraft } from "./ReviewDraftSheet.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { useSelector } from "@xstate/store-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { ChevronsUpDown } from "lucide-react";
 import { toast } from "@camox/ui/toaster";
@@ -22,11 +22,10 @@ const LIVE = "live";
 const SWITCH_TO_DRAFT_ID = "switch-to-draft";
 /** What the drafts controls read: the project, the current draft, and the drafts to switch to. */
 function useDrafts() {
-	const $ = c(20);
+	const $ = c(19);
 	const draftScope = useDraftScope();
 	const draftId = useCurrentDraftId();
 	const authCtx = React.useContext(AuthContext);
-	const developmentMode = draftScope.developmentMode;
 	let t0;
 	if ($[0] !== authCtx?.projectUuid) {
 		t0 = reads.project({ projectUuid: authCtx?.projectUuid ?? "" });
@@ -47,7 +46,7 @@ function useDrafts() {
 		$[4] = projectId;
 		$[5] = t3;
 	} else t3 = $[5];
-	const t4 = !!projectId && !developmentMode;
+	const t4 = !!projectId;
 	let t5;
 	if ($[6] !== t4) {
 		t5 = { enabled: t4 };
@@ -75,37 +74,34 @@ function useDrafts() {
 	const draft = useReadQuery(t6, t8);
 	const t9 = draftId ? draft.data : void 0;
 	let t10;
-	if ($[13] !== developmentMode || $[14] !== draftId || $[15] !== draftScope || $[16] !== list.data || $[17] !== projectId || $[18] !== t9) {
+	if ($[13] !== draftId || $[14] !== draftScope || $[15] !== list.data || $[16] !== projectId || $[17] !== t9) {
 		t10 = {
 			draftScope,
 			draftId,
-			developmentMode,
 			projectId,
 			list: list.data,
 			current: t9
 		};
-		$[13] = developmentMode;
-		$[14] = draftId;
-		$[15] = draftScope;
-		$[16] = list.data;
-		$[17] = projectId;
-		$[18] = t9;
-		$[19] = t10;
-	} else t10 = $[19];
+		$[13] = draftId;
+		$[14] = draftScope;
+		$[15] = list.data;
+		$[16] = projectId;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
 	return t10;
 }
 /**
 * Picks what the studio is viewing, Live or a draft (#203). Live is read-only; the first edit
-* starts a draft. The localhost studio works only in the development draft, so it shows that
-* draft alone, with nothing to switch to (ADR 0006). The command palette offers the same actions,
+* starts a draft. The command palette offers the same actions,
 * and the picker hosts the draft's review and delete confirmation they open. A `disabled` picker
 * still names what the studio is viewing.
 */
 function DraftPicker(t0) {
-	const $ = c(52);
+	const $ = c(64);
 	const { disabled: t1 } = t0;
 	const disabled = t1 === void 0 ? false : t1;
-	const { draftScope, draftId, developmentMode, projectId, list, current } = useDrafts();
+	const { draftScope, draftId, projectId, list, current } = useDrafts();
 	const navigate = useNavigate();
 	const leaveDraft = useLeaveDraft();
 	const review = useSelector(studioStore, _temp);
@@ -130,205 +126,242 @@ function DraftPicker(t0) {
 		$[4] = t4;
 	} else t4 = $[4];
 	React.useEffect(_temp5, t4);
-	const drafts = list?.drafts;
+	const listed = list?.drafts;
 	let t5;
-	if ($[5] !== drafts) {
-		t5 = drafts ?? [];
-		$[5] = drafts;
+	if ($[5] !== listed) {
+		t5 = listed ?? [];
+		$[5] = listed;
 		$[6] = t5;
 	} else t5 = $[6];
+	const drafts = t5;
 	let t6;
-	if ($[7] !== t5) {
-		t6 = t5.filter(_temp6);
-		$[7] = t5;
-		$[8] = t6;
-	} else t6 = $[8];
-	const regular = t6;
-	let t7;
-	if ($[9] !== draftId || $[10] !== navigate) {
-		t7 = (next) => {
+	if ($[7] !== draftId || $[8] !== navigate) {
+		t6 = (next) => {
 			if (next === draftId) return;
 			navigate({
 				to: window.location.href,
 				draft: next
 			});
 		};
-		$[9] = draftId;
-		$[10] = navigate;
-		$[11] = t7;
-	} else t7 = $[11];
-	const switchTo = t7;
-	const t8 = !!projectId;
-	let t9;
-	if ($[12] !== developmentMode || $[13] !== draftId || $[14] !== regular || $[15] !== switchTo || $[16] !== t8) {
-		t9 = {
-			enabled: t8,
+		$[7] = draftId;
+		$[8] = navigate;
+		$[9] = t6;
+	} else t6 = $[9];
+	const switchTo = t6;
+	const t7 = !!projectId;
+	let t8;
+	if ($[10] !== draftId || $[11] !== drafts || $[12] !== switchTo || $[13] !== t7) {
+		t8 = {
+			enabled: t7,
 			draftId,
-			developmentMode,
-			regular,
+			drafts,
 			switchTo
 		};
-		$[12] = developmentMode;
-		$[13] = draftId;
-		$[14] = regular;
-		$[15] = switchTo;
-		$[16] = t8;
-		$[17] = t9;
-	} else t9 = $[17];
-	useDraftsActions(t9);
-	if (developmentMode && !draftId) return null;
-	if (draftId && !developmentMode && !current) return null;
-	let t10;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(Button, {
+		$[10] = draftId;
+		$[11] = drafts;
+		$[12] = switchTo;
+		$[13] = t7;
+		$[14] = t8;
+	} else t8 = $[14];
+	useDraftsActions(t8);
+	if (draftId && !current) return null;
+	let t9;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost"
 		});
-		$[18] = t10;
-	} else t10 = $[18];
-	const t11 = draftId ? "bg-blue-500" : "bg-emerald-500";
+		$[15] = t9;
+	} else t9 = $[15];
+	const t10 = draftId ? "bg-blue-500" : "bg-emerald-500";
+	let t11;
+	if ($[16] !== t10) {
+		t11 = cn("size-2 shrink-0 rounded-full", t10);
+		$[16] = t10;
+		$[17] = t11;
+	} else t11 = $[17];
 	let t12;
-	if ($[19] !== t11) {
-		t12 = cn("size-2 shrink-0 rounded-full", t11);
-		$[19] = t11;
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== t12) {
-		t13 = /* @__PURE__ */ jsx("span", {
+	if ($[18] !== t11) {
+		t12 = /* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			className: t12
+			className: t11
 		});
-		$[21] = t12;
+		$[18] = t11;
+		$[19] = t12;
+	} else t12 = $[19];
+	let t13;
+	if ($[20] !== current || $[21] !== draftId) {
+		t13 = draftId ? draftLabel(current) : "Live";
+		$[20] = current;
+		$[21] = draftId;
 		$[22] = t13;
 	} else t13 = $[22];
 	let t14;
-	if ($[23] !== current || $[24] !== developmentMode || $[25] !== draftId) {
-		t14 = !draftId ? "Live" : developmentMode ? "Development draft" : draftLabel(current);
-		$[23] = current;
-		$[24] = developmentMode;
-		$[25] = draftId;
-		$[26] = t14;
-	} else t14 = $[26];
-	let t15;
-	if ($[27] !== t14) {
-		t15 = /* @__PURE__ */ jsx("span", {
+	if ($[23] !== t13) {
+		t14 = /* @__PURE__ */ jsx("span", {
 			className: "max-w-48 truncate",
-			children: t14
+			children: t13
 		});
-		$[27] = t14;
-		$[28] = t15;
-	} else t15 = $[28];
-	let t16;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(ChevronsUpDown, {
+		$[23] = t13;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx(ChevronsUpDown, {
 			"aria-hidden": true,
 			className: "size-4 opacity-50"
 		});
-		$[29] = t16;
-	} else t16 = $[29];
-	let t17;
-	if ($[30] !== disabled || $[31] !== t13 || $[32] !== t15) {
-		t17 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+		$[25] = t15;
+	} else t15 = $[25];
+	let t16;
+	if ($[26] !== disabled || $[27] !== t12 || $[28] !== t14) {
+		t16 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
 			disabled,
-			render: t10,
+			render: t9,
 			children: [
-				t13,
-				t15,
-				t16
+				t12,
+				t14,
+				t15
 			]
 		});
-		$[30] = disabled;
-		$[31] = t13;
-		$[32] = t15;
-		$[33] = t17;
-	} else t17 = $[33];
-	let t18;
-	if ($[34] !== developmentMode || $[35] !== draftId || $[36] !== list || $[37] !== regular || $[38] !== switchTo) {
-		t18 = /* @__PURE__ */ jsx(DropdownMenuContent, {
+		$[26] = disabled;
+		$[27] = t12;
+		$[28] = t14;
+		$[29] = t16;
+	} else t16 = $[29];
+	let t17;
+	if ($[30] !== draftId) {
+		t17 = !draftId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
+			className: "text-muted-foreground font-normal",
+			children: "Live is read-only. Your first edit starts a new draft."
+		}) }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] });
+		$[30] = draftId;
+		$[31] = t17;
+	} else t17 = $[31];
+	const t18 = draftId ?? LIVE;
+	let t19;
+	if ($[32] !== switchTo) {
+		t19 = (value) => switchTo(value === LIVE ? null : String(value));
+		$[32] = switchTo;
+		$[33] = t19;
+	} else t19 = $[33];
+	let t20;
+	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Switch to" });
+		$[34] = t20;
+	} else t20 = $[34];
+	let t21;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx("span", { children: "Live" });
+		$[35] = t21;
+	} else t21 = $[35];
+	let t22;
+	if ($[36] !== list) {
+		t22 = list && /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground text-xs",
+			children: liveLine(list.live)
+		});
+		$[36] = list;
+		$[37] = t22;
+	} else t22 = $[37];
+	let t23;
+	if ($[38] !== t22) {
+		t23 = /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+			value: LIVE,
+			closeOnClick: true,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col",
+				children: [t21, t22]
+			})
+		});
+		$[38] = t22;
+		$[39] = t23;
+	} else t23 = $[39];
+	let t24;
+	if ($[40] !== drafts) {
+		t24 = drafts.map(_temp6);
+		$[40] = drafts;
+		$[41] = t24;
+	} else t24 = $[41];
+	let t25;
+	if ($[42] !== t23 || $[43] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+			t20,
+			t23,
+			t24
+		] });
+		$[42] = t23;
+		$[43] = t24;
+		$[44] = t25;
+	} else t25 = $[44];
+	let t26;
+	if ($[45] !== t18 || $[46] !== t19 || $[47] !== t25) {
+		t26 = /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+			value: t18,
+			onValueChange: t19,
+			children: t25
+		});
+		$[45] = t18;
+		$[46] = t19;
+		$[47] = t25;
+		$[48] = t26;
+	} else t26 = $[48];
+	let t27;
+	if ($[49] !== t17 || $[50] !== t26) {
+		t27 = /* @__PURE__ */ jsx(DropdownMenuContent, {
 			className: "w-80",
 			align: "start",
-			children: developmentMode ? /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
-				className: "text-muted-foreground font-normal",
-				children: "The localhost studio works in your development draft."
-			}) }) : /* @__PURE__ */ jsxs(Fragment, { children: [!draftId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
-				className: "text-muted-foreground font-normal",
-				children: "Live is read-only. Your first edit starts a new draft."
-			}) }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }), /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-				value: draftId ?? LIVE,
-				onValueChange: (value) => switchTo(value === LIVE ? null : String(value)),
-				children: /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
-					/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Switch to" }),
-					/* @__PURE__ */ jsx(DropdownMenuRadioItem, {
-						value: LIVE,
-						closeOnClick: true,
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col",
-							children: [/* @__PURE__ */ jsx("span", { children: "Live" }), list && /* @__PURE__ */ jsx("span", {
-								className: "text-muted-foreground text-xs",
-								children: liveLine(list.live)
-							})]
-						})
-					}),
-					regular.map(_temp7)
-				] })
-			})] })
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [t17, t26] })
 		});
-		$[34] = developmentMode;
-		$[35] = draftId;
-		$[36] = list;
-		$[37] = regular;
-		$[38] = switchTo;
-		$[39] = t18;
-	} else t18 = $[39];
-	let t19;
-	if ($[40] !== t17 || $[41] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t17, t18] });
-		$[40] = t17;
-		$[41] = t18;
-		$[42] = t19;
-	} else t19 = $[42];
-	let t20;
-	if ($[43] !== deleting || $[44] !== draftId || $[45] !== leaveDraft || $[46] !== projectId || $[47] !== review) {
-		t20 = draftId && projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReviewDraftSheet, {
+		$[49] = t17;
+		$[50] = t26;
+		$[51] = t27;
+	} else t27 = $[51];
+	let t28;
+	if ($[52] !== t16 || $[53] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t16, t27] });
+		$[52] = t16;
+		$[53] = t27;
+		$[54] = t28;
+	} else t28 = $[54];
+	let t29;
+	if ($[55] !== deleting || $[56] !== draftId || $[57] !== leaveDraft || $[58] !== projectId || $[59] !== review) {
+		t29 = draftId && projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReviewDraftSheet, {
 			projectId,
 			draftId,
 			open: review.open,
 			startRenaming: review.startRenaming,
-			onOpenChange: _temp8
+			onOpenChange: _temp7
 		}), /* @__PURE__ */ jsx(DeleteDraftDialog, {
 			projectId,
 			open: deleting,
-			onOpenChange: _temp9,
+			onOpenChange: _temp8,
 			onDeleted: leaveDraft
 		})] });
-		$[43] = deleting;
-		$[44] = draftId;
-		$[45] = leaveDraft;
-		$[46] = projectId;
-		$[47] = review;
-		$[48] = t20;
-	} else t20 = $[48];
-	let t21;
-	if ($[49] !== t19 || $[50] !== t20) {
-		t21 = /* @__PURE__ */ jsxs(Fragment, { children: [t19, t20] });
-		$[49] = t19;
-		$[50] = t20;
-		$[51] = t21;
-	} else t21 = $[51];
-	return t21;
+		$[55] = deleting;
+		$[56] = draftId;
+		$[57] = leaveDraft;
+		$[58] = projectId;
+		$[59] = review;
+		$[60] = t29;
+	} else t29 = $[60];
+	let t30;
+	if ($[61] !== t28 || $[62] !== t29) {
+		t30 = /* @__PURE__ */ jsxs(Fragment, { children: [t28, t29] });
+		$[61] = t28;
+		$[62] = t29;
+		$[63] = t30;
+	} else t30 = $[63];
+	return t30;
 }
-function _temp9(open_0) {
+function _temp8(open_0) {
 	if (!open_0) studioStore.send({ type: "closeDeleteDraftDialog" });
 }
-function _temp8(open) {
+function _temp7(open) {
 	if (!open) studioStore.send({ type: "closeReviewDraftSheet" });
 }
-function _temp7(listed_0) {
-	return /* @__PURE__ */ jsx(DraftItem, { draft: listed_0 }, listed_0.id);
-}
-function _temp6(listed) {
-	return listed.kind === "regular";
+function _temp6(draft) {
+	return /* @__PURE__ */ jsx(DraftItem, { draft }, draft.id);
 }
 function _temp5() {
 	return _temp4;
@@ -376,7 +409,7 @@ function PendingChanges() {
 		t3 = /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			"aria-label": t1,
-			onClick: _temp10,
+			onClick: _temp9,
 			children: ["Review changes", t2]
 		});
 		$[4] = t1;
@@ -385,7 +418,7 @@ function PendingChanges() {
 	} else t3 = $[6];
 	return t3;
 }
-function _temp10() {
+function _temp9() {
 	return studioStore.send({ type: "openReviewDraftSheet" });
 }
 /**
@@ -393,14 +426,14 @@ function _temp10() {
 * deletes by itself.
 */
 function useDraftsActions(t0) {
-	const $ = c(7);
-	const { enabled, draftId, developmentMode, regular, switchTo } = t0;
+	const $ = c(6);
+	const { enabled, draftId, drafts, switchTo } = t0;
 	let t1;
 	let t2;
-	if ($[0] !== developmentMode || $[1] !== draftId || $[2] !== enabled || $[3] !== regular || $[4] !== switchTo) {
+	if ($[0] !== draftId || $[1] !== drafts || $[2] !== enabled || $[3] !== switchTo) {
 		t1 = () => {
 			const inDraft = enabled && !!draftId;
-			const others = regular.filter((listed) => listed.id !== draftId);
+			const others = drafts.filter((listed) => listed.id !== draftId);
 			const actions = [
 				{
 					id: "review-draft",
@@ -414,7 +447,7 @@ function useDraftsActions(t0) {
 					],
 					groupLabel: "Drafts",
 					checkIfAvailable: () => inDraft,
-					execute: _temp11
+					execute: _temp10
 				},
 				{
 					id: "delete-draft",
@@ -426,15 +459,15 @@ function useDraftsActions(t0) {
 					],
 					groupLabel: "Drafts",
 					checkIfAvailable: () => inDraft,
-					execute: _temp12
+					execute: _temp11
 				},
 				{
 					id: "rename-draft",
 					label: "Rename draft…",
 					aliases: ["Name draft"],
 					groupLabel: "Drafts",
-					checkIfAvailable: () => inDraft && !developmentMode,
-					execute: _temp13
+					checkIfAvailable: () => inDraft,
+					execute: _temp12
 				},
 				{
 					id: "switch-to-live",
@@ -446,7 +479,7 @@ function useDraftsActions(t0) {
 						"Public website"
 					],
 					groupLabel: "Drafts",
-					checkIfAvailable: () => inDraft && !developmentMode,
+					checkIfAvailable: () => inDraft,
 					execute: () => switchTo(null)
 				},
 				{
@@ -460,7 +493,7 @@ function useDraftsActions(t0) {
 					groupLabel: "Drafts",
 					checkIfAvailable: () => others.length > 0,
 					hasChildren: true,
-					execute: _temp14
+					execute: _temp13
 				},
 				...others.map((other) => ({
 					id: `${SWITCH_TO_DRAFT_ID}-${other.id}`,
@@ -468,7 +501,7 @@ function useDraftsActions(t0) {
 					label: `Switch to "${draftLabel(other)}"`,
 					aliases: [other.createdBy.name],
 					groupLabel: "Drafts",
-					checkIfAvailable: _temp15,
+					checkIfAvailable: _temp14,
 					execute: () => switchTo(other.id)
 				}))
 			];
@@ -479,47 +512,45 @@ function useDraftsActions(t0) {
 			return () => {
 				actionsStore.send({
 					type: "unregisterManyActions",
-					ids: actions.map(_temp16)
+					ids: actions.map(_temp15)
 				});
 			};
 		};
 		t2 = [
 			enabled,
 			draftId,
-			developmentMode,
-			regular,
+			drafts,
 			switchTo
 		];
-		$[0] = developmentMode;
-		$[1] = draftId;
+		$[0] = draftId;
+		$[1] = drafts;
 		$[2] = enabled;
-		$[3] = regular;
-		$[4] = switchTo;
-		$[5] = t1;
-		$[6] = t2;
+		$[3] = switchTo;
+		$[4] = t1;
+		$[5] = t2;
 	} else {
-		t1 = $[5];
-		t2 = $[6];
+		t1 = $[4];
+		t2 = $[5];
 	}
 	React.useEffect(t1, t2);
 }
-function _temp16(a) {
+function _temp15(a) {
 	return a.id;
 }
-function _temp15() {
+function _temp14() {
 	return true;
 }
-function _temp14() {}
-function _temp13() {
+function _temp13() {}
+function _temp12() {
 	return studioStore.send({
 		type: "openReviewDraftSheet",
 		startRenaming: true
 	});
 }
-function _temp12() {
+function _temp11() {
 	return studioStore.send({ type: "openDeleteDraftDialog" });
 }
-function _temp11() {
+function _temp10() {
 	return studioStore.send({ type: "openReviewDraftSheet" });
 }
 /** Who published Live last and when: a member, a release, or nobody yet. */

package/dist/features/studio/components/LocalePicker.js

@@ -1,8 +1,8 @@
-import { useProjectUuid } from "../../../lib/auth.js";
 import { localizedPath } from "../../../lib/locale-path.js";
 import { useCurrentDraftId } from "../../../lib/draft-scope.js";
 import { useViewLocale } from "../../../lib/view-locale-context.js";
 import { useLocation, useNavigate } from "../../navigation/navigation.js";
+import { useProjectUuid } from "../../../lib/auth.js";
 import { reads, useReadQuery, useStudioCache } from "../../../lib/studio-reads.js";
 import { localeMutations } from "../../../lib/queries.js";
 import { usePageDestinations } from "../../../hooks/use-page-destinations.js";
@@ -12,8 +12,8 @@ import { localeLabel, localeOptions } from "../localeOptions.js";
 import { pathInLocale } from "../localeSwitch.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { useSelector } from "@xstate/store-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { useMutation } from "@tanstack/react-query";
 import { Button } from "@camox/ui/button";
 import { Input } from "@camox/ui/input";

package/dist/features/studio/components/Navbar.js

@@ -1,6 +1,6 @@
-import { actionsStore } from "../../provider/actionsStore.js";
 import { useViewLocale } from "../../../lib/view-locale-context.js";
 import { Link as Link$1, useNavigate } from "../../navigation/navigation.js";
+import { actionsStore } from "../../provider/actionsStore.js";
 import { cn } from "../../../lib/utils.js";
 import { usePageDestinations } from "../../../hooks/use-page-destinations.js";
 import { useLocalePath, useLocalizedPath } from "../../../lib/view-locale.js";
@@ -12,8 +12,8 @@ import { LocalePicker } from "./LocalePicker.js";
 import { ProjectMenu } from "./ProjectMenu.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { useSelector } from "@xstate/store-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { buttonVariants } from "@camox/ui/button";
 import { Database, Globe } from "lucide-react";
 
@@ -239,4 +239,4 @@ function _temp(state) {
 }
 
 //#endregion
-export { Navbar, getNavbarLinks, useNavbarActions };
+export { Navbar, useNavbarActions };