@research-copilot/plugin 1.1.17 → 1.1.19

package/dist/skills/llm-wiki/workbench/web/src/components/renderers/DownloadOnlyRenderer.tsx

@@ -0,0 +1,88 @@
+import { Download } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { getArtifactFileUrl, type ArtifactManifest } from "@/lib/api";
+
+interface Props {
+	manifest: ArtifactManifest;
+}
+
+const KIND_META: Record<ArtifactManifest["kind"], { icon: string; label: string }> = {
+	pdf: { icon: "📄", label: "PDF 文档" },
+	docx: { icon: "📝", label: "Word 文档" },
+	pptx: { icon: "📊", label: "PPT 演示文稿" },
+	xlsx: { icon: "📋", label: "Excel 表格" },
+	html: { icon: "🌐", label: "HTML 页面" },
+};
+
+export function DownloadOnlyRenderer({ manifest }: Props) {
+	const primaryUrl = getArtifactFileUrl(manifest.id, manifest.primaryFile);
+	const meta = KIND_META[manifest.kind];
+
+	return (
+		<div className="space-y-4">
+			<div className="rounded-md border border-input bg-muted/30 p-5 text-center">
+				<div className="text-5xl">{meta.icon}</div>
+				<div className="mt-3 text-base font-medium">{meta.label}</div>
+				<div className="mt-1 break-all text-sm text-muted-foreground">{manifest.primaryFile}</div>
+				<div className="mt-4 grid gap-2 text-left text-xs text-muted-foreground">
+					<div>大小：{formatBytes(manifest.metadata.sizeBytes)}</div>
+					<div>生成工具：{manifest.metadata.sourceSkill}</div>
+					<div>创建时间：{formatTime(manifest.metadata.createdAt)}</div>
+					<div>来源对话：{manifest.metadata.sourceConversationId.slice(0, 12)}</div>
+				</div>
+				<div className="mt-5 flex flex-col gap-2">
+					<Button onClick={() => downloadFile(primaryUrl, manifest.primaryFile)}>
+						<Download className="size-4" />
+						下载 {manifest.primaryFile}
+					</Button>
+				</div>
+			</div>
+
+			{manifest.files.length > 1 && (
+				<div className="rounded-md border border-input">
+					<div className="border-b border-input px-3 py-2 text-sm font-medium">附属文件</div>
+					<div className="divide-y divide-input">
+						{manifest.files
+							.filter((file) => file.name !== manifest.primaryFile)
+							.map((file) => (
+								<div key={file.name} className="flex items-center justify-between gap-3 px-3 py-2 text-sm">
+									<div className="min-w-0">
+										<div className="truncate">{file.name}</div>
+										<div className="text-xs text-muted-foreground">{formatBytes(file.sizeBytes)}</div>
+									</div>
+									<Button
+										variant="ghost"
+										size="icon"
+										onClick={() => downloadFile(getArtifactFileUrl(manifest.id, file.name), file.name)}
+										aria-label={`下载 ${file.name}`}
+									>
+										<Download className="size-4" />
+									</Button>
+								</div>
+							))}
+					</div>
+				</div>
+			)}
+		</div>
+	);
+}
+
+function downloadFile(url: string, filename: string) {
+	const link = document.createElement("a");
+	link.href = url;
+	link.download = filename;
+	link.click();
+}
+
+function formatBytes(bytes: number): string {
+	if (bytes < 1024) return `${bytes} bytes`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+
+function formatTime(value: string): string {
+	const date = new Date(value);
+	if (Number.isNaN(date.getTime())) return value;
+	return date.toLocaleString();
+}

package/dist/skills/llm-wiki/workbench/web/src/components/renderers/HtmlRenderer.tsx

@@ -0,0 +1,92 @@
+import { Download, Loader2 } from "lucide-react";
+import { useEffect, useState } from "react";
+
+import { Button } from "@/components/ui/button";
+import { getArtifactFileUrl, type ArtifactManifest } from "@/lib/api";
+
+interface Props {
+	manifest: ArtifactManifest;
+}
+
+export function HtmlRenderer({ manifest }: Props) {
+	const [html, setHtml] = useState("");
+	const [status, setStatus] = useState<"loading" | "loaded" | "error">("loading");
+	const fileUrl = getArtifactFileUrl(manifest.id, manifest.primaryFile);
+
+	useEffect(() => {
+		let cancelled = false;
+		const loadingTimer = window.setTimeout(() => {
+			if (!cancelled) setStatus("loading");
+		}, 0);
+		fetch(fileUrl)
+			.then((res) => {
+				if (!res.ok) throw new Error(`HTTP ${res.status}`);
+				return res.text();
+			})
+			.then((content) => {
+				if (cancelled) return;
+				setHtml(content);
+				setStatus("loaded");
+			})
+			.catch(() => {
+				if (!cancelled) setStatus("error");
+			});
+		return () => {
+			cancelled = true;
+			window.clearTimeout(loadingTimer);
+		};
+	}, [fileUrl]);
+
+	if (!manifest.primaryFile.endsWith(".html") && !manifest.primaryFile.endsWith(".htm")) {
+		return <HtmlFallback manifest={manifest} reason="主文件不是 HTML 文件" />;
+	}
+
+	if (status === "loading") {
+		return (
+			<div className="flex h-full min-h-[420px] items-center justify-center text-sm text-muted-foreground">
+				<Loader2 className="mr-2 size-4 animate-spin" />
+				加载 HTML...
+			</div>
+		);
+	}
+
+	if (status === "error") {
+		return <HtmlFallback manifest={manifest} reason="HTML 加载失败" />;
+	}
+
+	return (
+		<div className="h-[calc(100vh-7.5rem)] min-h-[420px] overflow-hidden rounded-md border border-input bg-white">
+			<iframe
+				sandbox="allow-scripts"
+				srcDoc={html}
+				className="h-full w-full border-0 bg-white"
+				loading="lazy"
+				title={manifest.metadata.title}
+			/>
+		</div>
+	);
+}
+
+function HtmlFallback({ manifest, reason }: { manifest: ArtifactManifest; reason: string }) {
+	return (
+		<div className="rounded-md border border-input bg-muted/30 p-4 text-sm">
+			<div className="font-medium">{reason}</div>
+			<div className="mt-2 text-xs text-muted-foreground">
+				建议 HTML 产物使用自包含文件，图片使用 data URI 内嵌。
+			</div>
+			<Button
+				className="mt-4"
+				variant="outline"
+				onClick={() => {
+					const link = document.createElement("a");
+					link.href = getArtifactFileUrl(manifest.id, manifest.primaryFile);
+					link.download = manifest.primaryFile;
+					link.click();
+				}}
+			>
+				<Download className="size-4" />
+				下载原文件
+			</Button>
+		</div>
+	);
+}

package/dist/skills/llm-wiki/workbench/web/src/components/ui/button.tsx

@@ -0,0 +1,52 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+/**
+ * Button 组件 - shadcn/ui 简化版（不含 asChild Slot，需要时再装 @radix-ui/react-slot）
+ */
+const buttonVariants = cva(
+	"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+	{
+		variants: {
+			variant: {
+				default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+				destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
+				outline:
+					"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+				secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+				ghost: "hover:bg-accent hover:text-accent-foreground",
+				link: "text-primary underline-offset-4 hover:underline",
+			},
+			size: {
+				default: "h-9 px-4 py-2",
+				sm: "h-8 rounded-md px-3",
+				lg: "h-10 rounded-md px-6",
+				icon: "size-9",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default",
+		},
+	},
+);
+
+function Button({
+	className,
+	variant,
+	size,
+	...props
+}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants>) {
+	return (
+		<button
+			type="button"
+			data-slot="button"
+			className={cn(buttonVariants({ variant, size, className }))}
+			{...props}
+		/>
+	);
+}
+
+export { Button };

package/dist/skills/llm-wiki/workbench/web/src/components/ui/command.tsx

@@ -0,0 +1,50 @@
+import { Command as CommandPrimitive } from "cmdk";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
+	return (
+		<CommandPrimitive
+			className={cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className)}
+			{...props}
+		/>
+	);
+}
+
+function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {
+	return (
+		<CommandPrimitive.Input
+			className={cn("h-9 w-full border-b border-input bg-transparent px-3 text-sm outline-none placeholder:text-muted-foreground", className)}
+			{...props}
+		/>
+	);
+}
+
+function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {
+	return <CommandPrimitive.List className={cn("max-h-64 overflow-y-auto p-1", className)} {...props} />;
+}
+
+function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {
+	return <CommandPrimitive.Empty className={cn("px-3 py-6 text-center text-sm text-muted-foreground", className)} {...props} />;
+}
+
+function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {
+	return (
+		<CommandPrimitive.Group
+			className={cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className)}
+			{...props}
+		/>
+	);
+}
+
+function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {
+	return (
+		<CommandPrimitive.Item
+			className={cn("relative flex cursor-default select-none items-start gap-2 rounded-sm px-2 py-2 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", className)}
+			{...props}
+		/>
+	);
+}
+
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList };

package/dist/skills/llm-wiki/workbench/web/src/components/ui/dialog.tsx

@@ -0,0 +1,156 @@
+import * as React from "react"
+import { XIcon } from "lucide-react"
+import { Dialog as DialogPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+}
+
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+}
+
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+}
+
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
+      className={cn(
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean
+}) {
+  return (
+    <DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close
+            data-slot="dialog-close"
+            className="absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+          >
+            <XIcon />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showCloseButton?: boolean
+}) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      {showCloseButton && (
+        <DialogPrimitive.Close asChild>
+          <Button variant="outline">Close</Button>
+        </DialogPrimitive.Close>
+      )}
+    </div>
+  )
+}
+
+function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn("text-lg leading-none font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+}

package/dist/skills/llm-wiki/workbench/web/src/components/ui/input.tsx

@@ -0,0 +1,21 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }

package/dist/skills/llm-wiki/workbench/web/src/components/ui/tooltip.tsx

@@ -0,0 +1,57 @@
+"use client"
+
+import * as React from "react"
+import { Tooltip as TooltipPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }