astro-md-editor 0.0.1

package/.output/server/_ssr/index-BaqV4cZC.mjs

@@ -0,0 +1,2083 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { u as useCollectionsData, R as Route, c as createSsrRpc } from "./router-D4G1DGr3.mjs";
+import { c as cva } from "../_libs/class-variance-authority.mjs";
+import { c as clsx } from "../_libs/clsx.mjs";
+import { t as twMerge } from "../_libs/tailwind-merge.mjs";
+import { U as Ut, q as qt, Z as Zt } from "../_libs/react-resizable-panels.mjs";
+import { A as Ajv } from "../_libs/ajv.mjs";
+import { a as addFormats } from "../_libs/ajv-formats.mjs";
+import { c as createServerFn } from "./index.mjs";
+import { P as PanelLeftClose, a as PanelLeftOpen, L as LoaderCircle, S as Save, b as PanelRightClose, c as PanelRightOpen, C as ChevronDown, d as Check, X, e as CalendarDays, f as Clock3, g as ChevronUp, I as Image, h as Search, i as ChevronLeft, j as ChevronRight } from "../_libs/lucide-react.mjs";
+import { c as create } from "../_libs/zustand.mjs";
+import { S as SelectRoot, B as Button$1, a as SelectTrigger$1, b as SelectIcon, c as SelectValue$1, d as SelectPortal, e as SelectPositioner, f as SelectPopup, g as SelectList, h as SelectGroup$1, i as SelectItem$1, j as SelectItemText, k as SelectItemIndicator, u as useRender, m as mergeProps, I as Input$1, l as SelectScrollUpArrow, n as SelectScrollDownArrow, o as SwitchRoot, p as SwitchThumb, P as PopoverRoot, q as PopoverTrigger$1, r as PopoverPortal, s as PopoverPositioner, t as PopoverPopup } from "../_libs/base-ui__react.mjs";
+import { g as getDefaultClassNames, D as DayPicker } from "../_libs/react-day-picker.mjs";
+import { a as arrayType, s as stringType, o as objectType, l as literalType, r as recordType, u as unknownType } from "../_libs/zod.mjs";
+import "../_libs/tanstack__react-router.mjs";
+import "../_libs/tanstack__router-core.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_libs/tanstack__history.mjs";
+import "../_libs/tiny-invariant.mjs";
+import "../_libs/seroval.mjs";
+import "../_libs/seroval-plugins.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_libs/tiny-warning.mjs";
+import "node:async_hooks";
+import "../_libs/h3-v2.mjs";
+import "../_libs/rou3.mjs";
+import "../_libs/srvx.mjs";
+import "node:http";
+import "node:https";
+import "node:http2";
+import "../_libs/base-ui__utils.mjs";
+import "../_libs/reselect.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/floating-ui__utils.mjs";
+import "../_libs/floating-ui__react-dom.mjs";
+import "../_libs/floating-ui__dom.mjs";
+import "../_libs/floating-ui__core.mjs";
+import "../_libs/tabbable.mjs";
+import "../_libs/fast-deep-equal.mjs";
+import "../_libs/json-schema-traverse.mjs";
+import "../_libs/fast-uri.mjs";
+import "../_libs/date-fns.mjs";
+import "../_libs/date-fns__tz.mjs";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+const buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Button$1,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function ResizablePanelGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Ut,
+    {
+      "data-slot": "resizable-panel-group",
+      className: cn(
+        "flex h-full w-full aria-[orientation=vertical]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ResizablePanel({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(qt, { "data-slot": "resizable-panel", ...props });
+}
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Zt,
+    {
+      "data-slot": "resizable-handle",
+      className: cn(
+        "group/resize-handle bg-border ring-offset-background focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90",
+        className
+      ),
+      ...props,
+      children: withHandle && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-border z-10 flex h-6 w-1 shrink-0 rounded-lg opacity-0 transition-opacity duration-150 group-hover/resize-handle:opacity-100 group-focus-visible/resize-handle:opacity-100" })
+    }
+  );
+}
+const badgeVariants = cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps(
+      {
+        className: cn(badgeVariants({ variant }), className)
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+const Select = SelectRoot;
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SelectGroup$1,
+    {
+      "data-slot": "select-group",
+      className: cn("scroll-my-1 p-1", className),
+      ...props
+    }
+  );
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SelectValue$1,
+    {
+      "data-slot": "select-value",
+      className: cn("flex flex-1 text-left", className),
+      ...props
+    }
+  );
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    SelectTrigger$1,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 flex w-fit items-center justify-between gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          SelectIcon,
+          {
+            render: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "text-muted-foreground pointer-events-none size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SelectPositioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        SelectPopup,
+        {
+          "data-slot": "select-content",
+          "data-align-trigger": alignItemWithTrigger,
+          className: cn(
+            "bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg shadow-md ring-1 duration-100 data-[align-trigger=true]:animate-none",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectList, { children }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectScrollDownButton, {})
+          ]
+        }
+      )
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    SelectItem$1,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          SelectItemIndicator,
+          {
+            render: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "pointer-events-none" })
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SelectScrollUpArrow,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "bg-popover top-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, {})
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SelectScrollDownArrow,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, {})
+    }
+  );
+}
+function getFileName(pathLike) {
+  const normalized = pathLike.replaceAll("\\", "/");
+  const parts = normalized.split("/");
+  return parts[parts.length - 1] ?? pathLike;
+}
+function stripExtension(fileName) {
+  return fileName.replace(/\.[^.]+$/, "");
+}
+function getFileDisplayLabel(file) {
+  const title = file.data.title;
+  if (typeof title === "string" && title.trim().length > 0) {
+    return title.trim();
+  }
+  const fileName = getFileName(file.filePath || file.id);
+  return stripExtension(fileName);
+}
+function getSortedCollectionFiles(collection) {
+  if (!collection) {
+    return [];
+  }
+  return [...collection.files].sort((a, b) => {
+    const labelCompare = getFileDisplayLabel(a).localeCompare(
+      getFileDisplayLabel(b),
+      void 0,
+      { sensitivity: "base" }
+    );
+    if (labelCompare !== 0) {
+      return labelCompare;
+    }
+    return a.id.localeCompare(b.id, void 0, { sensitivity: "base" });
+  });
+}
+function areEditorSearchEqual(a, b) {
+  return a.collection === b.collection && a.file === b.file;
+}
+function resolveEditorSelection(collections, search) {
+  if (collections.length === 0) {
+    return {
+      selectedCollection: void 0,
+      selectedFile: void 0,
+      normalizedSearch: {}
+    };
+  }
+  const bySearchCollection = collections.find(
+    (collection) => collection.name === search.collection
+  );
+  const selectedCollection = bySearchCollection ?? collections[0];
+  const files = getSortedCollectionFiles(selectedCollection);
+  const bySearchFile = files.find((file) => file.id === search.file);
+  const firstFile = files.at(0);
+  const selectedFile = bySearchFile ?? firstFile;
+  return {
+    selectedCollection,
+    selectedFile,
+    normalizedSearch: {
+      collection: selectedCollection.name,
+      file: selectedFile ? selectedFile.id : void 0
+    }
+  };
+}
+function LeftSidebar({
+  collections,
+  selectedCollectionName,
+  selectedFileId,
+  onSelectCollection,
+  onSelectFile
+}) {
+  const selectedCollection = collections.find(
+    (collection) => collection.name === selectedCollectionName
+  );
+  const files = getSortedCollectionFiles(selectedCollection);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col gap-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Select,
+      {
+        value: selectedCollectionName,
+        onValueChange: (nextCollectionName) => {
+          if (!nextCollectionName) {
+            return;
+          }
+          onSelectCollection(nextCollectionName);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "bg-muted/50 focus-visible:ring-ring/35 w-full border-transparent shadow-none focus-visible:border-transparent focus-visible:ring-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a collection" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectGroup, { children: collections.map((collection) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: collection.name, children: collection.name }, collection.name)) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-background/35 min-h-0 flex-1 overflow-auto rounded-md p-1", children: files.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground px-2 py-2 text-sm", children: "No files in this collection." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-0.5", children: files.map((file) => {
+      const isActive = file.id === selectedFileId;
+      const title = getFileDisplayLabel(file);
+      const slug = file.id;
+      const isMdxFile = /\.mdx$/i.test(file.filePath);
+      const isDraft = file.data.draft === true;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          className: cn(
+            "h-auto w-full justify-start border-0 px-2.5 py-3 text-left shadow-none",
+            "hover:bg-background/70",
+            isActive && "bg-muted text-foreground hover:bg-muted/55"
+          ),
+          onClick: () => onSelectFile(file.id),
+          title: file.filePath,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex w-full min-w-0 flex-col items-start gap-0.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-full truncate text-sm font-normal", children: title }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex w-full min-w-0 items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground min-w-0 flex-1 truncate text-xs", children: slug }),
+              isMdxFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Badge,
+                {
+                  variant: "secondary",
+                  className: "bg-muted h-4 border-transparent px-1.5 text-[10px] leading-none",
+                  children: "MDX"
+                }
+              ) : null,
+              isDraft ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Badge,
+                {
+                  variant: "outline",
+                  className: "h-4 border-transparent bg-amber-100 px-1.5 text-[10px] leading-none text-amber-900 dark:bg-amber-900/40 dark:text-amber-200",
+                  children: "Draft"
+                }
+              ) : null
+            ] })
+          ] })
+        },
+        file.id
+      );
+    }) }) })
+  ] });
+}
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 flex field-sizing-content min-h-16 w-full rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function cloneRecord(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+function isEqualValue(a, b) {
+  if (Object.is(a, b)) {
+    return true;
+  }
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) {
+      return false;
+    }
+    for (let index = 0; index < a.length; index += 1) {
+      if (!isEqualValue(a[index], b[index])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (isRecord(a) && isRecord(b)) {
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    if (aKeys.length !== bKeys.length) {
+      return false;
+    }
+    for (const key of aKeys) {
+      if (!Object.prototype.hasOwnProperty.call(b, key)) {
+        return false;
+      }
+      if (!isEqualValue(a[key], b[key])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
+}
+function normalizeChip(value) {
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : void 0;
+}
+function asStringArray(value) {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.filter((item) => typeof item === "string");
+}
+function buildNextDraft(currentDraft, field, value) {
+  const nextDraft = {
+    ...currentDraft
+  };
+  if (value === void 0) {
+    delete nextDraft[field];
+  } else {
+    nextDraft[field] = value;
+  }
+  return nextDraft;
+}
+function getIsDirty(params) {
+  if (!isEqualValue(params.draft, params.initial)) {
+    return true;
+  }
+  return params.contentDraft !== params.initialContent;
+}
+const useFrontmatterEditorStore = create(
+  (set) => ({
+    collectionName: void 0,
+    fileId: void 0,
+    draft: {},
+    initial: {},
+    contentDraft: "",
+    initialContent: "",
+    dirty: false,
+    touched: {},
+    errors: {},
+    chipInputs: {},
+    validationRequested: false,
+    loadSelection: ({ collectionName, fileId, data, content }) => set((state) => {
+      const sameSelection = state.collectionName === collectionName && state.fileId === fileId;
+      if (sameSelection) {
+        return state;
+      }
+      const normalizedData = cloneRecord(data);
+      return {
+        collectionName,
+        fileId,
+        draft: normalizedData,
+        initial: cloneRecord(normalizedData),
+        contentDraft: content,
+        initialContent: content,
+        dirty: false,
+        touched: {},
+        errors: {},
+        chipInputs: {},
+        validationRequested: false
+      };
+    }),
+    clearSelection: () => set({
+      collectionName: void 0,
+      fileId: void 0,
+      draft: {},
+      initial: {},
+      contentDraft: "",
+      initialContent: "",
+      dirty: false,
+      touched: {},
+      errors: {},
+      chipInputs: {},
+      validationRequested: false
+    }),
+    setFieldValue: (field, value) => set((state) => {
+      const nextDraft = buildNextDraft(state.draft, field, value);
+      return {
+        draft: nextDraft,
+        dirty: getIsDirty({
+          draft: nextDraft,
+          initial: state.initial,
+          contentDraft: state.contentDraft,
+          initialContent: state.initialContent
+        })
+      };
+    }),
+    setContentDraft: (content) => set((state) => ({
+      contentDraft: content,
+      dirty: getIsDirty({
+        draft: state.draft,
+        initial: state.initial,
+        contentDraft: content,
+        initialContent: state.initialContent
+      })
+    })),
+    commitSavedState: () => set((state) => ({
+      initial: cloneRecord(state.draft),
+      initialContent: state.contentDraft,
+      dirty: false,
+      touched: {},
+      errors: {},
+      validationRequested: false
+    })),
+    setFieldTouched: (field) => set((state) => ({
+      touched: {
+        ...state.touched,
+        [field]: true
+      }
+    })),
+    setValidationRequested: () => set({
+      validationRequested: true
+    }),
+    setValidationErrors: (errors) => set({
+      errors
+    }),
+    setChipInput: (field, value) => set((state) => ({
+      chipInputs: {
+        ...state.chipInputs,
+        [field]: value
+      }
+    })),
+    addChipValue: (field, value) => set((state) => {
+      const normalizedValue = normalizeChip(value);
+      if (!normalizedValue) {
+        return state;
+      }
+      const existingValues = asStringArray(state.draft[field]);
+      if (existingValues.includes(normalizedValue)) {
+        return {
+          chipInputs: {
+            ...state.chipInputs,
+            [field]: ""
+          }
+        };
+      }
+      const nextValues = [...existingValues, normalizedValue];
+      const nextDraft = buildNextDraft(state.draft, field, nextValues);
+      return {
+        draft: nextDraft,
+        dirty: getIsDirty({
+          draft: nextDraft,
+          initial: state.initial,
+          contentDraft: state.contentDraft,
+          initialContent: state.initialContent
+        }),
+        chipInputs: {
+          ...state.chipInputs,
+          [field]: ""
+        }
+      };
+    }),
+    removeChipValue: (field, index) => set((state) => {
+      const existingValues = asStringArray(state.draft[field]);
+      if (index < 0 || index >= existingValues.length) {
+        return state;
+      }
+      const nextValues = existingValues.filter((_, itemIndex) => {
+        return itemIndex !== index;
+      });
+      const nextDraft = buildNextDraft(
+        state.draft,
+        field,
+        nextValues.length > 0 ? nextValues : void 0
+      );
+      return {
+        draft: nextDraft,
+        dirty: getIsDirty({
+          draft: nextDraft,
+          initial: state.initial,
+          contentDraft: state.contentDraft,
+          initialContent: state.initialContent
+        })
+      };
+    }),
+    removeLastChipValue: (field) => set((state) => {
+      const existingValues = asStringArray(state.draft[field]);
+      if (existingValues.length === 0) {
+        return state;
+      }
+      const nextValues = existingValues.slice(0, -1);
+      const nextDraft = buildNextDraft(
+        state.draft,
+        field,
+        nextValues.length > 0 ? nextValues : void 0
+      );
+      return {
+        draft: nextDraft,
+        dirty: getIsDirty({
+          draft: nextDraft,
+          initial: state.initial,
+          contentDraft: state.contentDraft,
+          initialContent: state.initialContent
+        })
+      };
+    })
+  })
+);
+function Editor() {
+  const contentDraft = useFrontmatterEditorStore((state) => state.contentDraft);
+  const setContentDraft = useFrontmatterEditorStore(
+    (state) => state.setContentDraft
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full min-h-0 w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto flex h-full min-h-0 w-full max-w-3xl flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Textarea,
+    {
+      id: "editor-content",
+      className: "placeholder:text-muted-foreground/65 field-sizing-fixed h-full min-h-0 flex-1 resize-none overflow-auto rounded-none border-0 bg-transparent px-8 py-6 text-[16px] leading-8 shadow-none focus-visible:border-transparent focus-visible:ring-0",
+      value: contentDraft,
+      onChange: (event) => {
+        setContentDraft(event.target.value);
+      },
+      placeholder: "Start writing your article..."
+    }
+  ) }) });
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  locale,
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      locale,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative rounded-(--cell-radius)",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "absolute inset-0 bg-popover opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "font-medium select-none",
+          captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-(--cell-size) select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-[0.8rem] text-muted-foreground select-none",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn(
+          "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted",
+          defaultClassNames.range_end
+        ),
+        today: cn(
+          "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { className: cn("size-4", className2), ...props2 });
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ChevronRight,
+              {
+                className: cn("size-4", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: cn("size-4", className2), ...props2 });
+        },
+        DayButton: ({ ...props2 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarDayButton, { locale, ...props2 }),
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  locale,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(locale?.code),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Input$1,
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "border-input file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "label",
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverRoot, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger$1, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    PopoverPositioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PopoverPopup,
+        {
+          "data-slot": "popover-content",
+          className: cn(
+            "bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SwitchRoot,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SwitchThumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "bg-background dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0"
+        }
+      )
+    }
+  );
+}
+function padTwo$1(value) {
+  return value.toString().padStart(2, "0");
+}
+function toDateTimeLocal(date) {
+  const year = date.getFullYear();
+  const month = padTwo$1(date.getMonth() + 1);
+  const day = padTwo$1(date.getDate());
+  const hour = padTwo$1(date.getHours());
+  const minute = padTwo$1(date.getMinutes());
+  return `${year}-${month}-${day}T${hour}:${minute}`;
+}
+function parseUnixTimestamp(value) {
+  if (!Number.isFinite(value)) {
+    return void 0;
+  }
+  const millis = Math.abs(value) < 1e12 ? value * 1e3 : value;
+  const parsed = new Date(millis);
+  if (Number.isNaN(parsed.getTime())) {
+    return void 0;
+  }
+  return parsed;
+}
+function toDateTimeLocalValue(value) {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (trimmed.length === 0) {
+      return "";
+    }
+    if (/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) {
+      return `${trimmed}T00:00`;
+    }
+    const parsed = new Date(trimmed);
+    if (!Number.isNaN(parsed.getTime())) {
+      return toDateTimeLocal(parsed);
+    }
+    return "";
+  }
+  if (typeof value === "number") {
+    const parsed = parseUnixTimestamp(value);
+    return parsed ? toDateTimeLocal(parsed) : "";
+  }
+  return "";
+}
+function fromDateTimeLocalToIso(value) {
+  if (!value) {
+    return void 0;
+  }
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) {
+    return void 0;
+  }
+  return parsed.toISOString();
+}
+const ROOT_VALIDATION_KEY = "_root";
+const ajv = new Ajv({
+  allErrors: true,
+  strict: false
+});
+addFormats(ajv);
+const validatorCache = /* @__PURE__ */ new WeakMap();
+function getSchemaValidator(schema) {
+  const cached = validatorCache.get(schema);
+  if (cached) {
+    return cached;
+  }
+  const validator = ajv.compile(schema);
+  validatorCache.set(schema, validator);
+  return validator;
+}
+function decodePointerSegment(segment) {
+  return segment.replaceAll("~1", "/").replaceAll("~0", "~");
+}
+function getTopLevelErrorKey(error) {
+  if (error.keyword === "required") {
+    const missingProperty = typeof error.params.missingProperty === "string" ? error.params.missingProperty : void 0;
+    return missingProperty ?? ROOT_VALIDATION_KEY;
+  }
+  const cleanedPath = error.instancePath.replace(/^\//, "");
+  if (cleanedPath.length === 0) {
+    return ROOT_VALIDATION_KEY;
+  }
+  const firstSegment = cleanedPath.split("/")[0];
+  return firstSegment ? decodePointerSegment(firstSegment) : ROOT_VALIDATION_KEY;
+}
+function toErrorMessage(error) {
+  const message = error.message?.trim();
+  return message && message.length > 0 ? message : "invalid value";
+}
+function mapAjvErrors(errors) {
+  if (!errors || errors.length === 0) {
+    return {};
+  }
+  const mapped = {};
+  for (const error of errors) {
+    const key = getTopLevelErrorKey(error);
+    const message = toErrorMessage(error);
+    const existing = mapped[key] ?? [];
+    if (!existing.includes(message)) {
+      mapped[key] = [...existing, message];
+    }
+  }
+  return mapped;
+}
+function validateFrontmatterDraft(schema, draft) {
+  const validator = getSchemaValidator(schema);
+  const valid = validator(draft);
+  return {
+    valid: Boolean(valid),
+    errors: mapAjvErrors(validator.errors)
+  };
+}
+const recordSchema = recordType(stringType(), unknownType());
+const jsonObjectSchema = objectType({
+  type: literalType("object"),
+  properties: recordSchema,
+  required: arrayType(stringType()).optional()
+}).passthrough();
+const propertySchema = objectType({
+  type: stringType().optional(),
+  format: stringType().optional(),
+  enum: arrayType(stringType()).optional(),
+  anyOf: arrayType(recordSchema).optional(),
+  items: recordSchema.optional()
+}).passthrough();
+const ASTRO_DEF_PREFIX = "#/definitions/";
+function asRecord(value) {
+  const parsed = recordSchema.safeParse(value);
+  return parsed.success ? parsed.data : void 0;
+}
+function parsePropertySchema(value) {
+  const parsed = propertySchema.safeParse(value);
+  return parsed.success ? parsed.data : void 0;
+}
+function asObjectSchema(value) {
+  const parsed = jsonObjectSchema.safeParse(value);
+  return parsed.success ? parsed.data : void 0;
+}
+function isStringArraySchema(schema) {
+  if (schema.type !== "array") {
+    return false;
+  }
+  const itemSchema = parsePropertySchema(schema.items);
+  return itemSchema?.type === "string";
+}
+function isDateAnyOfSchema(schema) {
+  if (!schema.anyOf || schema.anyOf.length === 0) {
+    return false;
+  }
+  let hasDateOption = false;
+  for (const option of schema.anyOf) {
+    const candidate = parsePropertySchema(option);
+    if (!candidate) {
+      return false;
+    }
+    if (candidate.type === "string" && (candidate.format === "date" || candidate.format === "date-time")) {
+      hasDateOption = true;
+      continue;
+    }
+    if ((candidate.type === "integer" || candidate.type === "number") && candidate.format === "unix-time") {
+      hasDateOption = true;
+      continue;
+    }
+    if (candidate.type === "null") {
+      continue;
+    }
+    return false;
+  }
+  return hasDateOption;
+}
+function resolveRequiredFields(required) {
+  const parsed = arrayType(stringType()).safeParse(required);
+  return new Set(parsed.success ? parsed.data : []);
+}
+function resolveCustomFieldKind(params) {
+  const customKind = params.fieldUi?.[params.key];
+  if (!customKind) {
+    return void 0;
+  }
+  if (customKind.kind === "image" && params.property.type === "string") {
+    return {
+      kind: "image",
+      key: params.key,
+      required: params.required,
+      sourceMode: customKind.mode
+    };
+  }
+  if (customKind.kind === "imageArray" && isStringArraySchema(params.property)) {
+    return {
+      kind: "imageArray",
+      key: params.key,
+      required: params.required,
+      sourceMode: customKind.mode
+    };
+  }
+  if (customKind.kind === "color" && params.property.type === "string") {
+    return {
+      kind: "color",
+      key: params.key,
+      required: params.required
+    };
+  }
+  return void 0;
+}
+function resolveAstroObjectSchema(schema) {
+  if (!schema) {
+    return void 0;
+  }
+  const direct = asObjectSchema(schema);
+  if (direct) {
+    return direct;
+  }
+  const ref = typeof schema.$ref === "string" ? schema.$ref : void 0;
+  if (!ref?.startsWith(ASTRO_DEF_PREFIX)) {
+    return void 0;
+  }
+  const definitionKey = ref.slice(ASTRO_DEF_PREFIX.length);
+  const definitions = asRecord(schema.definitions);
+  const definitionSchema = definitions ? definitions[definitionKey] : void 0;
+  return asObjectSchema(definitionSchema);
+}
+function resolveSchemaFields(schema, fieldUi) {
+  const requiredFields = resolveRequiredFields(schema.required);
+  const fields = [];
+  for (const [key, rawPropertySchema] of Object.entries(schema.properties)) {
+    if (key === "$schema") {
+      continue;
+    }
+    const parsedProperty = parsePropertySchema(rawPropertySchema);
+    const isRequired = requiredFields.has(key);
+    if (!parsedProperty) {
+      fields.push({
+        kind: "unsupported",
+        key,
+        required: isRequired,
+        reason: "invalid schema node"
+      });
+      continue;
+    }
+    const customField = resolveCustomFieldKind({
+      key,
+      property: parsedProperty,
+      required: isRequired,
+      fieldUi
+    });
+    if (customField) {
+      fields.push(customField);
+      continue;
+    }
+    if (isDateAnyOfSchema(parsedProperty)) {
+      fields.push({ kind: "dateAnyOf", key, required: isRequired });
+      continue;
+    }
+    if (parsedProperty.type === "string" && (parsedProperty.format === "date" || parsedProperty.format === "date-time")) {
+      fields.push({ kind: "dateAnyOf", key, required: isRequired });
+      continue;
+    }
+    if ((parsedProperty.type === "number" || parsedProperty.type === "integer") && parsedProperty.format === "unix-time") {
+      fields.push({ kind: "dateAnyOf", key, required: isRequired });
+      continue;
+    }
+    const enumValues = parsedProperty.enum;
+    if (enumValues && enumValues.length > 0) {
+      fields.push({
+        kind: "enum",
+        key,
+        required: isRequired,
+        options: enumValues
+      });
+      continue;
+    }
+    if (parsedProperty.type === "string") {
+      fields.push({ kind: "string", key, required: isRequired });
+      continue;
+    }
+    if (parsedProperty.type === "boolean") {
+      fields.push({ kind: "boolean", key, required: isRequired });
+      continue;
+    }
+    if (parsedProperty.type === "number" || parsedProperty.type === "integer") {
+      fields.push({ kind: "number", key, required: isRequired });
+      continue;
+    }
+    if (isStringArraySchema(parsedProperty)) {
+      fields.push({ kind: "stringArray", key, required: isRequired });
+      continue;
+    }
+    if (parsedProperty.type === "array") {
+      fields.push({
+        kind: "unsupported",
+        key,
+        required: isRequired,
+        reason: "array items are not string"
+      });
+      continue;
+    }
+    fields.push({
+      kind: "unsupported",
+      key,
+      required: isRequired,
+      reason: "schema type not supported"
+    });
+  }
+  return fields;
+}
+const SUBTLE_FIELD_CLASS = "border-transparent bg-muted/50 shadow-none focus-visible:border-transparent focus-visible:ring-2 focus-visible:ring-ring/35";
+const MAX_ASSET_RESULTS = 120;
+const HEX_COLOR_REGEX = /^#[0-9a-fA-F]{6}$/;
+function isObjectRecord$1(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+const listImageAssets = createServerFn({
+  method: "POST"
+}).inputValidator((payload) => {
+  if (!isObjectRecord$1(payload)) {
+    throw new Error("Invalid asset list payload.");
+  }
+  const currentFilePath = payload.currentFilePath;
+  if (typeof currentFilePath !== "string" || currentFilePath.length === 0) {
+    throw new Error("Missing current file path.");
+  }
+  const sourceMode = payload.sourceMode;
+  if (sourceMode !== "asset" && sourceMode !== "public") {
+    throw new Error("Invalid image source mode.");
+  }
+  return {
+    currentFilePath,
+    sourceMode
+  };
+}).handler(createSsrRpc("c39d1a9dd4bf0ef421bf4f2daf36aab12030ba358e594364ba10b3659b27b480"));
+const getImageAssetPreview = createServerFn({
+  method: "POST"
+}).inputValidator((payload) => {
+  if (!isObjectRecord$1(payload)) {
+    throw new Error("Invalid asset preview payload.");
+  }
+  const assetId = payload.assetId;
+  if (typeof assetId !== "string" || assetId.length === 0) {
+    throw new Error("Missing asset id.");
+  }
+  return {
+    assetId
+  };
+}).handler(createSsrRpc("91a56e4138efcf4efad5b435140f056a882a5f54203e1c4d3b0f274ea2f876f5"));
+function toNormalCaseLabel(fieldName) {
+  const normalized = fieldName.replace(/[_-]+/g, " ").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim();
+  if (normalized.length === 0) {
+    return fieldName;
+  }
+  return normalized.split(" ").map((word) => {
+    if (word === word.toUpperCase() && word.length > 1) {
+      return word;
+    }
+    return word[0] ? word[0].toUpperCase() + word.slice(1).toLowerCase() : word;
+  }).join(" ");
+}
+function getStringArrayValue(value) {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.filter((item) => typeof item === "string");
+}
+function getDateTimeParts(value) {
+  const localValue = toDateTimeLocalValue(value);
+  if (!localValue) {
+    return {
+      date: "",
+      time: "00:00"
+    };
+  }
+  const [date = "", time = "00:00"] = localValue.split("T");
+  return {
+    date,
+    time
+  };
+}
+function padTwo(value) {
+  return value.toString().padStart(2, "0");
+}
+function formatLocalDate(date) {
+  const year = date.getFullYear();
+  const month = padTwo(date.getMonth() + 1);
+  const day = padTwo(date.getDate());
+  return `${year}-${month}-${day}`;
+}
+function getIsoFromDateAndTime(dateValue, timeValue) {
+  if (!dateValue) {
+    return void 0;
+  }
+  return fromDateTimeLocalToIso(`${dateValue}T${timeValue || "00:00"}`);
+}
+function normalizeHexColor(value) {
+  return value.trim().toUpperCase();
+}
+function isHexColor(value) {
+  return HEX_COLOR_REGEX.test(value);
+}
+const HOUR_OPTIONS = Array.from({
+  length: 24
+}, (_, index) => padTwo(index));
+const MINUTE_OPTIONS = Array.from({
+  length: 60
+}, (_, index) => padTwo(index));
+function NumberField({
+  fieldKey,
+  value,
+  onChange,
+  onBlur
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: fieldKey, type: "number", className: SUBTLE_FIELD_CLASS, value: typeof value === "number" || typeof value === "string" ? String(value) : "", onChange: (event) => {
+    const nextRaw = event.target.value;
+    if (nextRaw.trim() === "") {
+      onChange(void 0);
+      return;
+    }
+    const parsed = Number(nextRaw);
+    onChange(Number.isFinite(parsed) ? parsed : nextRaw);
+  }, onBlur });
+}
+function BooleanField({
+  fieldKey,
+  value,
+  onChange,
+  onBlur
+}) {
+  const isChecked = value === true;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-muted/50 flex h-9 items-center justify-between rounded-md px-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-sm", children: isChecked ? "Enabled" : "Disabled" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { id: fieldKey, checked: isChecked, onCheckedChange: (checked) => onChange(checked), onBlur, "aria-label": fieldKey })
+  ] });
+}
+function DateAnyOfField({
+  fieldKey,
+  value,
+  onChange,
+  onBlur
+}) {
+  const {
+    date,
+    time
+  } = getDateTimeParts(value);
+  const [hour = "00", minute = "00"] = time.split(":");
+  const selectedDate = date ? /* @__PURE__ */ new Date(`${date}T00:00:00`) : void 0;
+  const handleDateSelect = (nextDate) => {
+    if (!nextDate) {
+      onChange(void 0);
+      onBlur();
+      return;
+    }
+    const nextDatePart = formatLocalDate(nextDate);
+    onChange(getIsoFromDateAndTime(nextDatePart, `${hour}:${minute}`));
+    onBlur();
+  };
+  const handleTimeSelect = (nextHour, nextMinute) => {
+    onChange(getIsoFromDateAndTime(date, `${nextHour}:${nextMinute}`));
+    onBlur();
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverTrigger, { className: cn(buttonVariants({
+        variant: "ghost"
+      }), "bg-muted/50 hover:bg-muted/65 h-9 w-full justify-start border-0 px-3 text-sm font-normal shadow-none"), "aria-label": `${fieldKey} date`, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarDays, { className: "text-muted-foreground size-4" }),
+        selectedDate ? selectedDate.toLocaleDateString(void 0, {
+          month: "short",
+          day: "2-digit",
+          year: "numeric"
+        }) : "Pick a date"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { mode: "single", selected: selectedDate, onSelect: handleDateSelect }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Clock3, { className: "text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: hour, onValueChange: (nextHour) => {
+          if (!nextHour) {
+            return;
+          }
+          handleTimeSelect(nextHour, minute);
+        }, disabled: !date, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "bg-muted/50 focus-visible:ring-ring/35 w-full border-transparent pl-8 shadow-none focus-visible:border-transparent focus-visible:ring-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "HH" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectGroup, { children: HOUR_OPTIONS.map((hourOption) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: hourOption, children: hourOption }, `hour-${hourOption}`)) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: minute, onValueChange: (nextMinute) => {
+        if (!nextMinute) {
+          return;
+        }
+        handleTimeSelect(hour, nextMinute);
+      }, disabled: !date, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "bg-muted/50 focus-visible:ring-ring/35 w-full border-transparent shadow-none focus-visible:border-transparent focus-visible:ring-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "MM" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectGroup, { children: MINUTE_OPTIONS.map((minuteOption) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: minuteOption, children: minuteOption }, `minute-${minuteOption}`)) }) })
+      ] })
+    ] })
+  ] });
+}
+function EnumField({
+  fieldKey,
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: typeof value === "string" ? value : void 0, onValueChange: (nextValue) => {
+    if (!nextValue) {
+      return;
+    }
+    onChange(nextValue);
+  }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "bg-muted/50 focus-visible:ring-ring/35 w-full border-transparent shadow-none focus-visible:border-transparent focus-visible:ring-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a value" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectGroup, { children: options.map((option) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: option, children: option }, `${fieldKey}-${option}`);
+    }) }) })
+  ] });
+}
+function StringArrayField({
+  fieldKey,
+  values,
+  chipInput,
+  onChipInputChange,
+  onAddChip,
+  onRemoveChip,
+  onBackspaceEmpty,
+  onBlur,
+  placeholder
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1.5", children: values.map((chip, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "bg-muted gap-1 border-transparent tracking-normal normal-case", children: [
+      chip,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "text-muted-foreground hover:bg-accent hover:text-foreground inline-flex size-4 items-center justify-center rounded-full", onClick: () => onRemoveChip(index), "aria-label": `Remove ${chip}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3" }) })
+    ] }, `${fieldKey}-${chip}-${index}`)) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: fieldKey, className: SUBTLE_FIELD_CLASS, value: chipInput, onChange: (event) => onChipInputChange(event.target.value), onKeyDown: (event) => {
+      if (event.key === "Enter" || event.key === ",") {
+        event.preventDefault();
+        onAddChip();
+        return;
+      }
+      if (event.key === "Backspace" && chipInput.trim().length === 0) {
+        event.preventDefault();
+        onBackspaceEmpty();
+      }
+    }, onBlur, placeholder: placeholder ?? "Type and press Enter" })
+  ] });
+}
+function AssetThumbnail({
+  assetId,
+  label
+}) {
+  const [previewUrl, setPreviewUrl] = reactExports.useState();
+  const [hasFailed, setHasFailed] = reactExports.useState(false);
+  const requestIdRef = reactExports.useRef(0);
+  reactExports.useEffect(() => {
+    requestIdRef.current += 1;
+    const requestId = requestIdRef.current;
+    let objectUrl;
+    void (async () => {
+      try {
+        setHasFailed(false);
+        const response = await getImageAssetPreview({
+          data: {
+            assetId
+          }
+        });
+        if (!response.ok) {
+          throw new Error(`Preview request failed (${response.status})`);
+        }
+        const blob = await response.blob();
+        if (requestIdRef.current !== requestId) {
+          return;
+        }
+        objectUrl = URL.createObjectURL(blob);
+        setPreviewUrl(objectUrl);
+      } catch {
+        if (requestIdRef.current !== requestId) {
+          return;
+        }
+        setHasFailed(true);
+        setPreviewUrl(void 0);
+      }
+    })();
+    return () => {
+      requestIdRef.current += 1;
+      if (objectUrl) {
+        URL.revokeObjectURL(objectUrl);
+      }
+    };
+  }, [assetId]);
+  if (previewUrl) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: previewUrl, alt: label, className: "h-24 w-full rounded-md object-cover" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-muted/55 text-muted-foreground flex h-24 w-full items-center justify-center rounded-md", children: hasFailed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "size-5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-5 animate-spin" }) });
+}
+function AssetPicker({
+  currentFilePath,
+  sourceMode,
+  triggerLabel,
+  onSelectPath
+}) {
+  const [open, setOpen] = reactExports.useState(false);
+  const [query, setQuery] = reactExports.useState("");
+  const [loading, setLoading] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState();
+  const [assets, setAssets] = reactExports.useState([]);
+  const [loadedForKey, setLoadedForKey] = reactExports.useState();
+  reactExports.useEffect(() => {
+    const requestKey = `${currentFilePath}::${sourceMode}`;
+    if (!open || loadedForKey === requestKey) {
+      return;
+    }
+    let isCancelled = false;
+    setLoading(true);
+    setError(void 0);
+    void listImageAssets({
+      data: {
+        currentFilePath,
+        sourceMode
+      }
+    }).then((nextAssets) => {
+      if (isCancelled) {
+        return;
+      }
+      setAssets(nextAssets);
+      setLoadedForKey(requestKey);
+    }).catch((fetchError) => {
+      if (isCancelled) {
+        return;
+      }
+      const message = fetchError instanceof Error ? fetchError.message : String(fetchError);
+      setError(message);
+    }).finally(() => {
+      if (!isCancelled) {
+        setLoading(false);
+      }
+    });
+    return () => {
+      isCancelled = true;
+    };
+  }, [currentFilePath, loadedForKey, open, sourceMode]);
+  const filteredAssets = reactExports.useMemo(() => {
+    const normalizedQuery = query.trim().toLowerCase();
+    return assets.filter((asset) => {
+      if (normalizedQuery.length === 0) {
+        return true;
+      }
+      return asset.displayPath.toLowerCase().includes(normalizedQuery) || asset.value.toLowerCase().includes(normalizedQuery);
+    });
+  }, [assets, query]);
+  const visibleAssets = filteredAssets.slice(0, MAX_ASSET_RESULTS);
+  const sourceLabel = sourceMode === "public" ? "public" : "src";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverTrigger, { className: cn(buttonVariants({
+      variant: "outline"
+    }), "h-8 border-dashed text-xs"), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "size-3.5" }),
+      triggerLabel
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverContent, { className: "w-[34rem] max-w-[calc(100vw-2rem)] gap-2 p-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "bg-muted text-foreground/75 rounded-md border-transparent text-[11px] normal-case", children: [
+          "source: ",
+          sourceLabel
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-60 max-w-full", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { value: query, onChange: (event) => {
+            setQuery(event.target.value);
+          }, className: "bg-muted/50 focus-visible:ring-ring/35 h-8 border-transparent pl-8 text-xs shadow-none focus-visible:border-transparent focus-visible:ring-2", placeholder: "Search assets...", "aria-label": "Search assets" })
+        ] })
+      ] }),
+      loading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground flex h-32 items-center justify-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" }),
+        "Loading assets..."
+      ] }) : null,
+      error ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-destructive rounded-md bg-red-500/10 px-3 py-2 text-xs", children: error }) : null,
+      !loading && !error ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid max-h-[22rem] grid-cols-3 gap-2 overflow-auto pr-1", children: visibleAssets.map((asset) => /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "border-border/40 hover:border-ring/35 bg-muted/25 hover:bg-muted/35 space-y-1.5 rounded-lg border p-1.5 text-left transition-colors", onClick: () => {
+          onSelectPath(asset.value);
+          setOpen(false);
+        }, title: asset.value, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(AssetThumbnail, { assetId: asset.id, label: asset.displayPath }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-foreground/85 truncate text-[11px]", children: asset.displayPath })
+        ] }, asset.id)) }),
+        filteredAssets.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground text-xs", children: "No assets found." }) : null,
+        filteredAssets.length > MAX_ASSET_RESULTS ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-muted-foreground text-xs", children: [
+          "Showing first ",
+          MAX_ASSET_RESULTS,
+          " assets. Refine search for more."
+        ] }) : null
+      ] }) : null
+    ] })
+  ] });
+}
+function ImageField({
+  fieldKey,
+  currentFilePath,
+  sourceMode,
+  value,
+  onChange,
+  onBlur
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: fieldKey, className: SUBTLE_FIELD_CLASS, value: typeof value === "string" ? value : "", onChange: (event) => {
+      onChange(event.target.value || void 0);
+    }, onBlur }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AssetPicker, { currentFilePath, sourceMode, triggerLabel: "Browse assets", onSelectPath: (selectedPath) => {
+      onChange(selectedPath);
+      onBlur();
+    } })
+  ] });
+}
+function ImageArrayField({
+  fieldKey,
+  currentFilePath,
+  sourceMode,
+  values,
+  chipInput,
+  onChipInputChange,
+  onAddChip,
+  onRemoveChip,
+  onBackspaceEmpty,
+  onBlur,
+  onSelectAsset
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(StringArrayField, { fieldKey, values, chipInput, onChipInputChange, onAddChip, onRemoveChip, onBackspaceEmpty, onBlur, placeholder: "Type path and press Enter" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AssetPicker, { currentFilePath, sourceMode, triggerLabel: "Add from assets", onSelectPath: onSelectAsset })
+  ] });
+}
+function ColorField({
+  fieldKey,
+  value,
+  onChange,
+  onBlur
+}) {
+  const stringValue = typeof value === "string" ? value : "";
+  const normalizedValue = normalizeHexColor(stringValue);
+  const hasValue = normalizedValue.length > 0;
+  const hasValidValue = hasValue && isHexColor(normalizedValue);
+  const pickerValue = hasValidValue ? normalizedValue : "#000000";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: fieldKey, className: SUBTLE_FIELD_CLASS, value: stringValue, onChange: (event) => {
+        const nextRaw = event.target.value;
+        onChange(nextRaw.length > 0 ? nextRaw : void 0);
+      }, onBlur, placeholder: "#RRGGBB" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("input", { id: `${fieldKey}-picker`, type: "color", className: "border-border/50 h-9 w-12 cursor-pointer rounded-md border bg-transparent p-1", value: pickerValue, onChange: (event) => {
+        onChange(normalizeHexColor(event.target.value));
+        onBlur();
+      }, "aria-label": `${fieldKey} color picker` })
+    ] }),
+    hasValue && !hasValidValue ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive/85 text-xs", children: "Use a hex color in #RRGGBB format." }) : null
+  ] });
+}
+function FieldErrorList({
+  fieldKey,
+  errors
+}) {
+  if (!errors || errors.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1", children: errors.map((error, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive/85 text-xs", children: error }, `${fieldKey}-error-${index}`)) });
+}
+function RightSidebar({
+  selectedCollection,
+  selectedFile
+}) {
+  const draft = useFrontmatterEditorStore((state) => state.draft);
+  const errors = useFrontmatterEditorStore((state) => state.errors);
+  const chipInputs = useFrontmatterEditorStore((state) => state.chipInputs);
+  const setFieldValue = useFrontmatterEditorStore((state) => state.setFieldValue);
+  const setFieldTouched = useFrontmatterEditorStore((state) => state.setFieldTouched);
+  const setValidationErrors = useFrontmatterEditorStore((state) => state.setValidationErrors);
+  const setChipInput = useFrontmatterEditorStore((state) => state.setChipInput);
+  const addChipValue = useFrontmatterEditorStore((state) => state.addChipValue);
+  const removeChipValue = useFrontmatterEditorStore((state) => state.removeChipValue);
+  const removeLastChipValue = useFrontmatterEditorStore((state) => state.removeLastChipValue);
+  const objectSchema = reactExports.useMemo(() => {
+    return resolveAstroObjectSchema(selectedCollection?.schema);
+  }, [selectedCollection?.schema]);
+  const resolvedFields = reactExports.useMemo(() => {
+    if (!objectSchema) {
+      return [];
+    }
+    return resolveSchemaFields(objectSchema, selectedCollection?.fieldUi);
+  }, [objectSchema, selectedCollection?.fieldUi]);
+  const runValidation = reactExports.useCallback(() => {
+    if (!selectedCollection?.schema) {
+      setValidationErrors({});
+      return;
+    }
+    const result = validateFrontmatterDraft(selectedCollection.schema, draft);
+    setValidationErrors(result.errors);
+  }, [selectedCollection?.schema, draft, setValidationErrors]);
+  const handleFieldBlur = reactExports.useCallback((fieldKey) => {
+    setFieldTouched(fieldKey);
+    runValidation();
+  }, [runValidation, setFieldTouched]);
+  reactExports.useEffect(() => {
+    runValidation();
+  }, [runValidation]);
+  if (!selectedCollection || !selectedFile) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Select a file to edit frontmatter." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col gap-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-foreground/90 text-sm font-semibold", children: "Frontmatter" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-h-0 flex-1 space-y-3 overflow-auto pr-1", children: [
+      !objectSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-muted/40 text-muted-foreground rounded-md px-3 py-2 text-sm", children: "This collection has no object schema available." }) : null,
+      resolvedFields.map((field) => {
+        const fieldErrors = errors[field.key];
+        const label = toNormalCaseLabel(field.key);
+        const value = draft[field.key];
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-background/45 space-y-2 rounded-lg px-2.5 py-2.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: field.key, className: "text-muted-foreground text-xs font-medium tracking-wide", children: [
+            label,
+            field.required ? " *" : ""
+          ] }) }),
+          field.kind === "string" && /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: field.key, className: SUBTLE_FIELD_CLASS, value: typeof value === "string" ? value : "", onChange: (event) => {
+            setFieldValue(field.key, event.target.value || void 0);
+          }, onBlur: () => handleFieldBlur(field.key) }),
+          field.kind === "image" && /* @__PURE__ */ jsxRuntimeExports.jsx(ImageField, { fieldKey: field.key, currentFilePath: selectedFile.filePath, sourceMode: field.sourceMode, value, onChange: (nextValue) => {
+            setFieldValue(field.key, nextValue);
+          }, onBlur: () => handleFieldBlur(field.key) }),
+          field.kind === "color" && /* @__PURE__ */ jsxRuntimeExports.jsx(ColorField, { fieldKey: field.key, value, onChange: (nextValue) => {
+            setFieldValue(field.key, nextValue);
+          }, onBlur: () => handleFieldBlur(field.key) }),
+          field.kind === "number" && /* @__PURE__ */ jsxRuntimeExports.jsx(NumberField, { fieldKey: field.key, value, onChange: (nextValue) => {
+            setFieldValue(field.key, nextValue);
+          }, onBlur: () => handleFieldBlur(field.key) }),
+          field.kind === "boolean" && /* @__PURE__ */ jsxRuntimeExports.jsx(BooleanField, { fieldKey: field.key, value, onChange: (nextValue) => {
+            setFieldValue(field.key, nextValue);
+          }, onBlur: () => handleFieldBlur(field.key) }),
+          field.kind === "enum" && /* @__PURE__ */ jsxRuntimeExports.jsx(EnumField, { fieldKey: field.key, value, options: field.options, onChange: (nextValue) => {
+            setFieldValue(field.key, nextValue);
+            handleFieldBlur(field.key);
+          } }),
+          field.kind === "stringArray" && /* @__PURE__ */ jsxRuntimeExports.jsx(StringArrayField, { fieldKey: field.key, values: getStringArrayValue(value), chipInput: chipInputs[field.key] ?? "", onChipInputChange: (nextValue) => {
+            setChipInput(field.key, nextValue);
+          }, onAddChip: () => {
+            addChipValue(field.key, chipInputs[field.key] ?? "");
+            handleFieldBlur(field.key);
+          }, onRemoveChip: (index) => {
+            removeChipValue(field.key, index);
+            handleFieldBlur(field.key);
+          }, onBackspaceEmpty: () => {
+            removeLastChipValue(field.key);
+            handleFieldBlur(field.key);
+          }, onBlur: () => handleFieldBlur(field.key) }),
+          field.kind === "imageArray" && /* @__PURE__ */ jsxRuntimeExports.jsx(ImageArrayField, { fieldKey: field.key, currentFilePath: selectedFile.filePath, sourceMode: field.sourceMode, values: getStringArrayValue(value), chipInput: chipInputs[field.key] ?? "", onChipInputChange: (nextValue) => {
+            setChipInput(field.key, nextValue);
+          }, onAddChip: () => {
+            addChipValue(field.key, chipInputs[field.key] ?? "");
+            handleFieldBlur(field.key);
+          }, onRemoveChip: (index) => {
+            removeChipValue(field.key, index);
+            handleFieldBlur(field.key);
+          }, onBackspaceEmpty: () => {
+            removeLastChipValue(field.key);
+            handleFieldBlur(field.key);
+          }, onBlur: () => handleFieldBlur(field.key), onSelectAsset: (nextValue) => {
+            addChipValue(field.key, nextValue);
+            handleFieldBlur(field.key);
+          } }),
+          field.kind === "dateAnyOf" && /* @__PURE__ */ jsxRuntimeExports.jsx(DateAnyOfField, { fieldKey: field.key, value, onChange: (nextValue) => {
+            setFieldValue(field.key, nextValue);
+          }, onBlur: () => handleFieldBlur(field.key) }),
+          field.kind === "unsupported" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-muted/40 text-muted-foreground rounded-md px-3 py-2 text-sm", children: [
+            "Not yet supported: ",
+            field.reason
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldErrorList, { fieldKey: field.key, errors: fieldErrors })
+        ] }, field.key);
+      }),
+      errors[ROOT_VALIDATION_KEY]?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(FieldErrorList, { fieldKey: ROOT_VALIDATION_KEY, errors: errors[ROOT_VALIDATION_KEY] }) : null
+    ] })
+  ] });
+}
+function isObjectRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+const saveSelectionToFile = createServerFn({
+  method: "POST"
+}).inputValidator((payload) => {
+  if (!isObjectRecord(payload)) {
+    throw new Error("Invalid save payload.");
+  }
+  const collectionName = payload.collectionName;
+  const fileId = payload.fileId;
+  const draft = payload.draft;
+  const content = payload.content;
+  if (typeof collectionName !== "string" || collectionName.length === 0) {
+    throw new Error("Missing collection name.");
+  }
+  if (typeof fileId !== "string" || fileId.length === 0) {
+    throw new Error("Missing file id.");
+  }
+  if (!isObjectRecord(draft)) {
+    throw new Error("Invalid frontmatter draft.");
+  }
+  if (typeof content !== "string") {
+    throw new Error("Invalid markdown content.");
+  }
+  return {
+    collectionName,
+    fileId,
+    draft,
+    content
+  };
+}).handler(createSsrRpc("b1ee42a5714ab9be8f37a4c5fca02ffd6269030b4d3ef663ff002865393e2386"));
+function App() {
+  const data = useCollectionsData();
+  const search = Route.useSearch();
+  const [leftOpen, setLeftOpen] = reactExports.useState(true);
+  const [rightOpen, setRightOpen] = reactExports.useState(true);
+  const [isSaving, setIsSaving] = reactExports.useState(false);
+  const [saveError, setSaveError] = reactExports.useState();
+  const leftPanelRef = reactExports.useRef(null);
+  const rightPanelRef = reactExports.useRef(null);
+  const navigate = Route.useNavigate();
+  const draft = useFrontmatterEditorStore((state) => state.draft);
+  const contentDraft = useFrontmatterEditorStore((state) => state.contentDraft);
+  const dirty = useFrontmatterEditorStore((state) => state.dirty);
+  const loadSelection = useFrontmatterEditorStore((state) => state.loadSelection);
+  const clearSelection = useFrontmatterEditorStore((state) => state.clearSelection);
+  const commitSavedState = useFrontmatterEditorStore((state) => state.commitSavedState);
+  const {
+    selectedCollection,
+    selectedFile,
+    normalizedSearch
+  } = reactExports.useMemo(() => resolveEditorSelection(data, search), [data, search]);
+  reactExports.useEffect(() => {
+    if (areEditorSearchEqual(search, normalizedSearch)) {
+      return;
+    }
+    void navigate({
+      search: normalizedSearch,
+      replace: true
+    });
+  }, [navigate, normalizedSearch, search]);
+  reactExports.useEffect(() => {
+    if (!selectedCollection || !selectedFile) {
+      clearSelection();
+      return;
+    }
+    loadSelection({
+      collectionName: selectedCollection.name,
+      fileId: selectedFile.id,
+      data: selectedFile.data,
+      content: selectedFile.content
+    });
+  }, [clearSelection, loadSelection, selectedCollection, selectedFile]);
+  reactExports.useEffect(() => {
+    if (!dirty) {
+      return;
+    }
+    const handleBeforeUnload = (event) => {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+    };
+  }, [dirty]);
+  const canNavigateAway = reactExports.useCallback(() => {
+    if (!dirty) {
+      return true;
+    }
+    return window.confirm("You have unsaved changes. Discard changes and continue?");
+  }, [dirty]);
+  const selectCollection = reactExports.useCallback((collectionName) => {
+    const nextCollection = data.find((collection) => collection.name === collectionName);
+    if (!nextCollection) {
+      return;
+    }
+    const nextFile = getSortedCollectionFiles(nextCollection).at(0);
+    const nextSearch = {
+      collection: nextCollection.name,
+      file: nextFile?.id
+    };
+    if (areEditorSearchEqual(normalizedSearch, nextSearch)) {
+      return;
+    }
+    if (!canNavigateAway()) {
+      return;
+    }
+    void navigate({
+      search: nextSearch
+    });
+  }, [canNavigateAway, data, navigate, normalizedSearch]);
+  const selectFile = reactExports.useCallback((fileId) => {
+    if (!selectedCollection) {
+      return;
+    }
+    const nextSearch = {
+      collection: selectedCollection.name,
+      file: fileId
+    };
+    if (areEditorSearchEqual(normalizedSearch, nextSearch)) {
+      return;
+    }
+    if (!canNavigateAway()) {
+      return;
+    }
+    void navigate({
+      search: nextSearch
+    });
+  }, [canNavigateAway, navigate, normalizedSearch, selectedCollection]);
+  const toggleLeftSidebar = reactExports.useCallback(() => {
+    const panel = leftPanelRef.current;
+    if (!panel) {
+      setLeftOpen((open) => !open);
+      return;
+    }
+    if (panel.isCollapsed()) {
+      panel.expand();
+      setLeftOpen(true);
+      return;
+    }
+    panel.collapse();
+    setLeftOpen(false);
+  }, []);
+  const toggleRightSidebar = reactExports.useCallback(() => {
+    const panel = rightPanelRef.current;
+    if (!panel) {
+      setRightOpen((open) => !open);
+      return;
+    }
+    if (panel.isCollapsed()) {
+      panel.expand();
+      setRightOpen(true);
+      return;
+    }
+    panel.collapse();
+    setRightOpen(false);
+  }, []);
+  const syncSidebarState = reactExports.useCallback(() => {
+    const nextLeftOpen = !(leftPanelRef.current?.isCollapsed() ?? false);
+    const nextRightOpen = !(rightPanelRef.current?.isCollapsed() ?? false);
+    setLeftOpen((current) => current === nextLeftOpen ? current : nextLeftOpen);
+    setRightOpen((current) => current === nextRightOpen ? current : nextRightOpen);
+  }, []);
+  const handleSave = reactExports.useCallback(async () => {
+    if (!selectedCollection || !selectedFile || !dirty || isSaving) {
+      return;
+    }
+    setIsSaving(true);
+    setSaveError(void 0);
+    try {
+      await saveSelectionToFile({
+        data: {
+          collectionName: selectedCollection.name,
+          fileId: selectedFile.id,
+          draft,
+          content: contentDraft
+        }
+      });
+      commitSavedState();
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unable to save file.";
+      setSaveError(message);
+    } finally {
+      setIsSaving(false);
+    }
+  }, [commitSavedState, contentDraft, dirty, draft, isSaving, selectedCollection, selectedFile]);
+  reactExports.useEffect(() => {
+    setSaveError(void 0);
+  }, [selectedCollection?.name, selectedFile?.id]);
+  const selectedFileLabel = selectedFile ? getFileDisplayLabel(selectedFile) : "No file selected";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-svh w-screen overflow-hidden p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResizablePanelGroup, { orientation: "horizontal", onLayoutChanged: syncSidebarState, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "editor-left-sidebar", panelRef: leftPanelRef, collapsible: true, collapsedSize: 0, defaultSize: "18rem", minSize: "14rem", maxSize: "30rem", className: "min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "bg-background/55 flex h-full flex-col overflow-hidden rounded-xl px-2.5 py-3 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LeftSidebar, { collections: data, selectedCollectionName: selectedCollection?.name, selectedFileId: selectedFile?.id, onSelectCollection: selectCollection, onSelectFile: selectFile }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { withHandle: true, className: cn(leftOpen ? "mx-1 w-2 bg-transparent" : "mx-0 w-0", !leftOpen && "pointer-events-none opacity-0") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "editor-main-panel", minSize: "30%", className: "min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "bg-background/75 flex h-full w-full min-w-0 flex-1 flex-col overflow-hidden rounded-xl px-3 py-2 backdrop-blur-sm", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "border-border/45 flex items-center justify-between gap-3 border-b pb-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "icon", onClick: toggleLeftSidebar, "aria-label": leftOpen ? "Hide left sidebar" : "Show left sidebar", className: "text-muted-foreground hover:bg-background/65 hover:text-foreground size-8 border-0", children: leftOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeftClose, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeftOpen, {}) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-foreground/85 min-w-0 flex-1 truncate text-center text-sm font-medium", title: selectedFile?.id, children: selectedFileLabel }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2", children: [
+          dirty ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleSave, disabled: isSaving || !selectedCollection || !selectedFile, className: "border-0", children: [
+            isSaving ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Save, {}),
+            "Save"
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "icon", onClick: toggleRightSidebar, "aria-label": rightOpen ? "Hide right sidebar" : "Show right sidebar", className: "text-muted-foreground hover:bg-background/65 hover:text-foreground size-8 border-0", children: rightOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(PanelRightClose, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(PanelRightOpen, {}) })
+        ] })
+      ] }),
+      saveError ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive/90 pt-2 text-xs", children: saveError }) : null,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-0 flex-1 overflow-hidden pt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Editor, {}) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { withHandle: true, className: cn(rightOpen ? "mx-1 w-2 bg-transparent" : "mx-0 w-0", !rightOpen && "pointer-events-none opacity-0") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "editor-right-sidebar", panelRef: rightPanelRef, collapsible: true, collapsedSize: 0, defaultSize: "18rem", minSize: "14rem", maxSize: "30rem", className: "min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "bg-background/55 flex h-full flex-col overflow-hidden rounded-xl px-2.5 py-3 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RightSidebar, { selectedCollection, selectedFile }) }) })
+  ] }) });
+}
+export {
+  App as component
+};