收口 Makelore 客户端变更

src/components/ui/dialog.tsx

@@ -17,7 +17,7 @@ const DialogOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={cn(
-      "fixed inset-0 z-50 bg-foreground/15 backdrop-blur-[3px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-[100] bg-foreground/15 backdrop-blur-[3px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className,
     )}
     {...props}
@@ -35,7 +35,7 @@ const DialogContent = React.forwardRef<
       ref={ref}
       aria-modal="true"
       className={cn(
-        "glass-surface fixed left-1/2 top-1/2 z-50 grid w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-2xl border border-border/80 bg-background p-6 text-foreground shadow-float duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "glass-surface fixed left-1/2 top-1/2 z-[110] grid w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-2xl border border-border/80 bg-background p-6 text-foreground shadow-float duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
         className,
       )}
       {...props}

src/components/ui/disclosure.tsx

@@ -0,0 +1,36 @@
+import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';
+import { cn } from '@/lib/utils';
+
+export const DISCLOSURE_ENTER_MS = 240;
+export const DISCLOSURE_EXIT_MS = 180;
+
+export interface DisclosureContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+  open: boolean;
+  children: ReactNode;
+  innerClassName?: string;
+}
+
+/**
+ * A shared, interruptible-feeling disclosure surface. The content stays in
+ * the tree so reversing a toggle can retarget the same transition instead of
+ * snapping from a newly mounted node.
+ */
+export const DisclosureContent = forwardRef<HTMLDivElement, DisclosureContentProps>(
+  function DisclosureContent({ open, children, className, innerClassName, ...props }, ref) {
+    return (
+      <div
+        {...props}
+        ref={ref}
+        aria-hidden={!open || undefined}
+        data-state={open ? 'open' : 'closed'}
+        className={cn('codex-disclosure', className)}
+      >
+        <div className={cn('codex-disclosure-inner', innerClassName)}>
+          {children}
+        </div>
+      </div>
+    );
+  },
+);
+
+DisclosureContent.displayName = 'DisclosureContent';

src/components/ui/sheet.tsx

@@ -21,7 +21,7 @@ const SheetOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SheetPrimitive.Overlay
     className={cn(
-      "fixed inset-0 z-50 bg-foreground/15 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-[100] bg-foreground/15 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     )}
     {...props}
@@ -31,7 +31,7 @@ const SheetOverlay = React.forwardRef<
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
 
 const sheetVariants = cva(
-  "glass-surface fixed z-50 gap-4 border-border/80 p-6 shadow-float transition ease-spring data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-300",
+  "glass-surface fixed z-[110] gap-4 border-border/80 p-6 shadow-float transition ease-spring data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-300",
   {
     variants: {
       side: {