@xleddyl/nuxt-cms 0.9.4 → 0.10.1

package/dist/runtime/app/preview/PreviewOverlay.vue.d.ts

@@ -1,15 +1,29 @@
+import type { CmsBlockPath } from '../../shared/block-paths.js';
 import type { FieldConfig } from '../../shared/index.js';
+import type { CmsInlineOverride } from '../../shared/inline-text.js';
 import type { CmsPreviewFrameMessage } from '../../shared/preview.js';
 type __VLS_Props = {
     field: FieldConfig;
-    total: number;
-    selected: number | null;
+    fieldKey: string;
+    fields: Record<string, FieldConfig> | null;
+    blocks: readonly Record<string, unknown>[];
+    item: Record<string, unknown> | null;
+    locale: string;
+    editable: boolean;
+    lockedFields: readonly string[];
+    selected: CmsBlockPath | null;
+    highlighted: CmsBlockPath | null;
     version: number;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function reveal(path: CmsBlockPath): Promise<void>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    reveal: typeof reveal;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     message: (message: CmsPreviewFrameMessage) => any;
+    inline: (override: CmsInlineOverride | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onMessage?: ((message: CmsPreviewFrameMessage) => any) | undefined;
+    onInline?: ((override: CmsInlineOverride | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/preview/field-marker.d.ts

@@ -0,0 +1,12 @@
+import type { Directive } from 'vue';
+import type { CmsPreviewTheme } from '../../shared/preview.js';
+export declare const CMS_FIELD_ATTRIBUTE = "data-cms-field";
+export declare const cmsFieldMarking: import("vue").ShallowRef<boolean, boolean>;
+export declare const cmsPreviewEditable: import("vue").ShallowRef<boolean, boolean>;
+export declare const cmsPreviewTheme: import("vue").ShallowRef<CmsPreviewTheme, CmsPreviewTheme>;
+export declare function cmsTokenRoot(theme: CmsPreviewTheme): {
+    class: string;
+    'data-preset': string;
+    'data-theme': CmsPreviewTheme;
+};
+export declare const vCmsField: Directive<HTMLElement, string>;

package/dist/runtime/app/preview/field-marker.js

@@ -0,0 +1,20 @@
+import { shallowRef } from "#imports";
+export const CMS_FIELD_ATTRIBUTE = "data-cms-field";
+export const cmsFieldMarking = shallowRef(false);
+export const cmsPreviewEditable = shallowRef(false);
+export const cmsPreviewTheme = shallowRef("system");
+export function cmsTokenRoot(theme) {
+  return { class: "k-root", "data-preset": "default", "data-theme": theme };
+}
+function mark(element, name) {
+  if (!cmsFieldMarking.value) return;
+  if (typeof name === "string" && name) element.setAttribute(CMS_FIELD_ATTRIBUTE, name);
+  else element.removeAttribute(CMS_FIELD_ATTRIBUTE);
+}
+export const vCmsField = {
+  mounted: (element, binding) => mark(element, binding.value),
+  updated: (element, binding) => {
+    if (binding.value !== binding.oldValue) mark(element, binding.value);
+  },
+  getSSRProps: () => ({})
+};

package/dist/runtime/app/preview/inline-text.d.ts

@@ -0,0 +1,15 @@
+export interface CmsInlineTextOptions {
+    multiline: boolean;
+    maxLength?: number;
+    point?: {
+        x: number;
+        y: number;
+    };
+    onInput: (value: string, commit: boolean) => void;
+    onStop: (value: string) => void;
+}
+export interface CmsInlineTextSession {
+    element: HTMLElement;
+    stop: (commit: boolean) => void;
+}
+export declare function startInlineText(element: HTMLElement, options: CmsInlineTextOptions): CmsInlineTextSession;

package/dist/runtime/app/preview/inline-text.js

@@ -0,0 +1,158 @@
+import {
+  CMS_INLINE_INPUT_DELAY,
+  editableText,
+  fitInlineInsertion,
+  normalizeInlineText
+} from "../../shared/inline-text.js";
+import { onApplePlatform } from "../utils/keyboard.js";
+let plaintextOnly = null;
+function supportsPlaintextOnly() {
+  if (plaintextOnly !== null) return plaintextOnly;
+  const probe = document.createElement("div");
+  try {
+    probe.contentEditable = "plaintext-only";
+    plaintextOnly = probe.contentEditable === "plaintext-only";
+  } catch {
+    plaintextOnly = false;
+  }
+  return plaintextOnly;
+}
+function caretAt(point) {
+  const positioned = document;
+  const position = positioned.caretPositionFromPoint?.(point.x, point.y);
+  if (position) {
+    const range = document.createRange();
+    range.setStart(position.offsetNode, position.offset);
+    return range;
+  }
+  return document.caretRangeFromPoint?.(point.x, point.y) ?? null;
+}
+function placeCaret(element, point) {
+  const selection = window.getSelection();
+  if (!selection) return;
+  const current = selection.rangeCount ? selection.getRangeAt(0) : null;
+  const kept = current && !current.collapsed && element.contains(current.commonAncestorContainer) ? current.cloneRange() : null;
+  element.focus({ preventScroll: true });
+  const range = kept ?? (point ? caretAt(point) : null);
+  if (range && element.contains(range.startContainer)) {
+    selection.removeAllRanges();
+    selection.addRange(range);
+  } else {
+    selection.selectAllChildren(element);
+    selection.collapseToEnd();
+  }
+}
+export function startInlineText(element, options) {
+  const nodes = Array.from(element.childNodes);
+  const values = nodes.map((node) => node.nodeValue);
+  const read = () => normalizeInlineText(editableText(element), options.multiline);
+  const initial = read();
+  const native = supportsPlaintextOnly();
+  let sent = initial;
+  let dirty = false;
+  let active = true;
+  let timer;
+  function flush() {
+    clearTimeout(timer);
+    timer = void 0;
+    const value = read();
+    if (value === sent) return;
+    sent = value;
+    dirty = true;
+    options.onInput(value, false);
+  }
+  function onInput() {
+    clearTimeout(timer);
+    timer = setTimeout(flush, CMS_INLINE_INPUT_DELAY);
+  }
+  function onKeydown(event) {
+    if (event.isComposing) return;
+    const mod = onApplePlatform() ? event.metaKey : event.ctrlKey;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      stop(false);
+    } else if (event.key === "Enter" && (!options.multiline || mod)) {
+      event.preventDefault();
+      event.stopPropagation();
+      stop(true);
+    } else if (mod && event.key.toLowerCase() === "s") {
+      flush();
+    }
+  }
+  function selectedLength() {
+    const selection = window.getSelection();
+    if (!selection?.rangeCount || !element.contains(selection.anchorNode)) return 0;
+    return selection.toString().length;
+  }
+  function insertedText(event) {
+    if (event.inputType === "insertParagraph" || event.inputType === "insertLineBreak")
+      return "\n";
+    return event.data ?? event.dataTransfer?.getData("text/plain") ?? "";
+  }
+  function limitInsertion(event) {
+    const max = options.maxLength;
+    if (max === void 0 || !event.inputType.startsWith("insert")) return;
+    const text = insertedText(event);
+    const fitted = fitInlineInsertion(text, max - (read().length - selectedLength()));
+    if (fitted === text) return;
+    event.preventDefault();
+    if (fitted) document.execCommand("insertText", false, fitted);
+  }
+  function onBeforeInput(event) {
+    const type = event.inputType;
+    if (type.startsWith("format")) event.preventDefault();
+    else if (!options.multiline && (type === "insertParagraph" || type === "insertLineBreak"))
+      event.preventDefault();
+    else limitInsertion(event);
+  }
+  function onPaste(event) {
+    if (native) return;
+    event.preventDefault();
+    const text = event.clipboardData?.getData("text/plain") ?? "";
+    document.execCommand(
+      "insertText",
+      false,
+      options.multiline ? text : normalizeInlineText(text, false)
+    );
+  }
+  function onDrop(event) {
+    event.preventDefault();
+  }
+  function onBlur() {
+    stop(true);
+  }
+  function stop(commit) {
+    if (!active) return;
+    active = false;
+    clearTimeout(timer);
+    const value = commit ? read() : initial;
+    element.removeEventListener("input", onInput);
+    element.removeEventListener("keydown", onKeydown);
+    element.removeEventListener("beforeinput", onBeforeInput);
+    element.removeEventListener("paste", onPaste);
+    element.removeEventListener("drop", onDrop);
+    element.removeEventListener("blur", onBlur);
+    element.removeAttribute("contenteditable");
+    element.removeAttribute("data-cms-editing");
+    if (element.isConnected) {
+      nodes.forEach((node, index) => {
+        if (node.nodeValue !== values[index]) node.nodeValue = values[index] ?? null;
+      });
+      element.replaceChildren(...nodes);
+      if (document.activeElement === element) element.blur();
+    }
+    if (dirty || value !== initial) options.onInput(value, true);
+    options.onStop(value);
+  }
+  element.setAttribute("contenteditable", native ? "plaintext-only" : "true");
+  element.setAttribute("data-cms-editing", "");
+  element.addEventListener("input", onInput);
+  element.addEventListener("keydown", onKeydown);
+  element.addEventListener("beforeinput", onBeforeInput);
+  element.addEventListener("paste", onPaste);
+  element.addEventListener("drop", onDrop);
+  placeCaret(element, options.point);
+  element.addEventListener("blur", onBlur);
+  return { element, stop };
+}

package/dist/runtime/app/utils/block-editor.d.ts

@@ -0,0 +1,22 @@
+import type { ComputedRef, InjectionKey, PropType } from 'vue';
+import type { CmsBlockPath } from '../../shared/block-paths.js';
+export interface CmsBlockEditorScope {
+    path: ComputedRef<CmsBlockPath>;
+    schemaPath: ComputedRef<readonly string[] | null>;
+    formPath: ComputedRef<string | null>;
+    open: (path: CmsBlockPath) => void;
+}
+export declare const CMS_BLOCK_EDITOR: InjectionKey<CmsBlockEditorScope>;
+export declare const CmsBlockEditorProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    scope: {
+        type: PropType<CmsBlockEditorScope>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    scope: {
+        type: PropType<CmsBlockEditorScope>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/app/utils/block-editor.js

@@ -0,0 +1,12 @@
+import { defineComponent, provide } from "#imports";
+export const CMS_BLOCK_EDITOR = Symbol("cms-block-editor");
+export const CmsBlockEditorProvider = defineComponent({
+  name: "CmsBlockEditorProvider",
+  props: {
+    scope: { type: Object, required: true }
+  },
+  setup(props, { slots }) {
+    provide(CMS_BLOCK_EDITOR, props.scope);
+    return () => slots.default?.();
+  }
+});

package/dist/runtime/app/utils/keyboard.d.ts

@@ -0,0 +1,6 @@
+import type { CmsClipboardTarget, CmsShortcutTarget } from '../../shared/preview.js';
+export declare function isEditableTarget(target: EventTarget | null): boolean;
+export declare function shortcutTarget(event: KeyboardEvent, selected: boolean): CmsShortcutTarget;
+export declare function clipboardTarget(event: Event, selected: boolean): CmsClipboardTarget;
+export declare function isInForeignOverlay(target: EventTarget | null, root: Element | null): boolean;
+export declare function onApplePlatform(): boolean;

package/dist/runtime/app/utils/keyboard.js

@@ -0,0 +1,52 @@
+import { isApplePlatform } from "../../shared/preview.js";
+const NON_TEXT_INPUTS = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "button",
+  "submit",
+  "reset",
+  "range",
+  "color",
+  "file",
+  "image"
+]);
+const INTERACTIVE_SELECTOR = 'a[href], button, select, summary, [role="button"], [role="link"], [role="menuitem"], [role="option"], [role="tab"], [role="checkbox"], [role="switch"]';
+const OVERLAY_SELECTOR = 'dialog, [popover], [role="dialog"], [role="alertdialog"], [role="menu"]';
+function elementOf(target) {
+  const node = target;
+  if (!node || typeof node !== "object" || !("nodeType" in node)) return null;
+  const element = node.nodeType === 1 ? node : node.parentElement;
+  return element && "isContentEditable" in element ? element : null;
+}
+export function isEditableTarget(target) {
+  const element = elementOf(target);
+  if (!element) return false;
+  if (element.isContentEditable) return true;
+  const tag = element.tagName;
+  if (tag === "TEXTAREA" || tag === "SELECT") return true;
+  return tag === "INPUT" && !NON_TEXT_INPUTS.has(element.type);
+}
+export function shortcutTarget(event, selected) {
+  const element = elementOf(event.target);
+  return {
+    editable: isEditableTarget(event.target),
+    interactive: !!element?.closest(INTERACTIVE_SELECTOR),
+    selected
+  };
+}
+export function clipboardTarget(event, selected) {
+  const selection = typeof window === "undefined" ? null : window.getSelection();
+  return {
+    editable: isEditableTarget(event.target),
+    interactive: !!elementOf(event.target)?.closest(INTERACTIVE_SELECTOR),
+    textSelected: !!selection && !selection.isCollapsed && selection.toString().trim() !== "",
+    selected
+  };
+}
+export function isInForeignOverlay(target, root) {
+  const overlay = elementOf(target)?.closest(OVERLAY_SELECTOR);
+  return !!overlay && !(root && overlay.contains(root));
+}
+export function onApplePlatform() {
+  return typeof navigator !== "undefined" && isApplePlatform(navigator.platform || navigator.userAgent);
+}

package/dist/runtime/app/utils/redirects.d.ts

@@ -0,0 +1,6 @@
+import type { CmsRedirectStatus } from '#nuxt-cms';
+export declare const REDIRECT_STATUS_LABELS: Record<CmsRedirectStatus, string>;
+export declare const REDIRECT_STATUS_OPTIONS: {
+    value: number;
+    label: string;
+}[];

package/dist/runtime/app/utils/redirects.js

@@ -0,0 +1,7 @@
+export const REDIRECT_STATUS_LABELS = {
+  301: "Moved permanently",
+  302: "Found (temporary)",
+  307: "Temporary redirect",
+  308: "Permanent redirect"
+};
+export const REDIRECT_STATUS_OPTIONS = Object.entries(REDIRECT_STATUS_LABELS).map(([status, label]) => ({ value: Number(status), label: `${status} ${label}` }));

package/dist/runtime/app/utils/ui.d.ts

@@ -1,4 +1,12 @@
 import type { FieldConfig } from '#nuxt-cms';
+import type { FormSubmitError } from '@xleddyl/443-components-vue';
+export declare function cmsSettingsLink(section: string, path?: string): string;
 export declare function errorMessage(error: unknown): string | undefined;
+export interface CmsResponseIssue {
+    path: (string | number)[];
+    message: string;
+}
+export declare function errorIssues(error: unknown): CmsResponseIssue[];
+export declare function cmsSubmitError(error: unknown): FormSubmitError;
 export declare function fieldIcon(field: FieldConfig): string;
 export declare function cmsIcon(name: string): string;

package/dist/runtime/app/utils/ui.js

@@ -1,8 +1,21 @@
-import { isBuiltinIcon } from "@xleddyl/443-components-vue";
+import { isBuiltinIcon, routeHash } from "@xleddyl/443-components-vue";
+export function cmsSettingsLink(section, path = "/cms") {
+  return `${path}${routeHash(void 0, { settings: section })}`;
+}
 export function errorMessage(error) {
   const err = error;
   return err.data?.message ?? err.message;
 }
+export function errorIssues(error) {
+  const issues = error?.data?.data?.issues;
+  if (!Array.isArray(issues)) return [];
+  return issues.filter(
+    (issue) => !!issue && typeof issue === "object" && Array.isArray(issue.path) && typeof issue.message === "string"
+  );
+}
+export function cmsSubmitError(error) {
+  return { message: errorMessage(error) ?? "Something went wrong.", issues: errorIssues(error) };
+}
 const FIELD_ICONS = {
   text: "bars-3-bottom-left",
   richtext: "document-text",
@@ -17,6 +30,7 @@ const FIELD_ICONS = {
   json: "code-bracket",
   media: "photo",
   relation: "arrows-right-left",
+  link: "arrow-top-right-on-square",
   blocks: "squares-2x2"
 };
 export function fieldIcon(field) {

package/dist/runtime/app/utils/users.d.ts

@@ -0,0 +1,15 @@
+import type { CmsAccount } from '#nuxt-cms';
+import type { Tone } from '@xleddyl/443-components-vue';
+interface RoleOption {
+    key: string;
+    label: string;
+    description?: string | null;
+}
+export declare const UNKNOWN_ROLE_HINT = "This role is not in cms.roles anymore, so the account has no access. Pick a new role.";
+export declare function lastSignIn(account: CmsAccount): string;
+export declare function isKnownRole(role: string, options: readonly RoleOption[]): boolean;
+export declare function roleBadge(role: string, options: readonly RoleOption[], label: (key: string) => string): {
+    label: string;
+    tone: Tone;
+};
+export {};

package/dist/runtime/app/utils/users.js

@@ -0,0 +1,14 @@
+export const UNKNOWN_ROLE_HINT = "This role is not in cms.roles anymore, so the account has no access. Pick a new role.";
+export function lastSignIn(account) {
+  if (!account.lastLoginAt) return "Never signed in";
+  return `Last sign-in ${new Date(account.lastLoginAt).toLocaleString(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  })}`;
+}
+export function isKnownRole(role, options) {
+  return options.some((option) => option.key === role);
+}
+export function roleBadge(role, options, label) {
+  return isKnownRole(role, options) ? { label: label(role), tone: "neutral" } : { label: `Unknown role: ${role}`, tone: "warning" };
+}

package/dist/runtime/assets/cms.css

@@ -1 +1 @@
-html:has(.cms-scope){color-scheme:light dark;overscroll-behavior-y:none}html:has(.cms-scope[data-theme=light]){color-scheme:light}html:has(.cms-scope[data-theme=dark]){color-scheme:dark}body:has(.cms-scope){margin:0;overscroll-behavior-y:none}.cms-canvas{background-color:var(--k-canvas);min-height:100dvh}.cms-form-main{display:flex;flex-direction:column;gap:1.375rem;min-width:0}.cms-form-section.is-titled{background:var(--k-surface);border:1px solid var(--k-line);border-radius:var(--k-radius-lg)}.cms-form-rows{display:flex;flex-direction:column;gap:1.375rem}.cms-form-section.is-titled>.cms-form-rows{border-top:1px solid var(--k-line);padding:1rem 1rem 1.125rem}.cms-block-tile.is-media-only:focus-visible{outline:2px solid var(--k-ring);outline-offset:2px}.cms-media-row.is-dragging,.cms-media-tile.is-dragging{opacity:.45}.cms-media-grid.is-recent .cms-media-tile{border-radius:var(--k-radius-md)}.cms-media-drop-overlay>svg{animation:cms-float 1.6s ease-in-out infinite;color:var(--k-accent-text)}.cms-media-detail-facts dt{color:var(--k-text-muted)}.cms-media-detail-facts dd{color:var(--k-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-media-detail-facts dd.is-mono{font-family:var(--k-font-mono);font-size:.75rem;line-height:1.6}@keyframes cms-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cms-brand-glyph{height:62%;width:62%}.cms-powered-by-link{color:var(--k-text);font-weight:500;text-decoration:none;transition:color var(--k-duration) var(--k-ease-out)}.cms-powered-by-link:hover{color:var(--k-accent)}.cms-search-option-icon{margin-top:.125rem;--k-icon-size:1rem;color:var(--k-text-dimmed);flex:none}.cms-search-option-text{display:flex;flex:1;flex-direction:column;gap:.125rem;min-width:0}.cms-search-option-head{align-items:center;display:flex;gap:.5rem;min-width:0}.cms-search-option-title{color:var(--k-text);font-weight:500}.cms-search-option-meta,.cms-search-option-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-search-option-meta{color:var(--k-text-dimmed);font-size:.75rem}.cms-search-snippet{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;color:var(--k-text-toned);font-size:.8125rem;line-height:1.45}.cms-search-mark{background:color-mix(in oklab,var(--k-warning) 26%,transparent);border-radius:2px;color:inherit}.cms-code-badge{letter-spacing:.02em}.cms-code-badge,.cms-locale-control{font-family:var(--k-font-mono);text-transform:uppercase}.cms-locale-control{letter-spacing:.04em}.cms-page{animation:k-enter .32s var(--k-ease-out) backwards;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.cms-page.is-fill{flex:1;min-height:0}.cms-count{align-items:center;animation:k-fade .4s var(--k-ease) backwards;background:var(--k-fill);border-radius:var(--k-radius-sm);color:var(--k-text-muted);display:inline-flex;font-family:var(--k-font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;height:1.375rem;padding-inline:.4375rem}.cms-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.cms-toolbar-search{flex:1;min-width:12rem}.cms-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-left:auto}.cms-tree{overflow:hidden}.cms-tree-row{align-items:center;animation:k-row-in .36s var(--k-ease-out) backwards;animation-delay:var(--cms-row-delay,0s);color:inherit;display:flex;gap:.75rem;min-height:3.25rem;padding:.5rem 1rem;text-decoration:none;transition:background-color var(--k-duration) var(--k-ease)}.cms-tree-row+.cms-tree-row{border-top:1px solid var(--k-line)}.cms-tree-row:hover{background-color:var(--k-subtle)}.cms-tree-branch{flex-shrink:0;width:1rem;--k-icon-size:0.875rem;color:var(--k-text-dimmed);flex:none;transform:scaleY(-1) rotate(90deg)}.cms-tree-doc{--k-icon-size:1rem;background:var(--k-subtle);border-radius:var(--k-radius-sm);box-shadow:inset 0 0 0 1px var(--k-line);color:var(--k-text-muted);display:grid;flex:none;height:1.75rem;place-items:center;width:1.75rem}.cms-tree-text{display:flex;flex:1;flex-direction:column;min-width:0}.cms-tree-title{color:var(--k-text);font-size:.875rem;font-weight:500}.cms-tree-path,.cms-tree-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-tree-path{color:var(--k-text-dimmed);font-family:var(--k-font-mono);font-size:.71875rem}.cms-tree-meta{font-size:.75rem}.cms-tree-chevron,.cms-tree-meta{color:var(--k-text-dimmed);flex-shrink:0}.cms-tree-chevron{--k-icon-size:1rem;transition:transform var(--k-duration-lg) var(--k-ease-out),color var(--k-duration) var(--k-ease)}.cms-tree-row:hover .cms-tree-chevron{color:var(--k-text);transform:translateX(2px)}.cms-editor-dirty{color:var(--k-text-muted);font-size:.75rem;white-space:nowrap}.cms-editor-schedule-panel{display:flex;flex-direction:column;gap:.875rem;padding:.875rem;width:18rem}.cms-list-filters{animation:k-fade .3s var(--k-ease) backwards}.cms-list-filter-panel{padding:.75rem;width:18rem}.cms-confirm-groups{display:flex;flex-direction:column;gap:.875rem;max-height:min(50vh,24rem);overflow-y:auto}.cms-confirm-group{display:flex;flex-direction:column;gap:.375rem}.cms-confirm-group-title{color:var(--k-text-toned);font-family:var(--k-font-mono);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-confirm-list{border:1px solid var(--k-line);border-radius:var(--k-radius-md);display:flex;flex-direction:column;list-style:none;margin:0;overflow:hidden;padding:0}.cms-confirm-list>li+li{border-top:1px solid var(--k-line)}.cms-confirm-link{color:inherit;display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;text-decoration:none;transition:background-color var(--k-duration) var(--k-ease)}.cms-confirm-link:hover{background:var(--k-subtle)}.cms-confirm-link-title{color:var(--k-text);font-size:.8125rem;font-weight:500}.cms-confirm-link-meta{color:var(--k-text-dimmed);font-family:var(--k-font-mono);font-size:.6875rem}.cms-import-file-name{color:var(--k-text-muted);font-size:.8125rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-import-title{display:block;max-width:14rem;overflow:hidden;text-overflow:ellipsis}.cms-import-list{display:flex;flex-direction:column;gap:.125rem;list-style:none;margin:0;padding:0}.cms-import-issues{color:var(--k-danger);font-size:.75rem;white-space:normal}.cms-import-ok{--k-icon-size:0.875rem;align-items:center;color:var(--k-success);display:inline-flex;font-size:.75rem;gap:.25rem}.cms-settings-hint{color:var(--k-text-muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis}.cms-settings-status{color:var(--k-text-dimmed);flex:none;font-size:.75rem;padding-top:.25rem;transition:color var(--k-duration) var(--k-ease)}.cms-settings-status.is-saved{color:var(--k-success)}.cms-settings-status.is-error{color:var(--k-danger)}.cms-settings-entry{display:flex;flex:1;flex-direction:column;gap:1rem;min-height:100%}.cms-settings-entry>*{flex-shrink:0}.cms-settings-footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:.5rem}.cms-settings-subtitle{color:var(--k-text-muted);font-size:.75rem;font-weight:500;margin:.75rem 0 .375rem}.cms-settings-list{border:1px solid var(--k-line);border-radius:var(--k-radius-md);display:flex;flex-direction:column;list-style:none;margin:0;overflow:hidden;padding:0}.cms-settings-columns>.cms-settings-list{margin-top:.75rem}.cms-settings-item{--k-icon-size:1rem;align-items:center;background:var(--k-surface);display:flex;gap:.5rem;min-height:2.5rem;padding:.25rem .75rem;position:relative;transition:background-color var(--k-duration) var(--k-ease),opacity var(--k-duration) var(--k-ease)}.cms-settings-item+.cms-settings-item{border-top:1px solid var(--k-line)}.cms-settings-item.is-draggable{cursor:grab}.cms-settings-item.is-draggable:hover{background:var(--k-subtle)}.cms-settings-item.is-dragging{opacity:.4}.cms-settings-drop-end.is-over:before,.cms-settings-item.is-drop-before:before{background:var(--k-accent);border-radius:var(--k-radius-full);content:"";height:2px;left:.5rem;position:absolute;right:.5rem;top:-1px}.cms-settings-drop-end{height:.75rem;position:relative}.cms-settings-item.is-muted .cms-settings-item-label{color:var(--k-text-muted)}.cms-settings-grip,.cms-settings-item-icon{color:var(--k-text-dimmed);flex:none}.cms-settings-item-label{color:var(--k-text);flex:1;font-size:.8125rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-layout-editor{display:flex;flex-direction:column;gap:.25rem}.cms-layout-areas{display:flex;flex-direction:column;margin-top:.5rem}.cms-layout-area{display:flex;flex-direction:column;gap:.5rem;min-width:0}.cms-layout-section{background:var(--k-subtle);border:1px dashed var(--k-line-strong);border-radius:var(--k-radius-md);display:flex;flex-direction:column;padding:.25rem .5rem}.cms-layout-section.is-titled{background:var(--k-surface);border-color:var(--k-line);border-style:solid}.cms-layout-section-title{align-items:center;color:var(--k-text);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.375rem .125rem .125rem}.cms-layout-chip,.cms-layout-row{display:flex;gap:.375rem}.cms-layout-chip{--k-icon-size:0.875rem;align-items:center;background:var(--k-field);border:1px solid var(--k-field-line);border-radius:var(--k-radius-sm);box-shadow:var(--k-shadow-xs);cursor:grab;flex:1;height:2.125rem;min-width:0;padding:0 .5rem;position:relative;transition:border-color var(--k-duration) var(--k-ease),box-shadow var(--k-duration) var(--k-ease),opacity var(--k-duration) var(--k-ease)}.cms-layout-chip:hover{border-color:var(--k-line-strong)}.cms-layout-chip.is-dragging{opacity:.35}.cms-layout-chip.is-blocked{border-color:var(--k-danger);cursor:not-allowed}.cms-layout-chip.is-drop-after:after,.cms-layout-chip.is-drop-before:before{background:var(--k-accent);border-radius:var(--k-radius-full);bottom:.25rem;content:"";position:absolute;top:.25rem;width:2px}.cms-layout-chip.is-drop-before:before{left:-.25rem}.cms-layout-chip.is-drop-after:after{right:-.25rem}.cms-layout-chip-label{color:var(--k-text);flex:1;font-size:.75rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-layout-chip-tab{background:var(--k-fill);border-radius:var(--k-radius-xs);color:var(--k-text-muted);flex:none;font-size:.625rem;line-height:1rem;padding:0 .3125rem}.cms-layout-gap{height:.375rem;position:relative;transition:height var(--k-duration) var(--k-ease)}.cms-layout-editor.is-dragging .cms-layout-gap{height:.75rem}.cms-layout-gap.is-over:before{background:var(--k-accent);border-radius:var(--k-radius-full);content:"";height:2px;left:0;margin-top:-1px;position:absolute;right:0;top:50%}.cms-layout-editor.is-dragging .cms-layout-gap.is-empty,.cms-layout-gap.is-empty{color:var(--k-text-dimmed);display:grid;font-size:.75rem;height:2.5rem;place-items:center}.cms-layout-empty{border:1px dashed var(--k-line-strong);border-radius:var(--k-radius-md);color:var(--k-text-dimmed);display:grid;font-size:.75rem;min-height:5rem;padding:1rem;place-items:center;text-align:center;transition:border-color var(--k-duration) var(--k-ease),background-color var(--k-duration) var(--k-ease)}.cms-layout-empty.is-over{background:var(--k-accent-soft);border-color:var(--k-accent);color:var(--k-accent-text)}.cms-credentials-alert{animation:k-enter var(--k-duration-lg) var(--k-ease-out) backwards}.cms-credentials-items{margin-top:.625rem}.cms-user-list{border:1px solid var(--k-line);border-radius:var(--k-radius-md);list-style:none;margin:0;overflow:hidden;padding:0}.cms-user-list,.cms-user-row{display:flex;flex-direction:column}.cms-user-row{animation:k-row-in .32s var(--k-ease-out) backwards;background:var(--k-surface)}.cms-user-row+.cms-user-row{border-top:1px solid var(--k-line)}.cms-user-main{align-items:center;display:flex;gap:.75rem;padding:.625rem .75rem}.cms-user-text{display:flex;flex:1;flex-direction:column;line-height:1.3;min-width:0}.cms-user-name{color:var(--k-text);font-size:.8125rem;font-weight:500}.cms-user-meta,.cms-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-user-meta{color:var(--k-text-dimmed);font-size:.75rem}.cms-user-reset{padding:0 .75rem .875rem}.cms-user-create{animation:k-enter var(--k-duration-lg) var(--k-ease-out) backwards}.cms-media-gallery{display:flex;flex-direction:column;gap:1.25rem;position:relative}.cms-media-gallery.is-compact{gap:1rem}.cms-media-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cms-media-search{flex:1 1 16rem;min-width:0}.cms-media-source{color:var(--k-text-dimmed);font-size:.75rem;margin-top:-.75rem}.cms-media-hint{color:var(--k-text-dimmed);font-size:.8125rem}.cms-media-upload-hint{margin-top:.75rem;text-align:center}.cms-media-loading{align-items:center;animation:k-fade .3s var(--k-ease) .12s backwards;color:var(--k-text-dimmed);display:flex;flex:1;justify-content:center;padding-block:2.5rem}.cms-media-detail .cms-media-loading{justify-content:flex-start;padding-block:.5rem}.cms-media-nav{flex-wrap:wrap;justify-content:space-between;min-height:1.75rem}.cms-media-nav,.cms-media-progress{align-items:center;display:flex;gap:.5rem}.cms-media-progress{animation:k-enter var(--k-duration-lg) var(--k-ease-out) backwards;background:var(--k-accent-soft);border:1px solid var(--k-accent-line);border-radius:var(--k-radius-md);color:var(--k-accent-text);font-size:.8125rem;overflow:hidden;padding:.5rem .75rem;position:relative}.cms-media-selection-bar{top:.75rem}.cms-media-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem}.cms-media-section{display:flex;flex-direction:column;gap:.625rem}.cms-media-section-title{--k-icon-size:0.875rem;align-items:center;color:var(--k-text-muted);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem}.cms-media-folders{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.cms-media-gallery.is-compact .cms-media-folders{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.cms-media-folder-tile{align-items:center;background:var(--k-surface);border:1px solid var(--k-line);border-radius:var(--k-radius-lg);cursor:pointer;display:flex;gap:.75rem;min-width:0;padding:.625rem .75rem;text-align:left;transition:background-color var(--k-duration) var(--k-ease),border-color var(--k-duration) var(--k-ease),box-shadow var(--k-duration-lg) var(--k-ease),transform var(--k-duration-lg) var(--k-ease-out)}.cms-media-folder-tile:hover{border-color:var(--k-line-strong);box-shadow:var(--k-shadow-sm);transform:translateY(-1px)}.cms-media-folder-tile.is-drop{background:var(--k-accent-soft);border-color:var(--k-accent-line)}.cms-media-folder-tile-icon{box-sizing:content-box;padding:.4375rem;--k-icon-size:1.125rem;background:var(--k-accent-soft);border-radius:var(--k-radius-md);color:var(--k-accent-text);display:grid;flex:none;height:2rem;place-items:center;width:2rem}.cms-media-folder-tile-text{display:flex;flex-direction:column;min-width:0}.cms-media-folder-tile-name{color:var(--k-text);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-media-folder-tile-meta{color:var(--k-text-dimmed);font-size:.75rem}.cms-media-grid{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.cms-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.cms-media-grid:not(.is-compact){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.cms-media-grid:not(.is-compact){grid-template-columns:repeat(5,minmax(0,1fr))}}.cms-media-grid.is-recent{gap:.5rem;grid-template-columns:repeat(6,minmax(0,1fr))}.cms-media-tile{overflow:hidden;text-align:left;transition:border-color var(--k-duration) var(--k-ease),box-shadow var(--k-duration-lg) var(--k-ease),transform var(--k-duration-lg) var(--k-ease-out)}.cms-media-grid>.cms-media-tile{animation:k-row-in .38s var(--k-ease-out) backwards}.cms-media-grid.is-recent>.cms-media-tile{border-radius:var(--k-radius-md)}.cms-media-tile.is-selectable{cursor:pointer}.cms-media-tile.is-selectable:hover{transform:translateY(-2px)}.cms-media-tile.is-selectable:hover,.cms-media-tile.is-selectable:hover:not([aria-pressed=true]){border-color:var(--k-line-strong);box-shadow:var(--k-shadow-sm)}.cms-media-tile.is-dragging{opacity:.45}.cms-media-preview{--k-icon-size:2rem;align-items:center;aspect-ratio:1;background:var(--k-subtle);color:var(--k-text-dimmed);display:flex;justify-content:center;overflow:hidden;position:relative}.cms-media-grid.is-recent .cms-media-preview{--k-icon-size:1.5rem}.cms-media-preview>img,.cms-media-preview>video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .5s var(--k-ease-out),border-radius var(--k-duration-lg) var(--k-ease);width:100%}.cms-media-tile.is-selectable:hover:not([aria-pressed=true]) .cms-media-preview>img,.cms-media-tile.is-selectable:hover:not([aria-pressed=true]) .cms-media-preview>video{transform:scale(1.04)}.cms-media-tile[aria-pressed=true] .cms-media-preview>img,.cms-media-tile[aria-pressed=true] .cms-media-preview>video{border-radius:var(--k-radius-md);transform:scale(.94)}.cms-media-check{--k-icon-size:0.875rem;align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.3);border:1.5px solid hsla(0,0%,100%,.9);border-radius:var(--k-radius-full);color:transparent;cursor:pointer;display:flex;height:1.25rem;justify-content:center;left:.5rem;opacity:0;position:absolute;scale:.85;top:.5rem;transition:opacity var(--k-duration) var(--k-ease),scale var(--k-duration-lg) var(--k-ease-out),background-color var(--k-duration) var(--k-ease),border-color var(--k-duration) var(--k-ease),color var(--k-duration) var(--k-ease);width:1.25rem;z-index:1}.cms-media-check.is-on,.cms-media-check.is-visible,.cms-media-tile:focus-visible .cms-media-check,.cms-media-tile:hover .cms-media-check{opacity:1;scale:1}.cms-media-check.is-on{background:var(--k-accent);border-color:var(--k-accent);color:var(--k-accent-contrast)}.cms-media-info{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0;color:#fff;font-family:var(--k-font-mono);font-size:.6875rem;left:0;letter-spacing:.02em;line-height:1.4;opacity:0;padding:1.75rem .625rem .5rem;pointer-events:none;position:absolute;right:0;text-transform:uppercase;transform:translateY(4px);transition:opacity var(--k-duration-lg) var(--k-ease),transform var(--k-duration-lg) var(--k-ease-out)}.cms-media-tile:focus-visible .cms-media-info,.cms-media-tile:hover .cms-media-info{opacity:1;transform:none}.cms-media-meta{border-top:1px solid var(--k-line);display:flex;flex-direction:column;gap:.25rem;padding:.5625rem .75rem}.cms-media-name{color:var(--k-text);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-media-folder{color:var(--k-text-dimmed);font-size:.75rem;font-weight:400;overflow:hidden;text-overflow:ellipsis}.cms-media-folder,.cms-media-usage-badge{--k-icon-size:0.75rem;align-items:center;display:inline-flex;gap:.25rem;white-space:nowrap}.cms-media-usage-badge{color:var(--k-accent-text);flex:none;font-size:.6875rem;font-weight:500}.cms-media-usage-badge.is-unused{color:var(--k-text-dimmed);font-weight:400}.cms-media-list{display:flex;flex-direction:column;overflow:hidden}.cms-media-row{align-items:center;animation:k-row-in .32s var(--k-ease-out) backwards;border:1px solid transparent;border-bottom:1px solid var(--k-line);cursor:pointer;display:flex;gap:.875rem;padding:.4375rem .875rem;transition:background-color var(--k-duration) var(--k-ease)}.cms-media-row:last-child{border-bottom-color:transparent}.cms-media-row:hover{background:var(--k-subtle)}.cms-media-row.is-checked{background:var(--k-accent-soft);border-color:var(--k-accent)}.cms-media-row.is-dragging{opacity:.45}.cms-media-row .cms-media-check{backdrop-filter:none;background:var(--k-field);border-color:var(--k-line-strong);border-radius:var(--k-radius-xs);flex:none;height:1rem;position:static;width:1rem}.cms-media-row .cms-media-check.is-on{background:var(--k-accent);border-color:var(--k-accent)}.cms-media-row-name{color:var(--k-text);display:flex;flex:1;flex-direction:column;font-size:.8125rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-media-row-cell{color:var(--k-text-muted);flex:none;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right;width:5.5rem}.cms-media-row-cell.is-usage{width:7.5rem}.cms-media-row-cell.is-mono{color:var(--k-text-dimmed);font-family:var(--k-font-mono);font-size:.6875rem;text-transform:uppercase;width:3.5rem}@media (max-width:640px){.cms-media-row-cell.is-wide{display:none}.cms-media-grid.is-recent{grid-template-columns:repeat(3,minmax(0,1fr))}}.cms-media-pagination{justify-content:center}.cms-media-drop-overlay{--k-icon-size:2rem;align-items:center;animation:k-fade .16s var(--k-ease);backdrop-filter:blur(4px);background:color-mix(in oklab,var(--k-surface) 84%,transparent);border:1.5px dashed var(--k-accent);border-radius:var(--k-radius-xl);color:var(--k-text);display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;inset:-.5rem;justify-content:center;pointer-events:none;position:absolute;z-index:10}.cms-media-drop-icon,.cms-media-drop-overlay strong{color:var(--k-accent-text)}.cms-media-dropzone-hint{--k-icon-size:0.875rem;align-items:center;color:var(--k-text-dimmed);display:inline-flex;font-size:.75rem;gap:.3rem}.cms-media-folder-picker{display:flex;flex-direction:column;gap:.5rem}.cms-media-folder-picker-list{background:var(--k-field);border:1px solid var(--k-field-line);border-radius:var(--k-radius-md);box-shadow:var(--k-shadow-xs);max-height:16rem;overflow-y:auto;padding:.25rem}.cms-media-detail{display:flex;flex-direction:column;gap:1.5rem}.cms-media-detail-preview{--k-icon-size:3rem;align-items:center;background:repeating-conic-gradient(var(--k-subtle) 0 25%,var(--k-surface) 0 50%) 50% /1.25rem 1.25rem;border:1px solid var(--k-line);border-radius:var(--k-radius-lg);color:var(--k-text-dimmed);display:flex;justify-content:center;max-height:24rem;min-height:12rem;overflow:hidden}.cms-media-detail-preview>img,.cms-media-detail-preview>video{animation:k-fade .3s var(--k-ease);max-height:24rem;max-width:100%;-o-object-fit:contain;object-fit:contain}.cms-media-detail-facts{background:var(--k-subtle);border:1px solid var(--k-line);border-radius:var(--k-radius-lg);display:grid;font-size:.8125rem;gap:.5rem 1.5rem;grid-template-columns:max-content minmax(0,1fr);padding:.125rem 1rem}.cms-media-detail-fact{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-media-detail-fact.k-mono{font-size:.75rem;line-height:1.6}.cms-media-detail-usage{display:flex;flex-direction:column;gap:.625rem}.cms-media-usage-list{border:1px solid var(--k-line);border-radius:var(--k-radius-md);display:flex;flex-direction:column;overflow:hidden}.cms-media-usage-list li+li{border-top:1px solid var(--k-line)}.cms-media-usage-link{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;transition:background-color var(--k-duration) var(--k-ease)}.cms-media-usage-link:hover{background:var(--k-subtle)}.cms-media-usage-title{color:var(--k-text);font-size:.8125rem;font-weight:500}.cms-media-usage-meta{color:var(--k-text-dimmed);font-family:var(--k-font-mono);font-size:.6875rem}.cms-media-single{max-width:15rem;overflow:hidden;transition:border-color var(--k-duration) var(--k-ease),box-shadow var(--k-duration-lg) var(--k-ease);width:100%}.cms-media-single:hover{border-color:var(--k-line-strong);box-shadow:var(--k-shadow-sm)}.cms-media-single.is-missing{border-color:color-mix(in oklab,var(--k-warning) 55%,transparent)}.cms-media-single-preview{--k-icon-size:1.75rem;align-items:center;aspect-ratio:4/3;background:var(--k-subtle);color:var(--k-text-dimmed);cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.cms-media-single-preview>img,.cms-media-single-preview>video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .5s var(--k-ease-out);width:100%}.cms-media-single:hover .cms-media-single-preview>img,.cms-media-single:hover .cms-media-single-preview>video{transform:scale(1.04)}.cms-media-single-bar{align-items:center;border-top:1px solid var(--k-line);display:flex;gap:.25rem;padding:.3125rem}.cms-media-single-name{color:var(--k-text-toned);flex:1;font-size:.75rem;font-weight:500;overflow:hidden;padding-left:.25rem;text-overflow:ellipsis;white-space:nowrap}.cms-media-single-add{--k-icon-size:1.25rem;align-items:center;background:var(--k-subtle);border:1px dashed var(--k-line-strong);border-radius:var(--k-radius-lg);color:var(--k-text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:center;max-width:15rem;min-height:6rem;transition:border-color var(--k-duration) var(--k-ease),background-color var(--k-duration) var(--k-ease),color var(--k-duration) var(--k-ease);width:100%}.cms-media-single-add:hover{background:var(--k-accent-soft);border-color:var(--k-accent-line);color:var(--k-accent-text)}.cms-media-missing{--k-icon-size:1rem;align-items:center;color:var(--k-warning);display:flex;font-size:.75rem;gap:.375rem}.cms-media-thumb{background:var(--k-subtle);border-radius:var(--k-radius-sm);box-shadow:inset 0 0 0 1px var(--k-line);height:2rem;-o-object-fit:cover;object-fit:cover;width:2rem}.cms-media-thumb.is-fallback{--k-icon-size:1rem;align-items:center;color:var(--k-text-dimmed);display:flex;flex:none;justify-content:center}.cms-media-thumb-empty{--k-icon-size:1rem;color:var(--k-text-dimmed);display:inline-flex}.cms-form{container-type:inline-size}.cms-form,.cms-form-main,.cms-form-rows{display:flex;flex-direction:column;gap:1.375rem}.cms-form-main,.cms-form-rows{min-width:0}.cms-form-row{display:grid;gap:1.375rem 1rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 32rem){.cms-form-row{grid-template-columns:repeat(var(--cms-row-cols,1),minmax(0,1fr))}}.cms-form-section-body{border-top:1px solid var(--k-line);padding:1rem 1rem 1.125rem}.cms-field-hint{color:var(--k-text-muted);font-size:.75rem;font-weight:400;line-height:1.45}.cms-search-focus{animation:cms-field-focus 2.4s var(--k-ease);border-radius:var(--k-radius-md)}@keyframes cms-field-focus{0%,60%{background:var(--k-accent-soft);box-shadow:0 0 0 6px var(--k-accent-soft)}to{background:transparent;box-shadow:0 0 0 6px transparent}}.cms-drawer-loading{min-height:12rem}.cms-block-editor-actions,.cms-drawer-actions{flex:1}.cms-blocks-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.cms-blocks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.cms-blocks-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cms-block-tile{background:var(--k-surface);border:1px solid var(--k-line);border-radius:var(--k-radius-lg);overflow:hidden;transition:opacity var(--k-duration) var(--k-ease),border-color var(--k-duration) var(--k-ease),box-shadow var(--k-duration-lg) var(--k-ease),transform var(--k-duration-lg) var(--k-ease-out)}.cms-block-tile:hover{border-color:var(--k-line-strong);box-shadow:var(--k-shadow-sm)}.cms-block-tile.is-muted{opacity:.45}.cms-block-tile.is-missing{border-color:color-mix(in oklab,var(--k-warning) 55%,transparent)}.cms-block-tile.is-dragging{opacity:.4;transform:scale(.98)}.cms-block-tile.is-drop-target{outline:2px solid var(--k-accent);outline-offset:2px}.cms-block-tile.is-media-only{cursor:grab}.cms-block-tile.is-media-only.is-dragging{cursor:grabbing}.cms-block-preview{align-items:center;aspect-ratio:4/3;background:var(--k-subtle);color:var(--k-text-dimmed);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.cms-block-tile.is-media-only .cms-block-preview{aspect-ratio:1}.cms-block-preview>img,.cms-block-preview>video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .5s var(--k-ease-out);width:100%}.cms-block-tile:hover .cms-block-preview>img,.cms-block-tile:hover .cms-block-preview>video{transform:scale(1.03)}.cms-block-icon{--k-icon-size:1.75rem}.cms-block-summary{color:var(--k-text-muted);font-size:.75rem;line-height:1.5;padding:.75rem;text-align:left}.cms-block-hidden{--k-icon-size:1rem;color:#fff;filter:drop-shadow(0 1px 2px rgb(0 0 0/.6));left:.5rem;position:absolute;top:.5rem}.cms-block-missing,.cms-block-remove{--k-icon-size:0.875rem;border-radius:var(--k-radius-full);color:#fff;display:grid;height:1.5rem;place-items:center;position:absolute;width:1.5rem}.cms-block-missing{background:var(--k-warning);bottom:.375rem;left:.375rem}.cms-block-remove{backdrop-filter:blur(6px);background:rgba(0,0,0,.55);opacity:0;right:.375rem;scale:.85;top:.375rem;transition:opacity var(--k-duration) var(--k-ease),scale var(--k-duration-lg) var(--k-ease-out),background-color var(--k-duration) var(--k-ease);z-index:1}.cms-block-tile:focus-within .cms-block-remove,.cms-block-tile:hover .cms-block-remove{opacity:1;scale:1}.cms-block-remove:hover{background:var(--k-danger)}@media (hover:none){.cms-block-remove{opacity:1;scale:1}}.cms-block-bar{--k-icon-size:1rem;border-top:1px solid var(--k-line);gap:.25rem;padding:.3125rem}.cms-block-bar,.cms-block-grip{align-items:center;display:flex}.cms-block-grip{border-radius:var(--k-radius-xs);color:var(--k-text-dimmed);cursor:grab;justify-content:center;padding:.25rem;transition:color var(--k-duration) var(--k-ease),background-color var(--k-duration) var(--k-ease)}.cms-block-grip:hover{background:var(--k-hover);color:var(--k-text-muted)}.cms-block-tile.is-dragging .cms-block-grip{cursor:grabbing}.cms-block-bar-name{color:var(--k-text-toned);flex:1;font-size:.75rem;font-weight:500;overflow:hidden;padding-left:.25rem;text-overflow:ellipsis;white-space:nowrap}.cms-block-missing-icon{color:var(--k-warning);display:flex}.cms-block-add{--k-icon-size:1.25rem;align-items:center;background:var(--k-subtle);border:1px dashed var(--k-line-strong);border-radius:var(--k-radius-lg);color:var(--k-text-muted);display:flex;flex-direction:column;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:center;min-height:6rem;transition:border-color var(--k-duration) var(--k-ease),background-color var(--k-duration) var(--k-ease),color var(--k-duration) var(--k-ease);width:100%}.cms-block-add:hover:not(:disabled){background:var(--k-accent-soft);border-color:var(--k-accent-line);color:var(--k-accent-text)}.cms-block-add:disabled{cursor:not-allowed;opacity:.55}.cms-editor{background:var(--k-canvas);display:flex;flex-direction:column;height:100dvh}.cms-editor-modal .cms-editor{height:100%}.cms-editor-bar{align-items:center;background:var(--k-surface);border-bottom:1px solid var(--k-line);display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:3.25rem;padding:.5rem .75rem}.cms-editor-bar-center,.cms-editor-bar-end,.cms-editor-bar-start,.cms-editor-heading{align-items:center;display:flex;min-width:0}.cms-editor-bar-start{gap:.375rem}.cms-editor-heading{gap:.625rem}.cms-editor-bar-center{gap:.5rem;justify-content:center}.cms-editor-bar-end{gap:.375rem;justify-content:flex-end}.cms-editor-title{color:var(--k-text);font-size:.875rem;font-weight:600;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-editor-body{display:flex;flex:1;min-height:0}.cms-editor-canvas{display:flex;flex:1;justify-content:center;min-width:0;overflow:auto;padding:1rem}.cms-editor-frame{background:#fff;border-radius:var(--k-radius-lg);box-shadow:var(--k-shadow-raised);height:100%;overflow:hidden;transition:width var(--k-duration-lg) var(--k-ease-out);width:100%}.cms-editor-frame.is-mobile{flex:none;max-width:100%;width:390px}.cms-editor-iframe{border:0;display:block;height:100%;width:100%}.cms-editor-panel{background:var(--k-surface);border-left:1px solid var(--k-line);display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:22rem}.cms-editor-inspector{gap:0}.cms-editor-inspector,.cms-editor-panel-body{display:flex;flex:1;flex-direction:column;min-height:0}.cms-editor-panel-body{container-type:inline-size;gap:1rem;overflow-y:auto;padding:.875rem}.cms-editor-fields{display:flex;flex-direction:column;gap:1.125rem}.cms-editor-section-title{border-top:1px solid var(--k-line);display:flex;flex-direction:column;gap:.25rem;padding-top:.75rem}.cms-editor-section-title:first-child{border-top:0;padding-top:0}.cms-editor-block-head{align-items:center;display:flex;justify-content:space-between;margin:-.25rem -.25rem 0}.cms-editor-block-position{color:var(--k-text-dimmed);font-family:var(--k-font-mono);font-size:.6875rem}.cms-editor-block-title{--k-icon-size:1rem;align-items:center;color:var(--k-text);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem}.cms-editor-block-actions{border-bottom:1px solid var(--k-line);display:flex;flex-wrap:wrap;gap:.375rem;padding-bottom:1rem}.cms-outline-text{display:flex;flex:1;flex-direction:column;gap:.125rem;min-width:0}.cms-outline-text.is-hidden{opacity:.55}.cms-outline-label{color:var(--k-text);font-size:.8125rem;font-weight:500}.cms-outline-label,.cms-outline-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-outline-summary{color:var(--k-text-muted);font-size:.75rem}.cms-outline-hidden{--k-icon-size:1rem;color:var(--k-text-dimmed)}.cms-palette{display:grid;gap:.375rem}.cms-palette-item{align-items:flex-start;background:var(--k-surface);border:1px solid var(--k-line);border-radius:var(--k-radius-lg);display:flex;gap:.625rem;padding:.625rem;text-align:left;transition:background-color var(--k-duration) var(--k-ease),border-color var(--k-duration) var(--k-ease)}.cms-palette-item:hover{background:var(--k-accent-soft);border-color:var(--k-accent-line)}.cms-palette-icon{--k-icon-size:1rem;align-items:center;background:var(--k-fill);border-radius:var(--k-radius-md);color:var(--k-text-toned);display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.cms-palette-item:hover .cms-palette-icon{color:var(--k-accent-text)}.cms-palette-text{display:flex;flex-direction:column;gap:.1875rem;min-width:0;padding-top:.0625rem}.cms-palette-label{color:var(--k-text);font-size:.8125rem;font-weight:600}.cms-palette-description{color:var(--k-text-muted);font-size:.75rem;line-height:1.4}@media (max-width:767px){.cms-editor-bar{grid-template-columns:minmax(0,1fr) auto}.cms-editor-bar-center{grid-column:1/-1;grid-row:2}.cms-editor-body{flex-direction:column}.cms-editor-canvas{flex:0 0 50%;padding:.5rem}.cms-editor-panel{border-left:0;border-top:1px solid var(--k-line);flex:1;width:auto}}
+.cms-block-tree-add,.cms-block-tree-label,.cms-block-tree-summary,.cms-confirm-group-title,.cms-editor-address-path,.cms-icon-hint,.cms-layout-chip-label,.cms-media-name,.cms-tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-media-grid.is-recent .cms-media-tile{border-radius:var(--k-radius-md)}.cms-code{font-family:var(--k-font-mono);letter-spacing:.02em;text-transform:uppercase}.cms-list-loading{padding:1rem 1.125rem}.cms-editor-address-path{flex:1;font-size:.8125rem;min-width:0}.cms-editor-address-path.is-empty{color:var(--k-text-muted)}.cms-confirm-group-title{color:var(--k-text-toned);font-weight:500}.cms-import-title{display:block;max-width:14rem;overflow:hidden;text-overflow:ellipsis}.cms-import-issues{white-space:normal}.cms-settings-entry{display:flex;flex:1;flex-direction:column;gap:1rem;min-height:100%}.cms-settings-entry>*{flex-shrink:0}.cms-settings-grip,.cms-settings-item-icon{color:var(--k-text-dimmed);flex:none}.cms-layout-editor{display:flex;flex-direction:column;gap:.25rem}.cms-layout-areas{display:flex;flex-direction:column;margin-top:.5rem}.cms-layout-area{display:flex;flex-direction:column;gap:.5rem;min-width:0}.cms-layout-section{background:var(--k-subtle);border:1px dashed var(--k-line-strong);border-radius:var(--k-radius-md);display:flex;flex-direction:column;padding:.25rem .5rem}.cms-layout-section.is-titled{background:var(--k-surface);border-color:var(--k-line);border-style:solid}.cms-layout-section-title{align-items:center;color:var(--k-text);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.375rem .125rem .125rem}.cms-layout-chip,.cms-layout-row{display:flex;gap:.375rem}.cms-layout-chip{--k-icon-size:0.875rem;align-items:center;background:var(--k-field);border:1px solid var(--k-field-line);border-radius:var(--k-radius-sm);box-shadow:var(--k-shadow-xs);cursor:grab;flex:1;height:2.125rem;min-width:0;padding:0 .5rem;position:relative;transition:border-color var(--k-duration) var(--k-ease),box-shadow var(--k-duration) var(--k-ease),opacity var(--k-duration) var(--k-ease)}.cms-layout-chip:hover{border-color:var(--k-line-strong)}.cms-layout-chip.is-dragging{opacity:.35}.cms-layout-chip.is-blocked{border-color:var(--k-danger);cursor:not-allowed}.cms-layout-chip.is-drop-after:after,.cms-layout-chip.is-drop-before:before{background:var(--k-accent);border-radius:var(--k-radius-full);bottom:.25rem;content:"";position:absolute;top:.25rem;width:2px}.cms-layout-chip.is-drop-before:before{left:-.25rem}.cms-layout-chip.is-drop-after:after{right:-.25rem}.cms-layout-chip-label{color:var(--k-text);flex:1;font-size:.75rem;font-weight:500;min-width:0}.cms-layout-chip-tab{background:var(--k-fill);border-radius:var(--k-radius-xs);color:var(--k-text-muted);flex:none;font-size:.625rem;line-height:1rem;padding:0 .3125rem}.cms-layout-gap{height:.375rem;position:relative;transition:height var(--k-duration) var(--k-ease)}.cms-layout-editor.is-dragging .cms-layout-gap{height:.75rem}.cms-layout-gap.is-over:before{background:var(--k-accent);border-radius:var(--k-radius-full);content:"";height:2px;left:0;margin-top:-1px;position:absolute;right:0;top:50%}.cms-layout-editor.is-dragging .cms-layout-gap.is-empty,.cms-layout-gap.is-empty{color:var(--k-text-dimmed);display:grid;font-size:.75rem;height:2.5rem;place-items:center}.cms-media-gallery{position:relative}.cms-media-files-fill{min-height:20rem}.cms-media-search{flex:1 1 16rem;min-width:0}.cms-media-selection-bar{top:.75rem}.cms-media-tile{overflow:hidden;text-align:left}.cms-media-meta{border-top:1px solid var(--k-line);display:flex;flex-direction:column;gap:.25rem;padding:.5625rem .75rem}.cms-media-name{color:var(--k-text);font-size:.8125rem;font-weight:500}.cms-icon-hint{--k-icon-size:0.75rem;display:inline-flex;font-size:.75rem;gap:.25rem}.cms-icon-hint,.cms-media-detail-preview{align-items:center;color:var(--k-text-dimmed)}.cms-media-detail-preview{--k-icon-size:3rem;background:repeating-conic-gradient(var(--k-subtle) 0 25%,var(--k-surface) 0 50%) 50% /1.25rem 1.25rem;border:1px solid var(--k-line);border-radius:var(--k-radius-lg);display:flex;justify-content:center;max-height:24rem;min-height:12rem;overflow:hidden}.cms-media-detail-preview>video{max-height:24rem;max-width:100%;-o-object-fit:contain;object-fit:contain}.cms-media-single,.cms-media-single-add{max-width:15rem;width:100%}.cms-media-single{overflow:hidden;transition:border-color var(--k-duration) var(--k-ease),box-shadow var(--k-duration-lg) var(--k-ease)}.cms-media-single:hover:not(.is-disabled){border-color:var(--k-line-strong);box-shadow:var(--k-shadow-sm)}.cms-media-thumb-empty{--k-icon-size:1rem;color:var(--k-text-dimmed);display:inline-flex}.cms-form{container-type:inline-size;display:flex;flex-direction:column;gap:1.375rem}.cms-block-editor-actions{flex:1}.cms-block-tile{overflow:hidden}.cms-block-tile.is-muted{opacity:.45}.cms-block-tile.is-missing{border-color:color-mix(in oklab,var(--k-warning) 55%,transparent)}.cms-block-tile.is-invalid{border-color:var(--k-danger)}.cms-block-summary{color:var(--k-text-muted);font-size:.75rem;line-height:1.5;padding:.75rem;text-align:left}.cms-tile-preview{display:block;width:100%}.cms-tile-bar{--k-icon-size:1rem;align-items:center;border-top:1px solid var(--k-line);display:flex;gap:.25rem;padding:.3125rem}.cms-tile-name{color:var(--k-text-toned);flex:1;font-size:.75rem;font-weight:500;padding-left:.25rem}.cms-block-missing-icon{color:var(--k-warning);display:flex}.cms-editor-modal{--k-workspace-height:100%}.cms-editor-tree{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.cms-editor-canvas-bar{align-items:center;display:grid;flex:1;gap:.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-items:start}.cms-editor-canvas-toggle.is-end{grid-column:3;justify-self:end}.cms-editor-canvas-tools{align-items:center;display:flex;gap:.5rem;grid-column:2}.cms-editor-width{color:var(--k-text-muted);font-family:var(--k-font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums;min-width:4.5ch;text-align:right;white-space:nowrap}.cms-editor-stage{display:flex;flex:1;justify-content:center;min-height:0;overflow:auto;padding:.75rem 1rem 1rem}.cms-editor-stage.is-compact{padding:.5rem}.cms-editor-frame{background:#fff;border-radius:var(--k-radius-lg);box-shadow:var(--k-shadow-raised);height:100%;overflow:hidden;transition:width var(--k-duration-lg) var(--k-ease-out);width:100%}.cms-editor-frame.is-fixed{flex:none;max-width:100%}.cms-editor-iframe{border:0;display:block;height:100%;width:100%}.cms-editor-inspector,.cms-editor-tabs{display:flex;flex:1;flex-direction:column;min-height:0}.cms-editor-tabs{gap:0}.cms-editor-panel-body{container-type:inline-size;display:flex;flex:1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding:.875rem}.cms-editor-panel-body.is-empty{justify-content:center}.cms-block-tree,.cms-block-tree-text{display:flex;flex-direction:column}.cms-block-tree-text{gap:.0625rem;min-width:0}.cms-block-tree-label{font-size:.8125rem;font-weight:500}.cms-block-tree-summary{color:var(--k-text-muted);font-size:.75rem}.cms-block-tree-hidden{--k-icon-size:0.875rem;color:var(--k-text-dimmed)}.cms-block-tree-text.is-group .cms-block-tree-label{color:var(--k-text-muted);font-size:.75rem;font-weight:600}.cms-block-tree-add{color:var(--k-text-muted);font-size:.8125rem}.cms-link-input{flex:1 1 16rem;min-width:0}.cms-link-label{flex:1 1 14rem;min-width:0}

package/dist/runtime/generate.js

@@ -1,7 +1,18 @@
 import { spawn } from "node:child_process";
-import { existsSync } from "node:fs";
+import { existsSync, readFileSync } from "node:fs";
 import { createRequire } from "node:module";
-import { dirname, join } from "node:path";
+import { dirname, isAbsolute, join, resolve } from "node:path";
+import { MIGRATION_FIXES_FILE, fixNewMigrations, migrationSqlFiles } from "./shared/migrations-dir.js";
+function readMigrationFixes(configPath, root) {
+  const path = join(dirname(configPath), MIGRATION_FIXES_FILE);
+  if (!existsSync(path)) return null;
+  try {
+    const fixes = JSON.parse(readFileSync(path, "utf8"));
+    return { ...fixes, out: isAbsolute(fixes.out) ? fixes.out : resolve(root, fixes.out) };
+  } catch {
+    return null;
+  }
+}
 export async function generateMigrations(opts = {}) {
   const root = opts.root ?? process.cwd();
   const configPath = opts.configPath ?? join(root, ".nuxt/cms/drizzle.config.ts");
@@ -10,6 +21,8 @@ export async function generateMigrations(opts = {}) {
       `[nuxt-cms] drizzle config not found at ${configPath}. Run \`nuxi prepare\` first.`
     );
   }
+  const fixes = readMigrationFixes(configPath, root);
+  const before = fixes ? migrationSqlFiles(fixes.out) : [];
   const require = createRequire(import.meta.url);
   const bin = join(dirname(require.resolve("drizzle-kit")), "bin.cjs");
   const code = await new Promise((done) => {
@@ -19,4 +32,5 @@ export async function generateMigrations(opts = {}) {
     }).on("close", (c) => done(c ?? 1)).on("error", () => done(1));
   });
   if (code !== 0) throw new Error(`[nuxt-cms] drizzle-kit generate failed (exit ${code})`);
+  if (fixes) fixNewMigrations(fixes.out, before, fixes.uniqueTextColumns, fixes.dialect);
 }

package/dist/runtime/server/api/collection-export.get.js

@@ -12,7 +12,7 @@ import {
 import { listOrderBy, listWhere, readListFilters } from "../utils/list-query.js";
 import { decodeRows, getContentI18n, getRegistryEntry } from "../utils/registry.js";
 import { attachManyToMany } from "../utils/relations.js";
-import { requireAdmin } from "../utils/require-admin.js";
+import { assertCmsPermission, requireCmsAccess } from "../utils/permissions.js";
 import { chunks, KEY_CHUNK } from "../utils/write-statements.js";
 const querySchema = z.object({
   format: z.enum(TRANSFER_FORMATS).default("json"),
@@ -21,11 +21,12 @@ const querySchema = z.object({
   order: z.enum(["asc", "desc"]).default("desc")
 });
 export default defineEventHandler(async (event) => {
-  await requireAdmin(event);
+  const { access } = await requireCmsAccess(event);
   const { name, entry, table } = getRegistryEntry(event);
   if (!isCollectionKind(entry)) {
     throw createError({ statusCode: 405, statusMessage: "Only collections can be exported" });
   }
+  assertCmsPermission(access, `${name}.export`);
   const { format, search, sort, order } = await getValidatedQuery(event, querySchema.parse);
   if (format === "csv" && !canTransferCsv(entry)) {
     throw createError({