sea-dev 1.0.0

package/apps/main/src/routes/_authed/_app/deals/$dealId/-components/share-link.tsx

@@ -0,0 +1,42 @@
+import { Button } from "@sea/ui/components/ui/button";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@sea/ui/components/ui/dialog";
+import { ShareIcon } from "lucide-react";
+
+export function NewSubmissionShareLinkModal() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline">
+          <ShareIcon /> Share
+        </Button>
+      </DialogTrigger>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Your share link</DialogTitle>
+        </DialogHeader>
+        <div className="relative rounded-lg border border-blue-200 bg-blue-100 p-6">
+          <div className="pr-16 font-mono text-sm leading-relaxed break-all text-gray-800">
+            ••••••••••••••••••••••••••••••
+          </div>
+          <p className="text-muted-foreground mt-2 text-sm">
+            Share links are available after speaking with our team.
+          </p>
+        </div>
+        <DialogFooter className="flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:justify-between">
+          <Button asChild>
+            <a href="mailto:sales@sea.dev?subject=Book%20a%20demo">Book a demo to learn more</a>
+          </Button>
+          <DialogClose>Close</DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/apps/main/src/routes/_authed/_app/deals/$dealId/-components/submission-card.tsx

@@ -0,0 +1,89 @@
+import { ConfirmationModal } from "@/components/modals/modals";
+import { cn } from "@/lib/utils";
+import { membershipMiddleware } from "@/middleware";
+import { db, schema } from "@sea/db";
+import type { SubWithWorkflowName } from "@sea/db/types";
+import { RelDate } from "@sea/ui/components/misc/rel-date";
+import { styledLinkClassName } from "@sea/ui/components/misc/styled-link";
+import { Badge } from "@sea/ui/components/ui/badge";
+import { Button } from "@sea/ui/components/ui/button";
+import { Card, CardContent, CardHeader } from "@sea/ui/components/ui/card";
+import { Highlighted } from "@sea/ui/components/ui/highlight";
+import { H3 } from "@sea/ui/components/ui/typography";
+import { subName } from "@sea/util/sub-name";
+import { Link, useRouter } from "@tanstack/react-router";
+import { createServerFn } from "@tanstack/react-start";
+import { eq } from "drizzle-orm";
+import { ChevronRightIcon, TrashIcon } from "lucide-react";
+import { SubmissionSummary } from "./summary";
+
+const deleteSubmissionFn = createServerFn({ method: "POST" })
+  .middleware([membershipMiddleware])
+  .validator((data: { submissionId: string }) => data)
+  .handler(async ({ data: { submissionId } }) => {
+    await db
+      .update(schema.submission)
+      .set({ deletedAt: new Date() })
+      .where(eq(schema.submission.id, submissionId));
+  });
+
+export function SubmissionCard({ submission }: { submission: SubWithWorkflowName }) {
+  const router = useRouter();
+  const deleteSubmission = async () => {
+    await deleteSubmissionFn({ data: { submissionId: submission.id } });
+    router.invalidate();
+  };
+  return (
+    <Card>
+      <CardHeader>
+        <div className="flex items-start justify-between">
+          <div>
+            <div className="flex flex-wrap items-center justify-start gap-2">
+              <span className="text-lg, font-head font-light">{submission.workflowName}</span>
+              <ChevronRightIcon className="size-4" />
+              <Link
+                to="/redirects/forms/$id"
+                params={{ id: submission.formId }}
+                className={cn("text-lg, font-head font-light", styledLinkClassName)}
+              >
+                {submission.form.name}
+              </Link>
+            </div>
+
+            <H3>
+              <Highlighted>{subName(submission)}</Highlighted>
+            </H3>
+          </div>
+          <Badge variant={submission.status === "final" ? "default" : "secondary"}>
+            {submission.status}
+          </Badge>
+        </div>
+        <div className="text-muted-foreground text-xs">
+          Updated <RelDate date={submission.updatedAt} />
+        </div>
+      </CardHeader>
+      <CardContent>
+        <div className="flex items-center justify-between gap-2">
+          <ConfirmationModal
+            title="Confirmation"
+            message={`Are you sure you want to delete the ${submission.id} submission?`}
+            action={deleteSubmission}
+          >
+            <Button size="icon" variant="destructive">
+              <TrashIcon />
+            </Button>
+          </ConfirmationModal>
+          <div className="flex items-center gap-2">
+            <SubmissionSummary submission={submission} />
+
+            <Button variant="outline" extra="action" asChild>
+              <Link to="/redirects/submissions/$id" params={{ id: submission.id }}>
+                Continue
+              </Link>
+            </Button>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}

package/apps/main/src/routes/_authed/_app/deals/$dealId/-components/submission-filter.tsx

@@ -0,0 +1,193 @@
+import type { SubWithWorkflowName } from "@sea/db/types";
+import { Button } from "@sea/ui/components/ui/button";
+import { capitalize } from "@sea/util/fmt";
+import { isAfter, subDays } from "date-fns";
+import * as z from "zod/v4";
+
+export const groupingSchema = z.enum(["workflow", "form", "date"]).default("date");
+export type Grouping = z.infer<typeof groupingSchema>;
+
+const statusOptions = ["all", "final", "draft"] as const;
+export const statusSchema = z.enum(statusOptions).default("all");
+export type Status = z.infer<typeof statusSchema>;
+
+const typeOptions = ["all", "extraction", "transformation"] as const;
+export const typeFilterSchema = z.enum(typeOptions).default("all");
+export type TypeFilter = z.infer<typeof typeFilterSchema>;
+
+export interface GroupedSubmissions {
+  id: string;
+  title: string;
+  submissions: SubWithWorkflowName[];
+}
+
+export function SubmissionFilter({
+  grouping,
+  setGrouping,
+  statusFilter = "all",
+  setStatusFilter,
+  typeFilter = "all",
+  setTypeFilter,
+  groupingOptions = ["date", "workflow", "form"],
+}: {
+  grouping: Grouping;
+  setGrouping: (g: Grouping) => void;
+  statusFilter?: Status;
+  setStatusFilter?: (s: Status) => void;
+  typeFilter?: TypeFilter;
+  setTypeFilter?: (t: TypeFilter) => void;
+  groupingOptions?: Grouping[];
+}) {
+  return (
+    <div className="flex items-center gap-4">
+      <span className="text-muted-foreground text-sm">Group by</span>
+      <div className="flex items-center gap-1 rounded-lg border p-1">
+        {groupingOptions.map((option) => (
+          <Button
+            key={option}
+            variant={grouping === option ? "default" : "ghost"}
+            size="sm"
+            onClick={() => setGrouping(option)}
+          >
+            {capitalize(option)}
+          </Button>
+        ))}
+      </div>
+      {setStatusFilter && (
+        <>
+          <span className="text-muted-foreground text-sm">Status</span>
+          <div className="flex items-center gap-1 rounded-lg border p-1">
+            {statusOptions.map((option) => (
+              <Button
+                key={option}
+                variant={statusFilter === option ? "default" : "ghost"}
+                size="sm"
+                onClick={() => setStatusFilter(option)}
+              >
+                {capitalize(option)}
+              </Button>
+            ))}
+          </div>
+        </>
+      )}
+      {setTypeFilter && (
+        <>
+          <span className="text-muted-foreground text-sm">Type</span>
+          <div className="flex items-center gap-1 rounded-lg border p-1">
+            {typeOptions.map((option) => (
+              <Button
+                key={option}
+                variant={typeFilter === option ? "default" : "ghost"}
+                size="sm"
+                onClick={() => setTypeFilter(option)}
+              >
+                {capitalize(option)}
+              </Button>
+            ))}
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+export const getGroupedSubmissions = ({
+  grouping,
+  submissions,
+}: {
+  grouping: Grouping;
+  submissions: SubWithWorkflowName[];
+}): GroupedSubmissions[] => {
+  switch (grouping) {
+    case "workflow":
+      return groupSubmissionsByWorkflow(submissions);
+    case "form":
+      return groupSubmissionsByForm(submissions);
+    case "date":
+      return groupSubmissionsByDate(submissions);
+    default:
+      return groupSubmissionsByDate(submissions);
+  }
+};
+
+const groupSubmissionsByWorkflow = (submissions: SubWithWorkflowName[]) => {
+  const groups = submissions.reduce(
+    (acc, submission) => {
+      const workflowSlug = submission.workflowSlug;
+      if (!acc[workflowSlug]) {
+        acc[workflowSlug] = {
+          name: submission.workflowName,
+          submissions: [],
+        };
+      }
+      acc[workflowSlug].submissions.push(submission);
+      return acc;
+    },
+    {} as Record<string, { name: string; submissions: SubWithWorkflowName[] }>,
+  );
+
+  return Object.entries(groups).map(([id, group]) => ({
+    id,
+    title: group.name,
+    submissions: group.submissions,
+  }));
+};
+
+const groupSubmissionsByForm = (submissions: SubWithWorkflowName[]) => {
+  const groups = submissions.reduce(
+    (acc, submission) => {
+      const formId = submission.formId;
+      if (!acc[formId]) {
+        acc[formId] = {
+          name: submission.form.name,
+          submissions: [],
+        };
+      }
+      acc[formId].submissions.push(submission);
+      return acc;
+    },
+    {} as Record<string, { name: string; submissions: SubWithWorkflowName[] }>,
+  );
+
+  return Object.entries(groups).map(([id, group]) => ({
+    id,
+    title: group.name,
+    submissions: group.submissions,
+  }));
+};
+
+const groupSubmissionsByDate = (submissions: SubWithWorkflowName[]) => {
+  const today: SubWithWorkflowName[] = [];
+  const thisWeek: SubWithWorkflowName[] = [];
+  const thisMonth: SubWithWorkflowName[] = [];
+  const older: SubWithWorkflowName[] = [];
+
+  submissions.forEach((submission) => {
+    const updatedAt = new Date(submission.updatedAt);
+
+    const now = new Date();
+    const oneDayAgo = subDays(now, 1);
+    const sevenDaysAgo = subDays(now, 7);
+    const thirtyOneDaysAgo = subDays(now, 31);
+
+    if (isAfter(updatedAt, oneDayAgo)) {
+      today.push(submission);
+    } else if (isAfter(updatedAt, sevenDaysAgo)) {
+      thisWeek.push(submission);
+    } else if (isAfter(updatedAt, thirtyOneDaysAgo)) {
+      thisMonth.push(submission);
+    } else {
+      older.push(submission);
+    }
+  });
+
+  const groups = [];
+  if (today.length > 0) groups.push({ id: "today", title: "Last Day", submissions: today });
+  if (thisWeek.length > 0)
+    groups.push({ id: "thisWeek", title: "Last Week", submissions: thisWeek });
+  if (thisMonth.length > 0)
+    groups.push({ id: "thisMonth", title: "Last Month", submissions: thisMonth });
+  if (older.length > 0) groups.push({ id: "older", title: "Older", submissions: older });
+
+  return groups;
+};

package/apps/main/src/routes/_authed/_app/deals/$dealId/-components/submissions.tsx

@@ -0,0 +1,36 @@
+import { Grid } from "@/components/grid";
+import { H3 } from "@sea/ui/components/ui/typography";
+import { SubmissionCard } from "./submission-card";
+import type { GroupedSubmissions } from "./submission-filter";
+
+export function SubmissionsDisplay({
+  groupedSubmissions,
+}: {
+  groupedSubmissions: GroupedSubmissions[];
+}) {
+  return (
+    <div className="space-y-4">
+      {groupedSubmissions.length === 0 ? (
+        <div className="py-12 text-center">
+          <p className="text-muted-foreground">No submissions found.</p>
+        </div>
+      ) : (
+        groupedSubmissions.map((group) => (
+          <div key={group.id} className="space-y-4">
+            <div className="flex items-center gap-4">
+              <div className="border-muted-foreground/30 flex-1 border-t border-dashed" />
+              <H3>{group.title}</H3>
+              <div className="border-muted-foreground/30 flex-1 border-t border-dashed" />
+            </div>
+
+            <Grid>
+              {group.submissions.map((submission) => (
+                <SubmissionCard key={submission.id} submission={submission} />
+              ))}
+            </Grid>
+          </div>
+        ))
+      )}
+    </div>
+  );
+}

package/apps/main/src/routes/_authed/_app/deals/$dealId/-components/summary.tsx

@@ -0,0 +1,82 @@
+import { LoadingDotsIcon } from "@/components/svg/loading";
+import type { SubWithWorkflowName } from "@sea/db/types";
+import { Button } from "@sea/ui/components/ui/button";
+import { Highlighted } from "@sea/ui/components/ui/highlight";
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@sea/ui/components/ui/sheet";
+import { Lead } from "@sea/ui/components/ui/typography";
+import { subName } from "@sea/util/sub-name";
+import { useState } from "react";
+import { summarizeSubmissionFn } from "../-fns";
+
+export function SubmissionSummary({ submission }: { submission: SubWithWorkflowName }) {
+  const [loading, setLoading] = useState(false);
+  const [summary, setSummary] = useState(submission.summary);
+  const notSummarized = submission.summarizedAt === null;
+
+  const loadSummaryIfNeeded = async () => {
+    if (notSummarized) {
+      await summarize();
+    }
+  };
+
+  const summarize = async () => {
+    try {
+      setLoading(true);
+      const newSummary = await summarizeSubmissionFn({ data: { submissionId: submission.id } });
+      setSummary(newSummary);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <Sheet>
+      <SheetTrigger asChild>
+        <Button variant="outline" onClick={loadSummaryIfNeeded}>
+          Summary
+        </Button>
+      </SheetTrigger>
+      <SheetContent>
+        <SheetHeader>
+          <SheetTitle>
+            <Highlighted>{subName(submission)}</Highlighted>
+          </SheetTitle>
+          <SheetDescription>Submission details</SheetDescription>
+        </SheetHeader>
+        <div className="grid flex-1 auto-rows-min gap-6 px-4">
+          {notSummarized || loading ? (
+            <div className="flex flex-col items-center justify-center gap-4">
+              <Lead>Summarising...</Lead>
+              <div className="text-brand-foreground">
+                <LoadingDotsIcon />
+              </div>
+            </div>
+          ) : summary === null ? (
+            <Lead>Nothing to summarise (yet!)</Lead>
+          ) : (
+            <Lead>{summary}</Lead>
+          )}
+        </div>
+        <SheetFooter>
+          <div className="flex justify-between">
+            <Button variant="outline" extra="action" onClick={summarize} disabled={loading}>
+              Summarise again
+            </Button>
+            <SheetClose asChild>
+              <Button variant="outline">Close</Button>
+            </SheetClose>
+          </div>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}

package/apps/main/src/routes/_authed/_app/deals/$dealId/-components/upload-doc.tsx

@@ -0,0 +1,120 @@
+import { useChatContext } from "@/components/chat/chat-context";
+import { FileUpload } from "@/components/upload/file-upload";
+import { getModelDisplayName } from "@/lib/models";
+import type { ReasoningEffort } from "@sea/core/data-extraction/models";
+import type { DocumentExtractionStatus } from "@sea/db/schema";
+import { nanoid } from "@sea/util/id";
+import { invariant, useRouter } from "@tanstack/react-router";
+import { useServerFn } from "@tanstack/react-start";
+import { useCallback } from "react";
+import { toast } from "sonner";
+import { insertDocumentFn, uploadDocumentFn } from "../-fns";
+
+const reasoningEffortMap = {
+  none: "Low",
+  minimal: "Medium",
+  low: "High-ish",
+  medium: "High",
+  high: "Maximal",
+};
+
+export function UploadFile({
+  submissionId,
+  isExperimental,
+  setSidebarOpen,
+  docs,
+}: {
+  submissionId: string;
+  isExperimental?: boolean;
+  setSidebarOpen: (open: boolean) => void;
+  docs: { status: DocumentExtractionStatus; name: string }[];
+}) {
+  const router = useRouter();
+  const inProgressDocs = docs.filter((doc) => doc.status === "pending");
+
+  const insertDocument = useServerFn(insertDocumentFn);
+  const uploadDocument = useServerFn(uploadDocumentFn);
+
+  const { sendMessage } = useChatContext();
+
+  const handleFilesSelected = useCallback(
+    async (
+      files: { file: File; id: string; name: string; type: string }[],
+      options: {
+        model: string;
+        reasoningEffort: ReasoningEffort | null;
+        userPrompt: string;
+        composite: boolean;
+      },
+    ) => {
+      const { model, reasoningEffort, userPrompt, composite } = options;
+      const fileMetadata = files.map(({ id, name, type }) => ({ id, name, type }));
+      const fileNames = files.map((f) => f.name).join(", ");
+      const modelDisplayName = getModelDisplayName(model);
+
+      // Send chat message
+      sendMessage(
+        {
+          id: nanoid(),
+          role: "user",
+          parts: [
+            {
+              type: "text",
+              text: `File(s) uploaded for extraction.
+
+- Model: ${modelDisplayName}
+${reasoningEffort ? `- Reasoning Effort: ${reasoningEffortMap[reasoningEffort]}` : ""}
+${userPrompt ? `- Prompt: ${userPrompt}` : ""}
+- Files: ${fileNames}
+`,
+            },
+          ],
+        },
+        { body: { noRespond: true } },
+      );
+
+      // Insert documents
+      const fileUploadUrls = await insertDocument({
+        data: { submissionId, model, files: fileMetadata, composite },
+      });
+      router.invalidate();
+
+      // Upload files
+      const results = await Promise.allSettled(
+        fileUploadUrls.map(async ({ extractionId, documentId }) => {
+          const file = files.find((f) => f.id === documentId)?.file;
+          invariant(file, `File not found for document ${documentId}`);
+
+          const data = new FormData();
+          data.append("documentExtractionId", extractionId);
+          data.append("file", file);
+          if (userPrompt) {
+            data.append("userPrompt", userPrompt);
+          }
+          if (reasoningEffort) {
+            data.append("reasoningEffort", reasoningEffort);
+          }
+
+          return uploadDocument({ data });
+        }),
+      );
+
+      const failed = results.filter((r) => r.status === "rejected");
+      if (failed.length > 0) {
+        toast.error(`${failed.length} upload(s) failed`);
+      }
+      router.invalidate();
+      setSidebarOpen(true);
+    },
+    [submissionId, sendMessage, insertDocument, uploadDocument, router, setSidebarOpen],
+  );
+
+  return (
+    <FileUpload
+      onFilesSelected={handleFilesSelected}
+      isExperimental={isExperimental}
+      processingCount={inProgressDocs.length}
+      showDialog={true}
+    />
+  );
+}