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

components/chat/artifact-close-button.tsx

@@ -0,0 +1,29 @@
+import { memo } from "react";
+import { initialArtifactData, useArtifact } from "@/hooks/use-artifact";
+import { CrossIcon } from "./icons";
+
+function PureArtifactCloseButton() {
+  const { setArtifact } = useArtifact();
+
+  return (
+    <button
+      className="group flex size-8 items-center justify-center rounded-lg border border-transparent text-muted-foreground transition-all duration-150 hover:border-border hover:bg-muted hover:text-foreground active:scale-95"
+      data-testid="artifact-close-button"
+      onClick={() => {
+        setArtifact((currentArtifact) =>
+          currentArtifact.status === "streaming"
+            ? {
+                ...currentArtifact,
+                isVisible: false,
+              }
+            : { ...initialArtifactData, status: "idle" }
+        );
+      }}
+      type="button"
+    >
+      <CrossIcon size={16} />
+    </button>
+  );
+}
+
+export const ArtifactCloseButton = memo(PureArtifactCloseButton, () => true);