chore: palceholder

web/app/components/workflow/skill/editor/markdown-file-editor.tsx

@@ -1,5 +1,6 @@
 import type { FC } from 'react'
 import * as React from 'react'
+import { useTranslation } from 'react-i18next'
 import PromptEditor from '@/app/components/base/prompt-editor'
 
 type MarkdownFileEditorProps = {
@@ -8,6 +9,8 @@ type MarkdownFileEditorProps = {
 }
 
 const MarkdownFileEditor: FC<MarkdownFileEditorProps> = ({ value, onChange }) => {
+  const { t } = useTranslation()
+
   return (
     <div className="h-full w-full bg-components-panel-bg">
       <PromptEditor
@@ -16,6 +19,19 @@ const MarkdownFileEditor: FC<MarkdownFileEditorProps> = ({ value, onChange }) =>
         showLineNumbers
         className="h-full"
         wrapperClassName="h-full"
+        placeholder={(
+          <span className="flex items-center gap-1 text-components-input-text-placeholder">
+            <span>{t('promptEditor.skillMarkdown.placeholderPrefix', { ns: 'common' })}</span>
+            <span className="system-kbd inline-flex h-4 min-w-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray px-[1px] text-text-placeholder">/</span>
+            <span className="text-[13px] leading-4 underline decoration-dotted">
+              {t('promptEditor.skillMarkdown.placeholderReferenceFiles', { ns: 'common' })}
+            </span>
+            <span className="system-kbd inline-flex h-4 min-w-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray px-[1px] text-text-placeholder">@</span>
+            <span className="text-[13px] leading-4 underline decoration-dotted">
+              {t('promptEditor.skillMarkdown.placeholderUseTools', { ns: 'common' })}
+            </span>
+          </span>
+        )}
       />
     </div>
   )

web/i18n/en-US/common.json

@@ -508,6 +508,9 @@
   "promptEditor.placeholder": "Write your prompt word here, enter '{' to insert a variable, enter '/' to insert a prompt content block",
   "promptEditor.query.item.desc": "Insert user query template",
   "promptEditor.query.item.title": "Query",
+  "promptEditor.skillMarkdown.placeholderPrefix": "Type to write,",
+  "promptEditor.skillMarkdown.placeholderReferenceFiles": "reference files,",
+  "promptEditor.skillMarkdown.placeholderUseTools": "use tools",
   "promptEditor.variable.item.desc": "Insert Variables & External Tools",
   "promptEditor.variable.item.title": "Variables & External Tools",
   "promptEditor.variable.modal.add": "New variable",

web/i18n/zh-Hans/common.json

@@ -508,6 +508,9 @@
   "promptEditor.placeholder": "在这里写你的提示词，输入'{' 插入变量、输入'/' 插入提示内容块",
   "promptEditor.query.item.desc": "插入用户查询模板",
   "promptEditor.query.item.title": "查询内容",
+  "promptEditor.skillMarkdown.placeholderPrefix": "输入",
+  "promptEditor.skillMarkdown.placeholderReferenceFiles": "引用文件，",
+  "promptEditor.skillMarkdown.placeholderUseTools": "使用工具",
   "promptEditor.variable.item.desc": "插入变量和外部工具",
   "promptEditor.variable.item.title": "变量 & 外部工具",
   "promptEditor.variable.modal.add": "添加新变量",

web/i18n/zh-Hant/common.json

@@ -508,6 +508,9 @@
   "promptEditor.placeholder": "在這裡寫你的提示詞，輸入'{' 插入變數、輸入'/' 插入提示內容塊",
   "promptEditor.query.item.desc": "插入使用者查詢模板",
   "promptEditor.query.item.title": "查詢內容",
+  "promptEditor.skillMarkdown.placeholderPrefix": "輸入",
+  "promptEditor.skillMarkdown.placeholderReferenceFiles": "參考檔案，",
+  "promptEditor.skillMarkdown.placeholderUseTools": "使用工具",
   "promptEditor.variable.item.desc": "插入變數和外部工具",
   "promptEditor.variable.item.title": "變數 & 外部工具",
   "promptEditor.variable.modal.add": "新增新變數",