work-agent 0.1.0

package/app/share/[sessionId]/page.tsx

@@ -0,0 +1,226 @@
+'use client';
+
+import { use } from 'react';
+import { useState, useEffect } from 'react';
+import { Bot, User, Loader2, ArrowLeft, Brain } from 'lucide-react';
+import Link from 'next/link';
+import { cn } from '@/lib/utils';
+import { MessageResponse } from '@/components/ai-elements/message';
+import {
+	ChainOfThought,
+	ChainOfThoughtContent,
+	ChainOfThoughtHeader,
+	ChainOfThoughtStep,
+} from '@/components/ai-elements/chain-of-thought';
+
+interface ToolExecution {
+	toolName: string;
+	startTime: Date;
+	endTime?: Date;
+	input?: any;
+	output?: any;
+	isError?: boolean;
+}
+
+interface MessageChainOfThought {
+	thinking: string;
+	toolExecutions: ToolExecution[];
+}
+
+interface SessionMessage {
+	id: string;
+	role: 'user' | 'assistant' | 'system';
+	content: string;
+	timestamp: string;
+	chainOfThought?: MessageChainOfThought;
+}
+
+export default function SharePage({ params }: { params: Promise<{ sessionId: string }> }) {
+	const { sessionId } = use(params);
+	const [messages, setMessages] = useState<SessionMessage[]>([]);
+	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState<string | null>(null);
+
+	useEffect(() => {
+		async function loadMessages() {
+			try {
+				const response = await fetch(`/api/sessions/${sessionId}/messages`);
+				if (!response.ok) {
+					throw new Error('会话不存在或已过期');
+				}
+				const data = await response.json();
+				setMessages(data.messages || []);
+			} catch (e) {
+				setError(e instanceof Error ? e.message : '加载失败');
+			} finally {
+				setLoading(false);
+			}
+		}
+		loadMessages();
+	}, [sessionId]);
+
+	if (loading) {
+		return (
+			<div className="min-h-screen flex items-center justify-center bg-background">
+				<Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+			</div>
+		);
+	}
+
+	if (error) {
+		return (
+			<div className="min-h-screen flex items-center justify-center bg-background">
+				<div className="text-center">
+					<p className="text-destructive mb-4">{error}</p>
+					<Link href="/" className="text-primary hover:underline">
+						返回首页
+					</Link>
+				</div>
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen bg-background">
+			{/* Header */}
+			<header className="bg-card border-b sticky top-0 z-10">
+				<div className="max-w-4xl mx-auto px-4 py-3">
+					<div className="flex items-center justify-between">
+						<Link href="/" className="flex items-center gap-2 text-muted-foreground hover:text-foreground">
+							<ArrowLeft className="h-4 w-4" />
+							<span className="text-sm">返回</span>
+						</Link>
+						<h1 className="font-medium">会话分享</h1>
+						<div className="w-16" />
+					</div>
+				</div>
+			</header>
+
+			{/* Messages */}
+			<div className="max-w-4xl mx-auto px-4 py-8">
+				{messages.length === 0 ? (
+					<div className="text-center text-muted-foreground py-12">
+						暂无对话内容
+					</div>
+				) : (
+					<div className="space-y-6">
+						{messages.map((message) => (
+							<div key={message.id} className={cn('flex gap-3', message.role === 'user' && 'flex-row-reverse')}>
+								{/* Avatar */}
+								{message.role === 'assistant' && (
+									<div className="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0">
+										<Bot className="h-5 w-5 text-primary" />
+									</div>
+								)}
+								{message.role === 'user' && (
+									<div className="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0">
+										<User className="h-5 w-5 text-primary-foreground" />
+									</div>
+								)}
+
+								{/* Message content with chain-of-thought */}
+								<div
+									className={cn(
+										'rounded-2xl px-4 py-3',
+										message.role === 'user'
+											? 'max-w-[80%] bg-primary text-primary-foreground'
+											: 'w-full bg-muted text-foreground'
+									)}
+								>
+									{message.role === 'assistant' && message.chainOfThought && (
+										<ChainOfThought defaultOpen={false}>
+											<ChainOfThoughtHeader>思考过程</ChainOfThoughtHeader>
+											<ChainOfThoughtContent>
+												{/* Thinking Section */}
+												{message.chainOfThought.thinking.trim().length > 0 && (
+													<ChainOfThoughtStep icon={Brain} label="思考" status="complete">
+														<div className="text-muted-foreground whitespace-pre-wrap">
+															{message.chainOfThought.thinking}
+														</div>
+													</ChainOfThoughtStep>
+												)}
+
+												{/* Tool Executions Section */}
+												{message.chainOfThought.toolExecutions.map((tool, idx) => (
+													<ChainOfThoughtStep
+														key={`${message.id}-tool-${idx}`}
+														label={tool.toolName === 'bash' && tool.input?.command
+															? `执行: ${tool.input.command}`
+															: tool.toolName}
+														status={tool.isError ? 'pending' : 'complete'}
+													>
+														{/* Input for non-bash tools */}
+														{tool.toolName !== 'bash' && tool.input && (
+															<div className="mt-2 text-xs">
+																<strong>输入:</strong>
+																<pre className="mt-1 overflow-x-auto bg-muted rounded p-2">
+																	{typeof tool.input === 'string' ? tool.input : JSON.stringify(tool.input, null, 2)}
+																</pre>
+															</div>
+														)}
+
+														{/* Output */}
+														{tool.output && (
+															<div className="mt-2 text-xs">
+																<strong>输出:</strong>
+																{(() => {
+																	// Handle pi-coding-agent output format
+																	if (tool.toolName === 'bash' && typeof tool.output === 'object' && tool.output.content) {
+																		const textContent = tool.output.content
+																			?.filter((item: any) => item?.type === 'text')
+																			?.map((item: any) => item?.text || '')
+																			?.join('\n') || '';
+																		const exitCode = tool.output.details?.exitCode ?? 0;
+																		return (
+																			<pre className={cn(
+																				"mt-1 overflow-x-auto rounded p-2 whitespace-pre-wrap break-all",
+																				exitCode === 0 ? "bg-muted" : "bg-destructive/10"
+																			)}>
+																				{textContent || JSON.stringify(tool.output, null, 2)}
+																			</pre>
+																		);
+																	}
+																	// Handle traditional bash output format
+																	if (tool.toolName === 'bash' && typeof tool.output === 'object' && tool.output.stdout !== undefined) {
+																		return (
+																			<pre className={cn(
+																				"mt-1 overflow-x-auto rounded p-2 whitespace-pre-wrap break-all",
+																				tool.output.exitCode === 0 ? "bg-muted" : "bg-destructive/10"
+																			)}>
+																				{tool.output.stdout || ''}
+																				{tool.output.stderr && (
+																					<div className="text-destructive mt-1">{tool.output.stderr}</div>
+																				)}
+																			</pre>
+																		);
+																	}
+																	// Fallback
+																	return (
+																		<pre className="mt-1 overflow-x-auto bg-muted rounded p-2">
+																			{typeof tool.output === 'string' ? tool.output : JSON.stringify(tool.output, null, 2)}
+																		</pre>
+																	);
+																})()}
+															</div>
+														)}
+													</ChainOfThoughtStep>
+												))}
+											</ChainOfThoughtContent>
+										</ChainOfThought>
+									)}
+
+									{/* Message Content */}
+									{message.role === 'assistant' ? (
+										<MessageResponse>{message.content}</MessageResponse>
+									) : (
+										<div className="prose prose-sm max-w-none">{message.content}</div>
+									)}
+								</div>
+							</div>
+						))}
+					</div>
+				)}
+			</div>
+		</div>
+	);
+}

package/app/share/file/[id]/page.tsx

@@ -0,0 +1,140 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useParams } from 'next/navigation';
+import { FileIcon, Download, AlertCircle, Loader2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+
+interface FileMetadata {
+	size: number;
+	mimeType: string;
+	originalName?: string;
+}
+
+interface FileInfo {
+	id: string;
+	title: string;
+	fileMetadata: FileMetadata | null;
+	isPublic: boolean;
+	createdAt: string;
+}
+
+function formatFileSize(bytes: number): string {
+	if (bytes === 0) return '0 B';
+	const k = 1024;
+	const sizes = ['B', 'KB', 'MB', 'GB'];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+}
+
+function formatDate(dateStr: string): string {
+	return new Date(dateStr).toLocaleDateString('zh-CN', {
+		year: 'numeric',
+		month: 'long',
+		day: 'numeric',
+	});
+}
+
+export default function SharedFilePage() {
+	const params = useParams();
+	const fileId = params?.id as string;
+	const [file, setFile] = useState<FileInfo | null>(null);
+	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState<string | null>(null);
+
+	useEffect(() => {
+		if (!fileId) return;
+
+		const fetchFile = async () => {
+			try {
+				const res = await fetch(`/api/share/file/${fileId}`);
+				if (!res.ok) {
+					const data = await res.json();
+					throw new Error(data.error || '文件未找到');
+				}
+				const data = await res.json();
+				setFile(data.file);
+			} catch (err) {
+				setError(err instanceof Error ? err.message : '加载失败');
+			} finally {
+				setLoading(false);
+			}
+		};
+
+		fetchFile();
+	}, [fileId]);
+
+	const handleDownload = () => {
+		if (!file) return;
+		window.open(`/api/my/files/${file.id}?download=true`, '_blank');
+	};
+
+	if (loading) {
+		return (
+			<div className="min-h-screen flex items-center justify-center bg-gray-50">
+				<Loader2 className="h-8 w-8 animate-spin text-gray-400" />
+			</div>
+		);
+	}
+
+	if (error || !file) {
+		return (
+			<div className="min-h-screen flex items-center justify-center bg-gray-50 p-4">
+				<Card className="w-full max-w-md">
+					<CardContent className="py-12 text-center">
+						<AlertCircle className="h-12 w-12 mx-auto text-destructive mb-4" />
+						<h2 className="text-lg font-semibold mb-2">无法访问文件</h2>
+						<p className="text-muted-foreground">{error || '文件不存在或已被删除'}</p>
+					</CardContent>
+				</Card>
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen flex items-center justify-center bg-gray-50 p-4">
+			<Card className="w-full max-w-md">
+				<CardHeader className="text-center">
+					<div className="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4">
+						<FileIcon className="h-8 w-8 text-primary" />
+					</div>
+					<CardTitle className="text-xl">{file.title}</CardTitle>
+				</CardHeader>
+				<CardContent className="space-y-4">
+					{file.fileMetadata && (
+						<div className="bg-muted rounded-lg p-4 space-y-2">
+							<div className="flex justify-between text-sm">
+								<span className="text-muted-foreground">文件大小</span>
+								<span>{formatFileSize(file.fileMetadata.size)}</span>
+							</div>
+							<div className="flex justify-between text-sm">
+								<span className="text-muted-foreground">文件类型</span>
+								<span>{file.fileMetadata.mimeType}</span>
+							</div>
+							<div className="flex justify-between text-sm">
+								<span className="text-muted-foreground">上传时间</span>
+								<span>{formatDate(file.createdAt)}</span>
+							</div>
+						</div>
+					)}
+
+					{file.fileMetadata?.mimeType.startsWith('image/') && (
+						<div className="relative bg-gray-100 rounded-lg overflow-hidden">
+							<img
+								src={`/api/my/files/${file.id}`}
+								alt={file.title}
+								className="max-w-full max-h-64 mx-auto object-contain"
+							/>
+						</div>
+					)}
+
+					<Button onClick={handleDownload} className="w-full" size="lg">
+						<Download className="h-4 w-4 mr-2" />
+						下载文件
+					</Button>
+				</CardContent>
+			</Card>
+		</div>
+	);
+}

package/bin/README.md

@@ -0,0 +1,63 @@
+# Generate API System
+
+Generate an API Agent system from Swagger/OpenAPI specification.
+
+## Quick Start
+
+```bash
+# Interactive mode
+./bin/generate-api-system
+
+# With parameters
+./bin/generate-api-system \
+  --swagger "https://api.example.com/openapi.json" \
+  --name "My API System" \
+  --output "./my-api-system" \
+  --base-url "https://api.example.com"
+```
+
+## Options
+
+| Option | Description |
+|--------|-------------|
+| `-s, --swagger` | Swagger/OpenAPI URL (required) |
+| `-o, --output` | Output directory |
+| `-n, --name` | System name |
+| `-b, --base-url` | API base URL |
+| `-t, --token` | API token |
+
+## Examples
+
+```bash
+# Factory API
+./bin/generate-api-system \
+  -s "http://xuanwu-factory-next.xuanwu-factory.dev.aimstek.cn/api/open-api/docs" \
+  -n "Factory API" \
+  -o "./factory-api"
+
+# Sim API
+./bin/generate-api-system \
+  -s "http://xuanwu-sim.demo-mxd.dev.aimstek.cn/swagger/Default/swagger.json" \
+  -n "Sim API" \
+  -o "./sim-api"
+```
+
+## Output Structure
+
+```
+my-api-system/
+├── README.md
+├── SKILL.md          ← AI Skill definition
+├── config.yaml
+├── APIs/            ← API documentation
+├── scripts/         ← Executable scripts
+└── curl_examples/   ← curl examples
+```
+
+## As pi-coding-agent Skill
+
+```yaml
+# .pi/skills/generate-api-system/
+skills:
+  - name: generate-api-system
+```