feat: support artifact preview

frontend/src/core/artifacts/hooks.ts

@@ -0,0 +1,20 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { loadArtifactContent } from "./loader";
+
+export function useArtifactContent({
+  filepath,
+  threadId,
+  enabled,
+}: {
+  filepath: string;
+  threadId: string;
+  enabled?: boolean;
+}) {
+  const { data, isLoading, error } = useQuery({
+    queryKey: ["artifact", filepath, threadId],
+    queryFn: () => loadArtifactContent({ filepath, threadId }),
+    enabled,
+  });
+  return { content: data, isLoading, error };
+}