Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added content/showcase/web-ui/Sirchmunk_Web.mp4
Binary file not shown.
12 changes: 6 additions & 6 deletions content/showcase/web-ui/index.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
title: "Web UI — Real-Time Chat & Search"
summary: "A chat-based interface for intelligent document search with streaming answers, source citations, and evidence highlights."
summary: "Point to your document directory and start searching instantly — streaming answers with source citations and evidence highlights."
date: 2026-02-05
image:
filename: Sirchmunk_Home.png
caption: "Sirchmunk Web UI"
---

The demo below showcases Sirchmunk's Web UI. Ask questions in natural language and receive real-time streaming answers with inline search logs, source citations, and evidence highlights.
Point to your document directory and start searching instantly — no indexing, no setup. Sirchmunk's Web UI delivers real-time streaming answers with inline search logs, source citations, and evidence highlights.

<div align="center">
<video controls autoplay muted loop playsinline width="100%" poster="Sirchmunk_Home.png" src="https://github.com/user-attachments/assets/704dbc0a-3df6-436a-b7f7-fb1edefbfb8c"></video>
<p><em>Access files directly to start chatting</em></p>
<video controls autoplay muted loop playsinline width="100%" poster="Sirchmunk_Home.png" src="Sirchmunk_Web.mp4"></video>
<p style="font-size: 1.1em; font-weight: 600; margin-top: 8px; color: #00bcd4;">
Point to your document directory and start searching instantly
</p>
Comment on lines +14 to +16

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

For better maintainability and to ensure a consistent style across the website, it's recommended to avoid inline styles. Instead, you could define a CSS class in a stylesheet and apply it to the <p> element. This makes the styles reusable and easier to manage globally.

For example, you could add a class like video-caption and define it in your CSS:

.video-caption {
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 8px;
  color: #00bcd4;
}
Suggested change
<p style="font-size: 1.1em; font-weight: 600; margin-top: 8px; color: #00bcd4;">
Point to your document directory and start searching instantly
</p>
<p class="video-caption">
Point to your document directory and start searching instantly
</p>

</div>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

While the old fallback link was correctly removed, consider adding a new one. Some users might have browsers that don't support the video format. A direct download link would be a helpful fallback.

For example, you could add this after the </div> tag:

> If the video does not load, you can [download it here](Sirchmunk_Web.mp4).


> If the video does not load, [click here to view it on GitHub](https://github.com/user-attachments/assets/704dbc0a-3df6-436a-b7f7-fb1edefbfb8c).
12 changes: 6 additions & 6 deletions content/showcase/web-ui/index.zh.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
title: "Web UI — 实时聊天与搜索"
summary: "基于对话的智能文档搜索界面,支持流式回答、来源引用和证据高亮。"
summary: "直接访问文档目录,即刻发起搜索 — 流式回答、来源引用与证据高亮。"
date: 2026-02-05
image:
filename: Sirchmunk_Home.png
caption: "Sirchmunk Web UI"
---

以下演示展示了 Sirchmunk 的 Web UI。用户可以使用自然语言提问,实时获得流式回答,并附带内嵌搜索日志、来源引用和证据高亮
直接访问文档目录,即刻发起搜索 — 无需索引,无需配置。Sirchmunk 的 Web UI 实时返回流式回答,并附带内嵌搜索日志、来源引用与证据高亮

<div align="center">
<video controls autoplay muted loop playsinline width="100%" poster="Sirchmunk_Home.png" src="https://github.com/user-attachments/assets/704dbc0a-3df6-436a-b7f7-fb1edefbfb8c"></video>
<p><em>直接访问文件或文件夹即可开始对话</em></p>
<video controls autoplay muted loop playsinline width="100%" poster="Sirchmunk_Home.png" src="Sirchmunk_Web.mp4"></video>
<p style="font-size: 1.1em; font-weight: 600; margin-top: 8px; color: #00bcd4;">
直接访问文档目录,即刻发起搜索
</p>
Comment on lines +14 to +16

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

For better maintainability and to ensure a consistent style across the website, it's recommended to avoid inline styles. Instead, you could define a CSS class in a stylesheet and apply it to the <p> element. This makes the styles reusable and easier to manage globally.

For example, you could add a class like video-caption and define it in your CSS:

.video-caption {
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 8px;
  color: #00bcd4;
}
Suggested change
<p style="font-size: 1.1em; font-weight: 600; margin-top: 8px; color: #00bcd4;">
直接访问文档目录,即刻发起搜索
</p>
<p class="video-caption">
直接访问文档目录,即刻发起搜索
</p>

</div>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

While the old fallback link was correctly removed, consider adding a new one. Some users might have browsers that don't support the video format. A direct download link would be a helpful fallback.

For example, you could add this after the </div> tag:

> 如果视频无法加载,可以[点此下载](Sirchmunk_Web.mp4)


> 如果视频无法加载,[点此在 GitHub 上查看](https://github.com/user-attachments/assets/704dbc0a-3df6-436a-b7f7-fb1edefbfb8c)。