astro-md-editor 0.0.7 → 0.0.8

package/.output/server/_ssr/{index-qpTkRHX1.mjs → index-C6Fb3DjG.mjs}

@@ -1,10 +1,11 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useCollectionsData, R as Route, c as createSsrRpc } from "./router-DU3Hv7p_.mjs";
+import { u as useCollectionsData, R as Route, c as createSsrRpc } from "./router-DbnWNAi_.mjs";
 import { t as toast } from "../_libs/sonner.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 { _ as _e } from "../_libs/cmdk.mjs";
 import { u as useEditor, E as EditorContent } from "../_libs/tiptap__react.mjs";
 import { i as index_default$1 } from "../_libs/tiptap__starter-kit.mjs";
 import { i as index_default$2 } from "../_libs/tiptap__extension-link.mjs";
@@ -18,9 +19,9 @@ import { T as TurndownService } from "../_libs/turndown.mjs";
 import { g as gfm } from "../_libs/turndown-plugin-gfm.mjs";
 import { A as Ajv2020 } from "../_libs/ajv.mjs";
 import { a as addFormats } from "../_libs/ajv-formats.mjs";
-import { P as PanelLeftClose, a as PanelLeftOpen, L as LoaderCircle, S as Save, b as PanelRightClose, c as PanelRightOpen, d as Trash2, e as LaptopMinimal, M as Moon, f as Sun, g as ChevronDown, h as Check, H as Heading1, i as Heading2, j as List, k as ListOrdered, l as ListChecks, Q as Quote, m as CodeXml, n as Minus, o as Link, p as Image, X, q as CalendarDays, r as Clock3, s as ChevronUp, t as Search, u as ChevronLeft, v as ChevronRight } from "../_libs/lucide-react.mjs";
+import { P as PanelLeftClose, a as PanelLeftOpen, L as LoaderCircle, S as Save, b as PanelRightClose, c as PanelRightOpen, d as Search, A as ArrowUpDown, e as Trash2, f as LaptopMinimal, M as Moon, g as Sun, h as ChevronDown, i as Check, H as Heading1, j as Heading2, k as List, l as ListOrdered, m as ListChecks, Q as Quote, n as CodeXml, o as Minus, p as Link, q as Image, X, r as CalendarDays, s as Clock3, t as ChevronUp, u as ChevronLeft, v 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 TabsRoot, b as TabsList$1, c as TabsTab, d as SelectTrigger$1, e as SelectIcon, f as SelectValue$1, g as SelectPortal, h as SelectPositioner, i as SelectPopup, j as SelectList, k as SelectGroup$1, l as SelectItem$1, m as SelectItemText, n as SelectItemIndicator, u as useRender, o as mergeProps, A as AlertDialogRoot, D as DialogPopup, p as DialogTitle, q as DialogDescription, r as DialogClose, s as TabsPanel, I as Input$1, t as SelectScrollUpArrow, v as SelectScrollDownArrow, w as DialogPortal, x as DialogBackdrop, P as PopoverRoot, y as PopoverTrigger$1, z as PopoverPortal, C as PopoverPositioner, E as PopoverPopup, F as SwitchRoot, G as SwitchThumb } from "../_libs/base-ui__react.mjs";
+import { S as SelectRoot, B as Button$1, a as TabsRoot, b as TabsList$1, c as TabsTab, d as SelectTrigger$1, e as SelectIcon, f as SelectValue$1, g as SelectPortal, h as SelectPositioner, i as SelectPopup, j as SelectList, k as SelectGroup$1, l as SelectItem$1, m as SelectItemText, n as SelectItemIndicator, I as Input$1, P as PopoverRoot, o as PopoverTrigger$1, p as PopoverPortal, q as PopoverPositioner, r as PopoverPopup, u as useRender, s as mergeProps, A as AlertDialogRoot, D as DialogPopup, t as DialogTitle, v as DialogDescription, w as DialogClose, x as TabsPanel, y as SelectScrollUpArrow, z as SelectScrollDownArrow, C as DialogPortal, E as DialogBackdrop, F as SwitchRoot, G as SwitchThumb } from "../_libs/base-ui__react.mjs";
 import { g as getDefaultClassNames, D as DayPicker } from "../_libs/react-day-picker.mjs";
 import { a as array, o as object, l as literal, r as record, s as string, u as unknown } from "../_libs/zod.mjs";
 import "../_libs/tanstack__react-router.mjs";
@@ -54,6 +55,30 @@ 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/radix-ui__react-dialog.mjs";
+import "../_libs/radix-ui__primitive.mjs";
+import "../_libs/radix-ui__react-compose-refs.mjs";
+import "../_libs/radix-ui__react-context.mjs";
+import "../_libs/radix-ui__react-id.mjs";
+import "../_libs/@radix-ui/react-use-layout-effect+[...].mjs";
+import "../_libs/@radix-ui/react-use-controllable-state+[...].mjs";
+import "../_libs/@radix-ui/react-dismissable-layer+[...].mjs";
+import "../_libs/radix-ui__react-primitive.mjs";
+import "../_libs/radix-ui__react-slot.mjs";
+import "../_libs/@radix-ui/react-use-callback-ref+[...].mjs";
+import "../_libs/@radix-ui/react-use-escape-keydown+[...].mjs";
+import "../_libs/radix-ui__react-focus-scope.mjs";
+import "../_libs/radix-ui__react-portal.mjs";
+import "../_libs/radix-ui__react-presence.mjs";
+import "../_libs/radix-ui__react-focus-guards.mjs";
+import "../_libs/react-remove-scroll.mjs";
+import "../_libs/tslib.mjs";
+import "../_libs/react-remove-scroll-bar.mjs";
+import "../_libs/react-style-singleton.mjs";
+import "../_libs/get-nonce.mjs";
+import "../_libs/use-sidecar.mjs";
+import "../_libs/use-callback-ref.mjs";
+import "../_libs/aria-hidden.mjs";
 import "../_libs/tiptap__core.mjs";
 import "../_libs/prosemirror-transform.mjs";
 import "../_libs/prosemirror-model.mjs";
@@ -95,7 +120,7 @@ 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",
+  "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 active:translate-y-px 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: {
@@ -423,6 +448,219 @@ function Badge({
     }
   });
 }
+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 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 InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "group/input-group border-input has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const inputGroupAddonVariants = cva(
+  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+        "inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+        "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+        "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(inputGroupAddonVariants({ align }), className),
+      onClick: (e) => {
+        if (e.target.closest("button")) {
+          return;
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...props
+    }
+  );
+}
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    _e,
+    {
+      "data-slot": "command",
+      className: cn(
+        "bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(InputGroup, { className: "border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      _e.Input,
+      {
+        "data-slot": "command-input",
+        className: cn(
+          "w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(InputGroupAddon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-4 shrink-0 opacity-50" }) })
+  ] }) });
+}
+function CommandEmpty({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    _e.Empty,
+    {
+      "data-slot": "command-empty",
+      className: cn("py-6 text-center text-sm", className),
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    _e.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    _e.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    _e.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "group/command-item data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
+      ]
+    }
+  );
+}
+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
+        }
+      )
+    }
+  ) });
+}
 const Select = SelectRoot;
 function SelectGroup({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -572,6 +810,13 @@ function SelectScrollDownButton({
     }
   );
 }
+const DEFAULT_SORT = { kind: "newest" };
+const PRESET_SORT_OPTIONS = [
+  { label: "Newest first", option: { kind: "newest" } },
+  { label: "Oldest first", option: { kind: "oldest" } },
+  { label: "Title A-Z", option: { kind: "titleAsc" } },
+  { label: "Title Z-A", option: { kind: "titleDesc" } }
+];
 function getFileName(pathLike) {
   const normalized = pathLike.replaceAll("\\", "/");
   const parts = normalized.split("/");
@@ -588,22 +833,105 @@ function getFileDisplayLabel(file) {
   const fileName = getFileName(file.filePath || file.id);
   return stripExtension(fileName);
 }
-function getSortedCollectionFiles(collection) {
+function compareDates(a, b) {
+  if (!a && !b) return 0;
+  if (!a) return 1;
+  if (!b) return -1;
+  return new Date(a).getTime() - new Date(b).getTime();
+}
+function compareLabels(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 compareFrontmatterField(a, b, fieldKey, direction) {
+  const aVal = a.data[fieldKey];
+  const bVal = b.data[fieldKey];
+  if (aVal == null && bVal == null) return 0;
+  if (aVal == null) return 1;
+  if (bVal == null) return -1;
+  let result = 0;
+  if (typeof aVal === "string" && typeof bVal === "string") {
+    const aDate = Date.parse(aVal);
+    const bDate = Date.parse(bVal);
+    if (!Number.isNaN(aDate) && !Number.isNaN(bDate)) {
+      result = aDate - bDate;
+    } else {
+      result = aVal.localeCompare(bVal, void 0, { sensitivity: "base" });
+    }
+  } else if (typeof aVal === "number" && typeof bVal === "number") {
+    result = aVal - bVal;
+  } else {
+    result = String(aVal).localeCompare(String(bVal), void 0, {
+      sensitivity: "base"
+    });
+  }
+  return direction === "desc" ? -result : result;
+}
+function getSortedCollectionFiles(collection, sort = DEFAULT_SORT) {
   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;
+    switch (sort.kind) {
+      case "newest":
+        return compareDates(b.createdAt, a.createdAt);
+      case "oldest":
+        return compareDates(a.createdAt, b.createdAt);
+      case "titleAsc":
+        return compareLabels(a, b);
+      case "titleDesc":
+        return compareLabels(b, a);
+      case "frontmatter":
+        return compareFrontmatterField(a, b, sort.fieldKey, sort.direction);
     }
-    return a.id.localeCompare(b.id, void 0, { sensitivity: "base" });
   });
 }
+function getSortableFields(resolvedFields) {
+  return resolvedFields.filter(
+    (f) => f.kind === "string" || f.kind === "number" || f.kind === "dateAnyOf" || f.kind === "enum"
+  ).map((f) => ({ key: f.key, label: f.key }));
+}
+function sortOptionToValue(option) {
+  switch (option.kind) {
+    case "newest":
+    case "oldest":
+    case "titleAsc":
+    case "titleDesc":
+      return option.kind;
+    case "frontmatter":
+      return `field:${option.fieldKey}:${option.direction}`;
+  }
+}
+function valueToSortOption(value) {
+  switch (value) {
+    case "newest":
+      return { kind: "newest" };
+    case "oldest":
+      return { kind: "oldest" };
+    case "titleAsc":
+      return { kind: "titleAsc" };
+    case "titleDesc":
+      return { kind: "titleDesc" };
+    default: {
+      const match = value.match(/^field:(.+):(asc|desc)$/);
+      if (match) {
+        return {
+          kind: "frontmatter",
+          fieldKey: match[1],
+          direction: match[2]
+        };
+      }
+      return DEFAULT_SORT;
+    }
+  }
+}
 function areEditorSearchEqual(a, b) {
   return a.collection === b.collection && a.file === b.file;
 }
@@ -632,81 +960,403 @@ function resolveEditorSelection(collections, search) {
     }
   };
 }
-function LeftSidebar({
-  collections,
-  selectedCollectionName,
-  selectedFileId,
-  onSelectCollection,
-  onSelectFile,
-  onCreateFile,
-  onDeleteFile,
-  isCreatingFile,
-  deletingFileId
-}) {
-  const [deleteCandidate, setDeleteCandidate] = reactExports.useState(null);
-  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;
-      const isDeleting = deletingFileId === file.id;
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group/item relative", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            className: cn(
-              "h-auto w-full justify-start border-0 px-2.5 py-3 pr-9 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
-              ] })
-            ] })
+const recordSchema = record(string(), unknown());
+const jsonObjectSchema = object({
+  type: literal("object"),
+  properties: recordSchema,
+  required: array(string()).optional()
+}).passthrough();
+const propertySchema = object({
+  type: string().optional(),
+  format: string().optional(),
+  enum: array(string()).optional(),
+  anyOf: array(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 = array(string()).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
+    };
+  }
+  if (customKind.kind === "icon" && params.property.type === "string") {
+    return {
+      kind: "icon",
+      key: params.key,
+      required: params.required,
+      iconLibraries: customKind.iconLibraries
+    };
+  }
+  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 SORT_STORAGE_KEY = "astro-md-editor:sort";
+function loadSortOption() {
+  try {
+    const stored = window.localStorage.getItem(SORT_STORAGE_KEY);
+    if (stored) {
+      return valueToSortOption(stored);
+    }
+  } catch {
+  }
+  return DEFAULT_SORT;
+}
+function saveSortOption(option) {
+  try {
+    window.localStorage.setItem(SORT_STORAGE_KEY, sortOptionToValue(option));
+  } catch {
+  }
+}
+function LeftSidebar({
+  collections,
+  selectedCollectionName,
+  selectedFileId,
+  onSelectCollection,
+  onSelectFile,
+  onCreateFile,
+  onDeleteFile,
+  isCreatingFile,
+  deletingFileId,
+  schema,
+  fieldUi
+}) {
+  const [deleteCandidate, setDeleteCandidate] = reactExports.useState(null);
+  const [searchQuery, setSearchQuery] = reactExports.useState("");
+  const [sortOption, setSortOption] = reactExports.useState(DEFAULT_SORT);
+  reactExports.useEffect(() => {
+    setSortOption(loadSortOption());
+  }, []);
+  reactExports.useEffect(() => {
+    setSearchQuery("");
+  }, [selectedCollectionName]);
+  const selectedCollection = collections.find(
+    (collection) => collection.name === selectedCollectionName
+  );
+  const allFiles = getSortedCollectionFiles(selectedCollection, sortOption);
+  const files = searchQuery.trim() ? allFiles.filter((file) => {
+    const q = searchQuery.toLowerCase();
+    return getFileDisplayLabel(file).toLowerCase().includes(q) || file.id.toLowerCase().includes(q);
+  }) : allFiles;
+  const sortableFields = reactExports.useMemo(() => {
+    if (!schema) return [];
+    const objectSchema = resolveAstroObjectSchema(
+      schema
+    );
+    if (!objectSchema) return [];
+    const resolved = resolveSchemaFields(objectSchema, fieldUi);
+    return getSortableFields(resolved);
+  }, [schema, fieldUi]);
+  const [sortOpen, setSortOpen] = reactExports.useState(false);
+  const handleSortSelect = reactExports.useCallback((value) => {
+    const next = valueToSortOption(value);
+    setSortOption(next);
+    saveSortOption(next);
+    setSortOpen(false);
+  }, []);
+  const sortValue = sortOptionToValue(sortOption);
+  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.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "text-muted-foreground pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Input,
+        {
+          id: "file-search-input",
+          placeholder: "Search files...",
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value),
+          className: "h-7 pr-7 pl-7 text-xs"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open: sortOpen, onOpenChange: setSortOpen, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PopoverTrigger,
+          {
+            className: "text-muted-foreground hover:text-foreground absolute top-1/2 right-0.5 flex size-6 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md",
+            "aria-label": "Sort files",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUpDown, { className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { align: "end", className: "w-52 p-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandInput, { placeholder: "Search sort..." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: "No sort option found." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { heading: "Sort", children: PRESET_SORT_OPTIONS.map((preset) => {
+            const val = sortOptionToValue(preset.option);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CommandItem,
+              {
+                value: val,
+                "data-checked": sortValue === val,
+                onSelect: handleSortSelect,
+                children: preset.label
+              },
+              val
+            );
+          }) }),
+          sortableFields.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandSeparator, {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { heading: "Frontmatter fields", children: sortableFields.map((field) => {
+              const ascVal = `field:${field.key}:asc`;
+              const descVal = `field:${field.key}:desc`;
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  CommandItem,
+                  {
+                    value: ascVal,
+                    "data-checked": sortValue === ascVal,
+                    onSelect: handleSortSelect,
+                    children: [
+                      field.label,
+                      " (asc)"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  CommandItem,
+                  {
+                    value: descVal,
+                    "data-checked": sortValue === descVal,
+                    onSelect: handleSortSelect,
+                    children: [
+                      field.label,
+                      " (desc)"
+                    ]
+                  }
+                )
+              ] }, field.key);
+            }) })
+          ] }) : null
+        ] }) })
+      ] })
+    ] }),
+    /* @__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: searchQuery.trim() ? "No matching files." : "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;
+      const isDeleting = deletingFileId === file.id;
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group/item relative", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            className: cn(
+              "h-auto w-full justify-start border-0 px-2.5 py-3 pr-9 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
+              ] })
+            ] })
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -740,124 +1390,61 @@ function LeftSidebar({
       {
         type: "button",
         variant: "outline",
-        className: "w-full",
-        disabled: !selectedCollection || isCreatingFile,
-        onClick: async () => {
-          const rawSlug = window.prompt("Enter slug (e.g. my-new-post)");
-          if (!rawSlug) {
-            return;
-          }
-          await onCreateFile(rawSlug);
-        },
-        children: [
-          isCreatingFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" }) : null,
-          "New file"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      AlertDialog,
-      {
-        open: deleteCandidate !== null,
-        onOpenChange: (open) => {
-          if (!open) {
-            setDeleteCandidate(null);
-          }
-        },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: "Delete file?" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogDescription, { children: [
-              'This will permanently delete "',
-              deleteCandidate?.label,
-              '" from disk.'
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogCancel, { disabled: !!deletingFileId, children: "Cancel" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              AlertDialogAction,
-              {
-                variant: "destructive",
-                disabled: !deleteCandidate || !!deletingFileId,
-                onClick: async () => {
-                  if (!deleteCandidate) {
-                    return;
-                  }
-                  await onDeleteFile(deleteCandidate.id);
-                  setDeleteCandidate(null);
-                },
-                children: "Delete"
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-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 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 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
-        }
-      )
-    }
-  ) });
+        className: "w-full",
+        disabled: !selectedCollection || isCreatingFile,
+        onClick: async () => {
+          const rawSlug = window.prompt("Enter slug (e.g. my-new-post)");
+          if (!rawSlug) {
+            return;
+          }
+          await onCreateFile(rawSlug);
+        },
+        children: [
+          isCreatingFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" }) : null,
+          "New file"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AlertDialog,
+      {
+        open: deleteCandidate !== null,
+        onOpenChange: (open) => {
+          if (!open) {
+            setDeleteCandidate(null);
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: "Delete file?" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogDescription, { children: [
+              'This will permanently delete "',
+              deleteCandidate?.label,
+              '" from disk.'
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogCancel, { disabled: !!deletingFileId, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              AlertDialogAction,
+              {
+                variant: "destructive",
+                disabled: !deleteCandidate || !!deletingFileId,
+                onClick: async () => {
+                  if (!deleteCandidate) {
+                    return;
+                  }
+                  await onDeleteFile(deleteCandidate.id);
+                  setDeleteCandidate(null);
+                },
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
 }
 const MAX_ASSET_RESULTS = 120;
 function isObjectRecord$4(value) {
@@ -2796,207 +3383,6 @@ const readFileRevisionServerFn = createServerFn({
     commitSha
   };
 }).handler(createSsrRpc("02ba027930daf730cf535415a08fab7365d58edddcc678dbcb19c72f990c25b5"));
-const recordSchema = record(string(), unknown());
-const jsonObjectSchema = object({
-  type: literal("object"),
-  properties: recordSchema,
-  required: array(string()).optional()
-}).passthrough();
-const propertySchema = object({
-  type: string().optional(),
-  format: string().optional(),
-  enum: array(string()).optional(),
-  anyOf: array(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 = array(string()).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
-    };
-  }
-  if (customKind.kind === "icon" && params.property.type === "string") {
-    return {
-      kind: "icon",
-      key: params.key,
-      required: params.required,
-      iconLibraries: customKind.iconLibraries
-    };
-  }
-  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;
-}
 function cloneRecord(value) {
   return JSON.parse(JSON.stringify(value));
 }
@@ -4772,7 +5158,8 @@ function App() {
             id: result.fileId,
             filePath: result.filePath,
             data: {},
-            content: ""
+            content: "",
+            createdAt: (/* @__PURE__ */ new Date()).toISOString()
           }]
         };
       }));
@@ -4799,7 +5186,7 @@ function App() {
     "editor-main-panel": 64,
     "editor-right-sidebar": 18
   }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "editor-left-sidebar", panelRef: leftPanelRef, collapsible: true, collapsedSize: 0, defaultSize: "18%", minSize: "14%", maxSize: "40%", 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, selectedCollectionName: selectedCollection?.name, selectedFileId: selectedFile?.id, onSelectCollection: selectCollection, onSelectFile: selectFile, onCreateFile: handleCreateFile, onDeleteFile: handleDeleteFile, isCreatingFile, deletingFileId }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "editor-left-sidebar", panelRef: leftPanelRef, collapsible: true, collapsedSize: 0, defaultSize: "18%", minSize: "14%", maxSize: "40%", 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, selectedCollectionName: selectedCollection?.name, selectedFileId: selectedFile?.id, onSelectCollection: selectCollection, onSelectFile: selectFile, onCreateFile: handleCreateFile, onDeleteFile: handleDeleteFile, isCreatingFile, deletingFileId, schema: selectedCollection?.schema, fieldUi: selectedCollection?.fieldUi }) }) }),
     /* @__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: [