@jetecho/dsh-csv-and-image-preview 0.1.0

package/Agent.md

@@ -0,0 +1,39 @@
+# Agent.md — dsh-csv-and-image-preview 行为契约
+
+这份文档定义当你(agent)使用 `dsh-csv-and-image-preview` 时应遵守的**预览式工作流**。它是给 agent 读的规则,搭配仓库里的独立 agent preset(`image-preview`)一起使用,把规则写进会话 persona。
+
+## 核心原则:先预览,后落地
+
+凡涉及**生成或修改图片 / SVG**,默认顺序必须是:
+
+1. **先预览** —— 调用 `preview_image`,把结果渲染到聊天里给用户看;
+   - 读磁盘文件:`path=<绝对路径>`
+   - 内联 SVG(未落盘):`content=<svg ...> mime=image/svg+xml`
+   - 任意资源:直接传 `path`
+2. **等确认** —— 预览后停止写入,等待用户明确同意;
+3. **用户认可**(如 `确认` / `可以` / `就这样`)后,才真正写文件 / 执行改动;
+4. **用户否决** 时,按反馈修改并**再次预览**,直到认可为止。
+
+## 不要做的事
+
+- 不要在没预览的情况下,直接覆盖或新增一个图片 / SVG 文件。
+- 不要把图片字节塞进回复文本或模型上下文 —— 那是 meta 的活,你只需拿到紧凑摘要。
+- 不要用 markdown `![alt](data:...)` 或 ```` ```dsh-ui ```` 的 `image` 组件来"显示图片"—— 聊天渲染器会拦截,必须走 `preview_image` 工具。
+
+## 交互话术
+
+- 预览后:**"这是预览,请确认后再写入。"** 或列出的差异点。
+- 等待确认时,保持在工作流里,不要擅自落地。
+- 确认后:**"已按预览图写入 `path`。"**
+
+## 插件能力
+
+| 能力 | 说明 |
+|---|---|
+| `preview_image` 工具 | 读取文件 / 内联 SVG → data-URI → 浏览器 `<img>` 渲染 |
+| 键控 toolview | `tool.call.toolview` key=`preview_image`,渲染原生 `<img>` |
+| meta 通道 | 图片字节只走 `presentationMeta` 进浏览器,不进模型上下文 |
+
+## 为什么
+
+聊天渲染器不渲染 markdown 或 genui 里的图片(白名单里也没有 `image` 组件)。`React.createElement('img')` 生成的是浏览器原生 `<img>`,不经过那套过滤,所以能真实显示。预览式工作流让用户**先看到结果再决策**,避免"生成即覆写"的返工。

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 jetecho
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.en.md

@@ -0,0 +1,73 @@
+# dsh-csv-and-image-preview
+
+English | [中文](README.md)
+
+Render images and SVG **for real** in the DeepSeek Harness (dsh) chat — and prepare CSV review — displayed as a native browser `<img>`, bypassing the chat renderer's markdown / genui image filter, and paired with a **preview-first workflow**: generate or modify an image, render it to you first, and only apply the real change once you confirm.
+
+## Install
+
+Standard Profile Bundle install (recommended):
+
+```sh
+dsh plugin --profile web add dsh-csv-and-image-preview
+```
+
+Or install the development copy from a local directory:
+
+```sh
+dsh plugin --profile web add ../dsh-csv-and-image-preview
+```
+
+After installing, restart `dsh web` so the new bundle joins the runtime. Legacy fallback for older versions: copy the package into the profile's `node_modules` and insert the `- insert: [...]` row in `cordis.patch.yml` — keep this for old-version compatibility only.
+
+## What it does
+
+1. **Real image rendering.** The host registers a `preview_image` tool: it reads a file path (or inline SVG), infers the MIME, base64-encodes it into a data-URI, and projects it through the tool result's `presentationMeta`. The browser-side keyed toolview (`tool.call.toolview`, key `preview_image`) reads that meta and renders a native `<img>`. The image bytes travel only through meta into the browser — **never into the model context**.
+2. **Preview-first workflow.** After calling `preview_image`, the agent receives a compact summary (SVG/bitmap, dimensions, byte count) while the actual image is shown in chat; the agent then **waits for your confirmation** before writing files or applying changes.
+3. **Preview any resource.** Pass a local path to preview the matching image file, or pass inline SVG text to render without writing to disk.
+
+## Usage examples
+
+```markdown
+<!-- Preview a file on disk -->
+I'll show you the preview first.
+[call preview_image path=E:\DSHConfig\logo-a.svg label=ALPHA]
+```
+
+```markdown
+<!-- Preview inline SVG (not yet on disk) -->
+[call preview_image content=<svg ...> mime=image/svg+xml label=sketch]
+```
+
+The agent sees something like `已渲染预览「ALPHA」:SVG 矢量图(1.3 KB).` while the picture appears in the tool card.
+
+## Convention: preview first
+
+This plugin treats "preview, then apply" as the default behavior:
+
+- When generating / modifying an SVG, image, or CSV, **preview it first** with `preview_image`; do not write the real file yet.
+- Only after the user confirms (`确认` / `可以` / `就这样`) do you actually write / mutate.
+- If the user rejects it, redo per feedback and preview again.
+- To preview any resource, pass `path` directly.
+
+To enforce this convention, pair it with the bundled agent preset (see `Agent.md`), which writes these rules into the session persona.
+
+## Layout
+
+```
+lib/index.js   host: registers the preview_image tool; reads files and projects data-URIs
+lib/client.js  browser bundle: registers the keyed toolview; renders a native <img>
+cordis.patch.yml  profile insert line
+```
+
+## Development
+
+```sh
+pnpm install
+pnpm build       # no-op: lib/ ships prebuilt, no transpile
+pnpm prepack     # verify the packed tarball contains lib/
+```
+
+## License
+
+MIT © [jetecho](./LICENSE). See [LICENSE](./LICENSE).

package/README.md

@@ -0,0 +1,73 @@
+# dsh-csv-and-image-preview
+
+[English](README.en.md) | 中文
+
+在 DeepSeek Harness (dsh) 聊天里**真正把图片 / SVG 显示出来**的插件——并支持 CSV 数据先行预览。它把图片以浏览器原生 `<img>` 渲染，绕过聊天渲染器对 markdown / genui 图片的过滤；同时内置**预览式工作流**：生成或修改图片或 CSV 时，先把结果渲染给你看，等你确认后再落地真正的改动。
+
+## 安装
+
+标准 Profile Bundle 安装（推荐）：
+
+```sh
+dsh plugin --profile web add dsh-csv-and-image-preview
+```
+
+或从本地目录安装开发版：
+
+```sh
+dsh plugin --profile web add ../dsh-csv-and-image-preview
+```
+
+安装后需重启 `dsh web` 让新 bundle 进入运行时。更早版本兼容做法是手动把包复制进 profile 的 `node_modules` 并在 `cordis.patch.yml` 插入 `- insert: [...]`，仅作旧版本兜底。
+
+## 它做什么
+
+1. **真渲染图片**。宿主注册 `preview_image` 工具：读取文件路径（或内联 SVG），推断 MIME、base64 编码成 data-URI，通过工具结果的 `presentationMeta` 投递；浏览器端键控 toolview（`tool.call.toolview` key=`preview_image`）读取 meta 并渲染原生 `<img>`。图片字节只走 meta 进浏览器，**不进入模型上下文**。
+2. **预览式工作流**。调用 `preview_image` 后，脚本拿到的是紧凑摘要（SVG/位图、尺寸、字节数），真正的画面直接显示在聊天里；脚本会「等待用户确认」，等你点头后才写入文件/执行改动。
+3. **预览任意资源**。给一个本地路径即可预览对应图片文件；也能传入内联 SVG 文本直接渲染，无需落盘。
+
+## 用法示例
+
+```markdown
+<!-- 预览磁盘上的 logo -->
+我先给你看预览。
+[调用 preview_image path=E:\DSHConfig\logo-a.svg label=ALPHA]
+```
+
+```markdown
+<!-- 预览内联 SVG（未落盘） -->
+[调用 preview_image content=<svg ...> mime=image/svg+xml label=草图]
+```
+
+脚本会读到类似 `已渲染预览「ALPHA」:SVG 矢量图(1.3 KB)。` 的返回，图片则显示在工具卡片里。
+
+## 约定：预览优先
+
+本插件把「先预览、后落地」作为默认约定：
+
+- 生成 / 修改 SVG、图片或 CSV 时，**先** `preview_image` 渲染，不做真实写入；
+- 用户确认（`确认` / `可以` / `就这样`）后，才真正写文件 / 执行改动；
+- 用户否决时，按反馈重做并再次预览；
+- 需要预览任意资源时，直接传 `path`。
+
+要强制遵守这一约定，可以配合附带的 agent preset（见 `Agent.md`），它会把这套规则写进会话 persona。
+
+## 组成部分
+
+```
+lib/index.js   宿主：注册 preview_image 工具，读取文件并投递 data-URI
+lib/client.js  浏览器 bundle：注册键控 toolview，渲染原生 <img>
+cordis.patch.yml  profile 插入行
+```
+
+## 开发
+
+```sh
+pnpm install
+pnpm build       # no-op：lib/ 为成品，无需转译
+pnpm prepack     # 校验打包内容含 lib/
+```
+
+## License
+
+MIT © [jetecho](./LICENSE)，详见 [LICENSE](./LICENSE)。

package/cordis.patch.yml

@@ -0,0 +1,6 @@
+# dsh-csv-and-image-preview bundle patch: one host row over the web profile.
+# The row name resolves from the profile's own node_modules where
+# `dsh plugin --profile web add <path>` installed this package.
+- insert:
+    - id: csv-and-image-preview
+      name: dsh-csv-and-image-preview

package/lib/client.js

@@ -0,0 +1,83 @@
+/**
+ * dsh-csv-and-image-preview 浏览器端 bundle(单文件,经 __ModuleLoader__ 加载)。
+ *
+ * 为 `preview_image` 工具注册键控 toolview(`tool.call.toolview`, key =
+ * 'preview_image'):宿主把 data-URI 投递到结果节点的 meta,这里读取它并渲染
+ * 成浏览器原生 <img>。这样图片不经过聊天渲染器的 markdown/genui 白名单,
+ * 直接以真实 DOM 显示。
+ *
+ * 样式使用 --dsw-* 主题变量,跟随全局亮/暗主题。
+ * @module dsh-csv-and-image-preview/client
+ */
+
+window.__ModuleLoader__.load({
+  id: 'dsh-csv-and-image-preview',
+  factory: (require) => {
+    var module = { exports: {} }
+    var exports = module.exports
+    Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' })
+
+    const React = require('react')
+
+    // ── 样式 ────────────────────────────────────────────────────────────────
+    const css = [
+      '/* dsh-csv-and-image-preview */',
+      '.dip-root{display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:100%}',
+      '.dip-label{font-size:12px;color:var(--dsw-alias-label-secondary);line-height:20px}',
+      '.dip-figure{margin:0;padding:8px;border:1px solid var(--dsw-alias-border-l1);border-radius:12px;background:var(--dsw-alias-bg-layer-1);max-width:100%}',
+      '.dip-img{display:block;max-width:100%;height:auto;border-radius:8px}',
+      '.dip-img.svg{background:#fff}',
+      '.dip-missing{font-size:12px;color:var(--dsw-alias-label-tertiary)}',
+    ].join('\n')
+    if (typeof document !== 'undefined') {
+      const key = 'dip-' + 'dsh-csv-and-image-preview'
+      if (document.querySelector('style[data-plugin-css="' + key + '"]') === null) {
+        const el = document.createElement('style')
+        el.dataset.plugin = 'dsh-csv-and-image-preview'
+        el.dataset.pluginCss = key
+        el.textContent = css
+        document.head.appendChild(el)
+      }
+    }
+
+    /**
+     * 键控 toolview:从结果节点 `block.meta` 读取宿主投递的 { src, mime, label }。
+     * meta 仅在 settled 结果节点上存在;running 调用或回退时显示摘要行。
+     */
+    function PreviewToolView(props) {
+      const block = props && props.block
+      const meta = block !== null && typeof block === 'object' && 'meta' in block ? block.meta : undefined
+      const label = typeof meta === 'object' && meta !== null && typeof meta.label === 'string' ? meta.label : '预览'
+      const src = typeof meta === 'object' && meta !== null && typeof meta.src === 'string' ? meta.src : null
+      const isSvg = typeof meta === 'object' && meta !== null && meta.mime === 'image/svg+xml'
+      if (src === null) {
+        return React.createElement('div', { className: 'dip-root', 'data-dip-preview': true },
+          React.createElement('span', { className: 'dip-missing' }, '图片预览缺少数据(meta 缺失)'))
+      }
+      return React.createElement('div', { className: 'dip-root', 'data-dip-preview': true },
+        React.createElement('span', { className: 'dip-label' }, label),
+        React.createElement('figure', { className: 'dip-figure' },
+          React.createElement('img', {
+            className: 'dip-img' + (isSvg ? ' svg' : ''),
+            src: src,
+            alt: label,
+          })))
+    }
+
+    // ── 服务接入 ─────────────────────────────────────────────────────────────
+    const inject = []
+    function apply(ctx) {
+      const slots = ctx.get('slots')
+      if (slots === undefined) return
+      const dispose = slots.inject('tool.call.toolview', () => slots.register(
+        { name: 'tool.call.toolview', key: 'preview_image' },
+        PreviewToolView,
+      ))
+      return () => { dispose() }
+    }
+
+    exports.apply = apply
+    exports.inject = inject
+    return module.exports
+  },
+})

package/lib/index.js

@@ -0,0 +1,191 @@
+/**
+ * dsh-csv-and-image-preview 宿主插件。
+ *
+ * 单条 Loader 行(见 cordis.patch.yml)挂载本模块。职责:
+ *  1. 注册 `preview_image` 工具:给定一个文件路径(或内联 SVG),读取文件、
+ *     推断 MIME、base64 编码为 data-URI;
+ *  2. 把该 data-URI 通过工具结果的 `presentationMeta` 投递出去,浏览器端
+ *     键控 toolview 据此渲染原生 <img> —— 绕过聊天渲染器对图片的过滤;
+ *  3. `execute` 返回紧凑的模型可读摘要(尺寸/字节/说明),真正的图片字节
+ *     只走 meta,不进模型上下文。
+ *
+ * 注意:`output.presentationMeta` 必须**同步**返回 lossless JSON(它是展示
+ * 期别名,在结果落地时就读取,不能返回 Promise),因此这里用同步 fs 读取;
+ * `execute` 本身是 async,但内部调用同一个同步构建器。
+ *
+ * 不导入 cordis/dsh-* 运行时包中的 Service/Context 类:仅用 ctx API 与 Node
+ * 内建能力,与宿主进程共享同一套运行时实例。
+ * @module dsh-csv-and-image-preview
+ */
+
+import { readFileSync, statSync } from 'node:fs'
+import { resolve } from 'node:path'
+
+export const name = 'csv-and-image-preview'
+
+/** 扩展名 → MIME 推断表。 */
+const MIME_BY_EXT = {
+  '.svg': 'image/svg+xml',
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.gif': 'image/gif',
+  '.webp': 'image/webp',
+  '.bmp': 'image/bmp',
+  '.ico': 'image/x-icon',
+  '.avif': 'image/avif',
+}
+
+/** 从路径扩得 MIME;未知回退 octet-stream。 */
+function mimeOf(path) {
+  const dot = path.lastIndexOf('.')
+  if (dot < 0) return 'application/octet-stream'
+  return MIME_BY_EXT[path.slice(dot).toLowerCase()] ?? 'application/octet-stream'
+}
+
+/** 提取内联 SVG 的 width/height(viewBox 或 attr),用于摘要。 */
+function svgDimension(svg) {
+  const w = /width="([0-9.]+)"/.exec(svg)
+  const h = /height="([0-9.]+)"/.exec(svg)
+  const vb = /viewBox="[^"]*?([0-9.]+)[ ,]+([0-9.]+)[ ,]+([0-9.]+)[ ,]+([0-9.]+)"/.exec(svg)
+  if (w && h) return `${w[1]}×${h[1]}`
+  if (vb) return `${vb[3]}×${vb[4]}`
+  return 'unknown'
+}
+
+/** 模型可读的单行摘要。 */
+function svgSummary(mime, bytes) {
+  const size = bytes < 1024 ? `${bytes} B` : bytes < 1024 * 1024 ? `${(bytes / 1024).toFixed(1)} KB` : `${(bytes / (1024 * 1024)).toFixed(2)} MB`
+  return mime === 'image/svg+xml' ? 'SVG 矢量图' : mime.replace('image/', '').toUpperCase() + ' 位图'
+}
+
+/**
+ * 同步构建一次预览结果,返回 { src, mime, label, bytes, summary };有错抛 Error。
+ * 同步是因为 `presentationMeta` 必须同步返回 lossless JSON。
+ */
+function buildPreviewSync(args) {
+  if (typeof args !== 'object' || args === null) {
+    throw new Error('preview_image 需要对象参数(带 path 或 content)。')
+  }
+  const label = typeof args.label === 'string' && args.label !== '' ? args.label : '预览'
+
+  // 优先:磁盘文件路径。
+  if (typeof args.path === 'string' && args.path !== '') {
+    const abs = resolve(args.path)
+    const mime = mimeOf(abs)
+    const buf = readFileSync(abs)
+    const st = statSync(abs)
+    const b64 = buf.toString('base64')
+    return {
+      src: `data:${mime};base64,${b64}`,
+      mime,
+      label,
+      bytes: st.size,
+      summary: svgSummary(mime, st.size),
+    }
+  }
+
+  // 备选:调用方直接给内容。
+  if (typeof args.content === 'string' && args.content !== '') {
+    const mime = args.mime === 'image/svg+xml' ? 'image/svg+xml' : (typeof args.mime === 'string' ? args.mime : 'image/svg+xml')
+    if (mime === 'image/svg+xml') {
+      const b64 = Buffer.from(args.content, 'utf8').toString('base64')
+      return { src: `data:image/svg+xml;base64,${b64}`, mime, label, bytes: b64.length, summary: `inline SVG ${svgDimension(args.content)}` }
+    }
+    // 假定 content 已是 base64。
+    return { src: `data:${mime};base64,${args.content}`, mime, label, bytes: args.content.length, summary: `inline ${mime}` }
+  }
+
+  throw new Error('preview_image 需要 path 或 content 参数。')
+}
+
+/**
+ * 构建 preview_image 工具定义。注册进工具注册表后,模型可用它发起一次
+ * “预览”:宿主读取图片并投递 data-URI 到 meta,浏览器端 toolview 渲染。
+ */
+export function createPreviewTool() {
+  return {
+    name: 'preview_image',
+    description:
+      '在聊天里预览一张图片或 SVG——用浏览器原生 <img> 渲染,绕过聊天渲染器对图片的过滤。'
+      + ' 传 path 读取磁盘文件,或传 content(内联 SVG 文本)直接预览。'
+      + ' 图片字节只走 meta 投递到浏览器,不进入模型上下文;返回的是紧凑摘要。'
+      + ' 生成/修改图片时先调用它给用户预览,等用户确认后再做真正的写入/修改。',
+    parameters: {
+      type: 'object',
+      properties: {
+        path: {
+          type: 'string',
+          description: '要预览的图片文件路径(.svg/.png/.jpg/.gif/.webp 等)。优先用绝对路径。',
+        },
+        content: {
+          type: 'string',
+          description: '备选:内联 SVG 文本(或 base64 内容)。与 path 二选一。',
+        },
+        mime: {
+          type: 'string',
+          description: '当用 content 且非 SVG 时,指定内容 MIME(如 image/png)。',
+        },
+        label: {
+          type: 'string',
+          description: '图片标题,显示在预览上方。',
+        },
+      },
+      additionalProperties: false,
+    },
+    output: {
+      schema: { type: 'string', description: '单行预览摘要,给模型看。' },
+      render(_args, value) {
+        return [{ type: 'text', text: String(value) }]
+      },
+      presentationMeta(args) {
+        // 必须同步返回 lossless JSON(genui 的 render_ui 正是如此:从 args 直接推导)。
+        try {
+          const r = buildPreviewSync(args)
+          return { src: r.src, mime: r.mime, label: r.label }
+        } catch {
+          return null
+        }
+      },
+    },
+    async execute(args) {
+      try {
+        const r = buildPreviewSync(args)
+        return `已渲染预览「${r.label}」:${r.summary}(${r.bytes} B)。图片已显示在聊天中,等待用户确认后再做真正的修改。`
+      } catch (error) {
+        const detail = error instanceof Error ? error.message : String(error)
+        return `preview_image 失败:${detail}`
+      }
+    },
+    presentCall(args) {
+      const label = typeof args === 'object' && args !== null && typeof args.label === 'string' && args.label !== '' ? args.label : '预览图片'
+      return { card: 'generic', title: `预览「${label}」`, kind: 'other' }
+    },
+    presentResult(args) {
+      const label = typeof args === 'object' && args !== null && typeof args.label === 'string' && args.label !== '' ? args.label : '预览图片'
+      return { card: 'generic', title: `预览「${label}」` }
+    },
+  }
+}
+
+/**
+ * 注册工具。`tools` 服务可能晚于本插件绑定(启动顺序),因此既在 apply 时
+ * 探测一次,也订阅 `internal/service`(cordis 在每次服务绑定时发出),确保
+ * 一旦工具注册表出现就立即注册。
+ */
+export function apply(ctx) {
+  let registered = false
+  const tryRegister = (value) => {
+    if (registered) return
+    const tools = value ?? ctx.reflect.get('tools', false)
+    if (tools === undefined) return
+    tools.register(createPreviewTool())
+    registered = true
+  }
+  tryRegister(undefined)
+  if (typeof ctx.on === 'function') {
+    ctx.on('internal/service', (name, value) => {
+      if (name === 'tools') tryRegister(value)
+    })
+  }
+}

package/lib/types/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Public type surface for the dsh-csv-and-image-preview host half.
+ * The runtime is plain JS; these declarations describe the cordis plugin
+ * contract so TS consumers and the `.d.ts` re-export resolve cleanly.
+ */
+
+/** The `preview_image` tool definition (a dsh ToolDefinition object). */
+export interface PreviewToolDefinition {
+  name: 'preview_image'
+  description: string
+  parameters: Record<string, unknown>
+  output: Record<string, unknown>
+  execute(args: unknown): Promise<string>
+  presentCall(args: unknown): { card: string; title: string; kind: string } | undefined
+  presentResult(args: unknown): { card: string; title: string } | undefined
+}
+
+/** Cordis plugin exported by the host half (lib/index.js). */
+export interface ImagePreviewPlugin {
+  readonly name: 'csv-and-image-preview'
+  apply(ctx: unknown): void
+}
+
+/** A keyed display image payload carried on tool result meta. */
+export interface PreviewMeta {
+  src: string
+  mime: string
+  label: string
+}
+
+declare const plugin: ImagePreviewPlugin
+export default plugin

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@jetecho/dsh-csv-and-image-preview",
+  "version": "0.1.0",
+  "description": "Preview images / SVG (and prepare CSV) in the DeepSeek Harness chat, rendered as real browser <img> elements. Preview-first workflow: show the user the asset, wait for approval, then apply the real change.",
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./client": {
+      "default": "./lib/client.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "cordis.patch.yml",
+    "README.md",
+    "README.en.md",
+    "Agent.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "prepack": "node scripts/prepack.mjs"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "inject": [],
+      "platform": "web"
+    }
+  },
+  "keywords": [
+    "dsh",
+    "deepseek-harness",
+    "dsh-plugin",
+    "image",
+    "svg",
+    "preview",
+    "visual"
+  ],
+  "license": "MIT",
+  "author": "jetecho",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jetecho/dsh-csv-and-image-preview.git"
+  },
+  "homepage": "https://github.com/jetecho/dsh-csv-and-image-preview#readme",
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "^4.0.1",
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "react": "^18.3.1"
+  }
+}