update web to dashboard

2026-04-15 17:20:57 +08:00
parent 3d98cf1e27
commit c07e588030
206 changed files with 0 additions and 0 deletions
@@ -1,75 +0,0 @@
-"use client"
-
-import { useEffect, useMemo } from "react"
-
-import { cn } from "@/lib/utils"
-
-type JsonCodeEditorProps = {
-  value: string
-  onChange: (value: string) => void
-  onValidationChange?: (error: string | null) => void
-  disabled?: boolean
-  className?: string
-}
-
-function validateJson(value: string) {
-  const text = value.trim()
-  if (!text) {
-    return null
-  }
-  try {
-    JSON.parse(text)
-    return null
-  } catch (error) {
-    return error instanceof Error ? error.message : "JSON 格式不合法"
-  }
-}
-
-export function JsonCodeEditor({
-  value,
-  onChange,
-  onValidationChange,
-  disabled = false,
-  className,
-}: JsonCodeEditorProps) {
-  const error = useMemo(() => validateJson(value), [value])
-  const lineCount = Math.max(1, value.split("\n").length)
-
-  useEffect(() => {
-    onValidationChange?.(error)
-  }, [error, onValidationChange])
-
-  return (
-    <div className={cn("rounded-lg border bg-slate-950", className)}>
-      <div className="flex items-center justify-between border-b border-slate-800 px-3 py-2">
-        <span className="font-mono text-[11px] uppercase tracking-[0.2em] text-slate-400">JSON</span>
-        <span
-          className={cn(
-            "text-xs",
-            error ? "text-rose-300" : "text-emerald-300"
-          )}
-        >
-          {error ? "格式错误" : "格式正确"}
-        </span>
-      </div>
-      <div className="flex min-h-52">
-        <div className="select-none border-r border-slate-800 bg-slate-900/70 px-3 py-3 font-mono text-xs leading-6 text-slate-500">
-          {Array.from({ length: lineCount }, (_, index) => (
-            <div key={index + 1}>{index + 1}</div>
-          ))}
-        </div>
-        <textarea
-          value={value}
-          onChange={(event) => onChange(event.target.value)}
-          disabled={disabled}
-          spellCheck={false}
-          className="min-h-52 flex-1 resize-y bg-transparent px-4 py-3 font-mono text-sm leading-6 text-slate-100 outline-none placeholder:text-slate-500 disabled:cursor-not-allowed disabled:opacity-60"
-          placeholder={`{\n  "key": "value"\n}`}
-        />
-      </div>
-      <div className="border-t border-slate-800 px-3 py-2 text-xs text-slate-400">
-        {error || "输入合法 JSON 后即可测试工具调用。"}
-      </div>
-    </div>
-  )
-}