Fix attachment previews and comment permissions

src/app/tickets/[id]/page.tsx

@@ -2,10 +2,10 @@ import { AppShell } from "@/components/app-shell"
 import { SiteHeader } from "@/components/site-header"
 import { TicketDetailView } from "@/components/tickets/ticket-detail-view"
 import { TicketDetailStatic } from "@/components/tickets/ticket-detail-static"
-import { NewTicketDialog } from "@/components/tickets/new-ticket-dialog"
+import { NewTicketDialogDeferred } from "@/components/tickets/new-ticket-dialog.client"
 import { getTicketById } from "@/lib/mocks/tickets"
 import type { TicketWithDetails } from "@/lib/schemas/ticket"
-
+
 type TicketDetailPageProps = {
   params: Promise<{ id: string }>
 }
@@ -22,7 +22,7 @@ export default async function TicketDetailPage({ params }: TicketDetailPageProps
           title={`Ticket #${id}`}
           lead={"Detalhes do ticket"}
           secondaryAction={<SiteHeader.SecondaryButton>Compartilhar</SiteHeader.SecondaryButton>}
-          primaryAction={<NewTicketDialog />}
+          primaryAction={<NewTicketDialogDeferred />}
         />
       }
     >

src/components/tickets/new-ticket-dialog.client.tsx

@@ -0,0 +1,30 @@
+"use client"
+
+import { useEffect, useState } from "react"
+
+import { Button } from "@/components/ui/button"
+
+import { NewTicketDialog } from "./new-ticket-dialog"
+
+export function NewTicketDialogDeferred() {
+  const [mounted, setMounted] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  if (!mounted) {
+    return (
+      <Button
+        size="sm"
+        className="rounded-lg border border-black bg-black px-3 py-1.5 text-sm font-semibold text-white transition hover:bg-[#18181b]/85 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#18181b]/30"
+        disabled
+        aria-disabled
+      >
+        Novo ticket
+      </Button>
+    )
+  }
+
+  return <NewTicketDialog />
+}

src/components/ui/dropzone.tsx

@@ -31,18 +31,19 @@ export function Dropzone({
 
   const startUpload = useCallback(async (files: FileList | File[]) => {
     const list = Array.from(files).slice(0, maxFiles);
-    const url = await generateUrl({});
     const uploaded: Uploaded[] = [];
     for (const file of list) {
       if (file.size > maxSize) continue;
+      const url = await generateUrl({});
       const id = `${file.name}-${file.size}-${Date.now()}`;
       const localPreview = file.type.startsWith("image/") ? URL.createObjectURL(file) : undefined;
       setItems((prev) => [...prev, { id, name: file.name, progress: 0, status: "uploading" }]);
       await new Promise<void>((resolve) => {
-        const form = new FormData();
-        form.append("file", file);
         const xhr = new XMLHttpRequest();
         xhr.open("POST", url);
+        if (file.type) {
+          xhr.setRequestHeader("Content-Type", file.type);
+        }
         xhr.upload.onprogress = (e) => {
           if (!e.lengthComputable) return;
           const progress = Math.round((e.loaded / e.total) * 100);
@@ -66,7 +67,7 @@ export function Dropzone({
           setItems((prev) => prev.map((it) => (it.id === id ? { ...it, status: "error" } : it)));
           resolve();
         };
-        xhr.send(form);
+        xhr.send(file);
       });
     }
     if (uploaded.length) onUploaded?.(uploaded);