first commit

Co-Authored-By: Codex <noreply@openai.com>

web/src/app/(user)/canvas/components/canvas-prompt-library.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { useState } from "react";
+import { Button, Tooltip } from "antd";
+import { BookOpen } from "lucide-react";
+
+import { PromptSelectDialog } from "@/components/prompts/prompt-select-dialog";
+import { canvasThemes } from "@/lib/canvas-theme";
+import { useThemeStore } from "@/stores/use-theme-store";
+
+export function CanvasPromptLibrary({ onSelect }: { onSelect: (prompt: string) => void }) {
+  const [open, setOpen] = useState(false);
+  const theme = canvasThemes[useThemeStore((state) => state.theme)];
+
+  return (
+    <>
+      <Tooltip title="提示词库">
+        <Button shape="circle" className="!h-8 !w-8 !min-w-8 shrink-0 !bg-transparent" style={{ borderColor: theme.node.stroke, color: theme.node.text }} icon={<BookOpen className="size-3.5" />} onClick={() => setOpen(true)} aria-label="提示词库" />
+      </Tooltip>
+      <PromptSelectDialog open={open} onOpenChange={setOpen} onSelect={onSelect} />
+    </>
+  );
+}