betterstart-cli 0.0.95 → 0.0.97

package/dist/assets/adapters/next/templates/init/pages/users/columns.tsx

@@ -25,7 +25,7 @@ export const columns: ColumnDef<User>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
         >
           <span className="truncate">User</span>
           <SortIndicator direction={sortDirection} />
@@ -42,7 +42,7 @@ export const columns: ColumnDef<User>[] = [
           </Avatar>
           <div className="flex flex-col">
             <div className="font-medium">{name || 'N/A'}</div>
-            <div className="text-muted-foreground text-sm">{email}</div>
+            <div className="text-sm text-muted-foreground">{email}</div>
           </div>
         </div>
       )
@@ -92,7 +92,7 @@ export const columns: ColumnDef<User>[] = [
           currentRole={row.original.role}
           userName={row.original.name}
         >
-          <Badge variant="outline" className="capitalize cursor-pointer">
+          <Badge variant="outline" className="cursor-pointer capitalize">
             <span className="flex items-center gap-1">
               {role}
               <Edit className="size-3" />
@@ -111,7 +111,7 @@ export const columns: ColumnDef<User>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
         >
           <span className="truncate">Joined</span>
           <SortIndicator direction={sortDirection} />

package/dist/assets/adapters/next/templates/init/pages/users/users-page-content.tsx

@@ -98,7 +98,7 @@ export function UsersPageContent() {
         isPending={isSearchFetching}
         onSearch={handleSearch}
       />
-      <main className="space-y-4 px-4 pb-4 flex-1">
+      <main className="flex-1 space-y-4 px-4 pb-4">
         <UsersTable columns={columns} search={search} status={status} role={role} />
       </main>
     </React.Fragment>

package/dist/assets/adapters/next/templates/init/pages/users/users-page-skeleton.tsx

@@ -1,6 +1,6 @@
 export function UsersPageSkeleton() {
   return (
-    <div className="flex items-center justify-center h-48">
+    <div className="flex h-48 items-center justify-center">
       <div className="text-muted-foreground">Loading Users…</div>
     </div>
   )

package/dist/assets/adapters/next/templates/init/pages/users/users-table.tsx

@@ -137,7 +137,7 @@ export function UsersTable<TValue>({
     .join(' ')
 
   return (
-    <div className={cn('flex flex-col gap-6 pt-px pb-2 h-full', className)}>
+    <div className={cn('flex h-full flex-col gap-6 pt-px pb-2', className)}>
       <DataGrid
         containerClassName="min-h-0 flex-1"
         containerRef={tableContainerRef}
@@ -174,7 +174,7 @@ export function UsersTable<TValue>({
                       <button
                         type="button"
                         aria-label={`Resize ${resizeLabel} column`}
-                        className="group/resize-handle absolute right-0 top-0 z-10 flex h-full w-5 cursor-col-resize touch-none select-none items-center justify-center text-muted-foreground opacity-0 transition-opacity hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none group-focus-within/resize-header:opacity-100 data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
+                        className="group/resize-handle absolute top-0 right-0 z-10 flex h-full w-5 cursor-col-resize touch-none items-center justify-center text-muted-foreground opacity-0 transition-opacity select-none group-focus-within/resize-header:opacity-100 hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
                         data-resize-handle
                         data-column-hovered={
                           hoveredColumnId === header.column.id ? 'true' : 'false'
@@ -202,7 +202,7 @@ export function UsersTable<TValue>({
           {isPending ? (
             <DataGridRow>
               <DataGridCell
-                className="flex h-24 items-center justify-center text-center px-4"
+                className="flex h-24 items-center justify-center px-4 text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
                 <div className="text-muted-foreground">Loading users…</div>
@@ -211,7 +211,7 @@ export function UsersTable<TValue>({
           ) : error ? (
             <DataGridRow>
               <DataGridCell
-                className="flex h-24 items-center justify-center text-center px-4"
+                className="flex h-24 items-center justify-center px-4 text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
                 <div className="text-destructive">Error: {error.message}</div>
@@ -238,7 +238,7 @@ export function UsersTable<TValue>({
           ) : (
             <DataGridRow>
               <DataGridCell
-                className="flex h-24 items-center justify-center text-center px-4"
+                className="flex h-24 items-center justify-center px-4 text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
                 No users found.

package/dist/assets/adapters/next/templates/init/types/table-meta.ts

@@ -1,7 +1,7 @@
 import type { RowData } from '@tanstack/react-table'
 
 declare module '@tanstack/react-table' {
-  // biome-ignore lint/correctness/noUnusedVariables: augmenting module
+  // oxlint-disable-next-line no-unused-vars -- augmenting module
   interface TableMeta<TData extends RowData> {
     currentUser?: {
       id: string

package/dist/assets/adapters/next/templates/init/utils/date/date.ts

@@ -8,6 +8,21 @@ const DATE_RANGE_TIME_PATTERN = /^([01]\d|2[0-3]):([0-5]\d)$/
 export const DATE_RANGE_START_TIME = '00:00'
 export const DATE_RANGE_END_TIME = '23:59'
 
+/**
+ * Turn an inclusive `YYYY-MM-DD` "to date" filter into the exclusive upper bound
+ * that follows it. The input is always read as UTC so the same filter selects the
+ * same rows regardless of the viewer's timezone.
+ */
+export function getExclusiveDateUpperBound(value?: string): string | null {
+  if (!value) return null
+
+  const date = new Date(`${value}T00:00:00.000Z`)
+  if (Number.isNaN(date.getTime())) return null
+
+  date.setUTCDate(date.getUTCDate() + 1)
+  return date.toISOString().slice(0, 10)
+}
+
 export function parseDateInputValue(value?: string): Date | undefined {
   if (!value) return undefined
 

package/dist/assets/adapters/next/templates/init/utils/editor/content-editor.ts

@@ -9,6 +9,7 @@ export interface ContentEditorSelectionRequest {
 }
 
 export const CONTENT_EDITOR_HIGHLIGHT_COLORS = [
+  'default',
   'gray',
   'brown',
   'orange',
@@ -22,20 +23,92 @@ export const CONTENT_EDITOR_HIGHLIGHT_COLORS = [
 
 export type ContentEditorHighlightColor = (typeof CONTENT_EDITOR_HIGHLIGHT_COLORS)[number]
 
-export const CONTENT_EDITOR_HIGHLIGHT_COLOR_VALUES: Record<ContentEditorHighlightColor, string> = {
-  gray: 'var(--tt-color-highlight-gray)',
-  brown: 'var(--tt-color-highlight-brown)',
-  orange: 'var(--tt-color-highlight-orange)',
-  yellow: 'var(--tt-color-highlight-yellow)',
-  green: 'var(--tt-color-highlight-green)',
-  blue: 'var(--tt-color-highlight-blue)',
-  purple: 'var(--tt-color-highlight-purple)',
-  pink: 'var(--tt-color-highlight-pink)',
-  red: 'var(--tt-color-highlight-red)'
+export interface ContentEditorHighlightColorOption {
+  label: string
+  value: string
+  colorValue: string
+  border: string
 }
 
-const HIGHLIGHT_VALUE_NAMES = new Map(
-  Object.entries(CONTENT_EDITOR_HIGHLIGHT_COLOR_VALUES).map(([name, value]) => [value, name])
+export const CONTENT_EDITOR_HIGHLIGHT_COLOR_OPTIONS: Record<
+  ContentEditorHighlightColor,
+  ContentEditorHighlightColorOption
+> = {
+  default: {
+    label: 'Default background',
+    value: 'var(--tt-bg-color)',
+    colorValue: '#ffffff',
+    border: 'var(--tt-bg-color-contrast)'
+  },
+  gray: {
+    label: 'Gray background',
+    value: 'var(--tt-color-highlight-gray)',
+    colorValue: '#f8f8f7',
+    border: 'var(--tt-color-highlight-gray-contrast)'
+  },
+  brown: {
+    label: 'Brown background',
+    value: 'var(--tt-color-highlight-brown)',
+    colorValue: '#f4eeee',
+    border: 'var(--tt-color-highlight-brown-contrast)'
+  },
+  orange: {
+    label: 'Orange background',
+    value: 'var(--tt-color-highlight-orange)',
+    colorValue: '#fbecdd',
+    border: 'var(--tt-color-highlight-orange-contrast)'
+  },
+  yellow: {
+    label: 'Yellow background',
+    value: 'var(--tt-color-highlight-yellow)',
+    colorValue: '#fef9c3',
+    border: 'var(--tt-color-highlight-yellow-contrast)'
+  },
+  green: {
+    label: 'Green background',
+    value: 'var(--tt-color-highlight-green)',
+    colorValue: '#dcfce7',
+    border: 'var(--tt-color-highlight-green-contrast)'
+  },
+  blue: {
+    label: 'Blue background',
+    value: 'var(--tt-color-highlight-blue)',
+    colorValue: '#e0f2fe',
+    border: 'var(--tt-color-highlight-blue-contrast)'
+  },
+  purple: {
+    label: 'Purple background',
+    value: 'var(--tt-color-highlight-purple)',
+    colorValue: '#f3e8ff',
+    border: 'var(--tt-color-highlight-purple-contrast)'
+  },
+  pink: {
+    label: 'Pink background',
+    value: 'var(--tt-color-highlight-pink)',
+    colorValue: '#fcf1f6',
+    border: 'var(--tt-color-highlight-pink-contrast)'
+  },
+  red: {
+    label: 'Red background',
+    value: 'var(--tt-color-highlight-red)',
+    colorValue: '#ffe4e6',
+    border: 'var(--tt-color-highlight-red-contrast)'
+  }
+}
+
+export const CONTENT_EDITOR_HIGHLIGHT_COLOR_NAME_PATTERN = CONTENT_EDITOR_HIGHLIGHT_COLORS.join('|')
+
+const HIGHLIGHT_NAMES_BY_VALUE = new Map(
+  CONTENT_EDITOR_HIGHLIGHT_COLORS.map(
+    (name) => [CONTENT_EDITOR_HIGHLIGHT_COLOR_OPTIONS[name].value, name] as const
+  )
+)
+
+const HIGHLIGHT_NAMES_BY_CSS_VARIABLE = new Map(
+  CONTENT_EDITOR_HIGHLIGHT_COLORS.map(
+    (name) =>
+      [CONTENT_EDITOR_HIGHLIGHT_COLOR_OPTIONS[name].value.slice('var('.length, -1), name] as const
+  )
 )
 
 export function getContentEditorHighlightColorName(
@@ -44,19 +117,16 @@ export function getContentEditorHighlightColorName(
   if (!value) return 'yellow'
 
   const normalized = value.trim()
-  const variableMatch = normalized.match(/var\((--tt-color-highlight-[^)]+)\)/)
-  const variableName = variableMatch ? `var(${variableMatch[1]})` : normalized
-  const mapped = HIGHLIGHT_VALUE_NAMES.get(variableName)
+  const mapped = HIGHLIGHT_NAMES_BY_VALUE.get(normalized)
 
-  if (mapped && isContentEditorHighlightColor(mapped)) {
+  if (mapped) {
     return mapped
   }
 
-  const cssVariableMatch = normalized.match(
-    /--tt-color-highlight-(gray|brown|orange|yellow|green|blue|purple|pink|red)/
-  )
-  if (cssVariableMatch && isContentEditorHighlightColor(cssVariableMatch[1])) {
-    return cssVariableMatch[1]
+  for (const [cssVariable, name] of HIGHLIGHT_NAMES_BY_CSS_VARIABLE) {
+    if (normalized.includes(cssVariable)) {
+      return name
+    }
   }
 
   if (isContentEditorHighlightColor(normalized)) {
@@ -67,7 +137,7 @@ export function getContentEditorHighlightColorName(
 }
 
 export function getContentEditorHighlightColorValue(color: ContentEditorHighlightColor): string {
-  return CONTENT_EDITOR_HIGHLIGHT_COLOR_VALUES[color]
+  return CONTENT_EDITOR_HIGHLIGHT_COLOR_OPTIONS[color].value
 }
 
 export function isContentEditorHighlightColor(value: string): value is ContentEditorHighlightColor {
@@ -295,13 +365,16 @@ function matchMarkdownMarkSyntax(markdown: string, index: number): number | null
   return null
 }
 
+const HIGHLIGHT_SPAN_OPEN_PATTERN = new RegExp(
+  `^<span\\s+data-highlight-color="(?:${CONTENT_EDITOR_HIGHLIGHT_COLOR_NAME_PATTERN})">`,
+  'i'
+)
+
 function matchHtmlMarkSyntax(markdown: string, index: number): number | null {
   const remaining = markdown.slice(index)
   const match =
     /^<\/?(?:u|sub|sup|kbd)>/i.exec(remaining) ??
-    /^<span\s+data-highlight-color="(?:gray|brown|orange|yellow|green|blue|purple|pink|red)">/i.exec(
-      remaining
-    ) ??
+    HIGHLIGHT_SPAN_OPEN_PATTERN.exec(remaining) ??
     /^<\/span>/i.exec(remaining)
 
   return match ? index + match[0].length : null

package/dist/assets/adapters/next/templates/init/utils/editor/markdown.ts

@@ -1,3 +1,4 @@
+import { CONTENT_EDITOR_HIGHLIGHT_COLOR_NAME_PATTERN } from '@admin/utils/editor/content-editor'
 import type { EditorView } from '@codemirror/view'
 
 interface InsertResult {
@@ -22,8 +23,10 @@ export interface ContentEditorMathValue {
   raw: string
 }
 
-const HIGHLIGHT_SPAN_PATTERN =
-  /<span\s+data-highlight-color="(?:gray|brown|orange|yellow|green|blue|purple|pink|red)">([\s\S]*?)<\/span>/g
+const HIGHLIGHT_SPAN_PATTERN = new RegExp(
+  `<span\\s+data-highlight-color="(?:${CONTENT_EDITOR_HIGHLIGHT_COLOR_NAME_PATTERN})">([\\s\\S]*?)<\\/span>`,
+  'g'
+)
 const MARKDOWN_LINK_PATTERN = /\[([^\]\n]*)\]\(([^)\n]*)\)/g
 const BLOCK_MATH_ENVIRONMENT_NAMES = new Set([
   'align',

package/dist/assets/shared-assets/react-admin/custom/content-editor/editor-toolbar.tsx

@@ -15,7 +15,7 @@ export function EditorToolbar({
       role="toolbar"
       aria-label={ariaLabel}
       className={cn(
-        'flex items-center gap-1 overflow-x-auto border-border bg-card sticky top-0 z-10 min-h-12 w-full overscroll-x-contain border-b px-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden max-[480px]:absolute max-[480px]:top-auto max-[480px]:h-[calc(2.75rem+env(safe-area-inset-bottom,0px))] max-[480px]:flex-nowrap max-[480px]:justify-start max-[480px]:border-t max-[480px]:border-b-0 max-[480px]:pb-[env(safe-area-inset-bottom,0px)]',
+        'sticky top-0 z-10 flex min-h-12 w-full items-center gap-1 overflow-x-auto overscroll-x-contain border-b border-border bg-card px-2 [scrollbar-width:none] max-[480px]:absolute max-[480px]:top-auto max-[480px]:h-[calc(2.75rem+env(safe-area-inset-bottom,0px))] max-[480px]:flex-nowrap max-[480px]:justify-start max-[480px]:border-t max-[480px]:border-b-0 max-[480px]:pb-[env(safe-area-inset-bottom,0px)] [&::-webkit-scrollbar]:hidden',
         className
       )}
     >

package/dist/assets/shared-assets/react-admin/custom/content-editor/index.tsx

@@ -88,7 +88,7 @@ export function ContentEditor({
               toolbarEnd={
                 <ModeToggleButton isSourceMode={isSourceMode} onClick={handleModeChange} />
               }
-              className="min-h-0 flex-1 max-h-none resize-none rounded-none border-0"
+              className="max-h-none min-h-0 flex-1 resize-none rounded-none border-0"
             />
           ) : (
             <>
@@ -136,7 +136,7 @@ export function ContentEditor({
                 <EditorContent
                   editor={editor}
                   role="presentation"
-                  className="simple-editor-content min-h-0 flex-1 cursor-text p-10 overflow-y-auto bg-input [&_.ProseMirror]:min-h-full"
+                  className="simple-editor-content min-h-0 flex-1 cursor-text overflow-y-auto bg-input p-10 [&_.ProseMirror]:min-h-full"
                 />
               </div>
             </>

package/dist/assets/shared-assets/react-admin/custom/content-editor/main-toolbar-content.tsx

@@ -43,13 +43,13 @@ export function MainToolbarContent({
 
   return (
     <>
-      <div className="flex min-w-0 h-full flex-1 items-center overflow-x-auto">
+      <div className="flex h-full min-w-0 flex-1 items-center overflow-x-auto">
         <div className="flex items-center gap-0.5">
           <UndoRedoButton action="undo" />
           <UndoRedoButton action="redo" />
         </div>
 
-        <Separator orientation="vertical" decorative className="my-auto h-[65%] mx-1 self-center" />
+        <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
 
         <div className="flex items-center gap-0.5">
           <HeadingDropdownMenu />
@@ -59,7 +59,7 @@ export function MainToolbarContent({
           <HorizontalRuleButton editor={editor} />
         </div>
 
-        <Separator orientation="vertical" decorative className="my-auto h-[65%] mx-1 self-center" />
+        <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
 
         <div className="flex items-center gap-0.5">
           <MarkButton type="bold" />
@@ -75,7 +75,7 @@ export function MainToolbarContent({
           {!isMobile ? <LinkPopover /> : <LinkButton onClick={onLinkClick} />}
         </div>
 
-        <Separator orientation="vertical" decorative className="my-auto h-[65%] mx-1 self-center" />
+        <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
 
         <div className="flex items-center">
           <TableButton editor={editor} />

package/dist/assets/shared-assets/react-admin/custom/content-editor/math-bubble-menu.tsx

@@ -63,7 +63,7 @@ export function MathBubbleMenu({ editor }: { editor: Editor }) {
         role="toolbar"
         aria-label="Math formatting toolbar"
         className={cn(
-          'flex items-center gap-1 overflow-x-auto border-border rounded-sm border bg-popover p-0 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+          'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-0 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
           'relative z-50'
         )}
       >

package/dist/assets/shared-assets/react-admin/custom/content-editor/math-editor-controls.tsx

@@ -73,7 +73,7 @@ export function MathEditorControls({
         className="min-h-24 resize-y rounded-md text-sm"
       />
 
-      <div className="flex items-center flex-wrap gap-1">
+      <div className="flex flex-wrap items-center gap-1">
         {onRemove ? (
           <Button
             type="button"

package/dist/assets/shared-assets/react-admin/custom/content-editor/mobile-toolbar-content.tsx

@@ -38,7 +38,7 @@ export function MobileToolbarContent({
         </Button>
       </div>
 
-      <Separator orientation="vertical" decorative className="my-auto h-[65%] mx-1 self-center" />
+      <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
 
       {type === 'highlighter' ? (
         <ColorHighlightPopoverContent />

package/dist/assets/shared-assets/react-admin/custom/content-editor/remove-table-part-icon.tsx

@@ -11,7 +11,7 @@ export function RemoveTablePartIcon({
   return (
     <span className="tiptap-button-icon relative inline-flex size-4 items-center justify-center">
       <Icon className="size-4" />
-      <MinusIcon className="-right-1 -bottom-0.5 border border-border absolute size-3 rounded-sm bg-card stroke-3" />
+      <MinusIcon className="absolute -right-1 -bottom-0.5 size-3 rounded-sm border border-border bg-card stroke-3" />
     </span>
   )
 }

package/dist/assets/shared-assets/react-admin/custom/content-editor/selection-bubble-menu.tsx

@@ -72,8 +72,8 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
           role="toolbar"
           aria-label="Link formatting toolbar"
           className={cn(
-            'flex items-center gap-1 overflow-x-auto border-border border bg-popover p-4 text-foreground shadow-2xl [scrollbar-width:none] [&::-webkit-scrollbar]:hidden rounded-sm',
-            'relative z-10'
+            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-4 text-foreground shadow-2xl [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'relative z-50'
           )}
         >
           <LinkContent editor={editor} />
@@ -101,8 +101,8 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
           aria-label="Selection formatting toolbar"
           onPointerDownCapture={handleSelectionMenuPointerDown}
           className={cn(
-            'flex items-center gap-1 overflow-x-auto border-border rounded-sm border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
-            'relative z-10'
+            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'relative z-50'
           )}
         >
           <div className="flex items-center gap-0.5">
@@ -120,7 +120,7 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-[65%] mx-1 self-center"
+            className="mx-1 my-auto h-[65%] self-center"
           />
 
           <div className="flex items-center gap-0.5">

package/dist/assets/shared-assets/react-admin/custom/content-editor/slash-command-menu.tsx

@@ -130,7 +130,7 @@ export function SlashCommandMenu({
       <ComboboxContent
         anchor={slashAnchor}
         align="start"
-        className="w-72 min-w-72 max-w-[calc(100vw-2rem)] p-2 gap-2 flex flex-col"
+        className="flex w-72 max-w-[calc(100vw-2rem)] min-w-72 flex-col gap-2 p-2"
         collisionPadding={8}
         finalFocus={false}
         initialFocus={false}
@@ -166,17 +166,17 @@ export function SlashCommandMenu({
                 onMouseEnter={() => onActiveIndexChange(index)}
                 value={command}
                 className={cn(
-                  'border border-transparent p-2 data-highlighted:bg-card! data-highlighted:border-border!',
+                  'border border-transparent p-2 data-highlighted:border-border! data-highlighted:bg-card!',
                   {
-                    'bg-card border-border shadow-input text-foreground': isActive
+                    'border-border bg-card text-foreground shadow-input': isActive
                   }
                 )}
               >
-                <span className="flex size-8 shrink-0 items-center justify-center rounded-sm bg-card border border-border shadow-input">
+                <span className="flex size-8 shrink-0 items-center justify-center rounded-sm border border-border bg-card shadow-input">
                   <Icon />
                 </span>
-                <span className="min-w-0 space-y-1 flex flex-col w-full">
-                  <span className="font-medium leading-none">{command.title}</span>
+                <span className="flex w-full min-w-0 flex-col space-y-1">
+                  <span className="leading-none font-medium">{command.title}</span>
                   <span className="truncate text-xs text-muted-foreground">
                     {command.description}
                   </span>

package/dist/assets/shared-assets/react-admin/custom/content-editor/source-mode.tsx

@@ -92,6 +92,8 @@ export function SourceMode({
     applyList,
     applyStrike,
     applyUnderline,
+    canRedoMarkdownChange,
+    canUndoMarkdownChange,
     codeMirrorExtensions,
     editorRef,
     editorTheme,
@@ -122,20 +124,20 @@ export function SourceMode({
   return (
     <div
       className={cn(
-        'content-editor-wrapper relative flex min-h-[240px] max-h-[90vh] flex-col overflow-hidden resize-y rounded-md border bg-background',
+        'content-editor-wrapper relative flex max-h-[90vh] min-h-[240px] resize-y flex-col overflow-hidden rounded-md border bg-background',
         { 'opacity-50': disabled },
         className
       )}
     >
       <EditorToolbar ariaLabel="Markdown editor toolbar" className="shrink-0">
-        <div className="flex min-w-0 h-full flex-1 items-center overflow-x-auto">
+        <div className="flex h-full min-w-0 flex-1 items-center overflow-x-auto">
           <div className="flex items-center gap-0.5">
             <Button
               type="button"
               variant="ghost"
               size="icon-sm"
               onClick={undoMarkdownChange}
-              disabled={disabled}
+              disabled={disabled || !canUndoMarkdownChange}
               aria-label="Undo"
               title="Undo"
             >
@@ -146,7 +148,7 @@ export function SourceMode({
               variant="ghost"
               size="icon-sm"
               onClick={redoMarkdownChange}
-              disabled={disabled}
+              disabled={disabled || !canRedoMarkdownChange}
               aria-label="Redo"
               title="Redo"
             >
@@ -157,7 +159,7 @@ export function SourceMode({
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-[65%] mx-1 self-center"
+            className="mx-1 my-auto h-[65%] self-center"
           />
 
           <div className="flex items-center gap-0.5">
@@ -239,7 +241,7 @@ export function SourceMode({
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-[65%] mx-1 self-center"
+            className="mx-1 my-auto h-[65%] self-center"
           />
 
           <div className="flex items-center gap-0.5">
@@ -305,7 +307,7 @@ export function SourceMode({
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-[65%] mx-1 self-center"
+            className="mx-1 my-auto h-[65%] self-center"
           />
 
           <div className="flex items-center">
@@ -346,9 +348,9 @@ export function SourceMode({
             highlightActiveLineGutter: false
           }}
           className={cn(
-            'flex min-h-0 flex-1 flex-col overflow-hidden font-mono text-sm font-normal leading-6 [&_.cm-content]:!bg-transparent [&_.cm-editor]:!bg-input [&_.cm-gutters]:!bg-input [&_.cm-scroller]:!bg-input',
+            'flex min-h-0 flex-1 flex-col overflow-hidden font-mono text-sm leading-6 font-normal [&_.cm-content]:!bg-transparent [&_.cm-editor]:!bg-input [&_.cm-gutters]:!bg-input [&_.cm-scroller]:!bg-input',
             {
-              'opacity-50 cursor-not-allowed': disabled
+              'cursor-not-allowed opacity-50': disabled
             }
           )}
         />

package/dist/assets/shared-assets/react-admin/custom/content-editor/table-add-controls.tsx

@@ -13,10 +13,10 @@ export function TableAddControls({ controls }: TableAddControlsProps) {
   if (!controls) return null
 
   return createPortal(
-    <div className="contents not-prose" contentEditable={false}>
+    <div className="not-prose contents" contentEditable={false}>
       <Button
         aria-label="Add table column"
-        className="group absolute top-0 right-0 bottom-6 z-[1] inline-flex h-auto w-4 shrink-0 cursor-pointer items-center justify-center rounded-none border border-border bg-muted/80 p-0 whitespace-nowrap outline-none transition-colors select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
+        className="group absolute top-0 right-0 bottom-6 z-[1] inline-flex h-auto w-4 shrink-0 cursor-pointer items-center justify-center rounded-none border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
         onClick={controls.addColumn}
         onPointerDown={(event) => event.preventDefault()}
         title="Add table column"
@@ -29,7 +29,7 @@ export function TableAddControls({ controls }: TableAddControlsProps) {
       </Button>
       <Button
         aria-label="Add table row"
-        className="group absolute right-6 bottom-0 left-0 z-[1] inline-flex h-4 w-auto shrink-0 cursor-pointer items-center justify-center rounded-none border border-border bg-muted/80 p-0 whitespace-nowrap outline-none transition-colors select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
+        className="group absolute right-6 bottom-0 left-0 z-[1] inline-flex h-4 w-auto shrink-0 cursor-pointer items-center justify-center rounded-none border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
         onClick={controls.addRow}
         onPointerDown={(event) => event.preventDefault()}
         title="Add table row"

package/dist/assets/shared-assets/react-admin/custom/content-editor/table-bubble-menu.tsx

@@ -202,7 +202,7 @@ export function TableBubbleMenu({ editor }: { editor: Editor }) {
           role="toolbar"
           aria-label="Table formatting toolbar"
           className={cn(
-            'flex items-center gap-1 overflow-x-auto border-border rounded-sm border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >
@@ -235,7 +235,7 @@ export function TableBubbleMenu({ editor }: { editor: Editor }) {
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-5 w-px mx-1 self-center bg-border opacity-100"
+            className="mx-1 my-auto h-5 w-px self-center bg-border opacity-100"
           />
           <div className="flex items-center gap-0.5">
             <Button

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-node/removable-image-node/removable-image-node.tsx

@@ -126,7 +126,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
           <div
             data-content-editor-image-controls-overlay=""
             className={cn(
-              'pointer-events-none rounded-md absolute inset-0 flex items-center justify-center gap-1 bg-black/10 backdrop-blur-xs transition-opacity duration-200 ease-out',
+              'pointer-events-none absolute inset-0 flex items-center justify-center gap-1 rounded-md bg-black/10 backdrop-blur-xs transition-opacity duration-200 ease-out',
               {
                 'opacity-100': isControlsVisible,
                 'opacity-0': !isControlsVisible

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/blockquote-button/blockquote-button.tsx

@@ -26,8 +26,7 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface BlockquoteButtonProps
-  extends Omit<EditorButtonProps, 'type'>,
-    Omit<UseBlockquoteConfig, 'hideWhenUnavailable'> {
+  extends Omit<EditorButtonProps, 'type'>, Omit<UseBlockquoteConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Optional text to display alongside the icon.

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/code-block-button/code-block-button.tsx

@@ -26,8 +26,7 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface CodeBlockButtonProps
-  extends Omit<EditorButtonProps, 'type'>,
-    Omit<UseCodeBlockConfig, 'hideWhenUnavailable'> {
+  extends Omit<EditorButtonProps, 'type'>, Omit<UseCodeBlockConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Optional text to display alongside the icon.