@arronqzy/react-blueprint 1.0.1 → 1.0.4

package/src/components/BlueprintPanelToolbar.tsx

@@ -17,7 +17,9 @@ import {
 
 import type { BlueprintLibraryListItem } from "../library/types";
 import type { LifecycleNodeOption } from "../hooks/useBlueprintDebugSession";
-import { PAGE_LIFECYCLE_LABELS, type PageLifecyclePhase } from "@arronqzy/blueprint-dsl";
+import { type PageLifecyclePhase } from "@arronqzy/blueprint-dsl";
+import { useI18n } from "@arronqzy/i18n/react";
+import { getLifecyclePhaseLabel } from "../graph/document";
 
 export type BlueprintRenameDialogProps = {
   open: boolean;
@@ -32,6 +34,7 @@ export function BlueprintRenameDialog({
   onOpenChange,
   onConfirm,
 }: BlueprintRenameDialogProps) {
+  const { t } = useI18n();
   const [name, setName] = useState(initialName);
 
   useEffect(() => {
@@ -50,11 +53,11 @@ export function BlueprintRenameDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-sm">
         <DialogHeader>
-          <DialogTitle>重命名蓝图</DialogTitle>
-          <DialogDescription>修改蓝图库中该项的显示名称。</DialogDescription>
+          <DialogTitle>{t("blueprint.dialog.renameTitle")}</DialogTitle>
+          <DialogDescription>{t("blueprint.dialog.renameDescription")}</DialogDescription>
         </DialogHeader>
         <div className="space-y-1.5 py-1">
-          <Label htmlFor="blueprint-rename-input">蓝图名称</Label>
+          <Label htmlFor="blueprint-rename-input">{t("blueprint.dialog.blueprintName")}</Label>
           <Input
             id="blueprint-rename-input"
             value={name}
@@ -67,10 +70,10 @@ export function BlueprintRenameDialog({
         </div>
         <DialogFooter>
           <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-            取消
+            {t("common.cancel")}
           </Button>
           <Button type="button" onClick={handleConfirm} disabled={!name.trim()}>
-            确定
+            {t("common.confirm")}
           </Button>
         </DialogFooter>
       </DialogContent>
@@ -174,18 +177,19 @@ export function BlueprintDeleteDialog({
   onOpenChange,
   onConfirm,
 }: BlueprintDeleteDialogProps) {
+  const { t } = useI18n();
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-sm">
         <DialogHeader>
-          <DialogTitle>删除蓝图</DialogTitle>
+          <DialogTitle>{t("blueprint.dialog.deleteTitle")}</DialogTitle>
           <DialogDescription>
-            确定从蓝图库中删除「{blueprintName}」吗？此操作不可恢复。
+            {t("blueprint.dialog.deleteDescription", { name: blueprintName })}
           </DialogDescription>
         </DialogHeader>
         <DialogFooter>
           <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-            取消
+            {t("common.cancel")}
           </Button>
           <Button
             type="button"
@@ -195,7 +199,7 @@ export function BlueprintDeleteDialog({
               onOpenChange(false);
             }}
           >
-            删除
+            {t("common.delete")}
           </Button>
         </DialogFooter>
       </DialogContent>
@@ -335,6 +339,7 @@ function LibraryRow({
   onRename: () => void;
   onDelete: () => void;
 }) {
+  const { t } = useI18n();
   const nameButton = (
     <button
       type="button"
@@ -352,17 +357,17 @@ function LibraryRow({
       }`}
     >
       {active ? (
-        <ToolbarTooltip content="再次点击返回当前工作区蓝图">
+        <ToolbarTooltip content={t("blueprint.toolbar.clickAgainReturnWorkspace")}>
           {nameButton}
         </ToolbarTooltip>
       ) : (
         nameButton
       )}
-      <ToolbarTooltip content={`重命名「${item.name}」`}>
+      <ToolbarTooltip content={t("blueprint.toolbar.renameTooltip", { name: item.name })}>
         <button
           type="button"
           className="shrink-0 rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground"
-          aria-label={`重命名 ${item.name}`}
+          aria-label={t("blueprint.toolbar.renameAriaLabel", { name: item.name })}
           onClick={(e) => {
             e.stopPropagation();
             onRename();
@@ -371,11 +376,11 @@ function LibraryRow({
           <IconPencil />
         </button>
       </ToolbarTooltip>
-      <ToolbarTooltip content={`从蓝图库删除「${item.name}」`}>
+      <ToolbarTooltip content={t("blueprint.toolbar.deleteTooltip", { name: item.name })}>
         <button
           type="button"
           className="shrink-0 rounded p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
-          aria-label={`删除 ${item.name}`}
+          aria-label={t("blueprint.toolbar.deleteAriaLabel", { name: item.name })}
           onClick={(e) => {
             e.stopPropagation();
             onDelete();
@@ -400,6 +405,7 @@ export function BlueprintPanelToolbar({
   canSync = false,
   debug,
 }: BlueprintPanelToolbarProps) {
+  const { t } = useI18n();
   const [menuOpen, setMenuOpen] = useState(false);
   const [renameTarget, setRenameTarget] = useState<BlueprintLibraryListItem | null>(
     null
@@ -413,7 +419,9 @@ export function BlueprintPanelToolbar({
   const triggerLabel =
     activeItem?.name ??
     (currentBlueprintLabel?.trim() ||
-      (items.length > 0 ? "蓝图库" : "蓝图库为空"));
+      (items.length > 0
+        ? t("blueprint.toolbar.library")
+        : t("blueprint.toolbar.libraryEmpty")));
 
   const handleRenameConfirm = (name: string) => {
     if (!renameTarget) return;
@@ -426,7 +434,7 @@ export function BlueprintPanelToolbar({
       <TooltipProvider delayDuration={200}>
         <div className="flex min-w-0 flex-1 items-center gap-1.5">
           <div className="relative shrink-0">
-            <ToolbarTooltip content="打开蓝图库：点击项加载；已选中项再次点击可返回当前工作区蓝图">
+            <ToolbarTooltip content={t("blueprint.toolbar.openLibraryTooltip")}>
               <span className={items.length === 0 ? "inline-flex" : undefined}>
                 <Button
                   type="button"
@@ -452,7 +460,7 @@ export function BlueprintPanelToolbar({
                   {saved.length > 0 ? (
                     <div className="mb-1">
                       <div className="px-2 py-1 text-[10px] font-semibold text-muted-foreground">
-                        已保存
+                        {t("blueprint.toolbar.saved")}
                       </div>
                       {saved.map((item) => (
                         <LibraryRow
@@ -472,7 +480,7 @@ export function BlueprintPanelToolbar({
                   {imported.length > 0 ? (
                     <div>
                       <div className="px-2 py-1 text-[10px] font-semibold text-muted-foreground">
-                        已导入
+                        {t("blueprint.toolbar.imported")}
                       </div>
                       {imported.map((item) => (
                         <LibraryRow
@@ -499,8 +507,8 @@ export function BlueprintPanelToolbar({
             variant="outline"
             size="icon"
             className="h-7 w-7 shrink-0"
-            content="保存蓝图到本地蓝图库"
-            aria-label="保存蓝图到本地"
+            content={t("blueprint.toolbar.saveToLocalLibrary")}
+            aria-label={t("blueprint.toolbar.saveToLocalAriaLabel")}
             onClick={onSave}
           >
             <IconSave />
@@ -515,13 +523,13 @@ export function BlueprintPanelToolbar({
               content={
                 canSync
                   ? activeItem
-                    ? `同步更新蓝图库中的「${activeItem.name}」`
-                    : "将当前编辑同步到蓝图库"
+                    ? t("blueprint.toolbar.syncUpdateNamed", { name: activeItem.name })
+                    : t("blueprint.toolbar.syncToLibrary")
                   : activeItem
-                    ? `「${activeItem.name}」已与库中版本一致`
-                    : "请先从蓝图库选择要编辑的蓝图"
+                    ? t("blueprint.toolbar.alreadyInSyncNamed", { name: activeItem.name })
+                    : t("blueprint.toolbar.selectBlueprintFirst")
               }
-              aria-label="同步蓝图到库"
+              aria-label={t("blueprint.toolbar.syncAriaLabel")}
               disabled={!canSync}
               onClick={onSync}
             >
@@ -531,19 +539,19 @@ export function BlueprintPanelToolbar({
 
           {debug && debug.lifecycleNodes.length > 0 ? (
             <>
-              <ToolbarTooltip content="模拟场景：选择生命周期节点，表示当前处于该生命周期阶段">
+              <ToolbarTooltip content={t("blueprint.toolbar.simulateSceneTooltip")}>
                 <select
                   value={debug.selectedLifecycleNodeId ?? ""}
                   onChange={(e) => debug.onSelectLifecycleNode(e.target.value || null)}
                   className="h-7 max-w-[180px] shrink-0 rounded-md border border-input bg-background px-2 text-[11px] text-foreground outline-none focus-visible:ring-1 focus-visible:ring-primary"
-                  aria-label="模拟场景"
+                  aria-label={t("blueprint.toolbar.simulateSceneAriaLabel")}
                 >
-                  <option value="">模拟场景</option>
+                  <option value="">{t("blueprint.toolbar.simulateScene")}</option>
                   {debug.lifecycleNodes.map((node) => (
                     <option key={node.id} value={node.id}>
                       {node.label}
                       {node.phase
-                        ? ` · ${PAGE_LIFECYCLE_LABELS[node.phase as PageLifecyclePhase] ?? node.phase}`
+                        ? ` · ${getLifecyclePhaseLabel(t, node.phase as PageLifecyclePhase)}`
                         : ""}
                     </option>
                   ))}
@@ -555,8 +563,8 @@ export function BlueprintPanelToolbar({
                 variant="outline"
                 size="icon"
                 className="h-7 w-7 shrink-0"
-                content="走完全流程：从所选生命周期节点一次性执行完整任务链"
-                aria-label="走完全流程"
+                content={t("blueprint.toolbar.runAllTooltip")}
+                aria-label={t("blueprint.toolbar.runAllAriaLabel")}
                 disabled={!debug.selectedLifecycleNodeId || debug.running}
                 onClick={() => void debug.onRunAll()}
               >
@@ -568,8 +576,8 @@ export function BlueprintPanelToolbar({
                 variant="outline"
                 size="icon"
                 className="h-7 w-7 shrink-0"
-                content="回到开始：清空已执行记录，从所选生命周期节点重新调试"
-                aria-label="回到开始"
+                content={t("blueprint.toolbar.resetToStartTooltip")}
+                aria-label={t("blueprint.toolbar.resetToStartAriaLabel")}
                 disabled={
                   !debug.selectedLifecycleNodeId ||
                   debug.running ||
@@ -585,8 +593,8 @@ export function BlueprintPanelToolbar({
                 variant="outline"
                 size="icon"
                 className="h-7 w-7 shrink-0"
-                content="上一步：撤销最近一次节点执行，恢复日志与画布状态"
-                aria-label="上一步"
+                content={t("blueprint.toolbar.stepBackTooltip")}
+                aria-label={t("blueprint.toolbar.stepBackAriaLabel")}
                 disabled={
                   !debug.selectedLifecycleNodeId ||
                   debug.running ||
@@ -604,12 +612,12 @@ export function BlueprintPanelToolbar({
                 className="h-7 w-7 shrink-0"
                 content={
                   debug.falseSignalHalt
-                    ? "当前节点输出假信号，无法继续下一步"
+                    ? t("blueprint.toolbar.stepNextFalseHalt")
                     : debug.chainComplete
-                      ? "已经是最后一个节点，任务链已走完"
-                      : "下一步：向下一节点发送真信号，每次执行一个节点"
+                      ? t("blueprint.toolbar.stepNextChainComplete")
+                      : t("blueprint.toolbar.stepNextTooltip")
                 }
-                aria-label="下一步"
+                aria-label={t("blueprint.toolbar.stepNextAriaLabel")}
                 disabled={
                   !debug.selectedLifecycleNodeId ||
                   debug.running ||
@@ -620,13 +628,13 @@ export function BlueprintPanelToolbar({
                 <IconStepNext className="h-3.5 w-3.5" />
               </ToolbarTooltipButton>
 
-              <ToolbarTooltip content="任务输出日志：在右侧查看节点执行时间、输入与输出">
+              <ToolbarTooltip content={t("blueprint.toolbar.logPanelTooltip")}>
                 <Button
                   type="button"
                   variant={debug.logPanelOpen ? "default" : "outline"}
                   size="icon"
                   className="h-7 w-7 shrink-0"
-                  aria-label="任务输出日志"
+                  aria-label={t("blueprint.toolbar.logPanelAriaLabel")}
                   aria-pressed={debug.logPanelOpen}
                   onClick={debug.onToggleLogPanel}
                 >

package/src/components/ClockNodeConfigPanel.tsx

@@ -1,6 +1,7 @@
 import { useCallback, type ChangeEvent } from "react";
 import { Input } from "@arronqzy/ui";
 import type { ClockNodeConfig } from "@arronqzy/blueprint-dsl";
+import { useI18n } from "@arronqzy/i18n/react";
 
 import type { BlueprintGraphNode } from "../graph/document";
 import { resolveNodeClockConfig } from "../graph/document";
@@ -27,6 +28,7 @@ export function ClockNodeConfigPanel({
   node,
   onUpdateNode,
 }: ClockNodeConfigPanelProps) {
+  const { t } = useI18n();
   const clockConfig = resolveNodeClockConfig(node);
 
   const handleIntervalChange = useCallback(
@@ -71,15 +73,17 @@ export function ClockNodeConfigPanel({
 
   return (
     <div className="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-      <div className="font-medium text-foreground">时钟节点</div>
+      <div className="font-medium text-foreground">
+        {t("blueprint.config.clockTitle")}
+      </div>
       <p className="text-[11px] text-muted-foreground">
-        收到<strong>真信号</strong>后才开始计时输出；每次输出向下游发出
-        <strong>真信号</strong>，值包含当前时间（formatted / timestamp / isoTime）。
-        假信号会原样向下游传递。
+        {t("blueprint.config.clockHint")}
       </p>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">时钟信号间隔（秒）</span>
+        <span className="text-muted-foreground">
+          {t("blueprint.config.clockIntervalSeconds")}
+        </span>
         <Input
           type="number"
           min={0}
@@ -89,12 +93,14 @@ export function ClockNodeConfigPanel({
           className="h-8"
         />
         <p className="text-[11px] text-muted-foreground">
-          两次输出之间的间隔 n 秒；多次输出或未开启「立即发送」时须大于 0。
+          {t("blueprint.config.clockIntervalHint")}
         </p>
       </label>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">输出次数</span>
+        <span className="text-muted-foreground">
+          {t("blueprint.config.outputCount")}
+        </span>
         <Input
           type="number"
           min={1}
@@ -104,7 +110,7 @@ export function ClockNodeConfigPanel({
           className="h-8"
         />
         <p className="text-[11px] text-muted-foreground">
-          收到真信号后总共输出的次数，默认 1。
+          {t("blueprint.config.outputCountHint")}
         </p>
       </label>
 
@@ -116,13 +122,14 @@ export function ClockNodeConfigPanel({
           className="mt-0.5 h-3.5 w-3.5 shrink-0 rounded border border-input"
         />
         <span className="text-[11px] leading-relaxed text-muted-foreground">
-          收到信号立即发送：开启且输出次数大于 1 时，会立刻执行第 1 次，剩余次数按间隔 m
-          秒依次执行；仅输出 1 次时也会立刻执行。关闭则每次（含首次）都先等待 m 秒。
+          {t("blueprint.config.emitImmediately")}
         </span>
       </label>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">时间格式</span>
+        <span className="text-muted-foreground">
+          {t("blueprint.config.timeFormat")}
+        </span>
         <Input
           value={clockConfig.timeFormat}
           onChange={handleFormatChange}
@@ -131,7 +138,7 @@ export function ClockNodeConfigPanel({
           placeholder="YYYY-MM-DD HH:mm:ss"
         />
         <p className="text-[11px] text-muted-foreground">
-          支持 YYYY、MM、DD、HH、mm、ss，默认 YYYY-MM-DD HH:mm:ss。
+          {t("blueprint.config.timeFormatHint")}
         </p>
       </label>
     </div>

package/src/components/FetchNodeConfigPanel.tsx

@@ -19,6 +19,7 @@ import {
   FETCH_CREDENTIALS,
   FETCH_HTTP_METHODS,
   FETCH_MODES,
+  FETCH_NODE_TYPE,
   FETCH_REDIRECTS,
   FETCH_RESPONSE_TYPES,
 } from "@arronqzy/blueprint-dsl";
@@ -33,6 +34,8 @@ import {
   useFetchDebugTask,
   useSwaggerLoadTask,
 } from "../fetch-config-task-store";
+import { useI18n } from "@arronqzy/i18n/react";
+
 import { FetchUrlAutocomplete } from "./FetchUrlAutocomplete";
 
 function SendIcon({ className }: { className?: string }) {
@@ -144,6 +147,7 @@ function FetchDebugResponsePanel({
 }: {
   task: ReturnType<typeof useFetchDebugTask>;
 }) {
+  const { t } = useI18n();
   const [expanded, setExpanded] = useState(false);
 
   if (task.status === "idle" || task.status === "loading") return null;
@@ -151,7 +155,7 @@ function FetchDebugResponsePanel({
   if (task.status === "error") {
     return (
       <div className="rounded-md border border-destructive/40 bg-destructive/5 p-2">
-        <p className="text-[11px] text-destructive">{task.error ?? "请求失败"}</p>
+        <p className="text-[11px] text-destructive">{task.error ?? t("blueprint.config.requestFailed")}</p>
       </div>
     );
   }
@@ -172,7 +176,7 @@ function FetchDebugResponsePanel({
         onClick={() => setExpanded((value) => !value)}
       >
         <ChevronIcon className="h-3.5 w-3.5 shrink-0 text-muted-foreground" expanded={expanded} />
-        <span className="text-[11px] font-medium text-foreground">调试响应</span>
+        <span className="text-[11px] font-medium text-foreground">{t("blueprint.config.debugResponse")}</span>
         <span
           className={cn(
             "rounded px-1.5 py-0.5 font-mono text-[10px]",
@@ -238,8 +242,10 @@ function patchFetchConfig(
   patch: Partial<FetchRequestConfig>
 ) {
   return {
-    fetchConfig: { ...resolveNodeFetchConfig(node), ...patch },
+    role: "fetch" as const,
+    nodeType: FETCH_NODE_TYPE,
     configSource: "fetch" as const,
+    fetchConfig: { ...resolveNodeFetchConfig(node), ...patch },
   };
 }
 
@@ -247,6 +253,7 @@ export function FetchNodeConfigPanel({
   node,
   onUpdateNode,
 }: FetchNodeConfigPanelProps) {
+  const { t } = useI18n();
   const fetchConfig = resolveNodeFetchConfig(node);
   const endpoints = fetchConfig.swaggerEndpoints ?? [];
   const hasSwaggerEndpoints = endpoints.length > 0;
@@ -272,7 +279,7 @@ export function FetchNodeConfigPanel({
   const handleLoadSwagger = useCallback(() => {
     const docsUrl = fetchConfig.swaggerDocsUrl?.trim();
     if (!docsUrl) {
-      setValidationError("请先填写 Swagger 文档 URL");
+      setValidationError(t("blueprint.config.fillSwaggerUrlFirst"));
       return;
     }
 
@@ -302,7 +309,7 @@ export function FetchNodeConfigPanel({
   const handleSendFetchDebug = useCallback(() => {
     const url = fetchConfig.url?.trim();
     if (!url) {
-      setFetchValidationError("请先填写请求 URL");
+      setFetchValidationError(t("blueprint.config.fillRequestUrlFirst"));
       return;
     }
 
@@ -320,14 +327,13 @@ export function FetchNodeConfigPanel({
 
   return (
     <div className="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-      <div className="font-medium text-foreground">数据源获取 (Fetch)</div>
+      <div className="font-medium text-foreground">{t("blueprint.config.fetchTitle")}</div>
       <p className="text-[11px] text-muted-foreground">
-        收到<strong>真信号</strong>后发起 HTTP 请求；可导入 Swagger 文档后从接口列表联想选择
-        URL。
+        {t("blueprint.config.fetchHint")}
       </p>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">Swagger 文档 URL（可选）</span>
+        <span className="text-muted-foreground">{t("blueprint.config.swaggerUrlOptional")}</span>
         <div className="flex gap-1.5">
           <Input
             value={fetchConfig.swaggerDocsUrl ?? ""}
@@ -347,8 +353,8 @@ export function FetchNodeConfigPanel({
               variant="outline"
               size="icon"
               className="h-8 w-8 shrink-0 text-destructive hover:bg-destructive/10 hover:text-destructive"
-              title="中止解析"
-              aria-label="中止 Swagger 解析"
+              title={t("blueprint.config.abortParse")}
+              aria-label={t("blueprint.config.abortSwaggerAria")}
               onClick={handleAbortSwagger}
             >
               <StopIcon className="h-3.5 w-3.5" />
@@ -359,7 +365,7 @@ export function FetchNodeConfigPanel({
               variant="outline"
               size="icon"
               className="h-8 w-8 shrink-0"
-              title="解析 Swagger 文档"
+              title={t("blueprint.config.parseSwagger")}
               onClick={() => handleLoadSwagger()}
             >
               <SendIcon className="h-4 w-4" />
@@ -369,7 +375,7 @@ export function FetchNodeConfigPanel({
         {loadingSwagger ? (
           <p className="flex items-center gap-1.5 text-[11px] text-muted-foreground">
             <LoaderIcon className="h-3.5 w-3.5 shrink-0" />
-            正在解析 Swagger 文档，点击右侧按钮可中止…
+            {t("blueprint.config.parsingSwagger")}
           </p>
         ) : null}
         {swaggerError ? (
@@ -377,14 +383,14 @@ export function FetchNodeConfigPanel({
         ) : null}
         {endpoints.length > 0 ? (
           <p className="text-[11px] text-muted-foreground">
-            已解析 {endpoints.length} 个接口
+            {t("blueprint.config.parsedEndpoints", { count: endpoints.length })}
           </p>
         ) : null}
       </label>
 
       <label className="block space-y-1">
         <div className="flex items-center justify-between gap-2">
-          <span className="text-muted-foreground">请求 URL</span>
+          <span className="text-muted-foreground">{t("blueprint.config.requestUrl")}</span>
           {hasSwaggerEndpoints ? (
             <div className="flex rounded-md border border-border p-0.5">
               <button
@@ -398,7 +404,7 @@ export function FetchNodeConfigPanel({
                 )}
                 onClick={() => setUrlInputMode("swagger")}
               >
-                接口联想
+                {t("blueprint.config.suggestApi")}
               </button>
               <button
                 type="button"
@@ -411,7 +417,7 @@ export function FetchNodeConfigPanel({
                 )}
                 onClick={() => setUrlInputMode("manual")}
               >
-                手动输入
+                {t("blueprint.config.manualInput")}
               </button>
             </div>
           ) : null}
@@ -425,7 +431,7 @@ export function FetchNodeConfigPanel({
             )}
           >
             <label className="block space-y-1">
-              <span className="text-muted-foreground">API 主机 / Base URL</span>
+              <span className="text-muted-foreground">{t("blueprint.config.apiHostBaseUrl")}</span>
               <Input
                 value={fetchConfig.apiBaseUrl ?? ""}
                 onChange={(e: ChangeEvent<HTMLInputElement>) =>
@@ -439,7 +445,7 @@ export function FetchNodeConfigPanel({
               />
             </label>
             <label className="block space-y-1">
-              <span className="text-muted-foreground">选择接口</span>
+              <span className="text-muted-foreground">{t("blueprint.config.selectEndpoint")}</span>
               <div className="flex gap-1.5">
                 <div className="min-w-0 flex-1">
                   <FetchUrlAutocomplete
@@ -447,7 +453,7 @@ export function FetchNodeConfigPanel({
                     apiBaseUrl={fetchConfig.apiBaseUrl ?? ""}
                     endpoints={endpoints}
                     selectOnly
-                    placeholder="点击选择或搜索接口"
+                    placeholder={t("blueprint.config.selectOrSearchEndpoint")}
                     onChange={(url) =>
                       onUpdateNode(node.id, patchFetchConfig(node, { url }))
                     }
@@ -467,10 +473,10 @@ export function FetchNodeConfigPanel({
                   disabled={loadingSwagger}
                   onSend={handleSendFetchDebug}
                   onAbort={handleAbortFetchDebug}
-                  sendTitle="发送调试请求"
-                  abortTitle="中止请求"
-                  sendAriaLabel="发送调试请求"
-                  abortAriaLabel="中止调试请求"
+                  sendTitle={t("blueprint.config.sendDebugRequest")}
+                  abortTitle={t("blueprint.config.abortRequest")}
+                  sendAriaLabel={t("blueprint.config.sendDebugRequest")}
+                  abortAriaLabel={t("blueprint.config.abortDebugAria")}
                 />
               </div>
             </label>
@@ -491,17 +497,17 @@ export function FetchNodeConfigPanel({
               disabled={loadingSwagger}
               onSend={handleSendFetchDebug}
               onAbort={handleAbortFetchDebug}
-              sendTitle="发送调试请求"
-              abortTitle="中止请求"
-              sendAriaLabel="发送调试请求"
-              abortAriaLabel="中止调试请求"
+              sendTitle={t("blueprint.config.sendDebugRequest")}
+              abortTitle={t("blueprint.config.abortRequest")}
+              sendAriaLabel={t("blueprint.config.sendDebugRequest")}
+              abortAriaLabel={t("blueprint.config.abortDebugAria")}
             />
           </div>
         )}
         {loadingFetchDebug ? (
           <p className="flex items-center gap-1.5 text-[11px] text-muted-foreground">
             <LoaderIcon className="h-3.5 w-3.5 shrink-0" />
-            正在发送调试请求，点击右侧按钮可中止…
+            {t("blueprint.config.sendingDebug")}
           </p>
         ) : null}
         {fetchValidationError ? (
@@ -511,7 +517,7 @@ export function FetchNodeConfigPanel({
       </label>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">请求方法</span>
+        <span className="text-muted-foreground">{t("blueprint.config.requestMethod")}</span>
         <Select
           value={fetchConfig.method ?? "GET"}
           onValueChange={(value: string) =>
@@ -535,7 +541,7 @@ export function FetchNodeConfigPanel({
       </label>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">请求头 (JSON)</span>
+        <span className="text-muted-foreground">{t("blueprint.config.requestHeadersJson")}</span>
         <textarea
           defaultValue={JSON.stringify(fetchConfig.headers ?? {}, null, 2)}
           key={`${node.id}-headers-${JSON.stringify(fetchConfig.headers)}`}
@@ -557,7 +563,7 @@ export function FetchNodeConfigPanel({
       </label>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">请求体</span>
+        <span className="text-muted-foreground">{t("blueprint.config.requestBody")}</span>
         <textarea
           value={fetchConfig.body ?? ""}
           onChange={(e) =>
@@ -668,7 +674,7 @@ export function FetchNodeConfigPanel({
 
       <div className="grid grid-cols-2 gap-2">
         <label className="block space-y-1">
-          <span className="text-muted-foreground">响应解析</span>
+          <span className="text-muted-foreground">{t("blueprint.config.responseParse")}</span>
           <Select
             value={fetchConfig.responseType ?? "json"}
             onValueChange={(value: string) =>
@@ -693,7 +699,7 @@ export function FetchNodeConfigPanel({
           </Select>
         </label>
         <label className="block space-y-1">
-          <span className="text-muted-foreground">超时 (ms)</span>
+          <span className="text-muted-foreground">{t("blueprint.config.timeoutMs")}</span>
           <Input
             type="number"
             min={0}

package/src/components/FetchUrlAutocomplete.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { cn } from "@arronqzy/ui";
+import { useI18n } from "@arronqzy/i18n/react";
 import {
   buildEndpointSuggestions,
   filterEndpointSuggestions,
@@ -28,6 +29,7 @@ export function FetchUrlAutocomplete({
   onChange,
   onSelectEndpoint,
 }: FetchUrlAutocompleteProps) {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
   const [activeIndex, setActiveIndex] = useState(0);
   const [filterQuery, setFilterQuery] = useState("");
@@ -146,7 +148,7 @@ export function FetchUrlAutocomplete({
         <div className="absolute z-[10150] mt-1 max-h-52 w-full overflow-auto rounded-md border border-border bg-popover py-1 text-popover-foreground shadow-md">
           {filtered.length === 0 ? (
             <div className="px-2 py-1.5 text-[11px] text-muted-foreground">
-              无匹配接口
+              {t("blueprint.config.noMatchingEndpoint")}
             </div>
           ) : (
             filtered.map((item, index) => (