@semiont/react-ui 0.4.3 → 0.4.5

package/dist/zh-HTDN4LKE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../translations/zh.json"],"sourcesContent":["{\n  \"Toolbar\": {\n    \"annotations\": \"注释\",\n    \"history\": \"历史\",\n    \"resourceInfo\": \"资源信息\",\n    \"collaboration\": \"协作\",\n    \"userAccount\": \"用户帐户\",\n    \"settings\": \"设置\"\n  },\n  \"ResourceInfoPanel\": {\n    \"title\": \"资源信息\",\n    \"locale\": \"区域设置\",\n    \"notSpecified\": \"未指定\",\n    \"entityTypeTags\": \"实体类型标签\",\n    \"representation\": \"表示形式\",\n    \"mediaType\": \"媒体类型\",\n    \"byteSize\": \"大小\",\n    \"clone\": \"克隆\",\n    \"cloneDescription\": \"为此资源生成可共享的克隆链接\",\n    \"archive\": \"归档\",\n    \"archiveDescription\": \"将此资源移至已归档状态\",\n    \"unarchive\": \"取消归档\",\n    \"unarchiveDescription\": \"将此资源恢复为活跃状态\",\n    \"provenance\": \"来源\",\n    \"createdAt\": \"创建时间\",\n    \"modifiedAt\": \"修改时间\",\n    \"creationMethod\": \"创建方式\",\n    \"attributedTo\": \"归属于\",\n    \"derivedFrom\": \"派生自\",\n    \"generatedBy\": \"由…生成\"\n  },\n  \"CollaborationPanel\": {\n    \"title\": \"协作\",\n    \"connectionStatus\": \"连接状态\",\n    \"live\": \"实时\",\n    \"disconnected\": \"已断开\",\n    \"events\": \"{count} 个事件\",\n    \"lastSync\": \"上次同步：\",\n    \"noActivity\": \"暂无活动\",\n    \"justNow\": \"刚刚\",\n    \"secondsAgo\": \"{count} 秒前\",\n    \"minuteAgo\": \"1 分钟前\",\n    \"minutesAgo\": \"{count} 分钟前\",\n    \"hourAgo\": \"1 小时前\",\n    \"hoursAgo\": \"{count} 小时前\",\n    \"realtimeActive\": \"实时更新已激活\",\n    \"reconnecting\": \"正在重新连接服务器...\",\n    \"sharing\": \"共享\",\n    \"collaborationComingSoon\": \"协作功能即将推出\"\n  },\n  \"AnnotationHistory\": {\n    \"history\": \"历史\",\n    \"loading\": \"加载中...\",\n    \"user\": \"用户\",\n    \"method\": \"方法\",\n    \"viewOriginal\": \"查看原文\",\n    \"viewAnnotation\": \"查看注释：{content}\",\n    \"resourceCreated\": \"已创建资源\",\n    \"resourceCloned\": \"已克隆\",\n    \"resourceArchived\": \"已归档\",\n    \"resourceUnarchived\": \"已取消归档\",\n    \"highlightAdded\": \"已添加高亮\",\n    \"highlightRemoved\": \"已移除高亮\",\n    \"referenceCreated\": \"已创建引用\",\n    \"referenceResolved\": \"已解析引用\",\n    \"referenceDeleted\": \"已删除引用\",\n    \"entitytagAdded\": \"已添加标签\",\n    \"entitytagRemoved\": \"已移除标签\",\n    \"assessmentAdded\": \"已添加评估\",\n    \"assessmentRemoved\": \"已移除评估\",\n    \"annotationAdded\": \"已添加注释\",\n    \"annotationRemoved\": \"已移除注释\",\n    \"annotationBodyUpdated\": \"已更新注释\",\n    \"jobEvent\": \"任务事件\",\n    \"justNow\": \"刚刚\",\n    \"minutesAgo\": \"{count}分钟前\",\n    \"hoursAgo\": \"{count}小时前\",\n    \"daysAgo\": \"{count}天前\"\n  },\n  \"CommentsPanel\": {\n    \"title\": \"评论\",\n    \"noComments\": \"暂无评论。选择文本并点击评论来添加。\",\n    \"commentPlaceholder\": \"在此输入您的评论...\",\n    \"save\": \"保存\",\n    \"cancel\": \"取消\",\n    \"edit\": \"编辑\",\n    \"annotateComments\": \"注释评论\",\n    \"instructions\": \"说明\",\n    \"optional\": \"（可选）\",\n    \"instructionsPlaceholder\": \"例如，关注技术术语...\",\n    \"annotate\": \"注释\",\n    \"annotating\": \"正在注释...\",\n    \"toneLabel\": \"语气\",\n    \"toneOptional\": \"（可选）\",\n    \"toneScholarly\": \"学术\",\n    \"toneExplanatory\": \"解释性\",\n    \"toneConversational\": \"对话式\",\n    \"toneTechnical\": \"技术性\",\n    \"densityLabel\": \"密度\",\n    \"densitySparse\": \"稀疏\",\n    \"densityDense\": \"密集\",\n    \"fragmentSelected\": \"已选择片段\",\n    \"imageRegionSelected\": \"已选择图像区域\",\n    \"closeProgress\": \"关闭\"\n  },\n  \"HighlightPanel\": {\n    \"title\": \"高亮\",\n    \"noHighlights\": \"暂无高亮。使用 AI 注释查找重要段落。\",\n    \"annotateHighlights\": \"注释高亮\",\n    \"instructions\": \"说明\",\n    \"optional\": \"（可选）\",\n    \"instructionsPlaceholder\": \"例如，关注关键技术概念...\",\n    \"annotate\": \"注释\",\n    \"annotating\": \"正在注释...\",\n    \"cancel\": \"取消\",\n    \"densityLabel\": \"密度\",\n    \"densitySparse\": \"稀疏\",\n    \"densityDense\": \"密集\",\n    \"closeProgress\": \"关闭\"\n  },\n  \"AssessmentPanel\": {\n    \"title\": \"评估\",\n    \"noAssessments\": \"暂无评估。使用 AI 注释评价段落。\",\n    \"assessmentPlaceholder\": \"在此输入您的评估...\",\n    \"save\": \"保存\",\n    \"cancel\": \"取消\",\n    \"annotateAssessments\": \"注释评估\",\n    \"instructions\": \"说明\",\n    \"optional\": \"（可选）\",\n    \"instructionsPlaceholder\": \"例如，评估声明的准确性和证据...\",\n    \"annotate\": \"注释\",\n    \"annotating\": \"正在注释...\",\n    \"toneLabel\": \"语气\",\n    \"toneOptional\": \"（可选）\",\n    \"toneAnalytical\": \"分析性\",\n    \"toneCritical\": \"批判性\",\n    \"toneBalanced\": \"平衡\",\n    \"toneConstructive\": \"建设性\",\n    \"densityLabel\": \"密度\",\n    \"densitySparse\": \"稀疏\",\n    \"densityDense\": \"密集\",\n    \"fragmentSelected\": \"已选择片段\",\n    \"imageRegionSelected\": \"已选择图像区域\",\n    \"closeProgress\": \"关闭\"\n  },\n  \"TaggingPanel\": {\n    \"title\": \"标签\",\n    \"noTags\": \"暂无标签。使用 AI 注释识别结构角色。\",\n    \"annotateTags\": \"注释标签\",\n    \"selectSchema\": \"选择框架\",\n    \"schemaLegal\": \"法律分析 (IRAC)\",\n    \"schemaScientific\": \"科学论文 (IMRAD)\",\n    \"schemaArgument\": \"论证结构 (Toulmin)\",\n    \"selectCategories\": \"选择分类\",\n    \"categoryIssue\": \"争议点\",\n    \"categoryRule\": \"规则\",\n    \"categoryApplication\": \"适用\",\n    \"categoryConclusion\": \"结论\",\n    \"categoryIntroduction\": \"引言\",\n    \"categoryMethods\": \"方法\",\n    \"categoryResults\": \"结果\",\n    \"categoryDiscussion\": \"讨论\",\n    \"categoryClaim\": \"主张\",\n    \"categoryEvidence\": \"证据\",\n    \"categoryWarrant\": \"论据\",\n    \"categoryCounterargument\": \"反驳\",\n    \"categoryRebuttal\": \"答辩\",\n    \"annotate\": \"注释\",\n    \"annotating\": \"正在注释...\",\n    \"cancel\": \"取消\",\n    \"selectAll\": \"全选\",\n    \"deselectAll\": \"取消全选\",\n    \"categoriesSelected\": \"{count, plural, =0 {未选择分类} =1 {已选择 1 个分类} other {已选择 # 个分类}}\",\n    \"createTagForSelection\": \"为选择内容创建标签\",\n    \"selectCategory\": \"选择分类\",\n    \"chooseCategory\": \"选择一个分类...\",\n    \"fragmentSelected\": \"已选择片段\",\n    \"imageRegionSelected\": \"已选择图像区域\"\n  },\n  \"UnifiedAnnotationsPanel\": {\n    \"title\": \"注释\",\n    \"statistics\": \"统计\",\n    \"highlight\": \"高亮\",\n    \"reference\": \"引用\",\n    \"assessment\": \"评估\",\n    \"comment\": \"评论\",\n    \"tag\": \"标签\"\n  },\n  \"StatisticsPanel\": {\n    \"title\": \"统计\",\n    \"highlights\": \"高亮\",\n    \"comments\": \"评论\",\n    \"assessments\": \"评估\",\n    \"tags\": \"标签\",\n    \"references\": \"引用\",\n    \"stub\": \"存根\",\n    \"resolved\": \"已解析\",\n    \"entityTypes\": \"实体类型\"\n  },\n  \"ReferencesPanel\": {\n    \"title\": \"引用\",\n    \"noReferences\": \"暂无引用。选择文本以创建对其他资源的引用。\",\n    \"outgoingReferences\": \"外部引用\",\n    \"incomingReferences\": \"传入引用\",\n    \"noIncomingReferences\": \"无传入引用\",\n    \"stub\": \"存根引用（未链接）\",\n    \"resolved\": \"已解析引用（已链接）\",\n    \"open\": \"打开\",\n    \"unlink\": \"取消链接\",\n    \"resolve\": \"解析引用\",\n    \"cancel\": \"取消\",\n    \"createReference\": \"创建引用\",\n    \"entityTypesOptional\": \"实体类型（可选）\",\n    \"fragmentSelected\": \"已选择片段\",\n    \"imageRegionSelected\": \"已选择图像区域\",\n    \"annotateReferences\": \"注释引用\",\n    \"selectEntityTypes\": \"实体类型：\",\n    \"select\": \"选择\",\n    \"deselect\": \"取消选择\",\n    \"noEntityTypes\": \"没有可用的实体类型\",\n    \"typesSelected\": \"{count, plural, =1 {已选择 1 个类型} other {已选择 # 个类型}}\",\n    \"annotate\": \"注释\",\n    \"annotating\": \"正在注释...\",\n    \"includeDescriptiveReferences\": \"包含描述性引用\",\n    \"descriptiveReferencesTooltip\": \"同时查找诸如「首席执行官」、「科技巨头」、「物理学家」等短语（除名称外）\",\n    \"annotationProgressTitle\": \"正在注释实体引用\",\n    \"cancelAnnotation\": \"取消注释\",\n    \"found\": \"找到 {count} 个\",\n    \"complete\": \"注释完成！\",\n    \"failed\": \"注释失败\",\n    \"current\": \"当前：{entityType}\",\n    \"closeProgress\": \"关闭\",\n    \"loading\": \"加载中...\",\n    \"loadingEllipsis\": \"加载中...\",\n    \"untitledResource\": \"无标题资源\",\n    \"noText\": \"无文本\"\n  },\n  \"KeyboardShortcuts\": {\n    \"title\": \"键盘快捷键\",\n    \"closeDialog\": \"关闭对话框\",\n    \"or\": \"或\",\n    \"navigationTitle\": \"导航\",\n    \"navOpenSearch\": \"打开全局搜索\",\n    \"navOpenSearchAlt\": \"打开全局搜索（备选方式）\",\n    \"navCreateResource\": \"创建新资源\",\n    \"navCloseOverlays\": \"关闭所有覆盖层（双击）\",\n    \"navShowHelp\": \"显示键盘快捷键帮助\",\n    \"sidebarTitle\": \"知识侧边栏\",\n    \"sidebarCollapse\": \"折叠侧边栏\",\n    \"sidebarExpand\": \"展开侧边栏\",\n    \"sidebarPickup\": \"拾取资源标签页（聚焦时）\",\n    \"sidebarMove\": \"移动资源标签页（拖动时）\",\n    \"sidebarDrop\": \"放下资源标签页（拖动时）\",\n    \"sidebarCancel\": \"取消拖动操作\",\n    \"annotationsTitle\": \"资源注释\",\n    \"annotHighlight\": \"从注释创建高亮（直接）\",\n    \"annotReference\": \"打开注释的引用弹窗\",\n    \"annotDelete\": \"删除聚焦的注释\",\n    \"annotNavigate\": \"浏览注释\",\n    \"annotNavigateBack\": \"向后浏览注释\",\n    \"listsTitle\": \"列表与网格\",\n    \"listsFilterNav\": \"浏览实体类型筛选器\",\n    \"listsGridNav\": \"浏览资源网格\",\n    \"listsJumpFirst\": \"跳转到第一项\",\n    \"listsJumpLast\": \"跳转到最后一项\",\n    \"searchModalTitle\": \"在搜索模态框中\",\n    \"searchNav\": \"浏览搜索结果\",\n    \"searchSelect\": \"选择结果\",\n    \"searchClose\": \"关闭搜索\",\n    \"modalTitle\": \"模态框控制\",\n    \"modalClose\": \"关闭活动模态框\",\n    \"modalNavForward\": \"向前浏览按钮\",\n    \"modalNavBackward\": \"向后浏览按钮\",\n    \"modalActivate\": \"激活聚焦的按钮\",\n    \"accessibilityTitle\": \"无障碍\",\n    \"a11ySkipLinks\": \"导航到跳转链接（在页面顶部时）\",\n    \"a11yFollowLink\": \"跟随跳转链接\",\n    \"macNote\": \"使用 Mac 键盘快捷键。Command 是 Command 键。\",\n    \"windowsNote\": \"使用 Windows/Linux 键盘快捷键。Ctrl 是 Ctrl 键。\",\n    \"footerHint\": \"随时按 {key} 显示此帮助\",\n    \"close\": \"关闭\"\n  },\n  \"AnnotateToolbar\": {\n    \"modeGroup\": \"模式\",\n    \"browse\": \"浏览\",\n    \"annotate\": \"注释\",\n    \"selectionGroup\": \"动机\",\n    \"clickGroup\": \"点击\",\n    \"shapeGroup\": \"形状\",\n    \"none\": \"无\",\n    \"linking\": \"引用\",\n    \"highlighting\": \"高亮\",\n    \"assessing\": \"评估\",\n    \"commenting\": \"评论\",\n    \"tagging\": \"标签\",\n    \"detail\": \"详情\",\n    \"follow\": \"跟随\",\n    \"deleting\": \"删除\",\n    \"jsonld\": \"JSON-LD\",\n    \"rectangle\": \"矩形\",\n    \"circle\": \"圆形\",\n    \"polygon\": \"多边形\"\n  },\n  \"CollapsibleResourceNavigation\": {\n    \"title\": \"导航\",\n    \"collapseSidebar\": \"折叠侧边栏\",\n    \"expandSidebar\": \"展开侧边栏\",\n    \"dragToReorder\": \"拖动以重新排序\",\n    \"dragToReorderDoc\": \"拖动以重新排序 {name}\",\n    \"closeResource\": \"关闭资源\",\n    \"dragInstructions\": \"要重新排序资源：使用 Tab 导航到资源。按 Alt+上箭头向上移动或 Alt+下箭头向下移动。对于拖放操作：按空格键拾取项目。使用方向键移动它。再次按空格键放下。\"\n  },\n  \"ResourceViewer\": {\n    \"deleteConfirmationTitle\": \"删除注释\",\n    \"deleteConfirmationMessage\": \"您确定要删除此注释吗？此操作无法撤消。\",\n    \"deleteConfirmationCancel\": \"取消\",\n    \"deleteConfirmationDelete\": \"删除\"\n  },\n  \"Settings\": {\n    \"title\": \"设置\",\n    \"lineNumbers\": \"行号\",\n    \"lineNumbersVisible\": \"显示\",\n    \"lineNumbersHidden\": \"隐藏\",\n    \"theme\": \"主题\",\n    \"themeLight\": \"浅色\",\n    \"themeDark\": \"深色\",\n    \"themeSystem\": \"系统\",\n    \"themeSystemActive\": \"系统（{mode}）\",\n    \"themeModeActive\": \"使用{mode}模式\",\n    \"language\": \"语言\",\n    \"languageHint\": \"在主导航中更改语言\",\n    \"languageChanging\": \"正在更改语言...\",\n    \"hoverDelay\": \"悬停延迟\",\n    \"hoverDelayFast\": \"快速\",\n    \"hoverDelaySlow\": \"慢速\",\n    \"hoverDelayDescription\": \"悬停效果出现前延迟 {delay}ms\"\n  },\n  \"AnnotateView\": {},\n  \"ReferenceWizard\": {\n    \"gatherTitle\": \"已收集的上下文\",\n    \"configureGenerationTitle\": \"配置生成\",\n    \"configureSearchTitle\": \"配置搜索\",\n    \"searchResultsTitle\": \"搜索结果\",\n    \"sourceContextLabel\": \"资源中的注释上下文\",\n    \"connectionsLabel\": \"对等注释\",\n    \"citedByLabel\": \"资源被引用\",\n    \"userHintLabel\": \"提示\",\n    \"userHintPlaceholder\": \"描述此注释所指的内容...\",\n    \"loadingContext\": \"正在收集上下文...\",\n    \"failedContext\": \"收集上下文失败\",\n    \"cancel\": \"取消\",\n    \"generate\": \"生成\",\n    \"compose\": \"编写\",\n    \"resolutionStrategyLabel\": \"解析策略\",\n    \"back\": \"返回\",\n    \"link\": \"链接\",\n    \"score\": \"评分\",\n    \"noResults\": \"未找到结果\",\n    \"resourceTitle\": \"资源标题\",\n    \"resourceTitlePlaceholder\": \"输入资源标题...\",\n    \"additionalInstructions\": \"附加说明\",\n    \"additionalInstructionsPlaceholder\": \"输入附加说明...\",\n    \"language\": \"语言\",\n    \"languageHelp\": \"生成内容的语言\",\n    \"creativity\": \"创造力\",\n    \"creativityFocused\": \"专注\",\n    \"creativityCreative\": \"创造性\",\n    \"maxLength\": \"最大长度\",\n    \"maxLengthHelp\": \"最大令牌数\",\n    \"maxResults\": \"最大结果数\",\n    \"semanticScoring\": \"语义评分\",\n    \"semanticScoringHelp\": \"使用 AI 按语义相关性对结果进行评分\",\n    \"searching\": \"搜索中...\",\n    \"search\": \"搜索\"\n  }\n}\n"],"mappings":";;;;AACE,cAAW;AAAA,EACT,aAAe;AAAA,EACf,SAAW;AAAA,EACX,cAAgB;AAAA,EAChB,eAAiB;AAAA,EACjB,aAAe;AAAA,EACf,UAAY;AACd;AACA,wBAAqB;AAAA,EACnB,OAAS;AAAA,EACT,QAAU;AAAA,EACV,cAAgB;AAAA,EAChB,gBAAkB;AAAA,EAClB,gBAAkB;AAAA,EAClB,WAAa;AAAA,EACb,UAAY;AAAA,EACZ,OAAS;AAAA,EACT,kBAAoB;AAAA,EACpB,SAAW;AAAA,EACX,oBAAsB;AAAA,EACtB,WAAa;AAAA,EACb,sBAAwB;AAAA,EACxB,YAAc;AAAA,EACd,WAAa;AAAA,EACb,YAAc;AAAA,EACd,gBAAkB;AAAA,EAClB,cAAgB;AAAA,EAChB,aAAe;AAAA,EACf,aAAe;AACjB;AACA,yBAAsB;AAAA,EACpB,OAAS;AAAA,EACT,kBAAoB;AAAA,EACpB,MAAQ;AAAA,EACR,cAAgB;AAAA,EAChB,QAAU;AAAA,EACV,UAAY;AAAA,EACZ,YAAc;AAAA,EACd,SAAW;AAAA,EACX,YAAc;AAAA,EACd,WAAa;AAAA,EACb,YAAc;AAAA,EACd,SAAW;AAAA,EACX,UAAY;AAAA,EACZ,gBAAkB;AAAA,EAClB,cAAgB;AAAA,EAChB,SAAW;AAAA,EACX,yBAA2B;AAC7B;AACA,wBAAqB;AAAA,EACnB,SAAW;AAAA,EACX,SAAW;AAAA,EACX,MAAQ;AAAA,EACR,QAAU;AAAA,EACV,cAAgB;AAAA,EAChB,gBAAkB;AAAA,EAClB,iBAAmB;AAAA,EACnB,gBAAkB;AAAA,EAClB,kBAAoB;AAAA,EACpB,oBAAsB;AAAA,EACtB,gBAAkB;AAAA,EAClB,kBAAoB;AAAA,EACpB,kBAAoB;AAAA,EACpB,mBAAqB;AAAA,EACrB,kBAAoB;AAAA,EACpB,gBAAkB;AAAA,EAClB,kBAAoB;AAAA,EACpB,iBAAmB;AAAA,EACnB,mBAAqB;AAAA,EACrB,iBAAmB;AAAA,EACnB,mBAAqB;AAAA,EACrB,uBAAyB;AAAA,EACzB,UAAY;AAAA,EACZ,SAAW;AAAA,EACX,YAAc;AAAA,EACd,UAAY;AAAA,EACZ,SAAW;AACb;AACA,oBAAiB;AAAA,EACf,OAAS;AAAA,EACT,YAAc;AAAA,EACd,oBAAsB;AAAA,EACtB,MAAQ;AAAA,EACR,QAAU;AAAA,EACV,MAAQ;AAAA,EACR,kBAAoB;AAAA,EACpB,cAAgB;AAAA,EAChB,UAAY;AAAA,EACZ,yBAA2B;AAAA,EAC3B,UAAY;AAAA,EACZ,YAAc;AAAA,EACd,WAAa;AAAA,EACb,cAAgB;AAAA,EAChB,eAAiB;AAAA,EACjB,iBAAmB;AAAA,EACnB,oBAAsB;AAAA,EACtB,eAAiB;AAAA,EACjB,cAAgB;AAAA,EAChB,eAAiB;AAAA,EACjB,cAAgB;AAAA,EAChB,kBAAoB;AAAA,EACpB,qBAAuB;AAAA,EACvB,eAAiB;AACnB;AACA,qBAAkB;AAAA,EAChB,OAAS;AAAA,EACT,cAAgB;AAAA,EAChB,oBAAsB;AAAA,EACtB,cAAgB;AAAA,EAChB,UAAY;AAAA,EACZ,yBAA2B;AAAA,EAC3B,UAAY;AAAA,EACZ,YAAc;AAAA,EACd,QAAU;AAAA,EACV,cAAgB;AAAA,EAChB,eAAiB;AAAA,EACjB,cAAgB;AAAA,EAChB,eAAiB;AACnB;AACA,sBAAmB;AAAA,EACjB,OAAS;AAAA,EACT,eAAiB;AAAA,EACjB,uBAAyB;AAAA,EACzB,MAAQ;AAAA,EACR,QAAU;AAAA,EACV,qBAAuB;AAAA,EACvB,cAAgB;AAAA,EAChB,UAAY;AAAA,EACZ,yBAA2B;AAAA,EAC3B,UAAY;AAAA,EACZ,YAAc;AAAA,EACd,WAAa;AAAA,EACb,cAAgB;AAAA,EAChB,gBAAkB;AAAA,EAClB,cAAgB;AAAA,EAChB,cAAgB;AAAA,EAChB,kBAAoB;AAAA,EACpB,cAAgB;AAAA,EAChB,eAAiB;AAAA,EACjB,cAAgB;AAAA,EAChB,kBAAoB;AAAA,EACpB,qBAAuB;AAAA,EACvB,eAAiB;AACnB;AACA,mBAAgB;AAAA,EACd,OAAS;AAAA,EACT,QAAU;AAAA,EACV,cAAgB;AAAA,EAChB,cAAgB;AAAA,EAChB,aAAe;AAAA,EACf,kBAAoB;AAAA,EACpB,gBAAkB;AAAA,EAClB,kBAAoB;AAAA,EACpB,eAAiB;AAAA,EACjB,cAAgB;AAAA,EAChB,qBAAuB;AAAA,EACvB,oBAAsB;AAAA,EACtB,sBAAwB;AAAA,EACxB,iBAAmB;AAAA,EACnB,iBAAmB;AAAA,EACnB,oBAAsB;AAAA,EACtB,eAAiB;AAAA,EACjB,kBAAoB;AAAA,EACpB,iBAAmB;AAAA,EACnB,yBAA2B;AAAA,EAC3B,kBAAoB;AAAA,EACpB,UAAY;AAAA,EACZ,YAAc;AAAA,EACd,QAAU;AAAA,EACV,WAAa;AAAA,EACb,aAAe;AAAA,EACf,oBAAsB;AAAA,EACtB,uBAAyB;AAAA,EACzB,gBAAkB;AAAA,EAClB,gBAAkB;AAAA,EAClB,kBAAoB;AAAA,EACpB,qBAAuB;AACzB;AACA,8BAA2B;AAAA,EACzB,OAAS;AAAA,EACT,YAAc;AAAA,EACd,WAAa;AAAA,EACb,WAAa;AAAA,EACb,YAAc;AAAA,EACd,SAAW;AAAA,EACX,KAAO;AACT;AACA,sBAAmB;AAAA,EACjB,OAAS;AAAA,EACT,YAAc;AAAA,EACd,UAAY;AAAA,EACZ,aAAe;AAAA,EACf,MAAQ;AAAA,EACR,YAAc;AAAA,EACd,MAAQ;AAAA,EACR,UAAY;AAAA,EACZ,aAAe;AACjB;AACA,sBAAmB;AAAA,EACjB,OAAS;AAAA,EACT,cAAgB;AAAA,EAChB,oBAAsB;AAAA,EACtB,oBAAsB;AAAA,EACtB,sBAAwB;AAAA,EACxB,MAAQ;AAAA,EACR,UAAY;AAAA,EACZ,MAAQ;AAAA,EACR,QAAU;AAAA,EACV,SAAW;AAAA,EACX,QAAU;AAAA,EACV,iBAAmB;AAAA,EACnB,qBAAuB;AAAA,EACvB,kBAAoB;AAAA,EACpB,qBAAuB;AAAA,EACvB,oBAAsB;AAAA,EACtB,mBAAqB;AAAA,EACrB,QAAU;AAAA,EACV,UAAY;AAAA,EACZ,eAAiB;AAAA,EACjB,eAAiB;AAAA,EACjB,UAAY;AAAA,EACZ,YAAc;AAAA,EACd,8BAAgC;AAAA,EAChC,8BAAgC;AAAA,EAChC,yBAA2B;AAAA,EAC3B,kBAAoB;AAAA,EACpB,OAAS;AAAA,EACT,UAAY;AAAA,EACZ,QAAU;AAAA,EACV,SAAW;AAAA,EACX,eAAiB;AAAA,EACjB,SAAW;AAAA,EACX,iBAAmB;AAAA,EACnB,kBAAoB;AAAA,EACpB,QAAU;AACZ;AACA,wBAAqB;AAAA,EACnB,OAAS;AAAA,EACT,aAAe;AAAA,EACf,IAAM;AAAA,EACN,iBAAmB;AAAA,EACnB,eAAiB;AAAA,EACjB,kBAAoB;AAAA,EACpB,mBAAqB;AAAA,EACrB,kBAAoB;AAAA,EACpB,aAAe;AAAA,EACf,cAAgB;AAAA,EAChB,iBAAmB;AAAA,EACnB,eAAiB;AAAA,EACjB,eAAiB;AAAA,EACjB,aAAe;AAAA,EACf,aAAe;AAAA,EACf,eAAiB;AAAA,EACjB,kBAAoB;AAAA,EACpB,gBAAkB;AAAA,EAClB,gBAAkB;AAAA,EAClB,aAAe;AAAA,EACf,eAAiB;AAAA,EACjB,mBAAqB;AAAA,EACrB,YAAc;AAAA,EACd,gBAAkB;AAAA,EAClB,cAAgB;AAAA,EAChB,gBAAkB;AAAA,EAClB,eAAiB;AAAA,EACjB,kBAAoB;AAAA,EACpB,WAAa;AAAA,EACb,cAAgB;AAAA,EAChB,aAAe;AAAA,EACf,YAAc;AAAA,EACd,YAAc;AAAA,EACd,iBAAmB;AAAA,EACnB,kBAAoB;AAAA,EACpB,eAAiB;AAAA,EACjB,oBAAsB;AAAA,EACtB,eAAiB;AAAA,EACjB,gBAAkB;AAAA,EAClB,SAAW;AAAA,EACX,aAAe;AAAA,EACf,YAAc;AAAA,EACd,OAAS;AACX;AACA,sBAAmB;AAAA,EACjB,WAAa;AAAA,EACb,QAAU;AAAA,EACV,UAAY;AAAA,EACZ,gBAAkB;AAAA,EAClB,YAAc;AAAA,EACd,YAAc;AAAA,EACd,MAAQ;AAAA,EACR,SAAW;AAAA,EACX,cAAgB;AAAA,EAChB,WAAa;AAAA,EACb,YAAc;AAAA,EACd,SAAW;AAAA,EACX,QAAU;AAAA,EACV,QAAU;AAAA,EACV,UAAY;AAAA,EACZ,QAAU;AAAA,EACV,WAAa;AAAA,EACb,QAAU;AAAA,EACV,SAAW;AACb;AACA,oCAAiC;AAAA,EAC/B,OAAS;AAAA,EACT,iBAAmB;AAAA,EACnB,eAAiB;AAAA,EACjB,eAAiB;AAAA,EACjB,kBAAoB;AAAA,EACpB,eAAiB;AAAA,EACjB,kBAAoB;AACtB;AACA,qBAAkB;AAAA,EAChB,yBAA2B;AAAA,EAC3B,2BAA6B;AAAA,EAC7B,0BAA4B;AAAA,EAC5B,0BAA4B;AAC9B;AACA,eAAY;AAAA,EACV,OAAS;AAAA,EACT,aAAe;AAAA,EACf,oBAAsB;AAAA,EACtB,mBAAqB;AAAA,EACrB,OAAS;AAAA,EACT,YAAc;AAAA,EACd,WAAa;AAAA,EACb,aAAe;AAAA,EACf,mBAAqB;AAAA,EACrB,iBAAmB;AAAA,EACnB,UAAY;AAAA,EACZ,cAAgB;AAAA,EAChB,kBAAoB;AAAA,EACpB,YAAc;AAAA,EACd,gBAAkB;AAAA,EAClB,gBAAkB;AAAA,EAClB,uBAAyB;AAC3B;AACA,mBAAgB,CAAC;AACjB,sBAAmB;AAAA,EACjB,aAAe;AAAA,EACf,0BAA4B;AAAA,EAC5B,sBAAwB;AAAA,EACxB,oBAAsB;AAAA,EACtB,oBAAsB;AAAA,EACtB,kBAAoB;AAAA,EACpB,cAAgB;AAAA,EAChB,eAAiB;AAAA,EACjB,qBAAuB;AAAA,EACvB,gBAAkB;AAAA,EAClB,eAAiB;AAAA,EACjB,QAAU;AAAA,EACV,UAAY;AAAA,EACZ,SAAW;AAAA,EACX,yBAA2B;AAAA,EAC3B,MAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAS;AAAA,EACT,WAAa;AAAA,EACb,eAAiB;AAAA,EACjB,0BAA4B;AAAA,EAC5B,wBAA0B;AAAA,EAC1B,mCAAqC;AAAA,EACrC,UAAY;AAAA,EACZ,cAAgB;AAAA,EAChB,YAAc;AAAA,EACd,mBAAqB;AAAA,EACrB,oBAAsB;AAAA,EACtB,WAAa;AAAA,EACb,eAAiB;AAAA,EACjB,YAAc;AAAA,EACd,iBAAmB;AAAA,EACnB,qBAAuB;AAAA,EACvB,WAAa;AAAA,EACb,QAAU;AACZ;AAtXF;AAAA,EACE;AAAA,EAQA;AAAA,EAsBA;AAAA,EAmBA;AAAA,EA6BA;AAAA,EA0BA;AAAA,EAeA;AAAA,EAyBA;AAAA,EAkCA;AAAA,EASA;AAAA,EAWA;AAAA,EAsCA;AAAA,EA6CA;AAAA,EAqBA;AAAA,EASA;AAAA,EAMA;AAAA,EAmBA;AAAA,EACA;AAqCF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semiont/react-ui",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "React components and hooks for Semiont",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",

package/src/components/CodeMirrorRenderer.tsx

@@ -44,7 +44,7 @@ interface Props {
   showLineNumbers?: boolean; // If true, show line numbers
   enableWidgets?: boolean; // If true, show inline widgets (reference previews, entity badges)
   eventBus?: EventBus;
-  getTargetDocumentName?: (documentId: string) => string | undefined;
+  getTargetResourceName?: (resourceId: string) => string | undefined;
   generatingReferenceId?: string | null; // ID of reference currently generating a document
   hoverDelayMs: number; // Hover delay in milliseconds for accessibility
 }
@@ -62,7 +62,7 @@ interface WidgetUpdate {
   content: string;
   segments: TextSegment[];
   generatingReferenceId?: string | null | undefined;
-  getTargetDocumentName?: (documentId: string) => string | undefined;
+  getTargetResourceName?: (resourceId: string) => string | undefined;
 }
 
 const updateWidgetsEffect = StateEffect.define<WidgetUpdate>();
@@ -116,10 +116,10 @@ function buildWidgetDecorations(
   _content: string,
   segments: TextSegment[],
   generatingReferenceId: string | null | undefined,
-  getTargetDocumentName?: (documentId: string) => string | undefined
+  getTargetResourceName?: (resourceId: string) => string | undefined
 ): DecorationSet {
   const builder = new RangeSetBuilder<Decoration>();
-  const widgetMetas = computeWidgetDecorations(segments, generatingReferenceId, getTargetDocumentName);
+  const widgetMetas = computeWidgetDecorations(segments, generatingReferenceId, getTargetResourceName);
 
   // We still need the full annotation objects for ReferenceResolutionWidget
   const annotationsByEnd = new Map<number, TextSegment>();
@@ -158,7 +158,7 @@ const widgetDecorationsField = StateField.define<DecorationSet>({
           effect.value.content,
           effect.value.segments,
           effect.value.generatingReferenceId,
-          effect.value.getTargetDocumentName
+          effect.value.getTargetResourceName
         );
       }
     }
@@ -180,7 +180,7 @@ export function CodeMirrorRenderer({
   showLineNumbers = false,
   enableWidgets = false,
   eventBus,
-  getTargetDocumentName,
+  getTargetResourceName,
   generatingReferenceId,
   hoverDelayMs
 }: Props) {
@@ -197,7 +197,7 @@ export function CodeMirrorRenderer({
   const segmentsByIdRef = useRef(new Map<string, TextSegment>());
   const lineNumbersCompartment = useRef(new Compartment());
   const eventBusRef = useRef(eventBus);
-  const getTargetDocumentNameRef = useRef(getTargetDocumentName);
+  const getTargetResourceNameRef = useRef(getTargetResourceName);
 
   // Update refs when they change
   segmentsRef.current = segments;
@@ -207,7 +207,7 @@ export function CodeMirrorRenderer({
   }
   segmentsByIdRef.current = segmentsById;
   eventBusRef.current = eventBus;
-  getTargetDocumentNameRef.current = getTargetDocumentName;
+  getTargetResourceNameRef.current = getTargetResourceName;
 
   // Initialize CodeMirror view once
   useEffect(() => {
@@ -421,7 +421,7 @@ export function CodeMirrorRenderer({
         content,
         segments: convertedSegments,
         generatingReferenceId,
-        getTargetDocumentName: getTargetDocumentNameRef.current
+        getTargetResourceName: getTargetResourceNameRef.current
       })
     });
   }, [content, convertedSegments, enableWidgets, generatingReferenceId]);

package/src/components/ResourceTagsInline.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 interface ResourceTagsInlineProps {
-  documentId: string;
+  resourceId: string;
   tags: string[];
   isEditing: boolean;
   onUpdate: (tags: string[]) => Promise<void>;

package/src/components/__tests__/ResourceTagsInline.test.tsx

@@ -5,7 +5,7 @@ import { ResourceTagsInline } from '../ResourceTagsInline';
 describe('ResourceTagsInline', () => {
   const mockOnUpdate = vi.fn();
   const defaultProps = {
-    documentId: 'doc-123',
+    resourceId: 'doc-123',
     tags: ['tag1', 'tag2', 'tag3'],
     isEditing: false,
     onUpdate: mockOnUpdate,
@@ -74,12 +74,12 @@ describe('ResourceTagsInline', () => {
       expect(screen.getByText('tag1')).toBeInTheDocument();
     });
 
-    it('should work with different documentId values', () => {
+    it('should work with different resourceId values', () => {
       const { rerender } = render(<ResourceTagsInline {...defaultProps} />);
 
       expect(screen.getByText('tag1')).toBeInTheDocument();
 
-      rerender(<ResourceTagsInline {...defaultProps} documentId="doc-456" />);
+      rerender(<ResourceTagsInline {...defaultProps} resourceId="doc-456" />);
 
       expect(screen.getByText('tag1')).toBeInTheDocument();
     });

package/src/components/modals/ContextSummary.tsx

@@ -3,200 +3,91 @@
 import type { GatheredContext } from '@semiont/core';
 
 export interface ContextSummaryTranslations {
-  annotationLabel: string;
-  sourceResourceLabel: string;
-  motivationLabel: string;
   sourceContextLabel: string;
-  entityTypesLabel: string;
-  graphContextLabel: string;
   connectionsLabel: string;
   citedByLabel: string;
-  siblingTypesLabel: string;
   userHintLabel: string;
   userHintPlaceholder: string;
 }
 
 export interface ContextSummaryProps {
   context: GatheredContext;
-  userHint?: string;
-  onUserHintChange?: (value: string) => void;
   translations: ContextSummaryTranslations;
 }
 
-export function ContextSummary({ context, userHint, onUserHintChange, translations: t }: ContextSummaryProps) {
-  const annotation = context.annotation;
-  const sourceResource = context.sourceResource;
-  const sourceContext = context.sourceContext;
+export function ContextSummary({ context, translations: t }: ContextSummaryProps) {
   const graphContext = context.graphContext;
-  const entityTypes = context.metadata?.entityTypes ?? [];
   const connections = graphContext?.connections ?? [];
   const citedBy = graphContext?.citedBy ?? [];
   const citedByCount = graphContext?.citedByCount ?? 0;
-  const siblingEntityTypes = graphContext?.siblingEntityTypes ?? [];
 
   return (
     <>
-      {/* Annotation & Source Resource */}
-      <div className="semiont-form__field">
-        <label className="semiont-form__label">
-          {t.annotationLabel}
-        </label>
-        <div style={{
-          padding: '0.5rem 0.75rem',
-          backgroundColor: 'var(--semiont-bg-secondary)',
-          borderRadius: 'var(--semiont-radius-md)',
-          border: '1px solid var(--semiont-border-primary)',
-          fontSize: 'var(--semiont-text-sm)',
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '0.25rem',
-        }}>
-          <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
-            <span style={{ fontWeight: 500, color: 'var(--semiont-text-secondary)' }}>{t.motivationLabel}:</span>
-            <span className="semiont-chip" style={{ fontSize: 'var(--semiont-text-xs)', padding: '0.125rem 0.5rem' }}>
-              {annotation.motivation}
-            </span>
-          </div>
-          <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
-            <span style={{ fontWeight: 500, color: 'var(--semiont-text-secondary)' }}>{t.sourceResourceLabel}:</span>
-            <span style={{ color: 'var(--semiont-text-primary)' }}>{sourceResource.name}</span>
-          </div>
-        </div>
-      </div>
+      {graphContext && (connections.length > 0 || citedByCount > 0) && (
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
 
-      {/* Source Context Preview */}
-      {sourceContext && (
-        <div className="semiont-form__field">
-          <label className="semiont-form__label">
-            {t.sourceContextLabel}
-          </label>
-          <div style={{
-            padding: '0.75rem',
-            backgroundColor: 'var(--semiont-bg-secondary)',
-            borderRadius: 'var(--semiont-radius-md)',
-            border: '1px solid var(--semiont-border-primary)',
-            maxHeight: '200px',
-            overflowY: 'auto',
-          }}>
-            <div style={{ fontSize: 'var(--semiont-text-sm)', fontFamily: 'monospace', whiteSpace: 'pre-wrap', color: 'var(--semiont-text-secondary)' }}>
-              {sourceContext.before && <span>{sourceContext.before}</span>}
-              <span style={{
-                backgroundColor: 'var(--semiont-color-primary-100)',
-                padding: '0 0.25rem',
-                fontWeight: 600,
-                color: 'var(--semiont-color-primary-900)',
+          {connections.length > 0 && (
+            <div>
+              <div style={{
+                fontSize: 'var(--semiont-text-xs)',
+                fontWeight: 700,
+                textTransform: 'uppercase',
+                letterSpacing: '0.06em',
+                color: 'var(--semiont-text-tertiary)',
+                marginBottom: '0.375rem',
               }}>
-                {sourceContext.selected}
-              </span>
-              {sourceContext.after && <span>{sourceContext.after}</span>}
+                {t.connectionsLabel}
+              </div>
+              <ul style={{ display: 'flex', flexDirection: 'column', gap: '0.375rem', listStyle: 'none', padding: 0, margin: 0 }}>
+                {connections.map(conn => (
+                  <li key={conn.resourceId} style={{
+                    display: 'flex',
+                    flexWrap: 'wrap',
+                    alignItems: 'center',
+                    gap: '0.375rem',
+                    fontSize: 'var(--semiont-text-sm)',
+                  }}>
+                    <span style={{ color: 'var(--semiont-text-primary)', fontWeight: 500 }}>{conn.resourceName}</span>
+                    {conn.bidirectional && (
+                      <span className="semiont-chip" style={{ fontSize: 'var(--semiont-text-xs)', padding: '0.125rem 0.375rem' }}>mutual</span>
+                    )}
+                    {conn.entityTypes && conn.entityTypes.map(et => (
+                      <span key={et} className="semiont-chip" style={{ fontSize: 'var(--semiont-text-xs)', padding: '0.125rem 0.375rem' }}>
+                        {et}
+                      </span>
+                    ))}
+                  </li>
+                ))}
+              </ul>
             </div>
-          </div>
-        </div>
-      )}
+          )}
 
-      {/* Entity Types */}
-      {entityTypes.length > 0 && (
-        <div className="semiont-form__field">
-          <label className="semiont-form__label">
-            {t.entityTypesLabel}
-          </label>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.375rem' }}>
-            {entityTypes.map(et => (
-              <span key={et} className="semiont-chip" style={{ fontSize: 'var(--semiont-text-xs)', padding: '0.125rem 0.5rem' }}>
-                {et}
-              </span>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Graph Context */}
-      {graphContext && (connections.length > 0 || citedByCount > 0 || siblingEntityTypes.length > 0) && (
-        <div className="semiont-form__field">
-          <label className="semiont-form__label">
-            {t.graphContextLabel}
-          </label>
-          <div style={{
-            padding: '0.75rem',
-            backgroundColor: 'var(--semiont-bg-secondary)',
-            borderRadius: 'var(--semiont-radius-md)',
-            border: '1px solid var(--semiont-border-primary)',
-            fontSize: 'var(--semiont-text-sm)',
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '0.5rem',
-          }}>
-            {/* Connections */}
-            {connections.length > 0 && (
-              <div>
-                <span style={{ fontWeight: 500, color: 'var(--semiont-text-secondary)' }}>{t.connectionsLabel}</span>
-                <ul style={{ marginTop: '0.25rem', display: 'flex', flexDirection: 'column', gap: '0.125rem', listStyle: 'none', padding: 0 }}>
-                  {connections.map(conn => (
-                    <li key={conn.resourceId} style={{ color: 'var(--semiont-text-secondary)', display: 'flex', alignItems: 'center', gap: '0.375rem' }}>
-                      <span>{conn.resourceName}</span>
-                      {conn.bidirectional && (
-                        <span className="semiont-chip" style={{ fontSize: 'var(--semiont-text-xs)', padding: '0.125rem 0.375rem' }}>mutual</span>
-                      )}
-                      {conn.entityTypes && conn.entityTypes.length > 0 && (
-                        <span style={{ fontSize: 'var(--semiont-text-xs)', color: 'var(--semiont-text-tertiary)' }}>
-                          {conn.entityTypes.join(', ')}
-                        </span>
-                      )}
+          {citedByCount > 0 && (
+            <div>
+              <div style={{
+                fontSize: 'var(--semiont-text-xs)',
+                fontWeight: 700,
+                textTransform: 'uppercase',
+                letterSpacing: '0.06em',
+                color: 'var(--semiont-text-tertiary)',
+                marginBottom: '0.375rem',
+              }}>
+                {t.citedByLabel} ({citedByCount})
+              </div>
+              {citedBy.length > 0 && (
+                <ul style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', listStyle: 'none', padding: 0, margin: 0 }}>
+                  {citedBy.map(ref => (
+                    <li key={ref.resourceId} style={{ fontSize: 'var(--semiont-text-sm)', color: 'var(--semiont-text-primary)', fontWeight: 500 }}>
+                      {ref.resourceName}
                     </li>
                   ))}
                 </ul>
-              </div>
-            )}
-
-            {/* Cited By */}
-            {citedByCount > 0 && (
-              <div>
-                <span style={{ fontWeight: 500, color: 'var(--semiont-text-secondary)' }}>
-                  {t.citedByLabel} ({citedByCount})
-                </span>
-                {citedBy.length > 0 && (
-                  <ul style={{ marginTop: '0.25rem', display: 'flex', flexDirection: 'column', gap: '0.125rem', listStyle: 'none', padding: 0 }}>
-                    {citedBy.map(ref => (
-                      <li key={ref.resourceId} style={{ color: 'var(--semiont-text-secondary)' }}>
-                        {ref.resourceName}
-                      </li>
-                    ))}
-                  </ul>
-                )}
-              </div>
-            )}
+              )}
+            </div>
+          )}
 
-            {/* Sibling Entity Types */}
-            {siblingEntityTypes.length > 0 && (
-              <div>
-                <span style={{ fontWeight: 500, color: 'var(--semiont-text-secondary)' }}>{t.siblingTypesLabel}</span>
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem', marginTop: '0.25rem' }}>
-                  {siblingEntityTypes.map(et => (
-                    <span key={et} className="semiont-chip" style={{ fontSize: 'var(--semiont-text-xs)', padding: '0.125rem 0.5rem' }}>
-                      {et}
-                    </span>
-                  ))}
-                </div>
-              </div>
-            )}
-          </div>
         </div>
       )}
-
-      {/* User Hint */}
-      <div className="semiont-form__field">
-        <label className="semiont-form__label">
-          {t.userHintLabel}
-        </label>
-        <input
-          type="text"
-          value={userHint ?? ''}
-          onChange={onUserHintChange ? (e) => onUserHintChange(e.target.value) : undefined}
-          readOnly={!onUserHintChange}
-          placeholder={t.userHintPlaceholder}
-          className="semiont-search-modal__search-input"
-        />
-      </div>
     </>
   );
 }

package/src/components/modals/GatherContextStep.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useState, useEffect, useRef } from 'react';
 import type { GatheredContext } from '@semiont/core';
 import { ContextSummary } from './ContextSummary';
 import type { ContextSummaryTranslations } from './ContextSummary';
@@ -10,7 +11,6 @@ export interface GatherContextStepProps {
   contextError: Error | null;
   userHint: string;
   onUserHintChange: (value: string) => void;
-  onCancel: () => void;
   onBind: () => void;
   onGenerate: () => void;
   onCompose: () => void;
@@ -18,10 +18,10 @@ export interface GatherContextStepProps {
     title: string;
     loadingContext: string;
     failedContext: string;
-    cancel: string;
     search: string;
     generate: string;
     compose: string;
+    resolutionStrategyLabel: string;
   } & ContextSummaryTranslations;
 }
 
@@ -31,19 +31,34 @@ export function GatherContextStep({
   contextError,
   userHint,
   onUserHintChange,
-  onCancel,
   onBind,
   onGenerate,
   onCompose,
   translations: t,
 }: GatherContextStepProps) {
+  const [sourceExpanded, setSourceExpanded] = useState(false);
   const contextReady = !contextLoading && !contextError && !!context;
+  const sourceContext = context?.sourceContext;
+  const highlightRef = useRef<HTMLSpanElement>(null);
+
+  // Scroll the highlighted term into view when context loads
+  useEffect(() => {
+    if (highlightRef.current) {
+      highlightRef.current.scrollIntoView({ block: 'center', behavior: 'instant' });
+    }
+  }, [context]);
 
   return (
-    <>
+    <div className="semiont-gather__outer">
+      {/* Loading / error states */}
       {contextLoading && (
-        <div className="semiont-modal__empty-state" style={{ textAlign: 'center', padding: '1rem 0' }}>
-          {t.loadingContext}
+        <div className="semiont-gather__loading">
+          <div style={{ display: 'flex', gap: '0.5rem' }}>
+            <span className="semiont-gather__loading-dot" />
+            <span className="semiont-gather__loading-dot" />
+            <span className="semiont-gather__loading-dot" />
+          </div>
+          <span className="semiont-gather__loading-text">{t.loadingContext}</span>
         </div>
       )}
       {!!contextError && (
@@ -52,42 +67,109 @@ export function GatherContextStep({
         </div>
       )}
 
-      {context && <ContextSummary context={context} userHint={userHint} onUserHintChange={onUserHintChange} translations={t} />}
+      {context && (
+        <>
+          {/* Full-width source context strip */}
+          {sourceContext && (
+            <div className="semiont-gather__source-strip">
+              <label className="semiont-form__label" style={{ marginBottom: '0.375rem' }}>
+                {t.sourceContextLabel}{context.sourceResource?.name ? ` "${context.sourceResource.name}"` : ''}
+              </label>
+              <div className={`semiont-gather__source-box${sourceExpanded ? ' semiont-gather__source-box--expanded' : ''}`}>
+                <div className="semiont-gather__source-context">
+                  <div style={{ fontSize: 'var(--semiont-text-sm)', fontFamily: 'monospace', whiteSpace: 'pre-wrap', color: 'var(--semiont-text-secondary)' }}>
+                    {sourceContext.before && <span>{sourceContext.before}</span>}
+                    <span
+                      ref={highlightRef}
+                      style={{
+                        backgroundColor: 'var(--semiont-color-primary-100)',
+                        padding: '0 0.25rem',
+                        fontWeight: 600,
+                        color: 'var(--semiont-color-primary-900)',
+                      }}
+                    >
+                      {sourceContext.selected}
+                    </span>
+                    {(context.metadata?.entityTypes ?? []).map(et => (
+                      <span key={et} className="semiont-chip" style={{ fontSize: 'var(--semiont-text-xs)', padding: '0.125rem 0.375rem', fontWeight: 400, verticalAlign: 'middle', marginLeft: '0.25rem' }}>
+                        {et}
+                      </span>
+                    ))}
+                    {context.annotation?.motivation && (
+                      <span className="semiont-chip" style={{ fontSize: 'var(--semiont-text-xs)', padding: '0.125rem 0.375rem', fontWeight: 400, verticalAlign: 'middle', marginLeft: '0.25rem' }}>
+                        {context.annotation.motivation}
+                      </span>
+                    )}
+                    {sourceContext.after && <span>{sourceContext.after}</span>}
+                  </div>
+                </div>
+                <button
+                  type="button"
+                  className="semiont-gather__expand-btn"
+                  onClick={() => setSourceExpanded(v => !v)}
+                >
+                  {sourceExpanded ? '▲ less' : '▼ more'}
+                </button>
+              </div>
+            </div>
+          )}
+
+          {/* Two-column body */}
+          <div className="semiont-gather__body">
+            {/* Left: annotation metadata */}
+            <div className="semiont-gather__left">
+              <ContextSummary context={context} translations={t} />
+            </div>
 
-      {/* Action Buttons */}
-      <div className="semiont-modal__actions" style={{ paddingTop: '0.5rem' }}>
-        <button
-          type="button"
-          onClick={onCancel}
-          className="semiont-button--secondary semiont-button--flex"
-        >
-          ✕ {t.cancel}
-        </button>
-        <button
-          type="button"
-          onClick={onBind}
-          disabled={!contextReady}
-          className="semiont-button--primary semiont-button--flex"
-        >
-          🔍 {t.search}…
-        </button>
-        <button
-          type="button"
-          onClick={onGenerate}
-          disabled={!contextReady}
-          className="semiont-button--primary semiont-button--flex"
-        >
-          ✨ {t.generate}…
-        </button>
-        <button
-          type="button"
-          onClick={onCompose}
-          disabled={!contextReady}
-          className="semiont-button--secondary semiont-button--flex"
-        >
-          ✍️ {t.compose}
-        </button>
-      </div>
-    </>
+            {/* Right: hint textarea */}
+            <div className="semiont-gather__right">
+              <div className="semiont-form__field">
+                <label className="semiont-form__label">
+                  {t.userHintLabel}
+                </label>
+                <textarea
+                  value={userHint}
+                  onChange={(e) => onUserHintChange(e.target.value)}
+                  placeholder={t.userHintPlaceholder}
+                  className="semiont-search-modal__search-input semiont-gather__hint-textarea"
+                  style={{ resize: 'vertical', fontFamily: 'inherit' }}
+                />
+              </div>
+            </div>
+          </div>
+
+          {/* Full-width footer: resolution strategy */}
+          <div className="semiont-gather__footer">
+            <div className="semiont-gather__footer-label">{t.resolutionStrategyLabel}</div>
+            <div className="semiont-gather__actions">
+              <button
+                type="button"
+                onClick={onBind}
+                disabled={!contextReady}
+                className="semiont-button--primary semiont-button--flex"
+              >
+                🔍 {t.search}…
+              </button>
+              <button
+                type="button"
+                onClick={onGenerate}
+                disabled={!contextReady}
+                className="semiont-button--primary semiont-button--flex"
+              >
+                ✨ {t.generate}…
+              </button>
+              <button
+                type="button"
+                onClick={onCompose}
+                disabled={!contextReady}
+                className="semiont-button--secondary semiont-button--flex"
+              >
+                ✍️ {t.compose}
+              </button>
+            </div>
+          </div>
+        </>
+      )}
+    </div>
   );
 }