dsh-convert-core 0.1.0-alpha.1

package/web/app.js

@@ -0,0 +1,382 @@
+/*!
+ * Tita 转换内核 · 控制台
+ *
+ * Vue 3 Options API, deliberately buildless: this file is served as-is and
+ * talks to the kernel API under the same base path. The DSH plugin embeds this
+ * exact page instead of reimplementing it.
+ */
+(function () {
+  'use strict'
+
+  var meta = document.querySelector('meta[name="convert-base"]')
+  var BASE = String((meta && meta.content) || '').replace(/\/+$/, '')
+  var ICONS = window.__CONVERT_ICONS__ || {}
+
+  var KIND_ICONS = { file: 'file-text', text: 'clipboard-type' }
+
+  function encodePath(path) {
+    return String(path).split('/').map(encodeURIComponent).join('/')
+  }
+
+  function escapeHtml(value) {
+    return String(value).replace(/[&<>"]/g, function (character) {
+      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[character]
+    })
+  }
+
+  /** Small Markdown renderer for the delivery preview. Input is our own output. */
+  function renderMarkdown(source, taskId) {
+    var lines = String(source || '').split('\n')
+    var out = []
+    var listStack = []
+    var inCode = false
+    var codeBuffer = []
+    var paragraph = []
+
+    function flushParagraph() {
+      if (paragraph.length) {
+        out.push('<p>' + inline(paragraph.join(' ')) + '</p>')
+        paragraph = []
+      }
+    }
+    function closeLists(toDepth) {
+      while (listStack.length > toDepth) out.push('</' + listStack.pop() + '>')
+    }
+    function imageSrc(raw) {
+      if (/^https?:/i.test(raw) || raw.indexOf('data:') === 0) return raw
+      return BASE + '/api/tasks/' + encodeURIComponent(taskId) + '/files/' + encodePath(decodeURIComponent(raw))
+    }
+    function inline(text) {
+      var escaped = escapeHtml(text)
+      escaped = escaped.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, function (_all, alt, url) {
+        return '<img alt="' + alt + '" src="' + imageSrc(url) + '" loading="lazy" />'
+      })
+      escaped = escaped.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, '<a href="$2" target="_blank" rel="noreferrer">$1</a>')
+      escaped = escaped.replace(/`([^`]+)`/g, '<code>$1</code>')
+      escaped = escaped.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
+      escaped = escaped.replace(/(^|[\s(])\*([^*]+)\*/g, '$1<em>$2</em>')
+      escaped = escaped.replace(/~~([^~]+)~~/g, '<del>$1</del>')
+      return escaped
+    }
+
+    for (var index = 0; index < lines.length; index += 1) {
+      var line = lines[index]
+      var fence = /^```(.*)$/.exec(line)
+      if (fence) {
+        if (inCode) {
+          out.push('<pre><code>' + escapeHtml(codeBuffer.join('\n')) + '</code></pre>')
+          codeBuffer = []
+          inCode = false
+        } else {
+          flushParagraph()
+          closeLists(0)
+          inCode = true
+        }
+        continue
+      }
+      if (inCode) {
+        codeBuffer.push(line)
+        continue
+      }
+      if (!line.trim()) {
+        flushParagraph()
+        closeLists(0)
+        continue
+      }
+      var heading = /^(#{1,6})\s+(.*)$/.exec(line)
+      if (heading) {
+        flushParagraph()
+        closeLists(0)
+        var level = heading[1].length
+        out.push('<h' + level + '>' + inline(heading[2]) + '</h' + level + '>')
+        continue
+      }
+      if (/^(-{3,}|\*{3,})$/.test(line.trim())) {
+        flushParagraph()
+        closeLists(0)
+        out.push('<hr />')
+        continue
+      }
+      var quote = /^>\s?(.*)$/.exec(line)
+      if (quote) {
+        flushParagraph()
+        out.push('<blockquote>' + inline(quote[1]) + '</blockquote>')
+        continue
+      }
+      var bullet = /^(\s*)([-*+]|\d+\.)\s+(.*)$/.exec(line)
+      if (bullet) {
+        flushParagraph()
+        var depth = Math.floor(bullet[1].length / 2) + 1
+        var type = /\d/.test(bullet[2]) ? 'ol' : 'ul'
+        closeLists(depth - 1)
+        while (listStack.length < depth) {
+          out.push('<' + type + '>')
+          listStack.push(type)
+        }
+        out.push('<li>' + inline(bullet[3]) + '</li>')
+        continue
+      }
+      if (/^\|.*\|$/.test(line.trim())) {
+        var next = lines[index + 1] || ''
+        if (/^\|[\s:|-]+\|$/.test(next.trim())) {
+          flushParagraph()
+          closeLists(0)
+          var header = line.trim().slice(1, -1).split('|').map(function (cell) { return inline(cell.trim()) })
+          index += 1
+          var rows = []
+          while (index + 1 < lines.length && /^\|.*\|$/.test((lines[index + 1] || '').trim())) {
+            index += 1
+            rows.push(lines[index].trim().slice(1, -1).split('|').map(function (cell) { return inline(cell.trim()) }))
+          }
+          out.push('<table><thead><tr>' + header.map(function (cell) { return '<th>' + cell + '</th>' }).join('') + '</tr></thead><tbody>' +
+            rows.map(function (row) { return '<tr>' + row.map(function (cell) { return '<td>' + cell + '</td>' }).join('') + '</tr>' }).join('') +
+            '</tbody></table>')
+          continue
+        }
+      }
+      paragraph.push(line.trim())
+    }
+    if (inCode && codeBuffer.length) out.push('<pre><code>' + escapeHtml(codeBuffer.join('\n')) + '</code></pre>')
+    flushParagraph()
+    closeLists(0)
+    return out.join('\n')
+  }
+
+  var app = Vue.createApp({
+    data: function () {
+      return {
+        base: BASE,
+        tab: 'convert',
+        tabs: [
+          { id: 'convert', label: '转换', icon: 'file-up' },
+          { id: 'tasks', label: '任务', icon: 'inbox' },
+          { id: 'delivery', label: '交付', icon: 'package' },
+        ],
+        kinds: [
+          { id: 'file', label: '文件', icon: 'file-text' },
+          { id: 'text', label: '文本', icon: 'clipboard-type' },
+        ],
+        form: { kind: 'file', text: '', title: '', sourceType: '', adapter: '', file: null },
+        health: {},
+        capabilities: null,
+        tasks: [],
+        selectedId: '',
+        detail: null,
+        ingest: null,
+        preview: '',
+        error: null,
+        notice: null,
+        loading: false,
+        submitting: false,
+        stream: null,
+      }
+    },
+    computed: {
+      adapters: function () { return (this.capabilities && this.capabilities.adapters) || [] },
+      runtime: function () { return (this.capabilities && this.capabilities.runtime) || {} },
+      extensions: function () { return ((this.capabilities && this.capabilities.extensions) || []).map(function (item) { return item.replace('.', '') }) },
+      taskCount: function () { return this.tasks.length },
+      succeeded: function () { return this.tasks.filter(function (task) { return task.state === 'succeeded' }) },
+      instruction: function () {
+        if (!this.ingest || !this.detail) return ''
+        var ingested = this.ingest
+        return [
+          '把这次转换的结果录入知识库：',
+          '1) 交付目录：' + (this.detail.deliveryDir || ''),
+          '2) 图片资产：' + ingested.assets.map(function (asset) { return asset.rel }).join(', '),
+          '3) external_id：' + ingested.externalId + '（幂等键，重复录入应更新同一条来源）',
+          '4) source_type 候选：' + ingested.sourceTypeCandidates.join(' / ') + '（按 0013：分类由录入段判定）',
+          '5) 请调用知识插件 add_source，并在卡片中引用图片，否则图片拿不到多模态向量。',
+        ].join('\n')
+      },
+    },
+    methods: {
+      ic: function (name) { return ICONS[name] || ICONS['layers'] || '' },
+
+      api: function (path, options) {
+        return fetch(BASE + path, options).then(function (response) {
+          return response.text().then(function (text) {
+            var payload
+            try { payload = text ? JSON.parse(text) : {} } catch (cause) { payload = { ok: false, error: { code: 'BAD_RESPONSE', message: text.slice(0, 300) } } }
+            if (!response.ok || payload.ok === false) {
+              var detail = payload.error || { code: 'HTTP_' + response.status, message: '请求失败' }
+              var error = new Error(detail.message)
+              error.code = detail.code
+              error.suggestion = detail.suggestion
+              throw error
+            }
+            return payload.data
+          })
+        })
+      },
+
+      describeError: function (cause) {
+        if (!cause) return '未知错误'
+        return [cause.code, cause.message].filter(Boolean).join(' · ') + (cause.suggestion ? ' — 建议：' + cause.suggestion : '')
+      },
+
+      refresh: async function () {
+        this.loading = true
+        try {
+          var results = await Promise.all([
+            this.api('/api/tasks'),
+            this.capabilities ? Promise.resolve(null) : this.api('/api/capabilities'),
+            this.api('/api/health'),
+          ])
+          this.tasks = results[0].tasks || []
+          if (results[1]) this.capabilities = results[1]
+          this.health = results[2] || {}
+          if (this.selectedId && !this.tasks.some(function (task) { return task.id === this.selectedId }.bind(this))) {
+            this.selectedId = ''
+            this.detail = null
+            this.ingest = null
+          }
+        } catch (cause) {
+          this.error = this.describeError(cause)
+        } finally {
+          this.loading = false
+        }
+      },
+
+      onFile: function (event) {
+        this.form.file = (event.target.files && event.target.files[0]) || null
+      },
+
+      resetForm: function () {
+        this.form.text = ''
+        this.form.title = ''
+        this.form.sourceType = ''
+        this.form.adapter = ''
+        this.form.file = null
+      },
+
+      submit: async function () {
+        this.error = null
+        this.notice = null
+        this.submitting = true
+        try {
+          var kind = this.form.kind
+          var task
+          var common = {
+            title: this.form.title || undefined,
+            source_type: this.form.sourceType || undefined,
+            adapter: this.form.adapter || undefined,
+          }
+          if (kind === 'text') {
+            if (!this.form.text.trim()) throw new Error('请输入要转换的文本')
+            task = await this.api('/api/tasks', {
+              method: 'POST',
+              headers: { 'content-type': 'application/json' },
+              body: JSON.stringify(Object.assign({ kind: 'text', text: this.form.text }, common)),
+            })
+          } else {
+            if (!this.form.file) throw new Error('请选择文件')
+            var body = new FormData()
+            body.append('kind', kind)
+            if (common.title) body.append('title', common.title)
+            if (common.source_type) body.append('source_type', common.source_type)
+            if (common.adapter) body.append('adapter', common.adapter)
+            body.append('file', this.form.file)
+            task = await this.api('/api/tasks', { method: 'POST', body: body })
+          }
+          this.notice = '任务已受理：' + task.id
+          this.selectedId = task.id
+          this.tab = 'tasks'
+          this.resetForm()
+          await this.refresh()
+        } catch (cause) {
+          this.error = this.describeError(cause)
+        } finally {
+          this.submitting = false
+        }
+      },
+
+      cancel: async function (id) {
+        try {
+          await this.api('/api/tasks/' + encodeURIComponent(id) + '/cancel', { method: 'POST' })
+          await this.refresh()
+        } catch (cause) { this.error = this.describeError(cause) }
+      },
+
+      retry: async function (id) {
+        try {
+          await this.api('/api/tasks/' + encodeURIComponent(id) + '/retry', { method: 'POST' })
+          await this.refresh()
+        } catch (cause) { this.error = this.describeError(cause) }
+      },
+
+      openTask: async function (id) {
+        if (!id) { this.selectedId = ''; this.detail = null; this.ingest = null; return }
+        this.selectedId = id
+        try {
+          var detail = await this.api('/api/tasks/' + encodeURIComponent(id))
+          this.detail = detail
+          this.ingest = detail.ingest || null
+          this.preview = detail.ingest && detail.ingest.content ? renderMarkdown(detail.ingest.content, id) : ''
+        } catch (cause) { this.error = this.describeError(cause) }
+      },
+
+      fileUrl: function (rel) {
+        return BASE + '/api/tasks/' + encodeURIComponent(this.selectedId) + '/files/' + encodePath(rel)
+      },
+
+      copy: function (text) {
+        var self = this
+        var value = String(text || '')
+        var done = function () { self.notice = '已复制到剪贴板' }
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+          navigator.clipboard.writeText(value).then(done).catch(function () { self.error = '复制失败，请手动选择文本' })
+          return
+        }
+        var area = document.createElement('textarea')
+        area.value = value
+        document.body.appendChild(area)
+        area.select()
+        try { document.execCommand('copy'); done() } catch (cause) { self.error = '复制失败' }
+        document.body.removeChild(area)
+      },
+
+      stateLabel: function (state) {
+        return { queued: '排队', running: '进行中', succeeded: '已交付', failed: '失败', cancelled: '已取消' }[state] || state
+      },
+
+      formatBytes: function (bytes) {
+        if (!bytes && bytes !== 0) return ''
+        var units = ['B', 'KB', 'MB', 'GB']
+        var value = Number(bytes)
+        var unit = 0
+        while (value >= 1024 && unit < units.length - 1) { value /= 1024; unit += 1 }
+        return value.toFixed(value >= 10 || unit === 0 ? 0 : 1) + ' ' + units[unit]
+      },
+
+      connect: function () {
+        var self = this
+        if (typeof EventSource === 'undefined') return
+        try {
+          this.stream = new EventSource(BASE + '/api/events')
+          this.stream.addEventListener('task', function (event) {
+            try {
+              var incoming = JSON.parse(event.data)
+              var index = self.tasks.findIndex(function (task) { return task.id === incoming.id })
+              if (index >= 0) self.tasks.splice(index, 1, incoming)
+              else self.tasks.unshift(incoming)
+              if (self.selectedId === incoming.id && (incoming.state === 'succeeded' || incoming.state === 'failed')) {
+                self.openTask(incoming.id)
+              }
+            } catch (cause) { /* ignore malformed frame */ }
+          })
+          this.stream.addEventListener('error', function () { /* EventSource retries by itself */ })
+        } catch (cause) { /* SSE is an optimisation, not a requirement */ }
+      },
+    },
+    mounted: function () {
+      this.refresh()
+      this.connect()
+    },
+    beforeUnmount: function () {
+      if (this.stream) this.stream.close()
+    },
+  })
+
+  app.mount('#app')
+})()

package/web/index.html

@@ -0,0 +1,217 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="convert-base" content="__CONVERT_BASE__" />
+    <title>Tita 转换内核 · 多格式 → 知识就绪 Markdown</title>
+    <link rel="stylesheet" href="__CONVERT_BASE__/styles.css" />
+  </head>
+  <body>
+    <div id="app">
+      <header class="topbar">
+        <div class="brand">
+          <span class="brand-mark"><span class="ico" v-html="ic('layers')"></span></span>
+          <div>
+            <h1>Tita 转换内核</h1>
+            <p>Word / PowerPoint / Excel / OpenDocument / RTF / EPUB / CSV / 文本层 PDF → 知识就绪 Markdown + 本地图片</p>
+          </div>
+        </div>
+        <nav class="tabs">
+          <button
+            v-for="item in tabs"
+            :key="item.id"
+            type="button"
+            :class="['tab', { active: tab === item.id }]"
+            @click="tab = item.id"
+          >
+            <span class="ico" v-html="ic(item.icon)"></span><span>{{ item.label }}</span>
+          </button>
+        </nav>
+        <div class="topbar-actions">
+          <span class="pill" :title="health.rootDir">
+            <span class="ico" v-html="ic('hard-drive')"></span>{{ taskCount }} 个任务
+          </span>
+          <button type="button" class="ghost" :disabled="loading" @click="refresh">
+            <span class="ico" v-html="ic('refresh-cw')"></span>刷新
+          </button>
+        </div>
+      </header>
+
+      <main>
+        <p v-if="error" class="banner error"><span class="ico" v-html="ic('alert-triangle')"></span>{{ error }}</p>
+        <p v-if="notice" class="banner ok"><span class="ico" v-html="ic('check-circle')"></span>{{ notice }}</p>
+
+        <!-- ============ 转换 ============ -->
+        <section v-show="tab === 'convert'" class="split">
+          <form class="card" @submit.prevent="submit">
+            <h2><span class="ico" v-html="ic('file-up')"></span>新转换</h2>
+
+            <div class="segmented">
+              <button
+                v-for="kind in kinds"
+                :key="kind.id"
+                type="button"
+                :class="['segment', { active: form.kind === kind.id }]"
+                @click="form.kind = kind.id"
+              >
+                <span class="ico" v-html="ic(kind.icon)"></span>{{ kind.label }}
+              </button>
+            </div>
+
+            <label v-if="form.kind === 'file'" class="field">
+              <span>输入文件</span>
+              <input type="file" @change="onFile" />
+              <small v-if="form.file">{{ form.file.name }} · {{ formatBytes(form.file.size) }}</small>
+              <small v-else>{{ extensions.join(' ') }}（单文件 ≤ 256 MB）</small>
+            </label>
+
+            <label v-if="form.kind === 'text'" class="field">
+              <span>文本</span>
+              <textarea v-model="form.text" rows="8" placeholder="粘贴 Markdown / 纯文本"></textarea>
+            </label>
+
+            <div class="grid-2">
+              <label class="field">
+                <span>标题（可选）</span>
+                <input v-model.trim="form.title" type="text" placeholder="留空则自动推断" />
+              </label>
+              <label class="field">
+                <span>adapter（可选）</span>
+                <select v-model="form.adapter">
+                  <option value="">自动选择</option>
+                  <option v-for="adapter in adapters" :key="adapter.id" :value="adapter.id">
+                    {{ adapter.id }}{{ adapter.availability.available ? '' : '（当前不可用）' }}
+                  </option>
+                </select>
+              </label>
+            </div>
+
+            <label class="field">
+              <span>source_type（业务分类，可选）</span>
+              <input v-model.trim="form.sourceType" type="text" placeholder="article / book / prd / document …" />
+              <small>按 0013 的边界：转换内核不替你决定分类，这里留空就只写候选，交由录入段判定。</small>
+            </label>
+
+            <button type="submit" class="primary" :disabled="submitting">
+              <span class="ico" v-html="ic(submitting ? 'loader' : 'play')"></span>{{ submitting ? '提交中…' : '开始转换' }}
+            </button>
+          </form>
+
+          <section class="card">
+            <h2><span class="ico" v-html="ic('activity')"></span>能力自检</h2>
+            <p class="muted">缺失的依赖不会静默降级，这里如实列出与安装命令。</p>
+            <ul class="cap-list">
+              <li v-for="adapter in adapters" :key="adapter.id">
+                <span :class="['dot', adapter.availability.available ? 'on' : 'off']"></span>
+                <div>
+                  <strong>{{ adapter.id }}</strong>
+                  <p>{{ adapter.description }}</p>
+                  <p v-if="!adapter.availability.available" class="muted">{{ adapter.availability.reason }}</p>
+                  <p v-if="adapter.availability.suggestion" class="hint">{{ adapter.availability.suggestion }}</p>
+                </div>
+              </li>
+            </ul>
+            <h3>支持的输入格式</h3>
+            <p class="muted small">{{ extensions.join(' ') }}</p>
+            <h3>引擎</h3>
+            <ul class="bin-list">
+              <li v-for="(probe, name) in runtime" :key="name">
+                <code>{{ name }}</code>
+                <span :class="['dot', probe.available ? 'on' : 'off']"></span>
+                <span v-if="probe.available" class="muted">{{ probe.version }}</span>
+                <span v-else class="hint">{{ probe.error }}</span>
+              </li>
+            </ul>
+          </section>
+        </section>
+
+        <!-- ============ 任务 ============ -->
+        <section v-show="tab === 'tasks'" class="card">
+          <h2><span class="ico" v-html="ic('inbox')"></span>转换任务</h2>
+          <p v-if="!tasks.length" class="muted">还没有任务。切到「转换」页提交一个输入。</p>
+          <table v-else class="tasks">
+            <thead>
+              <tr><th>标题</th><th>状态</th><th>进度</th><th>产物</th><th></th></tr>
+            </thead>
+            <tbody>
+              <tr v-for="task in tasks" :key="task.id" :class="{ selected: selectedId === task.id }">
+                <td>
+                  <strong>{{ task.title }}</strong>
+                  <div class="muted small">{{ task.id }} · {{ task.parser || task.inputKind }}</div>
+                  <div v-if="task.error" class="error-text small">{{ task.error.code }} · {{ task.error.message }}</div>
+                </td>
+                <td><span :class="['state', task.state]">{{ stateLabel(task.state) }}</span></td>
+                <td>
+                  <div class="progress">
+                    <div class="bar" :class="{ indeterminate: task.state === 'running' && task.progress === null }" :style="{ width: task.progress === null ? '100%' : Math.round(task.progress * 100) + '%' }"></div>
+                  </div>
+                  <div class="muted small">{{ task.stage }}{{ task.message ? ' · ' + task.message : '' }}</div>
+                </td>
+                <td class="muted small">
+                  {{ task.assetCount }} 图 / {{ task.wordCount }} 字
+                  <div v-if="task.warnings && task.warnings.length">{{ task.warnings.length }} 条 warning</div>
+                </td>
+                <td class="row-actions">
+                  <button type="button" class="ghost" @click="openTask(task.id)"><span class="ico" v-html="ic('scan-eye')"></span></button>
+                  <button v-if="task.state === 'running' || task.state === 'queued'" type="button" class="ghost" @click="cancel(task.id)"><span class="ico" v-html="ic('x')"></span></button>
+                  <button v-else type="button" class="ghost" @click="retry(task.id)"><span class="ico" v-html="ic('rotate-ccw')"></span></button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </section>
+
+        <!-- ============ 交付 ============ -->
+        <section v-show="tab === 'delivery'" class="card">
+          <h2><span class="ico" v-html="ic('package')"></span>交付目录与录入负载</h2>
+          <p class="muted">产物写入 <code>{{ health.outDir }}/&lt;taskId&gt;/</code>；下面的 ingest 负载就是交给知识录入的那一份。</p>
+          <p v-if="!succeeded.length" class="muted">还没有成功交付的任务。</p>
+          <template v-else>
+            <label class="field">
+              <span>选择任务</span>
+              <select :value="selectedId" @change="openTask($event.target.value)">
+                <option value="">—</option>
+                <option v-for="task in succeeded" :key="task.id" :value="task.id">{{ task.title }} ({{ task.id }})</option>
+              </select>
+            </label>
+            <div v-if="ingest" class="delivery">
+              <dl class="kv">
+                <div><dt>deliveryDir</dt><dd><code>{{ ingest.deliveryDir || detail.deliveryDir }}</code></dd></div>
+                <div><dt>external_id</dt><dd><code>{{ ingest.externalId }}</code></dd></div>
+                <div><dt>content_hash</dt><dd><code>{{ ingest.contentHash }}</code></dd></div>
+                <div><dt>source_format</dt><dd>{{ ingest.sourceFormat }} · parser {{ ingest.parser }}</dd></div>
+                <div><dt>source_type 候选</dt><dd>{{ ingest.sourceTypeCandidates.join(', ') }}</dd></div>
+                <div><dt>图片资产</dt><dd>{{ ingest.assets.length }} 个（引用基准：{{ ingest.assetRefBase }}）</dd></div>
+              </dl>
+              <div class="row-actions">
+                <button type="button" class="ghost" @click="copy(ingest.markdown)"><span class="ico" v-html="ic('copy')"></span>复制 Markdown</button>
+                <a class="ghost" :href="fileUrl('index.md')" target="_blank" rel="noreferrer"><span class="ico" v-html="ic('download')"></span>index.md</a>
+                <a class="ghost" :href="fileUrl('manifest.json')" target="_blank" rel="noreferrer"><span class="ico" v-html="ic('download')"></span>manifest.json</a>
+              </div>
+              <h3>预览</h3>
+              <article class="preview" v-html="preview"></article>
+              <h3>assets/</h3>
+              <div class="assets">
+                <figure v-for="asset in ingest.assets" :key="asset.rel">
+                  <img :src="fileUrl(asset.rel)" :alt="asset.rel" loading="lazy" />
+                  <figcaption>{{ asset.rel }}<br /><span class="muted">{{ formatBytes(asset.bytes) }}</span></figcaption>
+                </figure>
+              </div>
+            </div>
+            <p v-else class="muted">选择一个已交付的任务查看产物。</p>
+          </template>
+        </section>
+      </main>
+
+      <footer class="footer">
+        <span>内核：<code>dsh-convert-core</code></span>
+        <span>交付根目录：<code>{{ health.rootDir }}</code></span>
+      </footer>
+    </div>
+
+    <script src="__CONVERT_BASE__/vendor/vue.global.prod.js"></script>
+    <script src="__CONVERT_BASE__/vendor/icons.js"></script>
+    <script src="__CONVERT_BASE__/app.js"></script>
+  </body>
+</html>