@tscircuit/fake-snippets 0.0.82 → 0.0.83

package/dist/index.d.ts

@@ -435,7 +435,11 @@ declare const packageReleaseSchema: z.ZodObject<{
     circuit_json_build_completed_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     circuit_json_build_logs: z.ZodDefault<z.ZodArray<z.ZodAny, "many">>;
     circuit_json_build_is_stale: z.ZodDefault<z.ZodBoolean>;
-    ai_review_text: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+    ai_review_text: z.ZodOptional<z.ZodDefault<z.ZodNullable<z.ZodString>>>;
+    ai_review_started_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    ai_review_completed_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    ai_review_error: z.ZodNullable<z.ZodOptional<z.ZodAny>>;
+    ai_review_logs: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodAny, "many">>>;
     ai_review_requested: z.ZodDefault<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     package_release_id: string;
@@ -454,7 +458,6 @@ declare const packageReleaseSchema: z.ZodObject<{
     circuit_json_build_in_progress: boolean;
     circuit_json_build_logs: any[];
     circuit_json_build_is_stale: boolean;
-    ai_review_text: string | null;
     ai_review_requested: boolean;
     commit_sha?: string | null | undefined;
     license?: string | null | undefined;
@@ -467,6 +470,11 @@ declare const packageReleaseSchema: z.ZodObject<{
     transpilation_completed_at?: string | null | undefined;
     circuit_json_build_started_at?: string | null | undefined;
     circuit_json_build_completed_at?: string | null | undefined;
+    ai_review_text?: string | null | undefined;
+    ai_review_started_at?: string | null | undefined;
+    ai_review_completed_at?: string | null | undefined;
+    ai_review_error?: any;
+    ai_review_logs?: any[] | null | undefined;
 }, {
     package_release_id: string;
     created_at: string;
@@ -496,6 +504,10 @@ declare const packageReleaseSchema: z.ZodObject<{
     circuit_json_build_logs?: any[] | undefined;
     circuit_json_build_is_stale?: boolean | undefined;
     ai_review_text?: string | null | undefined;
+    ai_review_started_at?: string | null | undefined;
+    ai_review_completed_at?: string | null | undefined;
+    ai_review_error?: any;
+    ai_review_logs?: any[] | null | undefined;
     ai_review_requested?: boolean | undefined;
 }>;
 type PackageRelease = z.infer<typeof packageReleaseSchema>;
@@ -766,7 +778,6 @@ declare const createDatabase: ({ seed }?: {
         circuit_json_build_in_progress: boolean;
         circuit_json_build_logs: any[];
         circuit_json_build_is_stale: boolean;
-        ai_review_text: string | null;
         ai_review_requested: boolean;
         commit_sha?: string | null | undefined;
         license?: string | null | undefined;
@@ -779,6 +790,11 @@ declare const createDatabase: ({ seed }?: {
         transpilation_completed_at?: string | null | undefined;
         circuit_json_build_started_at?: string | null | undefined;
         circuit_json_build_completed_at?: string | null | undefined;
+        ai_review_text?: string | null | undefined;
+        ai_review_started_at?: string | null | undefined;
+        ai_review_completed_at?: string | null | undefined;
+        ai_review_error?: any;
+        ai_review_logs?: any[] | null | undefined;
     }[];
     packageFiles: {
         package_release_id: string;
@@ -1078,7 +1094,6 @@ declare const createDatabase: ({ seed }?: {
         circuit_json_build_in_progress: boolean;
         circuit_json_build_logs: any[];
         circuit_json_build_is_stale: boolean;
-        ai_review_text: string | null;
         ai_review_requested: boolean;
         commit_sha?: string | null | undefined;
         license?: string | null | undefined;
@@ -1091,6 +1106,11 @@ declare const createDatabase: ({ seed }?: {
         transpilation_completed_at?: string | null | undefined;
         circuit_json_build_started_at?: string | null | undefined;
         circuit_json_build_completed_at?: string | null | undefined;
+        ai_review_text?: string | null | undefined;
+        ai_review_started_at?: string | null | undefined;
+        ai_review_completed_at?: string | null | undefined;
+        ai_review_error?: any;
+        ai_review_logs?: any[] | null | undefined;
     }[];
     packageFiles: {
         package_release_id: string;

package/dist/index.js

@@ -167,7 +167,11 @@ var packageReleaseSchema = z.object({
   circuit_json_build_logs: z.array(z.any()).default([]),
   circuit_json_build_is_stale: z.boolean().default(false),
   // AI Review
-  ai_review_text: z.string().nullable().default(null),
+  ai_review_text: z.string().nullable().default(null).optional(),
+  ai_review_started_at: z.string().datetime().nullable().optional(),
+  ai_review_completed_at: z.string().datetime().nullable().optional(),
+  ai_review_error: z.any().optional().nullable(),
+  ai_review_logs: z.array(z.any()).optional().nullable(),
   ai_review_requested: z.boolean().default(false)
 });
 var packageFileSchema = z.object({

package/dist/schema.d.ts

@@ -560,7 +560,11 @@ declare const packageReleaseSchema: z.ZodObject<{
     circuit_json_build_completed_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     circuit_json_build_logs: z.ZodDefault<z.ZodArray<z.ZodAny, "many">>;
     circuit_json_build_is_stale: z.ZodDefault<z.ZodBoolean>;
-    ai_review_text: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+    ai_review_text: z.ZodOptional<z.ZodDefault<z.ZodNullable<z.ZodString>>>;
+    ai_review_started_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    ai_review_completed_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    ai_review_error: z.ZodNullable<z.ZodOptional<z.ZodAny>>;
+    ai_review_logs: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodAny, "many">>>;
     ai_review_requested: z.ZodDefault<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     package_release_id: string;
@@ -579,7 +583,6 @@ declare const packageReleaseSchema: z.ZodObject<{
     circuit_json_build_in_progress: boolean;
     circuit_json_build_logs: any[];
     circuit_json_build_is_stale: boolean;
-    ai_review_text: string | null;
     ai_review_requested: boolean;
     commit_sha?: string | null | undefined;
     license?: string | null | undefined;
@@ -592,6 +595,11 @@ declare const packageReleaseSchema: z.ZodObject<{
     transpilation_completed_at?: string | null | undefined;
     circuit_json_build_started_at?: string | null | undefined;
     circuit_json_build_completed_at?: string | null | undefined;
+    ai_review_text?: string | null | undefined;
+    ai_review_started_at?: string | null | undefined;
+    ai_review_completed_at?: string | null | undefined;
+    ai_review_error?: any;
+    ai_review_logs?: any[] | null | undefined;
 }, {
     package_release_id: string;
     created_at: string;
@@ -621,6 +629,10 @@ declare const packageReleaseSchema: z.ZodObject<{
     circuit_json_build_logs?: any[] | undefined;
     circuit_json_build_is_stale?: boolean | undefined;
     ai_review_text?: string | null | undefined;
+    ai_review_started_at?: string | null | undefined;
+    ai_review_completed_at?: string | null | undefined;
+    ai_review_error?: any;
+    ai_review_logs?: any[] | null | undefined;
     ai_review_requested?: boolean | undefined;
 }>;
 type PackageRelease = z.infer<typeof packageReleaseSchema>;
@@ -945,7 +957,11 @@ declare const databaseSchema: z.ZodObject<{
         circuit_json_build_completed_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         circuit_json_build_logs: z.ZodDefault<z.ZodArray<z.ZodAny, "many">>;
         circuit_json_build_is_stale: z.ZodDefault<z.ZodBoolean>;
-        ai_review_text: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+        ai_review_text: z.ZodOptional<z.ZodDefault<z.ZodNullable<z.ZodString>>>;
+        ai_review_started_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        ai_review_completed_at: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        ai_review_error: z.ZodNullable<z.ZodOptional<z.ZodAny>>;
+        ai_review_logs: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodAny, "many">>>;
         ai_review_requested: z.ZodDefault<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
         package_release_id: string;
@@ -964,7 +980,6 @@ declare const databaseSchema: z.ZodObject<{
         circuit_json_build_in_progress: boolean;
         circuit_json_build_logs: any[];
         circuit_json_build_is_stale: boolean;
-        ai_review_text: string | null;
         ai_review_requested: boolean;
         commit_sha?: string | null | undefined;
         license?: string | null | undefined;
@@ -977,6 +992,11 @@ declare const databaseSchema: z.ZodObject<{
         transpilation_completed_at?: string | null | undefined;
         circuit_json_build_started_at?: string | null | undefined;
         circuit_json_build_completed_at?: string | null | undefined;
+        ai_review_text?: string | null | undefined;
+        ai_review_started_at?: string | null | undefined;
+        ai_review_completed_at?: string | null | undefined;
+        ai_review_error?: any;
+        ai_review_logs?: any[] | null | undefined;
     }, {
         package_release_id: string;
         created_at: string;
@@ -1006,6 +1026,10 @@ declare const databaseSchema: z.ZodObject<{
         circuit_json_build_logs?: any[] | undefined;
         circuit_json_build_is_stale?: boolean | undefined;
         ai_review_text?: string | null | undefined;
+        ai_review_started_at?: string | null | undefined;
+        ai_review_completed_at?: string | null | undefined;
+        ai_review_error?: any;
+        ai_review_logs?: any[] | null | undefined;
         ai_review_requested?: boolean | undefined;
     }>, "many">>;
     packageFiles: z.ZodDefault<z.ZodArray<z.ZodObject<{
@@ -1614,7 +1638,6 @@ declare const databaseSchema: z.ZodObject<{
         circuit_json_build_in_progress: boolean;
         circuit_json_build_logs: any[];
         circuit_json_build_is_stale: boolean;
-        ai_review_text: string | null;
         ai_review_requested: boolean;
         commit_sha?: string | null | undefined;
         license?: string | null | undefined;
@@ -1627,6 +1650,11 @@ declare const databaseSchema: z.ZodObject<{
         transpilation_completed_at?: string | null | undefined;
         circuit_json_build_started_at?: string | null | undefined;
         circuit_json_build_completed_at?: string | null | undefined;
+        ai_review_text?: string | null | undefined;
+        ai_review_started_at?: string | null | undefined;
+        ai_review_completed_at?: string | null | undefined;
+        ai_review_error?: any;
+        ai_review_logs?: any[] | null | undefined;
     }[];
     packageFiles: {
         package_release_id: string;
@@ -1860,6 +1888,10 @@ declare const databaseSchema: z.ZodObject<{
         circuit_json_build_logs?: any[] | undefined;
         circuit_json_build_is_stale?: boolean | undefined;
         ai_review_text?: string | null | undefined;
+        ai_review_started_at?: string | null | undefined;
+        ai_review_completed_at?: string | null | undefined;
+        ai_review_error?: any;
+        ai_review_logs?: any[] | null | undefined;
         ai_review_requested?: boolean | undefined;
     }[] | undefined;
     packageFiles?: {

package/dist/schema.js

@@ -162,7 +162,11 @@ var packageReleaseSchema = z.object({
   circuit_json_build_logs: z.array(z.any()).default([]),
   circuit_json_build_is_stale: z.boolean().default(false),
   // AI Review
-  ai_review_text: z.string().nullable().default(null),
+  ai_review_text: z.string().nullable().default(null).optional(),
+  ai_review_started_at: z.string().datetime().nullable().optional(),
+  ai_review_completed_at: z.string().datetime().nullable().optional(),
+  ai_review_error: z.any().optional().nullable(),
+  ai_review_logs: z.array(z.any()).optional().nullable(),
   ai_review_requested: z.boolean().default(false)
 });
 var packageFileSchema = z.object({

package/fake-snippets-api/lib/db/schema.ts

@@ -203,7 +203,11 @@ export const packageReleaseSchema = z.object({
   circuit_json_build_is_stale: z.boolean().default(false),
 
   // AI Review
-  ai_review_text: z.string().nullable().default(null),
+  ai_review_text: z.string().nullable().default(null).optional(),
+  ai_review_started_at: z.string().datetime().nullable().optional(),
+  ai_review_completed_at: z.string().datetime().nullable().optional(),
+  ai_review_error: z.any().optional().nullable(),
+  ai_review_logs: z.array(z.any()).optional().nullable(),
   ai_review_requested: z.boolean().default(false),
 })
 export type PackageRelease = z.infer<typeof packageReleaseSchema>

package/fake-snippets-api/lib/public-mapping/public-map-package-release.ts

@@ -4,11 +4,13 @@ export const publicMapPackageRelease = (
   internal_package_release: ZT.PackageRelease,
   options: {
     include_logs?: boolean
+    include_ai_review?: boolean
   } = {
     include_logs: false,
+    include_ai_review: false,
   },
 ): ZT.PackageRelease => {
-  return {
+  const result = {
     ...internal_package_release,
     created_at: internal_package_release.created_at,
     circuit_json_build_error_last_updated_at:
@@ -21,4 +23,15 @@ export const publicMapPackageRelease = (
       ? internal_package_release.circuit_json_build_logs
       : [],
   }
+
+  // Only include AI review fields when include_ai_review is true
+  if (!options.include_ai_review) {
+    delete result.ai_review_text
+    delete result.ai_review_started_at
+    delete result.ai_review_completed_at
+    delete result.ai_review_error
+    delete result.ai_review_logs
+  }
+
+  return result
 }

package/fake-snippets-api/routes/api/package_releases/get.ts

@@ -8,6 +8,7 @@ export default withRouteSpec({
   auth: "none",
   commonParams: z.object({
     include_logs: z.boolean().optional().default(false),
+    include_ai_review: z.boolean().optional().default(false),
   }),
   jsonBody: z.object({
     package_release_id: z.string().optional(),
@@ -58,7 +59,9 @@ export default withRouteSpec({
 
     return ctx.json({
       ok: true,
-      package_release: publicMapPackageRelease(packageReleases[0]),
+      package_release: publicMapPackageRelease(packageReleases[0], {
+        include_ai_review: req.commonParams?.include_ai_review,
+      }),
     })
   }
 
@@ -82,7 +85,9 @@ export default withRouteSpec({
 
     return ctx.json({
       ok: true,
-      package_release: publicMapPackageRelease(packageReleases[0]),
+      package_release: publicMapPackageRelease(packageReleases[0], {
+        include_ai_review: req.commonParams?.include_ai_review,
+      }),
     })
   }
 
@@ -102,7 +107,9 @@ export default withRouteSpec({
 
     return ctx.json({
       ok: true,
-      package_release: publicMapPackageRelease(pkgRelease),
+      package_release: publicMapPackageRelease(pkgRelease, {
+        include_ai_review: req.commonParams?.include_ai_review,
+      }),
     })
   }
 
@@ -120,6 +127,7 @@ export default withRouteSpec({
     ok: true,
     package_release: publicMapPackageRelease(foundRelease, {
       include_logs: req.commonParams?.include_logs,
+      include_ai_review: req.commonParams?.include_ai_review,
     }),
   })
 })

package/fake-snippets-api/routes/api/package_releases/list.ts

@@ -6,6 +6,9 @@ import { z } from "zod"
 export default withRouteSpec({
   methods: ["POST"],
   auth: "none",
+  commonParams: z.object({
+    include_ai_review: z.boolean().optional().default(false),
+  }),
   jsonBody: z
     .object({
       package_id: z.string().optional(),
@@ -72,6 +75,10 @@ export default withRouteSpec({
 
   return ctx.json({
     ok: true,
-    package_releases: releases.map((pr) => publicMapPackageRelease(pr)),
+    package_releases: releases.map((pr) =>
+      publicMapPackageRelease(pr, {
+        include_ai_review: req.commonParams?.include_ai_review,
+      }),
+    ),
   })
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.82",
+  "version": "0.0.83",
   "type": "module",
   "repository": {
     "type": "git",

package/src/App.tsx

@@ -1,5 +1,4 @@
 import { ComponentType, Suspense, lazy } from "react"
-import { Toaster } from "@/components/ui/toaster"
 import { Route, Switch } from "wouter"
 import "./components/CmdKMenu"
 import { ContextProviders } from "./ContextProviders"
@@ -129,7 +128,6 @@ function App() {
             <Route component={lazyImport(() => import("@/pages/404"))} />
           </Switch>
         </Suspense>
-        <Toaster />
       </ErrorBoundary>
     </ContextProviders>
   )

package/src/components/PackageBuildsPage/package-build-header.tsx

@@ -1,13 +1,15 @@
 import { Button } from "@/components/ui/button"
 import { useCurrentPackageRelease } from "@/hooks/use-current-package-release"
 import { useRebuildPackageReleaseMutation } from "@/hooks/use-rebuild-package-release-mutation"
-import { Github, RefreshCw } from "lucide-react"
+import { Github, RefreshCw, RotateCcw } from "lucide-react"
 import { useParams } from "wouter"
 import { DownloadButtonAndMenu } from "../DownloadButtonAndMenu"
 
 export function PackageBuildHeader() {
   const { author, packageName } = useParams()
-  const { packageRelease } = useCurrentPackageRelease({ refetchInterval: 2000 })
+  const { packageRelease, refetch, isFetching } = useCurrentPackageRelease({
+    include_logs: true,
+  })
   const { mutate: rebuildPackage, isLoading } =
     useRebuildPackageReleaseMutation()
 
@@ -54,6 +56,16 @@ export function PackageBuildHeader() {
             <RefreshCw className="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-2" />
             {isLoading ? "Rebuilding..." : "Rebuild"}
           </Button>
+          <Button
+            variant="outline"
+            size="icon"
+            aria-label="Reload logs"
+            className="border-gray-300 bg-white hover:bg-gray-50"
+            onClick={() => refetch()}
+            disabled={isFetching}
+          >
+            <RotateCcw className="w-3 h-3 sm:w-4 sm:h-4" />
+          </Button>
           <DownloadButtonAndMenu
             snippetUnscopedName={`${author}/${packageName}`}
           />

package/src/components/ViewPackagePage/hooks/use-toast.tsx

@@ -0,0 +1,70 @@
+"use client"
+import toastLibrary, { Toaster, type Toast } from "react-hot-toast"
+import React from "react"
+
+export interface ToasterToast {
+  title?: React.ReactNode
+  description?: React.ReactNode
+  variant?: "default" | "destructive"
+  duration?: number
+}
+
+function ToastContent({
+  title,
+  description,
+  variant,
+  t,
+}: ToasterToast & { t: Toast }) {
+  return (
+    <div
+      className={`rounded-md border p-4 shadow-lg transition-all ${
+        t.visible
+          ? "animate-in fade-in slide-in-from-top-full"
+          : "animate-out fade-out slide-out-to-right-full"
+      } ${
+        variant === "destructive"
+          ? "border-red-500 bg-red-500 text-slate-50"
+          : "border-slate-200 bg-white text-slate-950 dark:bg-slate-950 dark:text-slate-50"
+      }`}
+    >
+      {title && <div className="text-sm font-semibold">{title}</div>}
+      {description && <div className="text-sm opacity-90">{description}</div>}
+    </div>
+  )
+}
+
+const toast = ({
+  duration,
+  description,
+  variant = "default",
+  title,
+}: ToasterToast) => {
+  if (description) {
+    return toastLibrary.custom(
+      (t) => (
+        <ToastContent
+          title={title}
+          description={description}
+          variant={variant}
+          t={t}
+        />
+      ),
+      { duration },
+    )
+  }
+
+  if (variant === "destructive") {
+    return toastLibrary.error(<>{title}</>, { duration })
+  }
+
+  return toastLibrary(<>{title}</>, { duration })
+}
+
+function useToast() {
+  return {
+    toast,
+    dismiss: toastLibrary.dismiss,
+  }
+}
+
+export { useToast, toast, Toaster }

package/src/components/dialogs/{import-snippet-dialog.tsx → import-package-dialog.tsx}

@@ -1,6 +1,6 @@
 import { useAxios } from "@/hooks/use-axios"
 import { useDebounce } from "@/hooks/use-debounce"
-import type { Snippet } from "fake-snippets-api/lib/db/schema"
+import type { Package } from "fake-snippets-api/lib/db/schema"
 import { useState } from "react"
 import { useQuery } from "react-query"
 import { Button } from "../ui/button"
@@ -8,25 +8,25 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog"
 import { Input } from "../ui/input"
 import { createUseDialog } from "./create-use-dialog"
 
-export const ImportSnippetDialog = ({
+export const ImportPackageDialog = ({
   open,
   onOpenChange,
-  onSnippetSelected,
+  onPackageSelected,
 }: {
   open: boolean
   onOpenChange: (open: boolean) => any
-  onSnippetSelected: (snippet: Snippet) => any
+  onPackageSelected: (pkg: Package) => any
 }) => {
   const [searchText, setSearchText] = useState("")
   const debouncedSearch = useDebounce(searchText, 300)
   const axios = useAxios()
   const { data: snippets, isLoading } = useQuery(
-    ["snippetSearch", debouncedSearch],
+    ["packageSearch", debouncedSearch],
     async () => {
-      const response = await axios.get(
-        `/snippets/search?q=${encodeURIComponent(debouncedSearch)}`,
-      )
-      return response.data.snippets.slice(0, 12)
+      const response = await axios.post("/packages/search", {
+        query: debouncedSearch,
+      })
+      return response.data.packages
     },
     {
       enabled: debouncedSearch.length > 0,
@@ -35,41 +35,42 @@ export const ImportSnippetDialog = ({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="z-[100]">
+      <DialogContent className="z-[100] p-4 sm:p-6">
         <DialogHeader>
-          <DialogTitle>Import Snippet</DialogTitle>
+          <DialogTitle>Import Package</DialogTitle>
         </DialogHeader>
         <Input
-          placeholder="Search snippets..."
+          placeholder="Search packages..."
           value={searchText}
           onChange={(e) => setSearchText(e.target.value)}
+          className="w-full mb-4"
         />
         <div className="h-64 overflow-y-auto">
           {isLoading ? (
-            <div>Loading...</div>
+            <div className="text-center">Loading...</div>
           ) : (
             <ul className="w-full">
-              {snippets?.map((snippet: Snippet) => (
+              {snippets?.map((pkg: Package) => (
                 <li
-                  className="flex items-center my-1 text-xs w-full"
-                  key={snippet.snippet_id}
+                  className="flex flex-col sm:flex-row items-start sm:items-center my-2 text-sm w-full"
+                  key={pkg.package_id}
                 >
                   <a
-                    href={`/${snippet.name}`}
+                    href={`/${pkg.name}`}
                     target="_blank"
-                    className="whitespace-nowrap mr-2 text-blue-500 hover:underline cursor-pointer flex-shrink-0"
+                    className="text-blue-500 hover:underline cursor-pointer flex-shrink-0 mb-1 sm:mb-0 sm:mr-2"
                   >
-                    {snippet.name}
+                    {pkg.name}
                   </a>
-                  <div className="text-xs text-gray-500 flex-grow overflow-hidden text-ellipsis whitespace-nowrap">
-                    {snippet.description}
+                  <div className="text-gray-500 flex-grow overflow-hidden text-ellipsis whitespace-nowrap mb-1 sm:mb-0">
+                    {pkg.description}
                   </div>
                   <Button
                     size="sm"
-                    className="ml-2 flex-shrink-0"
+                    className="flex-shrink-0"
                     variant="outline"
                     onClick={() => {
-                      onSnippetSelected(snippet)
+                      onPackageSelected(pkg)
                       onOpenChange(false)
                     }}
                   >
@@ -85,4 +86,4 @@ export const ImportSnippetDialog = ({
   )
 }
 
-export const useImportSnippetDialog = createUseDialog(ImportSnippetDialog)
+export const useImportPackageDialog = createUseDialog(ImportPackageDialog)

package/src/components/package-port/CodeEditorHeader.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useCallback } from "react"
 import { Button } from "@/components/ui/button"
 import { handleManualEditsImportWithSupportForMultipleFiles } from "@/lib/handleManualEditsImportWithSupportForMultipleFiles"
-import { useImportSnippetDialog } from "@/components/dialogs/import-snippet-dialog"
+import { useImportPackageDialog } from "@/components/dialogs/import-package-dialog"
 import { useToast } from "@/hooks/use-toast"
 import {
   DropdownMenu,
@@ -19,6 +19,7 @@ import {
   SelectValue,
 } from "../ui/select"
 import { isHiddenFile } from "../ViewPackagePage/utils/is-hidden-file"
+import { Package } from "fake-snippets-api/lib/db/schema"
 
 export type FileName = string
 
@@ -39,8 +40,8 @@ export const CodeEditorHeader: React.FC<CodeEditorHeaderProps> = ({
   handleFileChange,
   entrypointFileName = "index.tsx",
 }) => {
-  const { Dialog: ImportSnippetDialog, openDialog: openImportDialog } =
-    useImportSnippetDialog()
+  const { Dialog: ImportPackageDialog, openDialog: openImportDialog } =
+    useImportPackageDialog()
   const { toast } = useToast()
   const [sidebarOpen, setSidebarOpen] = fileSidebarState
 
@@ -234,9 +235,9 @@ export const CodeEditorHeader: React.FC<CodeEditorHeaderProps> = ({
             Format
           </Button>
         </div>
-        <ImportSnippetDialog
-          onSnippetSelected={(snippet: any) => {
-            const newContent = `import {} from "@tsci/${snippet.owner_name}.${snippet.unscoped_name}"\n${files[currentFile || ""]}`
+        <ImportPackageDialog
+          onPackageSelected={(pkg: Package) => {
+            const newContent = `import {} from "@tsci/${pkg.owner_github_username}.${pkg.unscoped_name}"\n${files[currentFile || ""]}`
             updateFileContent(currentFile, newContent)
           }}
         />

package/src/components/ui/toaster.tsx

@@ -1,33 +1 @@
-import { useToast } from "@/hooks/use-toast"
-import {
-  Toast,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport,
-} from "@/components/ui/toast"
-
-export function Toaster() {
-  const { toasts } = useToast()
-
-  return (
-    <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-        return (
-          <Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && (
-                <ToastDescription>{description}</ToastDescription>
-              )}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>
-        )
-      })}
-      <ToastViewport />
-    </ToastProvider>
-  )
-}
+export { Toaster } from "react-hot-toast"