feat: v1 — persistent shell, model gateway, artifact improvements (#1462)

components/preview-attachment.tsx

@@ -1,62 +0,0 @@
-import Image from "next/image";
-import type { Attachment } from "@/lib/types";
-import { CrossSmallIcon } from "./icons";
-import { Button } from "./ui/button";
-import { Spinner } from "./ui/spinner";
-
-export const PreviewAttachment = ({
-  attachment,
-  isUploading = false,
-  onRemove,
-}: {
-  attachment: Attachment;
-  isUploading?: boolean;
-  onRemove?: () => void;
-}) => {
-  const { name, url, contentType } = attachment;
-
-  return (
-    <div
-      className="group relative size-16 overflow-hidden rounded-lg border bg-muted"
-      data-testid="input-attachment-preview"
-    >
-      {contentType?.startsWith("image") ? (
-        <Image
-          alt={name ?? "An image attachment"}
-          className="size-full object-cover"
-          height={64}
-          src={url}
-          width={64}
-        />
-      ) : (
-        <div className="flex size-full items-center justify-center text-muted-foreground text-xs">
-          File
-        </div>
-      )}
-
-      {isUploading && (
-        <div
-          className="absolute inset-0 flex items-center justify-center bg-black/50"
-          data-testid="input-attachment-loader"
-        >
-          <Spinner className="size-4" />
-        </div>
-      )}
-
-      {onRemove && !isUploading && (
-        <Button
-          className="absolute top-0.5 right-0.5 size-4 rounded-full p-0 opacity-0 transition-opacity group-hover:opacity-100"
-          onClick={onRemove}
-          size="sm"
-          variant="destructive"
-        >
-          <CrossSmallIcon size={8} />
-        </Button>
-      )}
-
-      <div className="absolute inset-x-0 bottom-0 truncate bg-linear-to-t from-black/80 to-transparent px-1 py-0.5 text-[10px] text-white">
-        {name}
-      </div>
-    </div>
-  );
-};