🎨 Simplify template manager context and source labels #19167

Author: 88250

app/src/assets/scss/business/_template-manager.scss

@@ -122,18 +122,14 @@
   }
 
   &__context {
-    summary {
-      cursor: pointer;
-      overflow-wrap: anywhere;
-    }
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    overflow-wrap: anywhere;
 
     &-name {
       margin-inline-start: 8px;
     }
-
-    > div {
-      margin-top: 8px;
-    }
   }
 
   &__context-fields {

app/src/template/manager.ts

@@ -50,12 +50,12 @@ ${button("rename", lang.rename)}${button("move", lang.move)}${button("remove", l
 <div class="template-manager__path ft__breakword"></div>
 <textarea class="b3-text-field template-manager__source" spellcheck="false" aria-label="${lang.templateSource}" disabled></textarea>
 <div class="template-manager__actions">${button("save", lang.save)}${button("preview", lang.templatePreview)}</div>
-<details class="template-manager__context">
-<summary>${lang.templateContext}<span class="template-manager__context-name"></span></summary>
+<div class="template-manager__context">
+<div>${lang.templateContext}<span class="template-manager__context-name"></span></div>
 <div class="ft__on-surface">${lang.templateContextTip}</div>
 <div class="template-manager__context-fields">
 <input class="b3-text-field" type="search" placeholder="${lang.templateContextSearch}" aria-label="${lang.templateContextSearch}">
-<select class="b3-select" aria-label="${lang.templateContext}"></select></div></details>
+<select class="b3-select" aria-label="${lang.templateContext}"></select></div></div>
 <div class="template-manager__preview"></div>
 </div></div>
 </div>`,
@@ -104,7 +104,8 @@ ${button("rename", lang.rename)}${button("move", lang.move)}${button("remove", l
         destroy();
     });
     const update = () => {
-        pathLabel.textContent = (selected?.path || lang.templateSource) + (dirty() ? " *" : "");
+        pathLabel.textContent = (selected?.path || "") + (dirty() ? " *" : "");
+        pathLabel.classList.toggle("fn__none", !selected);
         source.disabled = !selected || selected.isDir;
         source.readOnly = busy;
         list.setAttribute("aria-busy", String(busy));

docs/TEMPLATE-MANAGER.md

@@ -12,7 +12,7 @@
 
 ## 预览
 
-点击「预览模板」执行当前文本框中的内容，无须先保存或插入文档。默认使用打开窗口时的文档或块作为上下文；「预览上下文」默认收起并显示当前选择的名称，展开后可以搜索并选择其他文档。此处搜索的是上下文文档，不是左侧模板列表。预览使用所选文档的标题、ID 等信息运行模板，不会修改该文档；标题、ID、路径和 SQL 查询等结果取决于所选上下文及当前数据。
+点击「预览模板」执行当前文本框中的内容，无须先保存或插入文档。默认使用打开窗口时的文档或块作为上下文；「预览上下文」直接显示当前选择的名称、用途说明和文档选择控件，可以搜索并选择其他文档。此处搜索的是上下文文档，不是左侧模板列表。预览使用所选文档的标题、ID 等信息运行模板，不会修改该文档；标题、ID、路径和 SQL 查询等结果取决于所选上下文及当前数据。
 
 预览使用现有只读渲染模式，不保存当前源码，也不提交文档树创建计划。数据库预览仍使用表格展示，不能等同于实际插入后的全部交互效果。