dsh-plugin-image-workbench 1.1.5 → 1.1.7

package/vendor/chatgpt2api/source/web/src/app/debug/components/skill-panel.tsx

@@ -1,169 +1,169 @@
-"use client";
-
-import { useEffect, useMemo, useState } from "react";
-import { Copy, Download } from "lucide-react";
-import { toast } from "sonner";
-
-import { Button } from "@/components/ui/button";
-import webConfig from "@/constants/common-env";
-import { fetchSettingsConfig } from "@/lib/api";
-import { getStoredAuthSession } from "@/store/auth";
-
-export function SkillPanel() {
-  const [browserBaseUrl, setBrowserBaseUrl] = useState("");
-  const [configuredBaseUrl, setConfiguredBaseUrl] = useState("");
-  const [authKey, setAuthKey] = useState("");
-
-  useEffect(() => {
-    setBrowserBaseUrl(window.location.origin);
-    void fetchSettingsConfig().then((data) => setConfiguredBaseUrl(String(data.config.base_url || "").replace(/\/$/, ""))).catch(() => undefined);
-    void getStoredAuthSession().then((session) => setAuthKey(session?.key || ""));
-  }, []);
-
-  const apiBaseUrl = configuredBaseUrl || webConfig.apiUrl.replace(/\/$/, "") || browserBaseUrl;
-  const skillZh = useMemo(() => `---
-name: chatgpt2api-search
-description: 当用户需要联网搜索、查询最新信息、核实事实或需要来源链接时，调用本地 chatgpt2api 搜索接口。
----
-
-# ChatGPT2API 搜索
-
-当用户要求联网搜索、查询最新信息、核实资料、查新闻、查价格、查文档更新或需要来源链接时，使用这个 skill。
-
-## 接口
-
-POST ${apiBaseUrl}/v1/search
-
-Headers:
-
-Authorization: Bearer ${authKey}
-Content-Type: application/json
-
-Body:
-
-{
-  "prompt": "<用户要搜索的问题>"
-}
-
-## 返回处理
-
-- 使用接口返回的 \`answer\` 作为主要回答。
-- 如果有 \`sources\`，在回答里附上来源链接。
-- 如果接口报错，简要说明错误并询问是否重试。`, [apiBaseUrl, authKey]);
-
-  const skillEn = useMemo(() => `---
-name: chatgpt2api-search
-description: Use when current web search is needed through this chatgpt2api server. Call the configured HTTP search endpoint with a prompt and return the answer with source URLs.
----
-
-# ChatGPT2API Search
-
-Use this skill when the user asks for current web search, online lookup, recent information, or source-backed answers. It calls the local chatgpt2api search endpoint and returns an answer with source links.
-
-## When to use
-
-- The user asks to search the web, look something up, verify current information, or find the latest status.
-- The answer needs source URLs, recent details, prices, releases, docs, laws, schedules, or news.
-- Do not use it for purely local codebase questions unless the user explicitly asks for web search.
-
-## Request
-
-POST ${apiBaseUrl}/v1/search
-
-Headers:
-
-Authorization: Bearer ${authKey}
-Content-Type: application/json
-
-JSON body:
-
-{
-  "prompt": "<search question>"
-}
-
-## Response handling
-
-- Use \`answer\` as the main response.
-- Include source URLs from \`sources\` when available.
-- If the endpoint returns an error, summarize the error and ask the user whether to retry.
-- Keep the final answer concise unless the user asks for detail.`, [apiBaseUrl, authKey]);
-
-  const zhPrompt = useMemo(() => `请帮我在本机安装一个用于联网搜索的 skill。
-
-要求：
-1. 请按你当前环境的 skill 安装规范，把它安装成本地 skill。
-2. skill 名称为：chatgpt2api-search
-3. 文件名为：SKILL.md
-4. 如果你无法确定本地 skills 目录在哪里，先告诉我需要放到哪个目录，不要猜路径。
-5. 只创建或更新这个 skill 文件，不要修改其他无关文件。
-6. SKILL.md 请写入下面的完整内容。
-
-SKILL.md 内容：
-
-\`\`\`markdown
-${skillZh}
-\`\`\``, [skillZh]);
-
-  const enPrompt = useMemo(() => `Please install a local web-search skill on this machine.
-
-Requirements:
-1. Install this as a local skill according to the skill installation rules of your current environment.
-2. Skill name: chatgpt2api-search
-3. File name: SKILL.md
-4. If you cannot determine the local skills directory, tell me which directory is required before writing files.
-5. Only create or update this skill file. Do not modify unrelated files.
-6. Write the full content below into SKILL.md.
-
-SKILL.md content:
-
-\`\`\`markdown
-${skillEn}
-\`\`\``, [skillEn]);
-
-  const copyText = async (text: string) => {
-    await navigator.clipboard.writeText(text);
-    toast.success("已复制");
-  };
-
-  const downloadSkill = (text: string) => {
-    const url = URL.createObjectURL(new Blob([text], { type: "text/markdown;charset=utf-8" }));
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = "SKILL.md";
-    link.click();
-    URL.revokeObjectURL(url);
-  };
-
-  const versions = [
-    { title: "中文安装指令", desc: "复制后直接发给 Codex 或 Claude，让它安装到本地。", prompt: zhPrompt, skill: skillZh },
-    { title: "English install prompt", desc: "Copy and send this to Codex or Claude to install locally.", prompt: enPrompt, skill: skillEn },
-  ];
-
-  return (
-    <section className="grid items-stretch gap-4 lg:grid-cols-2">
-      {versions.map((item) => (
-        <div key={item.title} className="flex flex-col overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/[0.04]">
-          <div className="flex items-center justify-between gap-3 border-b border-slate-200/70 bg-slate-50/80 p-4 dark:border-white/10 dark:bg-white/[0.03]">
-            <div>
-              <h2 className="font-medium text-slate-900 dark:text-slate-100">{item.title}</h2>
-              <p className="mt-1 text-sm text-slate-500 dark:text-slate-400">{item.desc}</p>
-            </div>
-            <div className="flex gap-2">
-              <Button size="sm" variant="outline" className="cursor-pointer" onClick={() => downloadSkill(item.skill)}>
-                <Download />
-                下载
-              </Button>
-              <Button size="sm" className="cursor-pointer" onClick={() => void copyText(item.prompt)}>
-                <Copy />
-                复制
-              </Button>
-            </div>
-          </div>
-          <pre className="flex-1 whitespace-pre-wrap p-4 font-mono text-sm leading-6">
-            {item.prompt}
-          </pre>
-        </div>
-      ))}
-    </section>
-  );
-}
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import { Copy, Download } from "lucide-react";
+import { toast } from "sonner";
+
+import { Button } from "@/components/ui/button";
+import webConfig from "@/constants/common-env";
+import { fetchSettingsConfig } from "@/lib/api";
+import { getStoredAuthSession } from "@/store/auth";
+
+export function SkillPanel() {
+  const [browserBaseUrl, setBrowserBaseUrl] = useState("");
+  const [configuredBaseUrl, setConfiguredBaseUrl] = useState("");
+  const [authKey, setAuthKey] = useState("");
+
+  useEffect(() => {
+    setBrowserBaseUrl(window.location.origin);
+    void fetchSettingsConfig().then((data) => setConfiguredBaseUrl(String(data.config.base_url || "").replace(/\/$/, ""))).catch(() => undefined);
+    void getStoredAuthSession().then((session) => setAuthKey(session?.key || ""));
+  }, []);
+
+  const apiBaseUrl = configuredBaseUrl || webConfig.apiUrl.replace(/\/$/, "") || browserBaseUrl;
+  const skillZh = useMemo(() => `---
+name: chatgpt2api-search
+description: 当用户需要联网搜索、查询最新信息、核实事实或需要来源链接时，调用本地 chatgpt2api 搜索接口。
+---
+
+# ChatGPT2API 搜索
+
+当用户要求联网搜索、查询最新信息、核实资料、查新闻、查价格、查文档更新或需要来源链接时，使用这个 skill。
+
+## 接口
+
+POST ${apiBaseUrl}/v1/search
+
+Headers:
+
+Authorization: Bearer ${authKey}
+Content-Type: application/json
+
+Body:
+
+{
+  "prompt": "<用户要搜索的问题>"
+}
+
+## 返回处理
+
+- 使用接口返回的 \`answer\` 作为主要回答。
+- 如果有 \`sources\`，在回答里附上来源链接。
+- 如果接口报错，简要说明错误并询问是否重试。`, [apiBaseUrl, authKey]);
+
+  const skillEn = useMemo(() => `---
+name: chatgpt2api-search
+description: Use when current web search is needed through this chatgpt2api server. Call the configured HTTP search endpoint with a prompt and return the answer with source URLs.
+---
+
+# ChatGPT2API Search
+
+Use this skill when the user asks for current web search, online lookup, recent information, or source-backed answers. It calls the local chatgpt2api search endpoint and returns an answer with source links.
+
+## When to use
+
+- The user asks to search the web, look something up, verify current information, or find the latest status.
+- The answer needs source URLs, recent details, prices, releases, docs, laws, schedules, or news.
+- Do not use it for purely local codebase questions unless the user explicitly asks for web search.
+
+## Request
+
+POST ${apiBaseUrl}/v1/search
+
+Headers:
+
+Authorization: Bearer ${authKey}
+Content-Type: application/json
+
+JSON body:
+
+{
+  "prompt": "<search question>"
+}
+
+## Response handling
+
+- Use \`answer\` as the main response.
+- Include source URLs from \`sources\` when available.
+- If the endpoint returns an error, summarize the error and ask the user whether to retry.
+- Keep the final answer concise unless the user asks for detail.`, [apiBaseUrl, authKey]);
+
+  const zhPrompt = useMemo(() => `请帮我在本机安装一个用于联网搜索的 skill。
+
+要求：
+1. 请按你当前环境的 skill 安装规范，把它安装成本地 skill。
+2. skill 名称为：chatgpt2api-search
+3. 文件名为：SKILL.md
+4. 如果你无法确定本地 skills 目录在哪里，先告诉我需要放到哪个目录，不要猜路径。
+5. 只创建或更新这个 skill 文件，不要修改其他无关文件。
+6. SKILL.md 请写入下面的完整内容。
+
+SKILL.md 内容：
+
+\`\`\`markdown
+${skillZh}
+\`\`\``, [skillZh]);
+
+  const enPrompt = useMemo(() => `Please install a local web-search skill on this machine.
+
+Requirements:
+1. Install this as a local skill according to the skill installation rules of your current environment.
+2. Skill name: chatgpt2api-search
+3. File name: SKILL.md
+4. If you cannot determine the local skills directory, tell me which directory is required before writing files.
+5. Only create or update this skill file. Do not modify unrelated files.
+6. Write the full content below into SKILL.md.
+
+SKILL.md content:
+
+\`\`\`markdown
+${skillEn}
+\`\`\``, [skillEn]);
+
+  const copyText = async (text: string) => {
+    await navigator.clipboard.writeText(text);
+    toast.success("已复制");
+  };
+
+  const downloadSkill = (text: string) => {
+    const url = URL.createObjectURL(new Blob([text], { type: "text/markdown;charset=utf-8" }));
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = "SKILL.md";
+    link.click();
+    URL.revokeObjectURL(url);
+  };
+
+  const versions = [
+    { title: "中文安装指令", desc: "复制后直接发给 Codex 或 Claude，让它安装到本地。", prompt: zhPrompt, skill: skillZh },
+    { title: "English install prompt", desc: "Copy and send this to Codex or Claude to install locally.", prompt: enPrompt, skill: skillEn },
+  ];
+
+  return (
+    <section className="grid items-stretch gap-4 lg:grid-cols-2">
+      {versions.map((item) => (
+        <div key={item.title} className="flex flex-col overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/[0.04]">
+          <div className="flex items-center justify-between gap-3 border-b border-slate-200/70 bg-slate-50/80 p-4 dark:border-white/10 dark:bg-white/[0.03]">
+            <div>
+              <h2 className="font-medium text-slate-900 dark:text-slate-100">{item.title}</h2>
+              <p className="mt-1 text-sm text-slate-500 dark:text-slate-400">{item.desc}</p>
+            </div>
+            <div className="flex gap-2">
+              <Button size="sm" variant="outline" className="cursor-pointer" onClick={() => downloadSkill(item.skill)}>
+                <Download />
+                下载
+              </Button>
+              <Button size="sm" className="cursor-pointer" onClick={() => void copyText(item.prompt)}>
+                <Copy />
+                复制
+              </Button>
+            </div>
+          </div>
+          <pre className="flex-1 whitespace-pre-wrap p-4 font-mono text-sm leading-6">
+            {item.prompt}
+          </pre>
+        </div>
+      ))}
+    </section>
+  );
+}

package/vendor/chatgpt2api/source/web/src/app/debug/components/types.ts

@@ -1,39 +1,39 @@
-export type SearchResult = {
-  conversation_id: string;
-  status: string;
-  answer: string;
-  sources: Array<{ title?: string; url?: string; snippet?: string; source_type?: string }>;
-};
-
-export type ChatMessage = {
-  role: "system" | "user" | "assistant";
-  content: string | ChatContentPart[];
-};
-
-export type ChatContentPart =
-  | { type: "text"; text: string }
-  | { type: "image_url"; image_url: { url: string } };
-
-export type ChatCompletionResponse = {
-  choices?: Array<{ message?: { role?: string; content?: string } }>;
-};
-
-export type EditableFileTask = {
-  id: string;
-  taskId?: string;
-  status: "queued" | "running" | "success" | "error" | string;
-  kind: "ppt" | "psd" | string;
-  created_at?: string;
-  updated_at?: string;
-  elapsed_seconds?: number;
-  polled_at?: number;
-  prompt_preview?: string;
-  error?: string;
-  result?: {
-    conversation_id?: string;
-    primary_url?: string;
-    zip_url?: string;
-  };
-};
-
-export const pretty = (value: unknown) => JSON.stringify(value, null, 2);
+export type SearchResult = {
+  conversation_id: string;
+  status: string;
+  answer: string;
+  sources: Array<{ title?: string; url?: string; snippet?: string; source_type?: string }>;
+};
+
+export type ChatMessage = {
+  role: "system" | "user" | "assistant";
+  content: string | ChatContentPart[];
+};
+
+export type ChatContentPart =
+  | { type: "text"; text: string }
+  | { type: "image_url"; image_url: { url: string } };
+
+export type ChatCompletionResponse = {
+  choices?: Array<{ message?: { role?: string; content?: string } }>;
+};
+
+export type EditableFileTask = {
+  id: string;
+  taskId?: string;
+  status: "queued" | "running" | "success" | "error" | string;
+  kind: "ppt" | "psd" | string;
+  created_at?: string;
+  updated_at?: string;
+  elapsed_seconds?: number;
+  polled_at?: number;
+  prompt_preview?: string;
+  error?: string;
+  result?: {
+    conversation_id?: string;
+    primary_url?: string;
+    zip_url?: string;
+  };
+};
+
+export const pretty = (value: unknown) => JSON.stringify(value, null, 2);

package/vendor/chatgpt2api/source/web/src/app/debug/page.tsx

@@ -1,59 +1,59 @@
-"use client";
-
-import { LoaderCircle } from "lucide-react";
-
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { useAuthGuard } from "@/lib/use-auth-guard";
-
-import { ChatPanel } from "./components/chat-panel";
-import { PptPanel } from "./components/ppt-panel";
-import { PsdPanel } from "./components/psd-panel";
-import { SearchPanel } from "./components/search-panel";
-import { SkillPanel } from "./components/skill-panel";
-
-const tabs = [
-  { value: "skills", title: "搜索Skills" },
-  { value: "search", title: "搜索" },
-  { value: "ppt", title: "PPT生成" },
-  { value: "psd", title: "PSD生成" },
-  { value: "chat", title: "对话" },
-];
-
-export default function DebugPage() {
-  const { isCheckingAuth, session } = useAuthGuard(["admin"]);
-
-  if (isCheckingAuth || !session || session.role !== "admin") {
-    return (
-      <div className="flex min-h-[calc(100vh-49px)] items-center justify-center">
-        <LoaderCircle className="size-5 animate-spin text-muted-foreground" />
-      </div>
-    );
-  }
-
-  return (
-    <Tabs defaultValue="skills" className="mx-auto flex min-h-[calc(100vh-49px)] w-full max-w-[1600px] flex-col gap-4 px-4 pt-3 pb-6 md:px-8">
-      <TabsList variant="line" className="w-full">
-        {tabs.map(({ value, title }) => (
-          <TabsTrigger key={value} value={value}>
-            {title}
-          </TabsTrigger>
-        ))}
-      </TabsList>
-      <TabsContent value="skills">
-        <SkillPanel />
-      </TabsContent>
-      <TabsContent value="search" className="min-h-0">
-        <SearchPanel />
-      </TabsContent>
-      <TabsContent value="ppt" className="min-h-0">
-        <PptPanel />
-      </TabsContent>
-      <TabsContent value="psd" className="min-h-0">
-        <PsdPanel />
-      </TabsContent>
-      <TabsContent value="chat" className="min-h-0">
-        <ChatPanel />
-      </TabsContent>
-    </Tabs>
-  );
-}
+"use client";
+
+import { LoaderCircle } from "lucide-react";
+
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useAuthGuard } from "@/lib/use-auth-guard";
+
+import { ChatPanel } from "./components/chat-panel";
+import { PptPanel } from "./components/ppt-panel";
+import { PsdPanel } from "./components/psd-panel";
+import { SearchPanel } from "./components/search-panel";
+import { SkillPanel } from "./components/skill-panel";
+
+const tabs = [
+  { value: "skills", title: "搜索Skills" },
+  { value: "search", title: "搜索" },
+  { value: "ppt", title: "PPT生成" },
+  { value: "psd", title: "PSD生成" },
+  { value: "chat", title: "对话" },
+];
+
+export default function DebugPage() {
+  const { isCheckingAuth, session } = useAuthGuard(["admin"]);
+
+  if (isCheckingAuth || !session || session.role !== "admin") {
+    return (
+      <div className="flex min-h-[calc(100vh-49px)] items-center justify-center">
+        <LoaderCircle className="size-5 animate-spin text-muted-foreground" />
+      </div>
+    );
+  }
+
+  return (
+    <Tabs defaultValue="skills" className="mx-auto flex min-h-[calc(100vh-49px)] w-full max-w-[1600px] flex-col gap-4 px-4 pt-3 pb-6 md:px-8">
+      <TabsList variant="line" className="w-full">
+        {tabs.map(({ value, title }) => (
+          <TabsTrigger key={value} value={value}>
+            {title}
+          </TabsTrigger>
+        ))}
+      </TabsList>
+      <TabsContent value="skills">
+        <SkillPanel />
+      </TabsContent>
+      <TabsContent value="search" className="min-h-0">
+        <SearchPanel />
+      </TabsContent>
+      <TabsContent value="ppt" className="min-h-0">
+        <PptPanel />
+      </TabsContent>
+      <TabsContent value="psd" className="min-h-0">
+        <PsdPanel />
+      </TabsContent>
+      <TabsContent value="chat" className="min-h-0">
+        <ChatPanel />
+      </TabsContent>
+    </Tabs>
+  );
+}