dsh-grove 0.2.0 → 0.5.0

package/client.js

@@ -19,10 +19,83 @@ window.__ModuleLoader__.load({
 
     var NS = 'grove'
     var STATUS = '/api/grove/status'
+    var CONNECTION = '/api/grove/connection'
     var CONFIG = '/api/grove/config'
     var CAPTURE = '/api/grove/capture'
+    var KNOWLEDGE = '/api/grove/knowledge'
+    var WORKS = '/api/grove/works'
+    var MODEL = '/api/grove/model'
+    var FINDINGS = '/api/grove/findings'
+    var PARSERS = '/api/grove/parsers'
+    var REPORTS = '/api/grove/reports'
+    var SOURCES = '/api/grove/sources'
+    var RESEARCH = '/api/grove/research'
+    var INSPIRATIONS = '/api/grove/inspirations'
 
     var ZH = {
+      'asset.knowledge': '知识库',
+      'asset.works': '作品',
+      'asset.title': '标题',
+      'asset.body': '正文',
+      'asset.new': '新建',
+      'asset.save': '保存',
+      'asset.basis': '查看依据',
+      'asset.derive': '提炼为知识',
+      'asset.compose': '写成作品',
+      'asset.research': '带着这条知识深挖',
+      'asset.reason': '实践反思 · 什么改变了你的理解？',
+      'asset.copy': '复制正文',
+      'asset.copied': '已复制',
+      'asset.type': '知识类型',
+      'asset.missing': '来源不可用。',
+      'report.review': '审核为报告草稿',
+      'report.discard': '丢弃未保存草稿',
+      'model.title': '研究模型',
+      'model.enabled': '启用 AI 深挖',
+      'model.endpoint': 'HTTPS 模型接口',
+      'model.name': '模型名称',
+      'model.test': '测试连接',
+      'model.apply': '应用模型设置',
+      'model.tested': '连接通过。',
+      'model.ask': '请 AI 深挖',
+      'model.question': '想往哪儿深挖？',
+      'model.scope': '仅发送勾选的摘录和本研究先前的发现。',
+      'parsers.title': '资料解析设置',
+      'parsers.pdf': '启用文本 PDF 解析',
+      'parsers.apply': '应用设置',
+      'parsers.pending': '正在应用…',
+      'parsers.done': '解析设置已应用。',
+      'parsers.failed': '设置还没生效，请重试。',
+      'parsers.hint': 'Markdown 始终可导入。关闭 PDF 解析后，旧证据仍可回看。',
+      'report.title': '研究报告',
+      'report.new': '新报告',
+      'report.body': '报告正文',
+      'report.save': '确认报告',
+      'report.history': '历史版本',
+      'report.missing': '原件不可用，仍可核对上面的摘录。',
+      'report.missingEvidence': '这条证据已不可用。',
+      'source.title': '研究资料',
+      'source.import': '导入 Markdown 或文本 PDF',
+      'source.read': '看看原文',
+      'source.save': '保存为证据',
+      'source.saved': '证据已保存',
+      'source.open': '打开原始文件',
+      'research.title': '研究',
+      'research.new': '新建独立研究',
+      'research.question': '想深挖什么？',
+      'research.notes': '研究记录',
+      'research.save': '保存研究',
+      'research.continue': '接着上次深挖',
+      'research.back': '返回首页',
+      'research.saved': '已保存。',
+      'idea.title': '灵感来了',
+      'idea.placeholder': '刚冒出什么点子？先记一句。',
+      'idea.save': '💡叮～',
+      'idea.saved': '叮～ 记住啦！',
+      'idea.find': '找回灵感',
+      'idea.search': '搜索',
+      'idea.empty': '没找到这条灵感。',
+      'idea.version': '历史版本',
       panel: 'Grove',
       menu: '知林',
       subtitle: '把探索留在自己的 vault 里。',
@@ -43,31 +116,7 @@ window.__ModuleLoader__.load({
       's0.hint': '路径会保存到当前 profile 的插件配置；之后可在插件页里修改。',
       's0.stale': '原来的 vault 已不可用：{path}。请重新选择，或把它移回原位。',
       's0.noVault': '这个文件夹里没有 .obsidian。如果它不是 vault 根目录，仍可继续连接。',
-      's1.connectedTo': '已连接',
       's1.change': '更换 vault',
-      's1.title': '写下第一条灵感',
-      's1.body': '一个观察、一个困惑、一句还没想清楚的话都可以。保存后它会出现在 vault 的 Grove/ 文件夹里。',
-      's1.placeholder': '比如：为什么组织扩大后，协调成本会上升？',
-      's1.save': '保存到 vault',
-      's1.saving': '正在保存…',
-      's1.saved': '已保存',
-      's1.savedBody': '已写入 vault。用 Obsidian 打开 Grove/ 文件夹就能看到。回到会话里，让 AI 用 grove_role 陪你继续想。',
-      's1.view': '查看概览',
-      's1.another': '另一种开始',
-      's1.prompt': '用 grove_role 当我的思想伙伴，先帮我拆开这个问题：<你的问题>',
-      's1.copy': '复制提示词',
-      's1.copied': '已复制',
-      's2.title': '你的知识库',
-      's2.total': '条资产',
-      's2.recent': '最近更新',
-      's2.empty': '还没有笔记。',
-      's2.continue': '在会话里继续探索',
-      's2.prompt': '用 grove_role 当我的思想伙伴，接着上次的问题继续。',
-      's2.count.inspiration': '灵感',
-      's2.count.question': '问题',
-      's2.count.research': '研究',
-      's2.count.claim': '判断',
-      's2.count.evidence': '证据',
       'type.inspiration': '灵感',
       'type.question': '问题',
       'type.concept': '概念',
@@ -97,6 +146,69 @@ window.__ModuleLoader__.load({
     }
 
     var EN = {
+      'asset.knowledge': 'Knowledge',
+      'asset.works': 'Works',
+      'asset.title': 'Title',
+      'asset.body': 'Body',
+      'asset.new': 'New',
+      'asset.save': 'Save',
+      'asset.basis': 'View basis',
+      'asset.derive': 'Save as knowledge',
+      'asset.compose': 'Create a work',
+      'asset.research': 'Research from this knowledge',
+      'asset.reason': 'Reflection · What changed your understanding?',
+      'asset.copy': 'Copy body',
+      'asset.copied': 'Copied',
+      'asset.type': 'Knowledge type',
+      'asset.missing': 'The source is unavailable.',
+      'report.review': 'Review as report draft',
+      'report.discard': 'Discard unsaved draft',
+      'model.title': 'Research model',
+      'model.enabled': 'Enable AI research',
+      'model.endpoint': 'HTTPS model endpoint',
+      'model.name': 'Model name',
+      'model.test': 'Test connection',
+      'model.apply': 'Apply model settings',
+      'model.tested': 'Connection verified.',
+      'model.ask': 'Ask AI to investigate',
+      'model.question': 'What should we investigate?',
+      'model.scope': 'Only selected excerpts and earlier findings in this study are sent.',
+      'parsers.title': 'Parser settings',
+      'parsers.pdf': 'Enable text PDF parsing',
+      'parsers.apply': 'Apply settings',
+      'parsers.pending': 'Applying…',
+      'parsers.done': 'Parser settings applied.',
+      'parsers.failed': 'Settings did not take effect. Try again.',
+      'parsers.hint': 'Markdown remains available. Existing evidence stays readable when PDF parsing is off.',
+      'report.title': 'Research reports',
+      'report.new': 'New report',
+      'report.body': 'Report body',
+      'report.save': 'Confirm report',
+      'report.history': 'History',
+      'report.missing': 'Original unavailable. The saved excerpt is shown above.',
+      'report.missingEvidence': 'This evidence version is unavailable.',
+      'source.title': 'Sources',
+      'source.import': 'Import Markdown or text PDF',
+      'source.read': 'View original passage',
+      'source.save': 'Save as evidence',
+      'source.saved': 'Evidence saved',
+      'source.open': 'Open original file',
+      'research.title': 'Research',
+      'research.new': 'New independent study',
+      'research.question': 'What do you want to explore?',
+      'research.notes': 'Research notes',
+      'research.save': 'Save study',
+      'research.continue': 'Continue the last study',
+      'research.back': 'Back to home',
+      'research.saved': 'Saved.',
+      'idea.title': 'An idea?',
+      'idea.placeholder': 'What just came to mind? Jot it down.',
+      'idea.save': '💡 Ding!',
+      'idea.saved': 'Ding! Saved.',
+      'idea.find': 'Find ideas',
+      'idea.search': 'Search',
+      'idea.empty': 'No matching ideas.',
+      'idea.version': 'History',
       panel: 'Grove',
       menu: 'Grove',
       subtitle: 'Keep what you explore in your own vault.',
@@ -117,31 +229,7 @@ window.__ModuleLoader__.load({
       's0.hint': 'The path is saved in this profile’s plugin configuration and can be changed later from the Plugins page.',
       's0.stale': 'The previous vault is no longer usable: {path}. Choose it again, or move it back.',
       's0.noVault': 'This folder has no .obsidian. You can still connect if it is a vault root.',
-      's1.connectedTo': 'Connected',
       's1.change': 'Change vault',
-      's1.title': 'Capture a first idea',
-      's1.body': 'An observation, a question, or a thought you have not worked out yet. Saving puts it in the vault’s Grove/ folder.',
-      's1.placeholder': 'For example: why do coordination costs rise as an organization grows?',
-      's1.save': 'Save to vault',
-      's1.saving': 'Saving…',
-      's1.saved': 'Saved',
-      's1.savedBody': 'Written to the vault. Open the Grove/ folder in Obsidian to see it. Back in the conversation, ask AI to use grove_role and keep thinking.',
-      's1.view': 'View overview',
-      's1.another': 'Another way to start',
-      's1.prompt': 'Use grove_role as my thinking partner and help me unpack this question: <your question>',
-      's1.copy': 'Copy prompt',
-      's1.copied': 'Copied',
-      's2.title': 'Your knowledge base',
-      's2.total': 'assets',
-      's2.recent': 'Recently updated',
-      's2.empty': 'No notes yet.',
-      's2.continue': 'Continue in the conversation',
-      's2.prompt': 'Use grove_role as my thinking partner and continue from the last question.',
-      's2.count.inspiration': 'Inspirations',
-      's2.count.question': 'Questions',
-      's2.count.research': 'Research',
-      's2.count.claim': 'Claims',
-      's2.count.evidence': 'Evidence',
       'type.inspiration': 'Inspiration',
       'type.question': 'Question',
       'type.concept': 'Concept',
@@ -214,18 +302,6 @@ window.__ModuleLoader__.load({
       return (error && error.message) || T('err.internal')
     }
 
-    function when(iso) {
-      if (!iso) return ''
-      var date = new Date(iso)
-      if (isNaN(date.getTime())) return ''
-      return date.getFullYear() + '-' + String(date.getMonth() + 1).padStart(2, '0') + '-' + String(date.getDate()).padStart(2, '0')
-    }
-
-    function copyText(text) {
-      if (navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(text)
-      return Promise.reject(new Error('clipboard'))
-    }
-
     function waitForVault(expected, tries) {
       return api(STATUS).catch(function () { return null }).then(function (status) {
         if (status && status.configured && status.usable && (expected === undefined || status.vault === expected)) return status
@@ -249,9 +325,18 @@ window.__ModuleLoader__.load({
       var [manual, setManual] = useState(false)
       var [draft, setDraft] = useState('')
       var [pathDraft, setPathDraft] = useState('')
-      var [firstNote, setFirstNote] = useState(null)
-      var [copied, setCopied] = useState(false)
+      var [query, setQuery] = useState('')
+      var [notes, setNotes] = useState(null)
+      var [selected, setSelected] = useState(null)
+      var [saved, setSaved] = useState(false)
       var [changing, setChanging] = useState(false)
+      var [page, setPage] = useState('home')
+      var [seed, setSeed] = useState(null)
+
+      function navigate(destination, draft) {
+        setSeed(draft || null)
+        setPage(destination)
+      }
       var mounted = useRef(true)
 
       useEffect(function () {
@@ -277,11 +362,17 @@ window.__ModuleLoader__.load({
       function connect(path) {
         setBusy('connect')
         setError(null)
-        return api(CONFIG, { path: path }).then(function () {
-          return waitForVault(path, 12)
+        return api(CONNECTION, { path: path }).then(function (candidate) {
+          return api(CONFIG, { path: candidate.path }).then(function () {
+            return waitForVault(candidate.path, 12)
+          })
         }).then(function (next) {
           if (!mounted.current) return
           setStatus(next)
+          navigate('home')
+          setNotes(null)
+          setSelected(null)
+          setSaved(false)
           setManual(false)
           setChanging(false)
         }, function (problem) {
@@ -319,37 +410,39 @@ window.__ModuleLoader__.load({
         connect(path)
       }
 
-      function saveFirst() {
-        var body = draft.trim()
-        if (body === '') return
-        setBusy('capture')
+      function requestNotes(input, apply) {
+        if (busy) return
+        setBusy('read')
         setError(null)
-        api(CAPTURE, { body: body }).then(function (note) {
-          if (!mounted.current) return
-          setFirstNote(note)
-          setDraft('')
-          return api(STATUS).then(function (next) {
-            if (mounted.current) setStatus(next)
-          })
+        return api(INSPIRATIONS, input).then(function (data) {
+          if (mounted.current) apply(data)
         }, function (problem) {
           if (mounted.current) setError(problem)
-        }).then(function () {
+        }).finally(function () {
           if (mounted.current) setBusy('')
         })
       }
 
-      function copyPrompt(text) {
-        copyText(text).then(function () {
+      function saveIdea() {
+        var body = draft.trim()
+        if (!body || busy) return
+        setBusy('capture')
+        setError(null)
+        setSaved(false)
+        api(CAPTURE, { body: body }).then(function () {
           if (!mounted.current) return
-          setCopied(true)
-          setTimeout(function () { if (mounted.current) setCopied(false) }, 1600)
+          setDraft('')
+          setSaved(true)
+          setNotes(null)
+          setSelected(null)
         }, function (problem) {
           if (mounted.current) setError(problem)
+        }).finally(function () {
+          if (mounted.current) setBusy('')
         })
       }
 
       var connected = !!(status && status.configured && status.usable)
-      var total = status && status.counts ? Number(status.counts.total) || 0 : 0
       var connectView = h(Connect, {
         busy: busy, manual: manual, error: error, pathDraft: pathDraft,
         stale: !changing && status && status.configured && !status.usable ? status.vault : null,
@@ -376,12 +469,23 @@ window.__ModuleLoader__.load({
               ? h('div', { className: 'gr-card' }, h('div', { className: 'gr-body' }, T('loading')))
               : changing || !connected
                 ? connectView
-                : total > 0 && firstNote === null
-                  ? h(Overview, { status: status, onCopy: copyPrompt })
-                  : h(FirstNote, {
-                    status: status, draft: draft, busy: busy, note: firstNote,
-                    onDraft: setDraft, onSave: saveFirst, onCopy: copyPrompt,
-                    onOverview: function () { setFirstNote(null) },
+                : page === 'research'
+                  ? h(ResearchPage, { seed: seed, onNavigate: navigate, onBack: function () { navigate('home') } })
+                  : page === 'knowledge' || page === 'works'
+                    ? h(AssetPage, { key: page, kind: page, seed: seed, onNavigate: navigate })
+                    : h(InspirationHome, {
+                    onResearch: function () { navigate('research') },
+                    onKnowledge: function () { navigate('knowledge') },
+                    onWorks: function () { navigate('works') },
+                    draft: draft, busy: busy, saved: saved, onSave: saveIdea,
+                    onDraft: function (value) { setDraft(value); setSaved(false) },
+                    query: query, notes: notes, selected: selected, onQuery: setQuery,
+                    onSearch: function () {
+                      requestNotes({ query: query }, function (data) { setNotes(data.notes); setSelected(null) })
+                    },
+                    onSelect: function (id, version) {
+                      requestNotes({ id: id, version: version }, setSelected)
+                    },
                   }),
             h(Footer, null),
           ),
@@ -444,78 +548,591 @@ window.__ModuleLoader__.load({
       )
     }
 
-    function FirstNote(props) {
-      var status = props.status
-      if (props.note) {
-        return h('div', { className: 'gr-card' },
-          h('div', { className: 'gr-h2 gr-ok' }, '✓ ' + T('s1.saved')),
-          h('div', { className: 'gr-body' }, T('s1.savedBody')),
-          h('div', { className: 'gr-row' }, h('span', { className: 'gr-path' }, props.note.path)),
-          h('div', { className: 'gr-row' }, h('button', { className: 'gr-btn gr-btn-sm', onClick: props.onOverview }, T('s1.view'))),
-        )
-      }
+    function InspirationHome(props) {
+      var selected = props.selected
       return h(React.Fragment, null,
         h('div', { className: 'gr-card' },
-          h('div', { className: 'gr-meta' }, T('s1.connectedTo') + ' · ' + (status.vault || '')),
-          h('div', { className: 'gr-h2' }, T('s1.title')),
-          h('div', { className: 'gr-body' }, T('s1.body')),
+          h('label', { className: 'gr-h2', htmlFor: 'gr-idea' }, T('idea.title')),
           h('textarea', {
-            className: 'gr-textarea', value: props.draft, placeholder: T('s1.placeholder'),
-            'aria-label': T('s1.title'),
+            id: 'gr-idea', className: 'gr-textarea', value: props.draft,
+            placeholder: T('idea.placeholder'),
             onChange: function (event) { props.onDraft(event.target.value) },
             onKeyDown: function (event) {
               if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') props.onSave()
             },
           }),
           h('div', { className: 'gr-row' },
-            h('button', { className: 'gr-btn', disabled: props.busy !== '' || props.draft.trim() === '', onClick: props.onSave },
-              props.busy === 'capture' ? T('s1.saving') : T('s1.save')),
-            h('span', { className: 'gr-meta' }, '⌘↵'),
+            h('button', { className: 'gr-btn', disabled: !!props.busy || !props.draft.trim(), onClick: props.onSave }, T('idea.save')),
+            h('span', { role: 'status' }, props.saved ? T('idea.saved') : ''),
           ),
         ),
-        h('div', { className: 'gr-card' },
-          h('div', { className: 'gr-h2' }, T('s1.another')),
-          h('pre', { className: 'gr-code' }, T('s1.prompt')),
-          h('button', { className: 'gr-btn gr-btn-ghost gr-btn-sm', onClick: function () { props.onCopy(T('s1.prompt')) } }, T('s1.copy')),
+        h('div', { className: 'gr-row' },
+          h('button', { className: 'gr-btn gr-btn-ghost', disabled: !!props.busy, onClick: props.onResearch }, T('research.title')),
+          h('button', { className: 'gr-btn gr-btn-ghost', disabled: !!props.busy, onClick: props.onKnowledge }, T('asset.knowledge')),
+          h('button', { className: 'gr-btn gr-btn-ghost', disabled: !!props.busy, onClick: props.onWorks }, T('asset.works'))),
+        h('details', { className: 'gr-card' },
+          h('summary', null, T('idea.find')),
+          h('form', { className: 'gr-row', onSubmit: function (event) {
+            event.preventDefault()
+            props.onSearch()
+          } },
+          h('input', { className: 'gr-input', type: 'search', 'aria-label': T('idea.find'),
+            value: props.query, onChange: function (event) { props.onQuery(event.target.value) } }),
+          h('button', { className: 'gr-btn gr-btn-sm', disabled: !!props.busy }, T('idea.search'))),
+          props.notes && props.notes.length === 0 ? h('p', null, T('idea.empty')) : null,
+          (props.notes || []).map(function (note) {
+            return h('div', { key: note.id },
+              h('button', { className: 'gr-btn gr-btn-ghost', disabled: !!props.busy,
+                onClick: function () { props.onSelect(note.id, note.version) } }, note.title))
+          }),
+          selected ? h('article', { className: 'gr-card' },
+            h('div', { className: 'gr-h2' }, selected.meta.title),
+            h('pre', { className: 'gr-code' }, selected.body),
+            h('label', null, T('idea.version'), ' ',
+              h('select', { value: selected.meta.version, disabled: !!props.busy,
+                onChange: function (event) { props.onSelect(selected.meta.id, Number(event.target.value)) } },
+                selected.versions.map(function (version) { return h('option', { key: version, value: version }, 'v' + version) }))),
+          ) : null,
         ),
       )
     }
 
-    function Overview(props) {
-      var status = props.status
-      var counts = status.counts || {}
-      var stats = ['inspiration', 'question', 'research', 'claim', 'evidence'].map(function (type) {
-        return h('div', { className: 'gr-stat', key: type },
-          h('b', null, String(counts[type] || 0)),
-          h('span', null, T('s2.count.' + type)),
-        )
-      })
-      var recent = status.recent || []
+    function ModelSettings() {
+      var [config, setConfig] = useState(null)
+      var [busy, setBusy] = useState(false)
+      var [message, setMessage] = useState('')
+      var [error, setError] = useState(null)
+
+      function change(key, value) {
+        setConfig(function (current) { return Object.assign({}, current, { [key]: value }) })
+        setMessage('')
+      }
+
+      async function submit(event) {
+        event.preventDefault()
+        var test = event.nativeEvent.submitter?.value === 'test'
+        setBusy(true)
+        setError(null)
+        setMessage('')
+        try {
+          await api(MODEL, Object.assign({}, config, { test: test }))
+          if (test) { setMessage(T('model.tested')); return }
+          for (var attempt = 0; attempt < 12; attempt++) {
+            await new Promise(function (resolve) { setTimeout(resolve, 400) })
+            var current = await api(MODEL).catch(function () { return null })
+            if (current && current.enabled === config.enabled &&
+              (!current.enabled || (current.name === config.name && current.endpoint === config.endpoint))) {
+              setMessage(T('research.saved'))
+              return
+            }
+          }
+          throw new Error(T('parsers.failed'))
+        } catch (problem) { setError(problem) }
+        finally { setBusy(false) }
+      }
+
+      return h('details', { className: 'gr-card', onToggle: function (event) {
+        if (event.currentTarget.open && !config) api(MODEL).then(setConfig, setError)
+      } },
+      h('summary', null, T('model.title')),
+      error ? h('p', { role: 'alert' }, messageOf(error)) : null,
+      config ? h('form', { onSubmit: submit },
+        h('label', null, h('input', { type: 'checkbox', checked: config.enabled, disabled: busy,
+          onChange: function (event) { change('enabled', event.target.checked) } }), T('model.enabled')),
+        config.enabled ? h(React.Fragment, null,
+          h('label', null, T('model.endpoint'), h('input', { type: 'url', className: 'gr-input', value: config.endpoint || '',
+            required: true, disabled: busy, onChange: function (event) { change('endpoint', event.target.value) } })),
+          h('label', null, T('model.name'), h('input', { className: 'gr-input', value: config.name || '',
+            required: true, disabled: busy, onChange: function (event) { change('name', event.target.value) } })),
+          h('p', { className: 'gr-meta' }, 'GROVE_MODEL_KEY')) : null,
+        h('div', { className: 'gr-row' },
+          config.enabled ? h('button', { className: 'gr-btn', value: 'test', disabled: busy }, T('model.test')) : null,
+          h('button', { className: 'gr-btn', value: 'apply', disabled: busy }, T('model.apply'))),
+        h('p', { role: 'status' }, message)) : null)
+    }
+
+    function ResearchFindings(props) {
+      var [question, setQuestion] = useState(props.title)
+      var [findings, setFindings] = useState([])
+      var [evidence, setEvidence] = useState([])
+      var [selected, setSelected] = useState([])
+      var [busy, setBusy] = useState(false)
+      var [error, setError] = useState(null)
+
+      function load(event) {
+        if (!event.currentTarget.open) return
+        api(FINDINGS, { action: 'list', id: props.id }).then(function (result) { setFindings(result.findings) }, setError)
+        api(REPORTS, { action: 'list', research: props.id }).then(function (result) { setEvidence(result.evidence) }, setError)
+      }
+
+      async function ask(event) {
+        event.preventDefault()
+        setBusy(true)
+        setError(null)
+        try {
+          var finding = await api(FINDINGS, { id: props.id, version: props.version, question: question,
+            includeHistory: true, materials: evidence.filter(function (item) { return selected.includes(item.id) }).map(function (item) {
+              return { id: item.id, version: item.version }
+            }) })
+          setFindings(function (items) { return items.concat(finding) })
+          setQuestion('')
+        } catch (problem) { setError(problem) }
+        finally { setBusy(false) }
+      }
+
+      return h('details', { className: 'gr-card', onToggle: load },
+        h('summary', null, T('model.ask')),
+        error ? h('p', { role: 'alert' }, messageOf(error)) : null,
+        findings.map(function (item) {
+          return h('article', { key: item.meta.id }, h('h3', null, item.meta.title), h('pre', { className: 'gr-code' }, item.body),
+            h('button', { className: 'gr-btn gr-btn-ghost', disabled: busy, onClick: function () {
+              api(REPORTS, { action: 'draft', research: props.id, id: item.meta.id, version: item.meta.version }).then(props.onDraft, setError)
+            } }, T('report.review')))
+        }),
+        h('form', { onSubmit: ask },
+          h('label', null, T('model.question'), h('textarea', { className: 'gr-textarea', value: question,
+            required: true, maxLength: 1000, onChange: function (event) { setQuestion(event.target.value) } })),
+          h('p', { className: 'gr-meta' }, T('model.scope')),
+          evidence.map(function (item) {
+            return h('label', { key: item.id }, h('input', { type: 'checkbox', checked: selected.includes(item.id),
+              onChange: function (event) { setSelected(event.target.checked ? selected.concat(item.id) : selected.filter(function (id) { return id !== item.id })) } }), item.title)
+          }),
+          h('button', { className: 'gr-btn', disabled: busy }, T('model.ask'))))
+    }
+
+    function ParserSettings() {
+      var [enabled, setEnabled] = useState(null)
+      var [pending, setPending] = useState(false)
+      var [done, setDone] = useState(false)
+      var [error, setError] = useState(null)
+
+      async function apply(event) {
+        event.preventDefault()
+        setPending(true)
+        setDone(false)
+        setError(null)
+        try {
+          await api(PARSERS, { pdf: enabled })
+          for (var attempt = 0; attempt < 12; attempt++) {
+            await new Promise(function (resolve) { setTimeout(resolve, 400) })
+            var current = await api(PARSERS).catch(function () { return null })
+            if (current && current.pdf === enabled) {
+              setDone(true)
+              return
+            }
+          }
+          throw new Error(T('parsers.failed'))
+        } catch (problem) {
+          setError(problem)
+        } finally {
+          setPending(false)
+        }
+      }
+
+      return h('details', { className: 'gr-card', onToggle: function (event) {
+        if (!event.currentTarget.open || enabled !== null) return
+        api(PARSERS).then(function (current) { setEnabled(current.pdf); setError(null) }, setError)
+      } },
+      h('summary', null, T('parsers.title')),
+      h('p', { className: 'gr-body' }, T('parsers.hint')),
+      error ? h('p', { role: 'alert' }, messageOf(error)) : null,
+      enabled === null ? null : h('form', { onSubmit: apply },
+        h('label', null, h('input', { type: 'checkbox', checked: enabled, disabled: pending,
+          onChange: function (event) { setEnabled(event.target.checked); setDone(false) } }), T('parsers.pdf')),
+        h('button', { className: 'gr-btn', disabled: pending }, T(pending ? 'parsers.pending' : 'parsers.apply')),
+        h('p', { role: 'status' }, done ? T('parsers.done') : '')))
+    }
+
+    async function readSourceFile(file) {
+      if (file.size > 500000) throw new Error(T('err.too-large'))
+      var bytes = new Uint8Array(await file.arrayBuffer())
+      var binary = ''
+      for (var i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i])
+      return btoa(binary)
+    }
+
+    function ResearchSources(props) {
+      var [items, setItems] = useState([])
+      var [document, setDocument] = useState(null)
+      var [busy, setBusy] = useState(false)
+      var [error, setError] = useState(null)
+      var [saved, setSaved] = useState(false)
+      useEffect(function () {
+        var active = true
+        api(SOURCES, { action: 'list', research: props.id }).then(function (value) {
+          if (active) setItems(value.sources)
+        }, function (problem) {
+          if (active) setError(problem)
+        })
+        return function () { active = false }
+      }, [props.id])
+
+      async function run(operation) {
+        setBusy(true)
+        setError(null)
+        setSaved(false)
+        try { await operation() }
+        catch (problem) { setError(problem) }
+        finally { setBusy(false) }
+      }
+
+      async function upload(event) {
+        var file = event.target.files[0]
+        event.target.value = ''
+        if (!file) return
+        await run(async function () {
+          var original = await readSourceFile(file)
+          var result = await api(SOURCES, { action: 'import', name: file.name, original: original, research: props.id })
+          setItems(function (existing) { return [result.meta].concat(existing.filter(function (item) { return item.id !== result.meta.id })) })
+          setDocument({ meta: result.meta, blocks: result.blocks, original: original })
+        })
+      }
+
+      function download() {
+        var bytes = Uint8Array.from(atob(document.original), function (character) { return character.charCodeAt(0) })
+        var url = URL.createObjectURL(new Blob([bytes]))
+        var link = window.document.createElement('a')
+        link.href = url
+        link.download = document.meta.title
+        link.click()
+        setTimeout(function () { URL.revokeObjectURL(url) }, 1000)
+      }
+
+      return h('section', { className: 'gr-card' },
+        h('h2', { className: 'gr-h2' }, T('source.title')),
+        h('label', null, T('source.import'), ' ',
+          h('input', { type: 'file', accept: '.md,.markdown,.pdf', disabled: busy, onChange: upload })),
+        error ? h('p', { role: 'alert' }, messageOf(error)) : null,
+        h('p', { role: 'status' }, saved ? T('source.saved') : ''),
+        items.map(function (item) {
+          return h('button', { key: item.id, className: 'gr-btn gr-btn-ghost', disabled: busy, onClick: function () {
+            run(async function () { setDocument(await api(SOURCES, { action: 'open', id: item.id, version: item.version })) })
+          } }, item.title)
+        }),
+        document ? h('div', null,
+          h('button', { className: 'gr-btn', onClick: download }, T('source.open')),
+          document.blocks.map(function (block, index) {
+            return h('details', { key: document.meta.id + ':' + index },
+              h('summary', null, T('source.read'), ' · ', block.locator),
+              h('pre', { className: 'gr-code' }, block.text),
+              h('button', { className: 'gr-btn', disabled: busy, onClick: function () {
+                run(async function () {
+                  await api(SOURCES, { action: 'excerpt', id: document.meta.id, version: document.meta.version, index: index })
+                  setSaved(true)
+                })
+              } }, T('source.save')))
+          })) : null)
+    }
+
+    function ResearchReports(props) {
+      var [catalog, setCatalog] = useState(null)
+      var [report, setReport] = useState(null)
+      var [body, setBody] = useState('')
+      var [references, setReferences] = useState([])
+      var [originals, setOriginals] = useState({})
+      var [busy, setBusy] = useState(false)
+      var [error, setError] = useState(null)
+      var [editing, setEditing] = useState(false)
+
+      useEffect(function () {
+        if (!props.draft) return
+        setBody(props.draft.body)
+        setReferences(props.draft.evidence)
+        setReport(null)
+        setEditing(true)
+        list().catch(setError)
+      }, [props.draft])
+
+      function list() {
+        return api(REPORTS, { action: 'list', research: props.id }).then(setCatalog)
+      }
+
+      async function run(operation) {
+        setBusy(true)
+        setError(null)
+        try { await operation() }
+        catch (problem) { setError(problem) }
+        finally { setBusy(false) }
+      }
+
+      async function read(id, version) {
+        var result = await api(REPORTS, { action: 'read', id: id, version: version })
+        setReport(result)
+        setBody(result.body)
+        setReferences(result.evidence.filter(function (item) { return !item.missing }).map(function (item) {
+          return { id: item.meta.id, version: item.meta.version }
+        }))
+        setOriginals({})
+        setEditing(true)
+      }
+
+      function start() {
+        setReport(null)
+        setBody('')
+        setReferences([])
+        setEditing(true)
+      }
+
+      function save(event) {
+        event.preventDefault()
+        run(async function () {
+          var input = { action: 'confirm', research: props.id, body: body, evidence: references }
+          if (report) { input.id = report.meta.id; input.version = report.meta.version }
+          var result = await api(REPORTS, input)
+          await read(result.meta.id, result.meta.version)
+          await list()
+        })
+      }
+
+      function cite(item) {
+        if (item.missing) return h('p', { key: item.reference.id }, T('report.missingEvidence'))
+        var ref = item.original
+        return h('div', { key: item.meta.id, className: 'gr-card' },
+          h('p', null, item.meta.source, ' · ', item.meta.locator),
+          h('pre', { className: 'gr-code' }, item.body),
+          ref ? h('button', { className: 'gr-btn gr-btn-ghost', disabled: busy, onClick: function () {
+            run(async function () {
+              var text
+              try {
+                var result = await api(SOURCES, { action: 'open', id: ref.id, version: ref.version })
+                var block = result.blocks.find(function (entry) { return entry.locator === item.meta.locator })
+                text = block ? block.text : T('report.missing')
+              } catch { text = T('report.missing') }
+              setOriginals(function (previous) { return Object.assign({}, previous, { [item.meta.id]: text }) })
+            })
+          } }, T('source.read')) : null,
+          originals[item.meta.id] ? h('pre', { className: 'gr-code' }, originals[item.meta.id]) : null)
+      }
+
+      return h('details', { className: 'gr-card', open: props.draft ? true : undefined, onToggle: function (event) {
+        if (event.currentTarget.open) run(list)
+      } },
+      h('summary', null, T('report.title')),
+      error ? h('p', { role: 'alert' }, messageOf(error)) : null,
+      h('button', { className: 'gr-btn', disabled: busy, onClick: start }, T('report.new')),
+      (catalog ? catalog.reports : []).map(function (entry) {
+        return h('button', { key: entry.meta.id, className: 'gr-btn gr-btn-ghost', disabled: busy,
+          onClick: function () { run(function () { return read(entry.meta.id, entry.meta.version) }) } }, entry.meta.title)
+      }),
+      report ? h('label', null, T('report.history'), ' ', h('select', {
+        value: report.meta.version, disabled: busy,
+        onChange: function (event) {
+          var version = Number(event.target.value)
+          run(function () { return read(report.meta.id, version) })
+        },
+      }, report.versions.map(function (version) { return h('option', { key: version, value: version }, 'v' + version) }))) : null,
+      report ? report.evidence.map(cite) : null,
+      report ? h('div', { className: 'gr-row' },
+        h('button', { className: 'gr-btn', onClick: function () {
+          props.onNavigate('knowledge', { title: report.meta.title, body: report.body, report: { id: report.meta.id, version: report.meta.version } })
+        } }, T('asset.derive')),
+        h('button', { className: 'gr-btn', onClick: function () {
+          props.onNavigate('works', { title: report.meta.title, body: report.body, basis: { id: report.meta.id, version: report.meta.version } })
+        } }, T('asset.compose'))) : null,
+      editing ? h('form', { onSubmit: save },
+        h('label', null, T('report.body'), h('textarea', { className: 'gr-textarea', required: true,
+          value: body, onChange: function (event) { setBody(event.target.value) } })),
+        (catalog ? catalog.evidence : []).map(function (item) {
+          var checked = references.some(function (ref) { return ref.id === item.id && ref.version === item.version })
+          return h('label', { key: item.id }, h('input', { type: 'checkbox', checked: checked,
+            onChange: function () {
+              setReferences(checked ? references.filter(function (ref) { return ref.id !== item.id })
+                : references.filter(function (ref) { return ref.id !== item.id }).concat({ id: item.id, version: item.version }))
+            } }), item.title, ' · v', item.version)
+        }),
+        h('button', { className: 'gr-btn', disabled: busy || (report && report.meta.version !== report.versions[0]) }, T('report.save')),
+        h('button', { type: 'button', className: 'gr-btn gr-btn-ghost', disabled: busy,
+          onClick: function () { setEditing(false); props.onDiscard() } }, T('report.discard'))) : null)
+    }
+
+    function AssetPage(props) {
+      var isKnowledge = props.kind === 'knowledge'
+      var endpoint = isKnowledge ? KNOWLEDGE : WORKS
+      var [items, setItems] = useState([])
+      var [selected, setSelected] = useState(null)
+      var [draft, setDraft] = useState(props.seed)
+      var [title, setTitle] = useState(props.seed?.title || '')
+      var [body, setBody] = useState(props.seed?.body || '')
+      var [kind, setKind] = useState('concept')
+      var [reason, setReason] = useState('')
+      var [basis, setBasis] = useState(null)
+      var [busy, setBusy] = useState(false)
+      var [error, setError] = useState(null)
+      var [message, setMessage] = useState('')
+
+      function list() { return api(endpoint, { action: 'list' }).then(function (result) { setItems(result.items) }) }
+      useEffect(function () { list().catch(setError) }, [endpoint])
+
+      async function run(operation) {
+        setBusy(true)
+        setError(null)
+        setMessage('')
+        try { await operation() }
+        catch (problem) { setError(problem) }
+        finally { setBusy(false) }
+      }
+
+      async function read(id, version) {
+        var entry = await api(endpoint, { action: 'read', id: id, version: version })
+        setSelected(entry)
+        setDraft({})
+        setTitle(entry.meta.title)
+        setBody(entry.body)
+        setBasis(null)
+        setReason('')
+      }
+
+      function start() {
+        setSelected(null)
+        setDraft({})
+        setTitle('')
+        setBody('')
+        setBasis(null)
+        setReason('')
+      }
+
+      function save(event) {
+        event.preventDefault()
+        run(async function () {
+          var input = { action: 'save', body: body, title: title, type: kind, reason: reason,
+            basis: draft?.basis, report: draft?.report }
+          if (selected) { input.id = selected.meta.id; input.version = selected.meta.version }
+          var entry = await api(endpoint, input)
+          await read(entry.meta.id, entry.meta.version)
+          await list()
+          setMessage(T('research.saved'))
+        })
+      }
+
+      function readBasis() {
+        run(async function () {
+          var ref = selected.meta.links.find(function (link) { return link.kind === 'derived' })
+          var input = { action: 'read', id: ref.id, version: ref.version }
+          var entry = await api(isKnowledge ? REPORTS : KNOWLEDGE, input)
+            .catch(function () { return isKnowledge ? null : api(REPORTS, input).catch(function () { return null }) })
+          setBasis(entry || { body: T('asset.missing') })
+        })
+      }
+
+      function reference() { return { id: selected.meta.id, version: selected.meta.version } }
+
       return h(React.Fragment, null,
-        h('div', { className: 'gr-card' },
-          h('div', { className: 'gr-row', style: { justifyContent: 'space-between' } },
-            h('div', { className: 'gr-h2' }, T('s2.title')),
-            h('div', { className: 'gr-meta' }, String(counts.total || 0) + ' ' + T('s2.total')),
-          ),
-          h('div', { className: 'gr-stats' }, stats),
-        ),
-        h('div', { className: 'gr-card' },
-          h('div', { className: 'gr-h2' }, T('s2.recent')),
-          recent.length === 0
-            ? h('div', { className: 'gr-body' }, T('s2.empty'))
-            : h('div', { className: 'gr-recent' }, recent.map(function (item) {
-              return h('div', { className: 'gr-item', key: item.id + ':' + item.version },
-                h('span', { className: 'gr-type' }, T('type.' + item.type)),
-                h('span', { className: 'gr-itemtitle', title: item.title || '' }, item.title || item.id),
-                h('span', { className: 'gr-meta' }, 'v' + item.version + (item.at ? ' · ' + when(item.at) : '')),
-              )
-            })),
-        ),
-        h('div', { className: 'gr-card' },
-          h('div', { className: 'gr-h2' }, T('s2.continue')),
-          h('pre', { className: 'gr-code' }, T('s2.prompt')),
-          h('button', { className: 'gr-btn gr-btn-ghost gr-btn-sm', onClick: function () { props.onCopy(T('s2.prompt')) } }, T('s1.copy')),
-        ),
+        h('div', { className: 'gr-row' },
+          h('button', { className: 'gr-btn gr-btn-ghost', onClick: function () { props.onNavigate('home') } }, T('research.back')),
+          h('h2', { className: 'gr-h2' }, T('asset.' + props.kind)),
+          h('button', { className: 'gr-btn', disabled: busy, onClick: start }, T('asset.new'))),
+        error ? h('p', { role: 'alert' }, messageOf(error)) : null,
+        h('p', { role: 'status' }, message),
+        items.map(function (entry) {
+          return h('button', { key: entry.meta.id, className: 'gr-btn gr-btn-ghost', disabled: busy,
+            onClick: function () { run(function () { return read(entry.meta.id, entry.meta.version) }) } }, entry.meta.title)
+        }),
+        draft ? h('form', { className: 'gr-card', onSubmit: save },
+          selected ? h('h3', null, selected.meta.title) : h('label', null, T('asset.title'),
+            h('input', { className: 'gr-input', value: title, maxLength: 300, required: true, onChange: function (event) { setTitle(event.target.value) } })),
+          isKnowledge && !selected ? h('label', null, T('asset.type'),
+            h('select', { value: kind, onChange: function (event) { setKind(event.target.value) } },
+              ['concept', 'theory', 'claim', 'method'].map(function (type) { return h('option', { key: type, value: type }, T('type.' + type)) }))) : null,
+          selected ? h('label', null, T('report.history'),
+            h('select', { value: selected.meta.version, disabled: busy, onChange: function (event) {
+              var version = Number(event.target.value)
+              run(function () { return read(selected.meta.id, version) })
+            } }, selected.versions.map(function (version) { return h('option', { key: version, value: version }, 'v' + version) }))) : null,
+          h('label', null, T('asset.body'), h('textarea', { className: 'gr-textarea', value: body, required: true,
+            onChange: function (event) { setBody(event.target.value) } })),
+          selected?.meta.revisionReason ? h('p', { className: 'gr-meta' }, selected.meta.revisionReason) : null,
+          isKnowledge && selected ? h('label', null, T('asset.reason'),
+            h('textarea', { className: 'gr-textarea', value: reason, required: true, onChange: function (event) { setReason(event.target.value) } })) : null,
+          h('button', { className: 'gr-btn', disabled: busy || (selected && selected.meta.version !== selected.versions[0]) }, T('asset.save'))) : null,
+        selected ? h('div', { className: 'gr-row' },
+          selected.meta.links?.some(function (link) { return link.kind === 'derived' })
+            ? h('button', { className: 'gr-btn', disabled: busy, onClick: readBasis }, T('asset.basis')) : null,
+          isKnowledge ? h('button', { className: 'gr-btn', onClick: function () {
+            props.onNavigate('research', { title: selected.meta.title, origin: reference() })
+          } }, T('asset.research')) : null,
+          isKnowledge ? h('button', { className: 'gr-btn', onClick: function () {
+            props.onNavigate('works', { title: selected.meta.title, body: selected.body, basis: reference() })
+          } }, T('asset.compose')) : null,
+          !isKnowledge ? h('button', { className: 'gr-btn', onClick: function () {
+            run(async function () { await navigator.clipboard.writeText(selected.body); setMessage(T('asset.copied')) })
+          } }, T('asset.copy')) : null) : null,
+        basis ? h('article', { className: 'gr-card' },
+          basis.meta ? h('h3', null, basis.meta.title, ' · v', basis.meta.version) : null,
+          h('pre', { className: 'gr-code' }, basis.body)) : null)
+    }
+
+    function ResearchPage(props) {
+      var [reportDraft, setReportDraft] = useState(null)
+      var [studies, setStudies] = useState([])
+      var [selected, setSelected] = useState(null)
+      var [question, setQuestion] = useState(props.seed?.title || '')
+      var [body, setBody] = useState('')
+      var [busy, setBusy] = useState(true)
+      var [error, setError] = useState(null)
+      var [saved, setSaved] = useState(false)
+
+      useEffect(function () {
+        var active = true
+        api(RESEARCH).then(function (data) {
+          if (active) setStudies(data.studies)
+        }, function (problem) {
+          if (active) setError(problem)
+        }).finally(function () {
+          if (active) setBusy(false)
+        })
+        return function () { active = false }
+      }, [])
+
+      function select(note) {
+        setSelected(note)
+        setReportDraft(null)
+        setBody(note ? note.body : '')
+        setQuestion('')
+        setSaved(false)
+      }
+
+      function save(event) {
+        event.preventDefault()
+        if (busy || !body.trim() || (!selected && !question.trim())) return
+        setBusy(true)
+        setError(null)
+        setSaved(false)
+        var input = selected ? { id: selected.meta.id, version: selected.meta.version, body: body } : { question: question, body: body, origin: props.seed?.origin }
+        api(RESEARCH, input).then(function (note) {
+          select(note)
+          setSaved(true)
+          setStudies(function (items) {
+            return [note].concat(items.filter(function (item) { return item.meta.id !== note.meta.id }))
+          })
+        }, setError).finally(function () { setBusy(false) })
+      }
+
+      return h(React.Fragment, null,
+        h('div', { className: 'gr-row' },
+          h('button', { className: 'gr-btn gr-btn-ghost', disabled: busy, onClick: props.onBack }, T('research.back')),
+          studies.length ? h('button', { className: 'gr-btn', disabled: busy, onClick: function () { select(studies[0]) } }, T('research.continue')) : null,
+          h('button', { className: 'gr-btn gr-btn-ghost', disabled: busy, onClick: function () { select(null) } }, T('research.new'))),
+        error ? h('p', { role: 'alert' }, messageOf(error)) : null,
+        h('form', { className: 'gr-card', onSubmit: save },
+          selected ? h('h2', { className: 'gr-h2' }, selected.meta.title) :
+            h('label', null, T('research.question'),
+              h('input', { className: 'gr-input', value: question, required: true, maxLength: 300,
+                onChange: function (event) { setQuestion(event.target.value) } })),
+          h('label', null, T('research.notes'),
+            h('textarea', { className: 'gr-textarea', value: body, required: true,
+              onChange: function (event) { setBody(event.target.value); setSaved(false) } })),
+          h('div', { className: 'gr-row' },
+            h('button', { className: 'gr-btn', disabled: busy }, T('research.save')),
+            h('span', { role: 'status' }, saved ? T('research.saved') : ''))),
+        h(ModelSettings),
+        h(ParserSettings),
+        selected ? h(ResearchFindings, { key: 'findings:' + selected.meta.id, id: selected.meta.id, title: selected.meta.title, version: selected.meta.version, onDraft: setReportDraft }) : null,
+        selected ? h(ResearchSources, { key: selected.meta.id, id: selected.meta.id }) : null,
+        selected ? h(ResearchReports, { key: 'report:' + selected.meta.id, id: selected.meta.id, onNavigate: props.onNavigate, draft: reportDraft, onDiscard: function () { setReportDraft(null) } }) : null,
+        studies.map(function (note) {
+          return h('button', { key: note.meta.id, className: 'gr-btn gr-btn-ghost', disabled: busy,
+            onClick: function () { select(note) } }, note.meta.title)
+        }),
       )
     }