Initial commit: MOPC platform with Docker deployment setup

Full Next.js 15 platform with tRPC, Prisma, PostgreSQL, NextAuth.
Includes production Dockerfile (multi-stage, port 7600), docker-compose
with registry-based image pull, Gitea Actions CI workflow, nginx config
for portal.monaco-opc.com, deployment scripts, and DEPLOYMENT.md guide.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/shared/block-editor.tsx

@@ -0,0 +1,136 @@
+'use client'
+
+import { useEffect, useMemo, useState } from 'react'
+import { useCreateBlockNote } from '@blocknote/react'
+import { BlockNoteView } from '@blocknote/mantine'
+import '@blocknote/core/fonts/inter.css'
+import '@blocknote/mantine/style.css'
+
+import type { PartialBlock } from '@blocknote/core'
+
+interface BlockEditorProps {
+  initialContent?: string | null
+  onChange?: (content: string) => void
+  onUploadFile?: (file: File) => Promise<string>
+  editable?: boolean
+  className?: string
+}
+
+export function BlockEditor({
+  initialContent,
+  onChange,
+  onUploadFile,
+  editable = true,
+  className,
+}: BlockEditorProps) {
+  const [mounted, setMounted] = useState(false)
+
+  // Parse initial content
+  const parsedContent = useMemo(() => {
+    if (!initialContent) return undefined
+    try {
+      return JSON.parse(initialContent) as PartialBlock[]
+    } catch {
+      return undefined
+    }
+  }, [initialContent])
+
+  // Default upload handler that uses the provided callback or creates blob URLs
+  const uploadFile = async (file: File): Promise<string> => {
+    if (onUploadFile) {
+      return onUploadFile(file)
+    }
+    // Fallback: create blob URL (not persistent)
+    return URL.createObjectURL(file)
+  }
+
+  const editor = useCreateBlockNote({
+    initialContent: parsedContent,
+    uploadFile,
+  })
+
+  // Handle content changes
+  useEffect(() => {
+    if (!onChange || !editor) return
+
+    const handleChange = () => {
+      const content = JSON.stringify(editor.document)
+      onChange(content)
+    }
+
+    // Subscribe to changes
+    editor.onEditorContentChange(handleChange)
+  }, [editor, onChange])
+
+  // Client-side only rendering
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  if (!mounted) {
+    return (
+      <div className={`min-h-[200px] rounded-lg border bg-muted/20 animate-pulse ${className}`} />
+    )
+  }
+
+  return (
+    <div className={`bn-container ${className}`}>
+      <BlockNoteView
+        editor={editor}
+        editable={editable}
+        theme="light"
+      />
+    </div>
+  )
+}
+
+// Read-only viewer component
+interface BlockViewerProps {
+  content?: string | null
+  className?: string
+}
+
+export function BlockViewer({ content, className }: BlockViewerProps) {
+  const [mounted, setMounted] = useState(false)
+
+  const parsedContent = useMemo(() => {
+    if (!content) return undefined
+    try {
+      return JSON.parse(content) as PartialBlock[]
+    } catch {
+      return undefined
+    }
+  }, [content])
+
+  const editor = useCreateBlockNote({
+    initialContent: parsedContent,
+  })
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  if (!mounted) {
+    return (
+      <div className={`min-h-[100px] rounded-lg border bg-muted/20 animate-pulse ${className}`} />
+    )
+  }
+
+  if (!content) {
+    return (
+      <div className={`text-muted-foreground text-sm ${className}`}>
+        No content available
+      </div>
+    )
+  }
+
+  return (
+    <div className={`bn-container ${className}`}>
+      <BlockNoteView
+        editor={editor}
+        editable={false}
+        theme="light"
+      />
+    </div>
+  )
+}