diff --git a/apps/web/components/views/add-memory/index.tsx b/apps/web/components/views/add-memory/index.tsx index 8bd6a0f0..5116e952 100644 --- a/apps/web/components/views/add-memory/index.tsx +++ b/apps/web/components/views/add-memory/index.tsx @@ -1,9 +1,9 @@ -import { $fetch } from "@lib/api" +import { $fetch } from "@lib/api"; import { fetchConsumerProProduct, fetchMemoriesFeature, -} from "@repo/lib/queries" -import { Button } from "@repo/ui/components/button" +} from "@repo/lib/queries"; +import { Button } from "@repo/ui/components/button"; import { Dialog, DialogContent, @@ -11,18 +11,18 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@repo/ui/components/dialog" -import { Input } from "@repo/ui/components/input" -import { Label } from "@repo/ui/components/label" -import { Textarea } from "@repo/ui/components/textarea" -import { useForm } from "@tanstack/react-form" -import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query" +} from "@repo/ui/components/dialog"; +import { Input } from "@repo/ui/components/input"; +import { Label } from "@repo/ui/components/label"; +import { Textarea } from "@repo/ui/components/textarea"; +import { useForm } from "@tanstack/react-form"; +import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; import { Dropzone, DropzoneContent, DropzoneEmptyState, -} from "@ui/components/shadcn-io/dropzone" -import { useCustomer } from "autumn-js/react" +} from "@ui/components/shadcn-io/dropzone"; +import { useCustomer } from "autumn-js/react"; import { Brain, FileIcon, @@ -31,19 +31,19 @@ import { PlugIcon, Plus, UploadIcon, -} from "lucide-react" -import { AnimatePresence, motion } from "motion/react" -import dynamic from "next/dynamic" -import { useEffect, useState } from "react" -import { toast } from "sonner" -import { z } from "zod" -import { analytics } from "@/lib/analytics" -import { useProject } from "@/stores" -import { ConnectionsTabContent } from "../connections-tab-content" -import { ActionButtons } from "./action-buttons" -import { MemoryUsageRing } from "./memory-usage-ring" -import { ProjectSelection } from "./project-selection" -import { TabButton } from "./tab-button" +} from "lucide-react"; +import { AnimatePresence, motion } from "motion/react"; +import dynamic from "next/dynamic"; +import { useEffect, useState } from "react"; +import { toast } from "sonner"; +import { z } from "zod"; +import { analytics } from "@/lib/analytics"; +import { useProject } from "@/stores"; +import { ConnectionsTabContent } from "../connections-tab-content"; +import { ActionButtons } from "./action-buttons"; +import { MemoryUsageRing } from "./memory-usage-ring"; +import { ProjectSelection } from "./project-selection"; +import { TabButton } from "./tab-button"; const TextEditor = dynamic( () => import("./text-editor").then((mod) => ({ default: mod.TextEditor })), @@ -64,102 +64,91 @@ const TextEditor = dynamic( ), ssr: false, }, -) +); -// // Processing status component -// function ProcessingStatus({ status }: { status: string }) { -// const statusConfig = { -// queued: { color: "text-yellow-400", label: "Queued", icon: "⏳" }, -// extracting: { color: "text-blue-400", label: "Extracting", icon: "📤" }, -// chunking: { color: "text-indigo-400", label: "Chunking", icon: "✂️" }, -// embedding: { color: "text-purple-400", label: "Embedding", icon: "🧠" }, -// indexing: { color: "text-pink-400", label: "Indexing", icon: "📝" }, -// unknown: { color: "text-gray-400", label: "Processing", icon: "⚙️" }, -// } - -// const config = -// statusConfig[status as keyof typeof statusConfig] || statusConfig.unknown - -// return ( -//