特性:添加支持数据库查询的 AI 聊天功能

- 实现了一个新的 AI 聊天页面,用于自然语言查询,该页面会生成用于库存数据的只读 SQL 查询。
- 添加了本地内存存储,用于用户交互,允许 AI 记住最近的对话和笔记。
- 增强了聊天界面,增加了网络搜索和数据库查询执行选项。
- 更新了 README,包含了关于新 AI 聊天功能和其使用方法的详细信息。
- 引入了新的 CSS 样式以改善聊天界面的用户体验。
- 修改了现有模板以集成新的聊天功能,并提供从库存概览页面轻松访问。
This commit is contained in:
2026-03-14 01:34:29 +08:00
parent dc7efb8ff8
commit 21ad22a105
7 changed files with 1206 additions and 1 deletions

View File

@@ -618,6 +618,86 @@ body {
overflow: auto;
}
.ai-chat-shell {
display: grid;
gap: var(--space-2);
}
.ai-chat-messages {
display: grid;
gap: var(--space-1);
max-height: 58vh;
overflow: auto;
padding-right: 4px;
}
.ai-chat-item {
border: 1px solid var(--line);
border-radius: var(--radius);
background: color-mix(in srgb, var(--card) 88%, var(--card-alt));
padding: var(--space-1) var(--space-2);
}
.ai-chat-item.user {
border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
}
.ai-chat-item h3 {
margin: 0 0 6px;
font-size: 14px;
}
.ai-chat-item p {
margin: 0;
}
.md-content h1,
.md-content h2,
.md-content h3 {
margin: 0 0 8px;
line-height: 1.35;
}
.md-content p {
margin: 0 0 8px;
}
.md-content ul {
margin: 0 0 8px;
padding-left: 20px;
}
.md-content li {
margin: 4px 0;
}
.md-content .md-code {
margin: 8px 0;
border: 1px solid var(--line);
border-radius: var(--radius);
background: color-mix(in srgb, var(--card) 90%, var(--card-alt));
padding: 10px;
overflow: auto;
}
.md-content code {
font: 12px/1.45 Consolas, "Cascadia Mono", monospace;
}
.md-content a {
color: var(--accent-press);
text-decoration: none;
}
.md-content a:hover {
text-decoration: underline;
}
.ai-chat-form-wrap {
border-top: 1px dashed var(--line);
padding-top: var(--space-2);
}
.box-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));