@wszhoho/dsh-file-attachment 0.5.6 → 0.5.8

package/README.md

@@ -23,7 +23,7 @@ DeepSeek Harness (dsh) web GUI 插件：在会话输入框中拖入或 Ctrl+V
 - **可上传类型**：按 文档 / 代码 / 配置文件 三类增删扩展名（小写、不带点），图片恒可发送；
 - **多模态识别参数（VLM）**：Base URL / API Key / 模型 / 思考模式开关（默认禁用）/ 超时时间（默认 60 秒），仅当前会话模型不支持多模态时调用，未填 API Key 时静默跳过。
 
-![可上传类型设置](docs/settings-file-types.png)
+![可上传类型设置、多模态API设置](docs/settings-file-types.jpg)
 
 ## 行为一览
 
@@ -123,4 +123,4 @@ packages/dsh-file-attachment/
 
 ## License
 
-MIT
+MIT

package/lib/client.js

@@ -1091,6 +1091,7 @@ window.__ModuleLoader__.load({
 
 		// 设置页扩展名分组：标题 + 可删 tag + 输入框 + 添加按钮
 		function FaExtGroup(props) {
+			const [hover, setHover] = react.useState(false)
 			const list = props.list
 			const setList = props.setList
 			const input = props.input
@@ -1110,7 +1111,7 @@ window.__ModuleLoader__.load({
 					style: { cursor: 'pointer', marginLeft: '4px', opacity: 0.55 },
 				}, '×')
 			))
-			return react.createElement('div', { style: { marginBottom: '18px' } },
+			return react.createElement('div', { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), style: { marginBottom: '18px', padding: '14px 16px', borderRadius: '12px', background: hover ? 'var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.06))' : 'var(--dsw-alias-bg-layer-1, rgba(128,128,128,0.04))', border: `1px solid ${hover ? 'var(--dsw-alias-label-dimmed, var(--dsw-alias-border-l2, rgba(128,128,128,0.3)))' : 'var(--dsw-alias-border-l1, rgba(128,128,128,0.14))'}`, boxShadow: hover ? '0 2px 8px rgba(0,0,0,0.05)' : 'none', transition: 'border-color 0.16s, background 0.16s, box-shadow 0.16s' } },
 				react.createElement('div', { style: { fontWeight: 600, marginBottom: '8px', fontSize: '13px' } }, props.title),
 				react.createElement('div', { style: { marginBottom: '8px', minHeight: '22px' } }, tags),
 				react.createElement('div', { style: { display: 'flex', gap: '8px' } },
@@ -1149,6 +1150,7 @@ window.__ModuleLoader__.load({
 			const [cfgIn, setCfgIn] = react.useState('')
 			const [saved, setSaved] = react.useState(false)
 			const [saving, setSaving] = react.useState(false)
+			const [vlmHover, setVlmHover] = react.useState(false)
 			react.useEffect(() => {
 				// 挂载时载入持久化配置到编辑副本（幂等，复用 loadConfig Promise）
 				let live = true
@@ -1193,11 +1195,11 @@ window.__ModuleLoader__.load({
 				} finally { setSaving(false) }
 			}
 			return react.createElement('div', { style: { padding: '16px', maxWidth: '680px' } },
-				react.createElement('div', { style: { marginBottom: '16px', fontSize: '13px', color: 'rgba(128,128,128,0.9)' } }, t('settings.hint')),
+				react.createElement('div', { style: { marginBottom: '16px', fontSize: '13px', lineHeight: '1.5', color: 'var(--dsw-alias-label-secondary, rgba(128,128,128,0.95))' } }, t('settings.hint')),
 				react.createElement(FaExtGroup, { title: t('doc.title'), list: doc, setList: setDoc, input: docIn, setInput: setDocIn }),
 				react.createElement(FaExtGroup, { title: t('code.title'), list: code, setList: setCode, input: codeIn, setInput: setCodeIn }),
 				react.createElement(FaExtGroup, { title: t('config.title'), list: config, setList: setConfig, input: cfgIn, setInput: setCfgIn }),
-				react.createElement('div', { style: { margin: '16px 0', padding: '12px', borderRadius: '8px', background: 'var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.08))', border: '1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.15))' } },
+				react.createElement('div', { onMouseEnter: () => setVlmHover(true), onMouseLeave: () => setVlmHover(false), style: { margin: '16px 0', padding: '14px 16px', borderRadius: '12px', background: vlmHover ? 'var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.06))' : 'var(--dsw-alias-bg-layer-1, rgba(128,128,128,0.04))', border: `1px solid ${vlmHover ? 'var(--dsw-alias-label-dimmed, var(--dsw-alias-border-l2, rgba(128,128,128,0.3)))' : 'var(--dsw-alias-border-l1, rgba(128,128,128,0.14))'}`, boxShadow: vlmHover ? '0 2px 8px rgba(0,0,0,0.05)' : 'none', transition: 'border-color 0.16s, background 0.16s, box-shadow 0.16s' } },
 					react.createElement('div', { style: { marginBottom: '8px', fontSize: '13px', fontWeight: '600', color: 'var(--dsw-alias-label-primary, inherit)' } }, t('vlm.title')),
 					react.createElement('div', { style: { marginBottom: '10px', fontSize: '12px', color: 'var(--dsw-alias-label-tertiary, rgba(128,128,128,0.9))' } }, t('vlm.hint')),
 					react.createElement('div', { style: { display: 'grid', gridTemplateColumns: '110px 1fr', gap: '8px 10px', alignItems: 'center' } },
@@ -1237,11 +1239,12 @@ window.__ModuleLoader__.load({
 			const [open, setOpen] = react.useState(false)
 			const [hover, setHover] = react.useState(false)
 			const [version, setVersion] = react.useState(null)
-			react.useEffect(() => {
-				fetch('/dsh-file-attachment/version').then(r => r.json()).then(d => {
-					if (d.ok && d.version) setVersion(d.version)
-				}).catch(() => { /* ignore */ })
-			}, [])
+			// 【已屏蔽 /version 拉取，保留代码以备后用】
+			// react.useEffect(() => {
+			// 	fetch('/dsh-file-attachment/version').then(r => r.json()).then(d => {
+			// 		if (d.ok && d.version) setVersion(d.version)
+			// 	}).catch(() => { /* ignore */ })
+			// }, [])
 			function t(key) {
 				if (ctxRef !== null && ctxRef.locale !== void 0 && typeof ctxRef.locale.bind === 'function') {
 					try { return ctxRef.locale.bind('dsh-file-attachment')(key) } catch (err) { /* 回退 key */ }
@@ -1383,17 +1386,15 @@ window.__ModuleLoader__.load({
 					{ name: 'shell.overlay', id: 'dsh-file-attachment-lightbox', order: 200 },
 					FaLightbox
 				))
-				// 插件配置 tab 卡片：settings.plugin.item（key = settings 命名空间 'dsh-file-attachment'）。
-				// 卡片自渲染标题+描述+展开（见 FaSettingsCard），展开后承载原有设置表单。
-				// 嵌套 inject settingsScope：老版本 host（< 0.1.0-rc.7）无该服务时卡片不出现，
-				// 但不卸载整个插件（graceful degradation，与插件市场同形）。
-				ctx.inject(['settingsScope'], (scoped) => {
-					scoped.slots.inject('settings.plugin.item', () => scoped.slots.register({
-						name: 'settings.plugin.item',
-						key: 'dsh-file-attachment',
-						locale: 'dsh-file-attachment',
-					}, FaSettingsCard))
-				})
+				// 设置左侧独立菜单：settings.section（label 显示在左侧菜单，内容区渲染表单）
+				slots.inject('settings.section', () => [
+					slots.register({
+						name: 'settings.section',
+						id: 'dsh-file-attachment-settings',
+						order: 120,
+						label: () => ctx.locale.bind('dsh-file-attachment')('settings.title'),
+					}, () => react.createElement(FaSettingsPage, {})),
+				])
 			}
 			bridge.conversation = ctx.get('conversation')
 			// 劫持 dsh 原生📎：让上传入口位于与 dsh 本体一致的位置（hero/composer 两模式同一按钮），

package/lib/index.js

@@ -9,7 +9,9 @@ import { homedir } from 'node:os'
 import { join, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { defineTool } from '@deepseek-ai/dsh-tools'
-import z from '@deepseek-ai/schemastery'
+// schemastery 为 peerDependency：link 插件目录内可能未安装，用顶层 await 安全加载
+let z = null
+try { z = (await import('@deepseek-ai/schemastery')).default } catch { /* 降级：跳过 settings 注册 */ }
 
 /** 本包声明依赖的 Host 服务。 */
 export const name = 'dsh-file-attachment'
@@ -161,7 +163,7 @@ const SETTINGS_NS = 'dsh-file-attachment'
  * 仅用于登记命名空间结构（与自动继续插件的 settings.register 同形）；卡片内部表单
  * 继续走 /config 接口读写真实配置。
  */
-const FaAttachmentSchema = z.object({
+const FaAttachmentSchema = z ? z.object({
   doc: z.array(z.string()).default(DEFAULT_TYPES.doc),
   code: z.array(z.string()).default(DEFAULT_TYPES.code),
   config: z.array(z.string()).default(DEFAULT_TYPES.config),
@@ -172,7 +174,7 @@ const FaAttachmentSchema = z.object({
     thinkingType: z.string().default(VLM_DEFAULTS.thinkingType),
     timeout: z.natural().default(VLM_DEFAULTS.timeout),
   }),
-})
+}) : null
 
 /** 规范化多模态参数（缺省/空值回退默认，trim 去空白）。 */
 function normalizeVlm(raw) {
@@ -368,18 +370,19 @@ function registerRoutes(ctx) {
           return
         }
       }
-      if (req.method === 'GET' && pathname === '/dsh-file-attachment/version') {
-        try {
-          const pkgPath = fileURLToPath(new URL('../package.json', import.meta.url))
-          const raw = await readFile(pkgPath, 'utf8')
-          const pkg = JSON.parse(raw)
-          json(res, { ok: true, version: pkg.version || '0.0.0' })
-          return
-        } catch {
-          json(res, { ok: false, version: 'unknown' }, 500)
-          return
-        }
-      }
+      // 【已屏蔽 /version 路由，保留代码以备后用】
+      // if (req.method === 'GET' && pathname === '/dsh-file-attachment/version') {
+      //   try {
+      //     const pkgPath = fileURLToPath(new URL('../package.json', import.meta.url))
+      //     const raw = await readFile(pkgPath, 'utf8')
+      //     const pkg = JSON.parse(raw)
+      //     json(res, { ok: true, version: pkg.version || '0.0.0' })
+      //     return
+      //   } catch {
+      //     json(res, { ok: false, version: 'unknown' }, 500)
+      //     return
+      //   }
+      // }
       if (req.method === 'GET' && pathname === '/dsh-file-attachment/config') {
         json(res, { ok: true, value: await readConfig() })
         return
@@ -527,7 +530,9 @@ export function apply(ctx, config = {}) {
   // 老版本 host（无 settings 服务，< 0.1.0-rc.7）此回调不运行，命名空间不登记，
   // 卡片不出现但不卸载整个插件（graceful degradation，与自动继续/插件市场同形）。
   ctx.inject(['settings'], (scopedCtx) => {
-    scopedCtx.settings.register(SETTINGS_NS, FaAttachmentSchema, {})
+    if (FaAttachmentSchema) {
+      scopedCtx.settings.register(SETTINGS_NS, FaAttachmentSchema, {})
+    }
   })
   console.log('[dsh-file-attachment] host loaded (webServer routes + describe_image tool)')
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wszhoho/dsh-file-attachment",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "文件附件：拖拽/粘贴/上传文件（支持多文件）；图片与文档统一落盘到 .dsh-file-attachment 并以 @绝对路径 引用发送（文本模型可正常使用）；输入框内联显示图片缩略图预览与文件条目，聊天区图片同样渲染为可点击放大的缩略图、文件保持芯片样式；非多模态模型下图片自动调用可配置 VLM 识别生成中文描述回填草稿；文档/代码/配置文件可上传类型可在设置页配置；支持 PC 与移动端浏览器",
   "keywords": [
     "dsh",