Your NameandClaude Sonnet 5
80bf0aa41f
Closes a real visual gap flagged directly: the detail panel jumped straight from the quick-action buttons to 备注/置顶聊天/etc, skipping the "查找聊天 记录" row + 4-icon media grid (图片/视频/文件/链接) that's prominently visible in the reference design (README §3.4) -- deliberately deferred in an earlier pass, but a dead-end-free real implementation was worth building now rather than leaving a visible hole. - lib/api/messages.ts: searchTopicMessages/getTopicMedia, endpoint shapes from docs/IM-前后端对接文档.md:1251-1254 (verified live: both return real 200s against the actual backend, not just matching the docs on paper). - HistorySearchModal: centered modal (README §1.5's 弹层 pattern) with the five tabs, debounced search (lib/hooks.ts's useDebouncedValue, ported from the old app's use-cached-data.js), empty/loading states. - DetailColumn: wires the row + grid to open the modal on the right tab. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the Oxlint configuration
If you are developing a production application, we recommend enabling type-aware lint rules by installing oxlint-tsgolint and editing .oxlintrc.json:
{
"$schema": "./node_modules/oxlint/configuration_schema.json",
"plugins": ["react", "typescript", "oxc"],
"options": {
"typeAware": true
},
"rules": {
"react/rules-of-hooks": "error",
"react/only-export-components": ["warn", { "allowConstantExport": true }]
}
}
See the Oxlint rules documentation for the full list of rules and categories.