mirror of
https://github.com/TommyFang2077/dsh-desktop.git
synced 2026-08-17 09:06:36 +08:00
Put a full-width product banner at the top of the README.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Tommy
@@ -1,5 +1,5 @@
|
|||||||
<p align="center">
|
<p align="center">
|
||||||
<img src="docs/screenshots/icon.png" width="108" alt="DeepSeek Harness Desktop" />
|
<img src="docs/screenshots/banner.png" alt="DeepSeek Harness Desktop：官方 dsh 原生壳，给 DeepSeek 带上眼睛" />
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h1 align="center">DeepSeek Harness Desktop</h1>
|
<h1 align="center">DeepSeek Harness Desktop</h1>
|
||||||
@@ -27,8 +27,6 @@
|
|||||||
<a href="https://github.com/topics/dsh-plugin"><img src="https://img.shields.io/badge/topic-dsh--plugin-1f6feb" alt="dsh-plugin" /></a>
|
<a href="https://github.com/topics/dsh-plugin"><img src="https://img.shields.io/badge/topic-dsh--plugin-1f6feb" alt="dsh-plugin" /></a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
dsh 只能开在浏览器标签页里？这个仓库把它变成一个真正的桌面应用：Tauri 2 原生窗口 + 系统 WebView，Linux / Windows / macOS 通用。打开就是官方 WebUI——会话、工作区、插件、技能一个不少，`dsh` 升级后界面跟着升级，永远不用重打包前端。
|
dsh 只能开在浏览器标签页里？这个仓库把它变成一个真正的桌面应用：Tauri 2 原生窗口 + 系统 WebView，Linux / Windows / macOS 通用。打开就是官方 WebUI——会话、工作区、插件、技能一个不少，`dsh` 升级后界面跟着升级，永远不用重打包前端。
|
||||||
|
|
||||||
这是作者自用的第三方壳，**不包含** DeepSeek Harness 源码，会持续跟着 dsh 和内置组件更新；踩到坑欢迎 [提 issue](https://github.com/TommyFang2077/dsh-desktop/issues)。仓库按官方 [贡献指南](https://github.com/deepseek-ai/deepseek-harness/blob/master/CONTRIBUTING.md) 挂了 [`dsh-plugin`](https://github.com/topics/dsh-plugin) topic。
|
这是作者自用的第三方壳，**不包含** DeepSeek Harness 源码，会持续跟着 dsh 和内置组件更新；踩到坑欢迎 [提 issue](https://github.com/TommyFang2077/dsh-desktop/issues)。仓库按官方 [贡献指南](https://github.com/deepseek-ai/deepseek-harness/blob/master/CONTRIBUTING.md) 挂了 [`dsh-plugin`](https://github.com/topics/dsh-plugin) topic。
|
||||||
@@ -51,6 +49,8 @@ DeepSeek V4 Pro 会按「第一眼看到的工具表」选执行轨迹：Project
|
|||||||
|
|
||||||
36px 苹果风薄标题栏，不占一排后退/前进/刷新；左侧 `•••` 菜单可重启 dsh 或跳回浏览器。关窗口自动停掉 `dsh web`，崩溃一键拉起。凭据、权限、会话全部还在 `~/.dsh`，卸载壳不丢任何东西。
|
36px 苹果风薄标题栏，不占一排后退/前进/刷新；左侧 `•••` 菜单可重启 dsh 或跳回浏览器。关窗口自动停掉 `dsh web`，崩溃一键拉起。凭据、权限、会话全部还在 `~/.dsh`，卸载壳不丢任何东西。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 三十秒上手
|
## 三十秒上手
|
||||||
|
|||||||
BIN
docs/screenshots/banner.png
Normal file
BIN
docs/screenshots/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 571 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
188
docs/screenshots/src/banner.html
Normal file
188
docs/screenshots/src/banner.html
Normal file
@@ -0,0 +1,188 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<title>Banner</title>
|
||||||
|
<link rel="stylesheet" href="chrome.css" />
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--bg: #f6f6f8;
|
||||||
|
--sidebar: #efeff2;
|
||||||
|
--text: #1d1d1f;
|
||||||
|
--muted: #86868b;
|
||||||
|
--line: rgba(0,0,0,0.06);
|
||||||
|
--accent: #0071e3;
|
||||||
|
--card: #ffffff;
|
||||||
|
}
|
||||||
|
html, body {
|
||||||
|
margin: 0; width: 1920px; height: 960px; overflow: hidden;
|
||||||
|
background: #07080c; color: #f5f5f7;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
background:
|
||||||
|
radial-gradient(ellipse 70% 55% at 50% 18%, rgba(0, 113, 227, 0.28), transparent 62%),
|
||||||
|
radial-gradient(ellipse 50% 40% at 78% 88%, rgba(29, 78, 216, 0.16), transparent 70%),
|
||||||
|
#07080c;
|
||||||
|
}
|
||||||
|
.wordmark {
|
||||||
|
position: absolute; top: 32px; left: 0; right: 0;
|
||||||
|
display: flex; flex-direction: column; align-items: center; gap: 10px;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.wordmark .row {
|
||||||
|
display: flex; align-items: center; gap: 14px;
|
||||||
|
}
|
||||||
|
.wordmark img {
|
||||||
|
width: 44px; height: 44px; border-radius: 11px;
|
||||||
|
box-shadow: 0 0 0 1px rgba(255,255,255,0.08);
|
||||||
|
}
|
||||||
|
.wordmark h1 {
|
||||||
|
margin: 0; font-size: 34px; font-weight: 650; letter-spacing: -0.04em;
|
||||||
|
}
|
||||||
|
.wordmark p {
|
||||||
|
margin: 0; color: rgba(245,245,247,0.72); font-size: 16px; letter-spacing: -0.01em;
|
||||||
|
}
|
||||||
|
.stage {
|
||||||
|
position: absolute; left: 0; right: 0; top: 124px;
|
||||||
|
display: flex; justify-content: center;
|
||||||
|
}
|
||||||
|
.app {
|
||||||
|
width: 1280px; height: 800px;
|
||||||
|
transform: scale(1.06);
|
||||||
|
transform-origin: top center;
|
||||||
|
border-radius: 14px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--bg);
|
||||||
|
color: var(--text);
|
||||||
|
box-shadow:
|
||||||
|
0 0 0 1px rgba(255,255,255,0.08),
|
||||||
|
0 28px 80px rgba(0,0,0,0.55);
|
||||||
|
}
|
||||||
|
.app #dsh-desktop-titlebar { position: absolute; }
|
||||||
|
.shell {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 248px 1fr;
|
||||||
|
height: calc(800px - 36px);
|
||||||
|
margin-top: 36px;
|
||||||
|
}
|
||||||
|
.sidebar {
|
||||||
|
background: var(--sidebar);
|
||||||
|
border-right: 0.5px solid var(--line);
|
||||||
|
padding: 16px 12px 18px;
|
||||||
|
display: flex; flex-direction: column; gap: 14px;
|
||||||
|
}
|
||||||
|
.brand {
|
||||||
|
display: flex; align-items: center; gap: 10px;
|
||||||
|
padding: 4px 8px 8px;
|
||||||
|
font-weight: 600; font-size: 13px;
|
||||||
|
}
|
||||||
|
.brand img { width: 22px; height: 22px; border-radius: 6px; }
|
||||||
|
.new-session {
|
||||||
|
height: 34px; border: 0; border-radius: 10px;
|
||||||
|
background: var(--card); color: var(--text);
|
||||||
|
font: 600 13px/1 inherit; box-shadow: 0 1px 2px rgba(0,0,0,0.04);
|
||||||
|
display: flex; align-items: center; justify-content: center; gap: 6px;
|
||||||
|
}
|
||||||
|
.section-label {
|
||||||
|
margin: 8px 8px 4px; font-size: 11px; color: var(--muted); letter-spacing: 0.04em;
|
||||||
|
}
|
||||||
|
.session {
|
||||||
|
padding: 8px 10px; border-radius: 8px; font-size: 13px;
|
||||||
|
background: rgba(255,255,255,0.7);
|
||||||
|
}
|
||||||
|
.session small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
|
||||||
|
.main {
|
||||||
|
display: flex; flex-direction: column; min-width: 0;
|
||||||
|
background: var(--bg);
|
||||||
|
}
|
||||||
|
.hero {
|
||||||
|
flex: 1; display: flex; flex-direction: column;
|
||||||
|
align-items: center; justify-content: center; gap: 10px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
.hero .mark {
|
||||||
|
width: 56px; height: 56px; border-radius: 14px; margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.hero h1 { margin: 0; font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color: var(--text); }
|
||||||
|
.badge {
|
||||||
|
font-size: 11px; color: var(--muted); background: rgba(0,0,0,0.04);
|
||||||
|
padding: 2px 8px; border-radius: 999px;
|
||||||
|
}
|
||||||
|
.hint { color: var(--muted); font-size: 13px; margin: 0; }
|
||||||
|
.composer {
|
||||||
|
margin: 0 28px 22px; background: var(--card);
|
||||||
|
border: 0.5px solid var(--line); border-radius: 16px;
|
||||||
|
min-height: 92px; padding: 14px 16px 12px;
|
||||||
|
display: flex; flex-direction: column; justify-content: space-between;
|
||||||
|
box-shadow: 0 8px 28px rgba(0,0,0,0.04);
|
||||||
|
}
|
||||||
|
.placeholder { color: #aeaeb2; font-size: 14px; }
|
||||||
|
.tools { display: flex; justify-content: space-between; align-items: center; }
|
||||||
|
.chips { display: flex; gap: 8px; color: var(--muted); font-size: 12px; }
|
||||||
|
.chip {
|
||||||
|
border: 0.5px solid var(--line); border-radius: 999px; padding: 4px 10px; background: #fff;
|
||||||
|
}
|
||||||
|
.send {
|
||||||
|
width: 28px; height: 28px; border-radius: 50%; background: var(--accent); color: #fff;
|
||||||
|
display: grid; place-items: center; font-size: 14px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="wordmark">
|
||||||
|
<div class="row">
|
||||||
|
<img src="../../../ui/icon.png" alt="" />
|
||||||
|
<h1>DeepSeek Harness Desktop</h1>
|
||||||
|
</div>
|
||||||
|
<p>官方 dsh 原生壳 · 给 DeepSeek 带上眼睛 · 锚定模式约 +8%</p>
|
||||||
|
</div>
|
||||||
|
<div class="stage">
|
||||||
|
<div class="app">
|
||||||
|
<header id="dsh-desktop-titlebar">
|
||||||
|
<button class="more" type="button">•••</button>
|
||||||
|
<div class="menu"></div>
|
||||||
|
<div class="drag"></div>
|
||||||
|
<div class="traffic">
|
||||||
|
<button class="tl min"></button>
|
||||||
|
<button class="tl zoom"></button>
|
||||||
|
<button class="tl close"></button>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="shell">
|
||||||
|
<aside class="sidebar">
|
||||||
|
<div class="brand">
|
||||||
|
<img src="../../../ui/icon.png" alt="" />
|
||||||
|
DeepSeek Harness
|
||||||
|
</div>
|
||||||
|
<div class="new-session">＋ 新会话</div>
|
||||||
|
<div class="section-label">工作区</div>
|
||||||
|
<div class="session">
|
||||||
|
新会话
|
||||||
|
<small>锚定式标准（实验）</small>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<section class="main">
|
||||||
|
<div class="hero">
|
||||||
|
<img class="mark" src="../../../ui/icon.png" alt="" />
|
||||||
|
<h1>探索未至之境</h1>
|
||||||
|
<span class="badge">预览版</span>
|
||||||
|
<p class="hint">官方 WebUI 运行在原生窗口中，凭据仍保存在 ~/.dsh</p>
|
||||||
|
</div>
|
||||||
|
<div class="composer">
|
||||||
|
<div class="placeholder">给 Harness 发送消息</div>
|
||||||
|
<div class="tools">
|
||||||
|
<div class="chips">
|
||||||
|
<span class="chip">锚定式标准（实验）</span>
|
||||||
|
<span class="chip">工作区</span>
|
||||||
|
</div>
|
||||||
|
<div class="send">↑</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -21,9 +21,24 @@ capture() {
|
|||||||
echo "wrote $OUT/$name.png"
|
echo "wrote $OUT/$name.png"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
capture_banner() {
|
||||||
|
"$CHROME" \
|
||||||
|
--headless=new \
|
||||||
|
--disable-gpu \
|
||||||
|
--no-sandbox \
|
||||||
|
--hide-scrollbars \
|
||||||
|
--force-device-scale-factor=2 \
|
||||||
|
--window-size=1920,960 \
|
||||||
|
--default-background-color=00000000 \
|
||||||
|
--screenshot="$OUT/banner.png" \
|
||||||
|
"file://$SRC/banner.html"
|
||||||
|
echo "wrote $OUT/banner.png"
|
||||||
|
}
|
||||||
|
|
||||||
mkdir -p "$OUT"
|
mkdir -p "$OUT"
|
||||||
capture splash "$SRC/splash.html"
|
capture splash "$SRC/splash.html"
|
||||||
capture session "$SRC/session.html"
|
capture session "$SRC/session.html"
|
||||||
capture vision "$SRC/vision.html"
|
capture vision "$SRC/vision.html"
|
||||||
capture menu "$SRC/menu.html"
|
capture menu "$SRC/menu.html"
|
||||||
|
capture_banner
|
||||||
cp -f "$ROOT/ui/icon.png" "$OUT/icon.png"
|
cp -f "$ROOT/ui/icon.png" "$OUT/icon.png"
|
||||||
|
|||||||
Reference in New Issue
Block a user