App reorganization

2026-04-18 14:12:49 -06:00
parent f866d11ff8
commit e9dab04b34
288 changed files with 2698 additions and 5029 deletions
@@ -0,0 +1,41 @@
+"use client";
+
+import { forwardRef, memo } from "react";
+
+interface ContextMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const ContextMenu = forwardRef<HTMLDivElement, ContextMenuProps>(
+  ({ className = "", children, ...props }, ref) => {
+    const menuClasses = `
+      bg-black
+      border border-[var(--color-border-default-tertiary)]
+      rounded-[var(--measures-radius-medium)]
+      shadow-lg
+      p-[4px]
+      min-w-[200px]
+      max-w-[300px]
+      ${className}
+    `
+      .trim()
+      .replace(/\s+/g, " ");
+
+    return (
+      <div
+        ref={ref}
+        className={menuClasses}
+        role="menu"
+        style={{ backgroundColor: "#000000" }}
+        {...props}
+      >
+        {children}
+      </div>
+    );
+  },
+);
+
+ContextMenu.displayName = "ContextMenu";
+
+export default memo(ContextMenu);
@@ -0,0 +1,27 @@
+"use client";
+
+import { forwardRef, memo } from "react";
+
+interface ContextMenuDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+  className?: string;
+}
+
+const ContextMenuDivider = forwardRef<HTMLDivElement, ContextMenuDividerProps>(
+  ({ className = "", ...props }, ref) => {
+    const dividerClasses = `
+    border-t border-[var(--color-border-default-tertiary)]
+    my-1
+    ${className}
+  `
+      .trim()
+      .replace(/\s+/g, " ");
+
+    return (
+      <div ref={ref} className={dividerClasses} role="separator" {...props} />
+    );
+  },
+);
+
+ContextMenuDivider.displayName = "ContextMenuDivider";
+
+export default memo(ContextMenuDivider);
@@ -0,0 +1,36 @@
+"use client";
+
+import { forwardRef, memo } from "react";
+
+interface ContextMenuSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+  title?: string;
+  children?: React.ReactNode;
+  className?: string;
+}
+
+const ContextMenuSection = forwardRef<HTMLDivElement, ContextMenuSectionProps>(
+  ({ title, children, className = "", ...props }, ref) => {
+    const sectionClasses = `
+    ${className}
+  `
+      .trim()
+      .replace(/\s+/g, " ");
+
+    return (
+      <div ref={ref} className={sectionClasses} role="group" {...props}>
+        {title && (
+          <div className="px-3 py-2">
+            <div className="text-[var(--color-content-default-primary)] text-sm font-medium">
+              {title}
+            </div>
+          </div>
+        )}
+        {children}
+      </div>
+    );
+  },
+);
+
+ContextMenuSection.displayName = "ContextMenuSection";
+
+export default memo(ContextMenuSection);