convex-cms 0.0.2 → 0.0.5-alpha.0

package/admin-dist/server/_ssr/taxonomies-thl3BfVm.mjs

@@ -0,0 +1,1015 @@
+import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
+import { a as api, c as cn } from "./router-D1BMAMJT.mjs";
+import { C as CmsButton, B as Badge } from "./CmsButton-B45JAKR1.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-BXZrMauE.mjs";
+import { C as CmsEmptyState, b as CmsConfirmDialog, c as CmsDialog, I as Input, a as Checkbox } from "./CmsEmptyState-D_BQFAVR.mjs";
+import { L as Label } from "./label-T-QNKAr6.mjs";
+import { T as Textarea } from "./textarea-4K5OJgeh.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-CrUZA59A.mjs";
+import { C as CmsSurface } from "./CmsSurface-DKJZhpjk.mjs";
+import { S as ScrollArea } from "./scroll-area-C0pic_WA.mjs";
+import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
+import { Q as Plus, V as Tag, W as Pencil, w as Trash2, Y as FolderTree, z as Tags, d as ChevronDown, f as ChevronRight } from "../_libs/lucide-react.mjs";
+import "../_chunks/_libs/@tanstack/react-router.mjs";
+import "../_libs/tiny-warning.mjs";
+import "../_chunks/_libs/@tanstack/router-core.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_chunks/_libs/@tanstack/store.mjs";
+import "../_chunks/_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 "../_chunks/_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_chunks/_libs/@tanstack/react-store.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/clsx.mjs";
+import "../_libs/tailwind-merge.mjs";
+import "../_chunks/_libs/@radix-ui/react-slot.mjs";
+import "../_chunks/_libs/@radix-ui/react-compose-refs.mjs";
+import "../_chunks/_libs/@radix-ui/react-dropdown-menu.mjs";
+import "../_chunks/_libs/@radix-ui/primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-context.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-controllable-state.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-layout-effect.mjs";
+import "../_chunks/_libs/@radix-ui/react-primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-collection.mjs";
+import "../_chunks/_libs/@radix-ui/react-direction.mjs";
+import "../_chunks/_libs/@radix-ui/react-dismissable-layer.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-callback-ref.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-escape-keydown.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-guards.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-scope.mjs";
+import "../_chunks/_libs/@radix-ui/react-popper.mjs";
+import "../_chunks/_libs/@floating-ui/react-dom.mjs";
+import "../_chunks/_libs/@floating-ui/dom.mjs";
+import "../_chunks/_libs/@floating-ui/core.mjs";
+import "../_chunks/_libs/@floating-ui/utils.mjs";
+import "../_chunks/_libs/@radix-ui/react-arrow.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-size.mjs";
+import "../_chunks/_libs/@radix-ui/react-portal.mjs";
+import "../_chunks/_libs/@radix-ui/react-presence.mjs";
+import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
+import "../_chunks/_libs/@radix-ui/react-id.mjs";
+import "../_libs/aria-hidden.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 "../_chunks/_libs/@radix-ui/react-avatar.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_chunks/_libs/@radix-ui/react-popover.mjs";
+import "./index.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/zod.mjs";
+import "../_chunks/_libs/@radix-ui/react-dialog.mjs";
+import "../_chunks/_libs/@radix-ui/react-checkbox.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-previous.mjs";
+import "../_chunks/_libs/@radix-ui/react-label.mjs";
+import "../_chunks/_libs/@radix-ui/react-scroll-area.mjs";
+import "../_chunks/_libs/@radix-ui/number.mjs";
+function TaxonomyEditor({
+  taxonomy,
+  onSave,
+  onCancel
+}) {
+  const isEditing = !!taxonomy;
+  const [formData, setFormData] = reactExports.useState({
+    name: taxonomy?.name ?? "",
+    displayName: taxonomy?.displayName ?? "",
+    description: taxonomy?.description ?? "",
+    isHierarchical: taxonomy?.isHierarchical ?? false,
+    allowInlineCreation: taxonomy?.allowInlineCreation ?? true,
+    isActive: taxonomy?.isActive ?? true,
+    icon: taxonomy?.icon ?? "",
+    sortOrder: taxonomy?.sortOrder ?? 0
+  });
+  const [errors, setErrors] = reactExports.useState({});
+  const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
+  const [submitError, setSubmitError] = reactExports.useState(null);
+  const [slugManuallyEdited, setSlugManuallyEdited] = reactExports.useState(false);
+  const createTaxonomy = useMutation(api.taxonomies.createTaxonomy);
+  const updateTaxonomy = useMutation(api.taxonomies.updateTaxonomy);
+  reactExports.useEffect(() => {
+    if (taxonomy) {
+      setFormData({
+        name: taxonomy.name,
+        displayName: taxonomy.displayName,
+        description: taxonomy.description ?? "",
+        isHierarchical: taxonomy.isHierarchical,
+        allowInlineCreation: taxonomy.allowInlineCreation,
+        isActive: taxonomy.isActive,
+        icon: taxonomy.icon ?? "",
+        sortOrder: taxonomy.sortOrder ?? 0
+      });
+    }
+  }, [taxonomy]);
+  const handleChange = reactExports.useCallback(
+    (field, value) => {
+      setFormData((prev) => ({ ...prev, [field]: value }));
+      setErrors((prev) => {
+        const { [field]: _, ...rest } = prev;
+        return rest;
+      });
+    },
+    []
+  );
+  const generateSlug = reactExports.useCallback((name) => {
+    return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+  }, []);
+  const handleDisplayNameChange = reactExports.useCallback(
+    (value) => {
+      handleChange("displayName", value);
+      if (!isEditing && !slugManuallyEdited) {
+        handleChange("name", generateSlug(value));
+      }
+    },
+    [handleChange, isEditing, slugManuallyEdited, generateSlug]
+  );
+  const validate = reactExports.useCallback(() => {
+    const newErrors = {};
+    if (!formData.name.trim()) {
+      newErrors.name = "Slug is required";
+    } else if (!/^[a-z][a-z0-9-]*$/.test(formData.name)) {
+      newErrors.name = "Slug must start with a letter and contain only lowercase letters, numbers, and hyphens";
+    }
+    if (!formData.displayName.trim()) {
+      newErrors.displayName = "Display name is required";
+    }
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  }, [formData]);
+  const handleSubmit = reactExports.useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (!validate()) return;
+      setIsSubmitting(true);
+      setSubmitError(null);
+      try {
+        if (isEditing && taxonomy) {
+          await updateTaxonomy({
+            id: taxonomy._id,
+            displayName: formData.displayName,
+            description: formData.description || void 0,
+            allowInlineCreation: formData.allowInlineCreation,
+            icon: formData.icon || void 0,
+            sortOrder: formData.sortOrder,
+            isActive: formData.isActive
+          });
+        } else {
+          await createTaxonomy({
+            name: formData.name,
+            displayName: formData.displayName,
+            description: formData.description || void 0,
+            isHierarchical: formData.isHierarchical,
+            allowInlineCreation: formData.allowInlineCreation,
+            icon: formData.icon || void 0,
+            sortOrder: formData.sortOrder
+          });
+        }
+        onSave();
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Failed to save taxonomy";
+        setSubmitError(message);
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [
+      validate,
+      isEditing,
+      taxonomy,
+      formData,
+      createTaxonomy,
+      updateTaxonomy,
+      onSave
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CmsDialog,
+    {
+      open: true,
+      onOpenChange: (open) => !open && !isSubmitting && onCancel(),
+      title: isEditing ? "Edit Taxonomy" : "Create Taxonomy",
+      size: "lg",
+      footer: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", onClick: onCancel, disabled: isSubmitting, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "primary",
+            onClick: handleSubmit,
+            loading: isSubmitting,
+            children: isEditing ? "Save Changes" : "Create Taxonomy"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+        submitError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800", children: submitError }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "displayName", children: [
+            "Display Name ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              id: "displayName",
+              value: formData.displayName,
+              onChange: (e) => handleDisplayNameChange(e.target.value),
+              placeholder: "e.g., Categories, Tags",
+              disabled: isSubmitting,
+              className: errors.displayName ? "border-destructive" : ""
+            }
+          ),
+          errors.displayName && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.displayName })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "name", children: [
+            "Slug ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              id: "name",
+              value: formData.name,
+              onChange: (e) => {
+                handleChange("name", e.target.value.toLowerCase());
+                setSlugManuallyEdited(true);
+              },
+              placeholder: "e.g., categories, tags",
+              disabled: isSubmitting || isEditing,
+              className: errors.name ? "border-destructive" : ""
+            }
+          ),
+          errors.name && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.name }),
+          isEditing && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Slug cannot be changed after creation" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "description", children: "Description" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Textarea,
+            {
+              id: "description",
+              value: formData.description,
+              onChange: (e) => handleChange("description", e.target.value),
+              placeholder: "Optional description",
+              rows: 2,
+              disabled: isSubmitting
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "icon", children: "Icon" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                id: "icon",
+                value: formData.icon,
+                onChange: (e) => handleChange("icon", e.target.value),
+                placeholder: "e.g., 🏷️ or folder",
+                disabled: isSubmitting
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Emoji or icon name" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "sortOrder", children: "Sort Order" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                id: "sortOrder",
+                type: "number",
+                value: formData.sortOrder,
+                onChange: (e) => handleChange("sortOrder", parseInt(e.target.value) || 0),
+                disabled: isSubmitting
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 pt-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Checkbox,
+              {
+                id: "isHierarchical",
+                checked: formData.isHierarchical,
+                onCheckedChange: (checked) => handleChange("isHierarchical", checked),
+                disabled: isSubmitting || isEditing
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Label,
+                {
+                  htmlFor: "isHierarchical",
+                  className: "cursor-pointer font-medium",
+                  children: "Hierarchical"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Terms can have parent-child relationships (like categories)" }),
+              isEditing && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-amber-600", children: "Hierarchy type cannot be changed after creation" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Checkbox,
+              {
+                id: "allowInlineCreation",
+                checked: formData.allowInlineCreation,
+                onCheckedChange: (checked) => handleChange("allowInlineCreation", checked),
+                disabled: isSubmitting
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Label,
+                {
+                  htmlFor: "allowInlineCreation",
+                  className: "cursor-pointer font-medium",
+                  children: "Allow inline creation"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Users can create new terms while editing content" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Checkbox,
+              {
+                id: "isActive",
+                checked: formData.isActive,
+                onCheckedChange: (checked) => handleChange("isActive", checked),
+                disabled: isSubmitting
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "isActive", className: "cursor-pointer font-medium", children: "Active" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Inactive taxonomies are hidden from content editors" })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function TermTree({
+  taxonomyId,
+  isHierarchical,
+  allowInlineCreation
+}) {
+  const [expandedTerms, setExpandedTerms] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [editingTerm, setEditingTerm] = reactExports.useState(null);
+  const [showCreateModal, setShowCreateModal] = reactExports.useState(false);
+  const [parentForNew, setParentForNew] = reactExports.useState();
+  const [deleteConfirm, setDeleteConfirm] = reactExports.useState(null);
+  const [error, setError] = reactExports.useState(null);
+  const termsQuery = isHierarchical ? useQuery(api.taxonomies.getTermsHierarchy, { taxonomyId }) : useQuery(api.taxonomies.listTerms, { taxonomyId });
+  const deleteTerm = useMutation(api.taxonomies.deleteTerm);
+  const terms = isHierarchical ? termsQuery : termsQuery?.page;
+  const isLoading = terms === void 0;
+  const toggleExpand = reactExports.useCallback((termId) => {
+    setExpandedTerms((prev) => {
+      const next = new Set(prev);
+      if (next.has(termId)) {
+        next.delete(termId);
+      } else {
+        next.add(termId);
+      }
+      return next;
+    });
+  }, []);
+  const handleCreateTerm = reactExports.useCallback((parentId) => {
+    setParentForNew(parentId);
+    setEditingTerm(null);
+    setShowCreateModal(true);
+  }, []);
+  const handleEditTerm = reactExports.useCallback((term) => {
+    setEditingTerm(term);
+    setShowCreateModal(true);
+  }, []);
+  const handleDeleteTerm = reactExports.useCallback(
+    async (termId) => {
+      setError(null);
+      try {
+        await deleteTerm({ id: termId, cascade: true });
+        setDeleteConfirm(null);
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Failed to delete term";
+        setError(message);
+      }
+    },
+    [deleteTerm]
+  );
+  const renderTerm = (term, depth = 0) => {
+    const hasChildren = term.children && term.children.length > 0;
+    const isExpanded = expandedTerms.has(term._id);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b border-border/50 last:border-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: cn(
+            "group flex items-center gap-2 py-2 pr-2 transition-colors hover:bg-muted/50",
+            depth > 0 && "border-l-2 border-muted"
+          ),
+          style: { paddingLeft: `${depth * 24 + 8}px` },
+          children: [
+            isHierarchical && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggleExpand(term._id),
+                disabled: !hasChildren,
+                className: cn(
+                  "flex size-5 items-center justify-center rounded transition-colors",
+                  hasChildren ? "text-muted-foreground hover:bg-muted hover:text-foreground" : "invisible"
+                ),
+                "aria-expanded": isExpanded,
+                children: hasChildren && (isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4" }))
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+              term.color && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
+                {
+                  className: "size-3 shrink-0 rounded-full",
+                  style: { backgroundColor: term.color }
+                }
+              ),
+              term.icon && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-sm", children: term.icon }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-medium text-foreground", children: term.name }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
+                "(",
+                term.slug,
+                ")"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-auto shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: [
+                term.usageCount,
+                " ",
+                term.usageCount === 1 ? "use" : "uses"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
+              isHierarchical && allowInlineCreation && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => handleCreateTerm(term._id),
+                  title: "Add child term",
+                  className: "size-7 p-0",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3.5" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => handleEditTerm(term),
+                  title: "Edit term",
+                  className: "size-7 p-0",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3.5" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => setDeleteConfirm(term._id),
+                  title: "Delete term",
+                  className: "size-7 p-0 text-destructive hover:text-destructive",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" })
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      isHierarchical && hasChildren && isExpanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: term.children.map((child) => renderTerm(child, depth + 1)) })
+    ] }, term._id);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium text-foreground", children: "Terms" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { variant: "secondary", size: "sm", onClick: () => handleCreateTerm(), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3.5" }),
+        "Add Term"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800", children: [
+      error,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setError(null),
+          className: "text-red-600 hover:text-red-800",
+          children: "×"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border bg-card", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-6 animate-spin rounded-full border-2 border-muted border-t-primary" }) }) : !terms || terms.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsEmptyState,
+      {
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, { className: "size-8" }),
+        title: "No terms yet",
+        description: "Add your first term to start organizing content.",
+        action: allowInlineCreation && /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { variant: "secondary", onClick: () => handleCreateTerm(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+          "Add your first term"
+        ] })
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-border/50", children: terms.map((term) => renderTerm(term)) }) }),
+    showCreateModal && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TermEditModal,
+      {
+        taxonomyId,
+        term: editingTerm,
+        parentId: parentForNew,
+        isHierarchical,
+        onSave: () => {
+          setShowCreateModal(false);
+          setEditingTerm(null);
+          setParentForNew(void 0);
+        },
+        onCancel: () => {
+          setShowCreateModal(false);
+          setEditingTerm(null);
+          setParentForNew(void 0);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsConfirmDialog,
+      {
+        open: !!deleteConfirm,
+        onOpenChange: (open) => !open && setDeleteConfirm(null),
+        title: "Delete Term",
+        description: isHierarchical ? "Are you sure you want to delete this term? All child terms will also be deleted." : "Are you sure you want to delete this term?",
+        confirmLabel: "Delete",
+        variant: "danger",
+        onConfirm: () => deleteConfirm && handleDeleteTerm(deleteConfirm)
+      }
+    )
+  ] });
+}
+function TermEditModal({
+  taxonomyId,
+  term,
+  parentId,
+  isHierarchical,
+  onSave,
+  onCancel
+}) {
+  const isEditing = !!term;
+  const [formData, setFormData] = reactExports.useState({
+    name: term?.name ?? "",
+    slug: term?.slug ?? "",
+    description: term?.description ?? "",
+    color: term?.color ?? "",
+    icon: term?.icon ?? "",
+    sortOrder: term?.sortOrder ?? 0
+  });
+  const [errors, setErrors] = reactExports.useState({});
+  const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
+  const [submitError, setSubmitError] = reactExports.useState(null);
+  const [slugManuallyEdited, setSlugManuallyEdited] = reactExports.useState(false);
+  const createTerm = useMutation(api.taxonomies.createTerm);
+  const updateTerm = useMutation(api.taxonomies.updateTerm);
+  const handleChange = reactExports.useCallback(
+    (field, value) => {
+      setFormData((prev) => ({ ...prev, [field]: value }));
+      setErrors((prev) => {
+        const { [field]: _, ...rest } = prev;
+        return rest;
+      });
+    },
+    []
+  );
+  const generateSlug = reactExports.useCallback((name) => {
+    return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+  }, []);
+  const handleNameChange = reactExports.useCallback(
+    (value) => {
+      handleChange("name", value);
+      if (!isEditing && !slugManuallyEdited) {
+        handleChange("slug", generateSlug(value));
+      }
+    },
+    [handleChange, isEditing, slugManuallyEdited, generateSlug]
+  );
+  const validate = reactExports.useCallback(() => {
+    const newErrors = {};
+    if (!formData.name.trim()) {
+      newErrors.name = "Name is required";
+    }
+    if (!formData.slug.trim()) {
+      newErrors.slug = "Slug is required";
+    } else if (!/^[a-z0-9-]+$/.test(formData.slug)) {
+      newErrors.slug = "Slug must contain only lowercase letters, numbers, and hyphens";
+    }
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  }, [formData]);
+  const handleSubmit = reactExports.useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (!validate()) return;
+      setIsSubmitting(true);
+      setSubmitError(null);
+      try {
+        if (isEditing && term) {
+          await updateTerm({
+            id: term._id,
+            name: formData.name,
+            slug: formData.slug,
+            description: formData.description || void 0,
+            color: formData.color || void 0,
+            icon: formData.icon || void 0,
+            sortOrder: formData.sortOrder
+          });
+        } else {
+          await createTerm({
+            taxonomyId,
+            name: formData.name,
+            slug: formData.slug,
+            description: formData.description || void 0,
+            parentId,
+            color: formData.color || void 0,
+            icon: formData.icon || void 0,
+            sortOrder: formData.sortOrder
+          });
+        }
+        onSave();
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Failed to save term";
+        setSubmitError(message);
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [
+      validate,
+      isEditing,
+      term,
+      formData,
+      taxonomyId,
+      parentId,
+      createTerm,
+      updateTerm,
+      onSave
+    ]
+  );
+  const title = isEditing ? "Edit Term" : parentId ? "Create Child Term" : "Create Term";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CmsDialog,
+    {
+      open: true,
+      onOpenChange: (open) => !open && !isSubmitting && onCancel(),
+      title,
+      size: "md",
+      footer: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", onClick: onCancel, disabled: isSubmitting, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "primary",
+            onClick: handleSubmit,
+            loading: isSubmitting,
+            children: isEditing ? "Save Changes" : "Create Term"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+        submitError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800", children: submitError }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "termName", children: [
+            "Name ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              id: "termName",
+              value: formData.name,
+              onChange: (e) => handleNameChange(e.target.value),
+              placeholder: "e.g., Technology",
+              disabled: isSubmitting,
+              className: errors.name ? "border-destructive" : ""
+            }
+          ),
+          errors.name && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.name })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "termSlug", children: [
+            "Slug ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              id: "termSlug",
+              value: formData.slug,
+              onChange: (e) => {
+                handleChange("slug", e.target.value.toLowerCase());
+                setSlugManuallyEdited(true);
+              },
+              placeholder: "e.g., technology",
+              disabled: isSubmitting,
+              className: errors.slug ? "border-destructive" : ""
+            }
+          ),
+          errors.slug && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.slug })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "termDescription", children: "Description" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Textarea,
+            {
+              id: "termDescription",
+              value: formData.description,
+              onChange: (e) => handleChange("description", e.target.value),
+              placeholder: "Optional description",
+              rows: 2,
+              disabled: isSubmitting
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "termColor", children: "Color" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                id: "termColor",
+                type: "color",
+                value: formData.color || "#6b7280",
+                onChange: (e) => handleChange("color", e.target.value),
+                disabled: isSubmitting,
+                className: "h-9 p-1"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "termIcon", children: "Icon" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                id: "termIcon",
+                value: formData.icon,
+                onChange: (e) => handleChange("icon", e.target.value),
+                placeholder: "e.g., 💻",
+                disabled: isSubmitting
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "termSortOrder", children: "Sort Order" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                id: "termSortOrder",
+                type: "number",
+                value: formData.sortOrder,
+                onChange: (e) => handleChange("sortOrder", parseInt(e.target.value) || 0),
+                disabled: isSubmitting
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function TaxonomiesPage({ api: api2, navigation: _navigation }) {
+  const [selectedTaxonomy, setSelectedTaxonomy] = reactExports.useState(
+    null
+  );
+  const [showCreateModal, setShowCreateModal] = reactExports.useState(false);
+  const [editingTaxonomy, setEditingTaxonomy] = reactExports.useState(null);
+  const [showDeleteConfirm, setShowDeleteConfirm] = reactExports.useState(
+    null
+  );
+  const [deleteError, setDeleteError] = reactExports.useState(null);
+  const taxonomiesQuery = useQuery(api2.taxonomies.list, {
+    isActive: void 0,
+    includeDeleted: false
+  });
+  const deleteTaxonomy = useMutation(api2.taxonomies.deleteTaxonomy);
+  const taxonomies = taxonomiesQuery?.page ?? [];
+  const isLoading = taxonomiesQuery === void 0;
+  const handleCreate = reactExports.useCallback(() => {
+    setEditingTaxonomy(null);
+    setShowCreateModal(true);
+  }, []);
+  const handleEdit = reactExports.useCallback((taxonomy) => {
+    setEditingTaxonomy(taxonomy);
+    setShowCreateModal(true);
+  }, []);
+  const handleDelete = reactExports.useCallback(
+    async (taxonomyId) => {
+      setDeleteError(null);
+      try {
+        await deleteTaxonomy({ id: taxonomyId });
+        setShowDeleteConfirm(null);
+        if (selectedTaxonomy?._id === taxonomyId) {
+          setSelectedTaxonomy(null);
+        }
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Failed to delete taxonomy";
+        setDeleteError(message);
+      }
+    },
+    [deleteTaxonomy, selectedTaxonomy]
+  );
+  const handleSaveComplete = reactExports.useCallback(() => {
+    setShowCreateModal(false);
+    setEditingTaxonomy(null);
+  }, []);
+  const getTypeIcon = (taxonomy) => {
+    return taxonomy.isHierarchical ? /* @__PURE__ */ jsxRuntimeExports.jsx(FolderTree, { className: "size-5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "size-5" });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-[calc(100vh-4rem)] flex-col p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6 flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsPageHeader,
+        {
+          title: "Taxonomies",
+          description: "Manage tags, categories, and other classification systems"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { onClick: handleCreate, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+        "Create Taxonomy"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-0 flex-1 gap-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CmsSurface, { elevation: "base", className: "w-80 shrink-0 overflow-hidden", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-6 animate-spin rounded-full border-2 border-muted border-t-primary" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: "Loading taxonomies..." })
+      ] }) : taxonomies.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center p-6 text-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "mb-3 size-8 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "No taxonomies created yet." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "secondary",
+            className: "mt-4",
+            onClick: handleCreate,
+            children: "Create your first taxonomy"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y", children: taxonomies.map((taxonomy) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: cn(
+            "group flex cursor-pointer items-center gap-3 p-3 transition-colors hover:bg-muted/50",
+            selectedTaxonomy?._id === taxonomy._id && "bg-primary/5",
+            !taxonomy.isActive && "opacity-60"
+          ),
+          onClick: () => setSelectedTaxonomy(taxonomy),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", children: getTypeIcon(taxonomy) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-sm font-medium text-foreground", children: taxonomy.displayName }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-xs text-muted-foreground", children: taxonomy.name })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-xs font-normal", children: taxonomy.isHierarchical ? "Hierarchical" : "Flat" }),
+              !taxonomy.isActive && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Badge,
+                {
+                  variant: "outline",
+                  className: "text-xs font-normal",
+                  children: "Inactive"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleEdit(taxonomy);
+                  },
+                  title: "Edit taxonomy",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setShowDeleteConfirm(taxonomy._id);
+                  },
+                  title: "Delete taxonomy",
+                  className: "text-destructive hover:bg-destructive/10 hover:text-destructive",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-4" })
+                }
+              )
+            ] })
+          ]
+        },
+        taxonomy._id
+      )) }) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CmsSurface, { elevation: "base", className: "min-w-0 flex-1 overflow-hidden", children: selectedTaxonomy ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between border-b p-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground", children: getTypeIcon(selectedTaxonomy) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold text-foreground", children: selectedTaxonomy.displayName }),
+              selectedTaxonomy.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: selectedTaxonomy.description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "secondary",
+              onClick: () => handleEdit(selectedTaxonomy),
+              children: "Edit Taxonomy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          TermTree,
+          {
+            taxonomyId: selectedTaxonomy._id,
+            isHierarchical: selectedTaxonomy.isHierarchical,
+            allowInlineCreation: selectedTaxonomy.allowInlineCreation
+          }
+        ) })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsEmptyState,
+        {
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "size-6" }),
+          title: "Select a taxonomy",
+          description: "Select a taxonomy to view and manage its terms",
+          className: "h-full"
+        }
+      ) })
+    ] }),
+    showCreateModal && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TaxonomyEditor,
+      {
+        taxonomy: editingTaxonomy,
+        onSave: handleSaveComplete,
+        onCancel: () => {
+          setShowCreateModal(false);
+          setEditingTaxonomy(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsConfirmDialog,
+      {
+        open: showDeleteConfirm !== null,
+        onOpenChange: (open) => {
+          if (!open) {
+            setShowDeleteConfirm(null);
+            setDeleteError(null);
+          }
+        },
+        title: "Delete Taxonomy",
+        description: "Are you sure you want to delete this taxonomy? All associated terms will also be deleted.",
+        confirmLabel: "Delete",
+        onConfirm: () => showDeleteConfirm && handleDelete(showDeleteConfirm),
+        variant: "danger",
+        error: deleteError
+      }
+    )
+  ] });
+}
+function TaxonomiesRoute() {
+  const navigation = useTanStackNavigation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TaxonomiesPage, { api, navigation });
+}
+export {
+  TaxonomiesRoute as component
+};