ccnew 0.1.11 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/build/icon.ico +0 -0
- package/build/icon.png +0 -0
- package/core/desktop-service.js +2 -2
- package/core/index.js +1 -1
- package/desktop/assets/fml-icon.png +0 -0
- package/desktop/assets/march-mark.svg +15 -18
- package/package.json +1 -1
- package/site/assets/fml-icon.png +0 -0
- package/site/assets/march-mark.svg +15 -18
- package/src/App.tsx +112 -10
- package/src/components/layout/app-sidebar.tsx +7 -7
- package/src/components/ui/logo-mark.tsx +17 -19
- package/src/lib/client.ts +2 -2
package/README.md
CHANGED
package/build/icon.ico
CHANGED
|
Binary file
|
package/build/icon.png
CHANGED
|
Binary file
|
package/core/desktop-service.js
CHANGED
|
@@ -122,7 +122,7 @@ export function getDesktopSnapshot() {
|
|
|
122
122
|
|
|
123
123
|
return {
|
|
124
124
|
appName: "ccnew",
|
|
125
|
-
version: "0.1.
|
|
125
|
+
version: "0.1.12",
|
|
126
126
|
generatedAt: new Date().toISOString(),
|
|
127
127
|
models: MODEL_DEFINITIONS,
|
|
128
128
|
platforms: SUPPORTED_PLATFORMS.map((platform) =>
|
|
@@ -362,7 +362,7 @@ export function exportPresetsToDesktop(filePath) {
|
|
|
362
362
|
|
|
363
363
|
writeJson(targetPath, {
|
|
364
364
|
appName: "ccnew",
|
|
365
|
-
version: "0.1.
|
|
365
|
+
version: "0.1.12",
|
|
366
366
|
exportedAt: new Date().toISOString(),
|
|
367
367
|
presets: listPresets()
|
|
368
368
|
});
|
package/core/index.js
CHANGED
|
Binary file
|
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<defs>
|
|
3
|
-
<linearGradient id="
|
|
4
|
-
<stop stop-color="#
|
|
5
|
-
<stop offset="0.
|
|
6
|
-
<stop offset="1" stop-color="#
|
|
3
|
+
<linearGradient id="ccnew-bg" x1="16" y1="12" x2="108" y2="116" gradientUnits="userSpaceOnUse">
|
|
4
|
+
<stop stop-color="#FFF3E4"/>
|
|
5
|
+
<stop offset="0.52" stop-color="#EFC597"/>
|
|
6
|
+
<stop offset="1" stop-color="#CD7B4A"/>
|
|
7
7
|
</linearGradient>
|
|
8
|
-
<radialGradient id="
|
|
9
|
-
<stop stop-color="#
|
|
10
|
-
<stop offset="1" stop-color="#
|
|
8
|
+
<radialGradient id="ccnew-glow" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(96 28) rotate(135) scale(42)">
|
|
9
|
+
<stop stop-color="#F7A56B" stop-opacity="0.86"/>
|
|
10
|
+
<stop offset="1" stop-color="#F7A56B" stop-opacity="0"/>
|
|
11
11
|
</radialGradient>
|
|
12
|
-
<linearGradient id="
|
|
13
|
-
<stop stop-color="#
|
|
14
|
-
<stop offset="1" stop-color="#
|
|
12
|
+
<linearGradient id="ccnew-highlight" x1="90" y1="24" x2="110" y2="44" gradientUnits="userSpaceOnUse">
|
|
13
|
+
<stop stop-color="#FFF5EA"/>
|
|
14
|
+
<stop offset="1" stop-color="#FFF5EA" stop-opacity="0.2"/>
|
|
15
15
|
</linearGradient>
|
|
16
16
|
</defs>
|
|
17
|
-
<rect x="8" y="8" width="112" height="112" rx="30" fill="url(#
|
|
17
|
+
<rect x="8" y="8" width="112" height="112" rx="30" fill="url(#ccnew-bg)"/>
|
|
18
18
|
<rect x="8.75" y="8.75" width="110.5" height="110.5" rx="29.25" stroke="rgba(255,255,255,0.12)" stroke-width="1.5"/>
|
|
19
|
-
<circle cx="96" cy="28" r="30" fill="url(#
|
|
20
|
-
<path d="
|
|
21
|
-
<path d="
|
|
22
|
-
<path d="
|
|
23
|
-
<path d="M60 92V36L74 62L88 36V92" stroke="url(#fml-stroke)" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
24
|
-
<path d="M102 36V92" stroke="#F3C46C" stroke-width="10" stroke-linecap="round"/>
|
|
25
|
-
<path d="M88 92H102" stroke="#F3C46C" stroke-width="10" stroke-linecap="round"/>
|
|
19
|
+
<circle cx="96" cy="28" r="30" fill="url(#ccnew-glow)" opacity="0.62"/>
|
|
20
|
+
<path d="M50 30C36.75 30 26 44.33 26 64C26 83.67 36.75 98 50 98" stroke="#4B2A1A" stroke-width="11.5" stroke-linecap="round"/>
|
|
21
|
+
<path d="M90 30C76.75 30 66 44.33 66 64C66 83.67 76.75 98 90 98" stroke="#4B2A1A" stroke-width="11.5" stroke-linecap="round"/>
|
|
22
|
+
<path d="M90 30C97.58 30 102.66 34.72 105.04 39.42" stroke="url(#ccnew-highlight)" stroke-width="4.5" stroke-linecap="round"/>
|
|
26
23
|
</svg>
|
package/package.json
CHANGED
package/site/assets/fml-icon.png
CHANGED
|
Binary file
|
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<defs>
|
|
3
|
-
<linearGradient id="
|
|
4
|
-
<stop stop-color="#
|
|
5
|
-
<stop offset="0.
|
|
6
|
-
<stop offset="1" stop-color="#
|
|
3
|
+
<linearGradient id="ccnew-bg" x1="16" y1="12" x2="108" y2="116" gradientUnits="userSpaceOnUse">
|
|
4
|
+
<stop stop-color="#FFF3E4"/>
|
|
5
|
+
<stop offset="0.52" stop-color="#EFC597"/>
|
|
6
|
+
<stop offset="1" stop-color="#CD7B4A"/>
|
|
7
7
|
</linearGradient>
|
|
8
|
-
<radialGradient id="
|
|
9
|
-
<stop stop-color="#
|
|
10
|
-
<stop offset="1" stop-color="#
|
|
8
|
+
<radialGradient id="ccnew-glow" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(96 28) rotate(135) scale(42)">
|
|
9
|
+
<stop stop-color="#F7A56B" stop-opacity="0.86"/>
|
|
10
|
+
<stop offset="1" stop-color="#F7A56B" stop-opacity="0"/>
|
|
11
11
|
</radialGradient>
|
|
12
|
-
<linearGradient id="
|
|
13
|
-
<stop stop-color="#
|
|
14
|
-
<stop offset="1" stop-color="#
|
|
12
|
+
<linearGradient id="ccnew-highlight" x1="90" y1="24" x2="110" y2="44" gradientUnits="userSpaceOnUse">
|
|
13
|
+
<stop stop-color="#FFF5EA"/>
|
|
14
|
+
<stop offset="1" stop-color="#FFF5EA" stop-opacity="0.2"/>
|
|
15
15
|
</linearGradient>
|
|
16
16
|
</defs>
|
|
17
|
-
<rect x="8" y="8" width="112" height="112" rx="30" fill="url(#
|
|
17
|
+
<rect x="8" y="8" width="112" height="112" rx="30" fill="url(#ccnew-bg)"/>
|
|
18
18
|
<rect x="8.75" y="8.75" width="110.5" height="110.5" rx="29.25" stroke="rgba(255,255,255,0.12)" stroke-width="1.5"/>
|
|
19
|
-
<circle cx="96" cy="28" r="30" fill="url(#
|
|
20
|
-
<path d="
|
|
21
|
-
<path d="
|
|
22
|
-
<path d="
|
|
23
|
-
<path d="M60 92V36L74 62L88 36V92" stroke="url(#fml-stroke)" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
24
|
-
<path d="M102 36V92" stroke="#F3C46C" stroke-width="10" stroke-linecap="round"/>
|
|
25
|
-
<path d="M88 92H102" stroke="#F3C46C" stroke-width="10" stroke-linecap="round"/>
|
|
19
|
+
<circle cx="96" cy="28" r="30" fill="url(#ccnew-glow)" opacity="0.62"/>
|
|
20
|
+
<path d="M50 30C36.75 30 26 44.33 26 64C26 83.67 36.75 98 50 98" stroke="#4B2A1A" stroke-width="11.5" stroke-linecap="round"/>
|
|
21
|
+
<path d="M90 30C76.75 30 66 44.33 66 64C66 83.67 76.75 98 90 98" stroke="#4B2A1A" stroke-width="11.5" stroke-linecap="round"/>
|
|
22
|
+
<path d="M90 30C97.58 30 102.66 34.72 105.04 39.42" stroke="url(#ccnew-highlight)" stroke-width="4.5" stroke-linecap="round"/>
|
|
26
23
|
</svg>
|
package/src/App.tsx
CHANGED
|
@@ -167,16 +167,71 @@ function platformLabel(id: PlatformId) {
|
|
|
167
167
|
return "OpenClaw";
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
+
type NoteTone = "brand" | "info" | "success" | "warn";
|
|
171
|
+
|
|
172
|
+
function noteToneClasses(tone: NoteTone) {
|
|
173
|
+
if (tone === "info") {
|
|
174
|
+
return {
|
|
175
|
+
card: "border-[#cfe2ff] bg-[#f5f9ff]",
|
|
176
|
+
title: "text-[#245ea8]",
|
|
177
|
+
body: "text-[#44627f]"
|
|
178
|
+
};
|
|
179
|
+
}
|
|
180
|
+
if (tone === "success") {
|
|
181
|
+
return {
|
|
182
|
+
card: "border-[#cfe7d8] bg-[#f5fbf7]",
|
|
183
|
+
title: "text-[#2f7a58]",
|
|
184
|
+
body: "text-[#4a6a5d]"
|
|
185
|
+
};
|
|
186
|
+
}
|
|
187
|
+
if (tone === "warn") {
|
|
188
|
+
return {
|
|
189
|
+
card: "border-[#ecd8c8] bg-[#fff6ef]",
|
|
190
|
+
title: "text-[#a3572c]",
|
|
191
|
+
body: "text-[#7d5a43]"
|
|
192
|
+
};
|
|
193
|
+
}
|
|
194
|
+
return {
|
|
195
|
+
card: "border-[#eadbcd] bg-[#fcf6ef]",
|
|
196
|
+
title: "text-[#8e5631]",
|
|
197
|
+
body: "text-[#6e533f]"
|
|
198
|
+
};
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
function NoteCard(props: { title: string; tone?: NoteTone; children: any }) {
|
|
202
|
+
const tone = noteToneClasses(props.tone || "brand");
|
|
203
|
+
return (
|
|
204
|
+
<div className={cx("rounded-[24px] border px-4 py-4 shadow-[0_18px_40px_rgba(115,75,43,0.06)]", tone.card)}>
|
|
205
|
+
<div className={cx("text-[11px] font-semibold uppercase tracking-[0.22em]", tone.title)}>{props.title}</div>
|
|
206
|
+
<div className={cx("mt-3 space-y-2 text-sm leading-6", tone.body)}>{props.children}</div>
|
|
207
|
+
</div>
|
|
208
|
+
);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
function FieldHint(props: { children: any }) {
|
|
212
|
+
return <p className="mt-2 text-xs leading-6 text-[#7d624d]">{props.children}</p>;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
function StatusNote(props: { text: string | null }) {
|
|
216
|
+
if (!props.text) return null;
|
|
217
|
+
|
|
218
|
+
const tone: NoteTone =
|
|
219
|
+
/失败|不可用|删除|错误/.test(props.text) ? "warn" : /已保存|已应用|已导入|已导出|已打开|可连通/.test(props.text) ? "success" : "info";
|
|
220
|
+
const classes = noteToneClasses(tone);
|
|
221
|
+
|
|
222
|
+
return <div className={cx("rounded-2xl border px-4 py-3 text-xs leading-6", classes.card, classes.body)}>{props.text}</div>;
|
|
223
|
+
}
|
|
224
|
+
|
|
170
225
|
function BrandMark() {
|
|
171
226
|
return (
|
|
172
|
-
<div className="relative grid h-14 w-14 place-items-center overflow-hidden rounded-[
|
|
173
|
-
<div className="absolute inset-[
|
|
227
|
+
<div className="relative grid h-14 w-14 place-items-center overflow-hidden rounded-[22px] bg-[linear-gradient(155deg,#fff3e4_0%,#efc597_46%,#cd7b4a_100%)] shadow-[0_22px_44px_rgba(126,72,39,0.24)] ring-1 ring-[#f4dcc3]">
|
|
228
|
+
<div className="absolute inset-[5px] rounded-[18px] bg-[linear-gradient(180deg,rgba(255,255,255,0.28),rgba(255,255,255,0.02))]" />
|
|
229
|
+
<div className="absolute right-[8px] top-[8px] h-3.5 w-3.5 rounded-full bg-[#f07b49]/85 blur-[0.5px]" />
|
|
230
|
+
{/* 参考 Claude 的暖调极简产品气质，但保持 ccnew 自己的双 C 识别。 */}
|
|
174
231
|
<svg viewBox="0 0 64 64" className="relative h-8 w-8" fill="none" aria-hidden="true">
|
|
175
|
-
<path d="
|
|
176
|
-
<path d="
|
|
177
|
-
<path d="
|
|
178
|
-
<path d="M35 48V16L44 33L53 16V48" stroke="#d8fbf2" strokeWidth="5.5" strokeLinecap="round" strokeLinejoin="round" />
|
|
179
|
-
<path d="M58 16V48H48" stroke="#f3c46c" strokeWidth="5.5" strokeLinecap="round" strokeLinejoin="round" />
|
|
232
|
+
<path d="M26 13C18.27 13 12 21.06 12 32C12 42.94 18.27 51 26 51" stroke="#4b2a1a" strokeWidth="6.5" strokeLinecap="round" />
|
|
233
|
+
<path d="M50 13C42.27 13 36 21.06 36 32C36 42.94 42.27 51 50 51" stroke="#4b2a1a" strokeWidth="6.5" strokeLinecap="round" />
|
|
234
|
+
<path d="M50 13C54.42 13 57.39 15.76 58.78 18.5" stroke="#fff5ea" strokeOpacity="0.72" strokeWidth="3" strokeLinecap="round" />
|
|
180
235
|
</svg>
|
|
181
236
|
</div>
|
|
182
237
|
);
|
|
@@ -706,6 +761,12 @@ export default function App() {
|
|
|
706
761
|
|
|
707
762
|
{activeSection === "providers" ? (
|
|
708
763
|
<div className="mt-6 space-y-4">
|
|
764
|
+
<NoteCard title="中文注释" tone="brand">
|
|
765
|
+
<div>这里把“配置”和“写入结果”放在同一页，第一次用时不用来回翻文件。</div>
|
|
766
|
+
<div>如果只是给客户走一键接入，优先记住两步：先装包，再执行 <code className="rounded bg-white/70 px-1.5 py-0.5 text-[11px] text-[#7a4f35]">ccnew fhl</code>。</div>
|
|
767
|
+
<div>需要精调时再改服务商名称、基础地址和模型，避免把首次配置做成一页复杂参数表。</div>
|
|
768
|
+
</NoteCard>
|
|
769
|
+
|
|
709
770
|
<section className="rounded-[24px] border border-slate-200/80 bg-slate-50 px-5 py-4">
|
|
710
771
|
<div className="flex flex-wrap items-start justify-between gap-4">
|
|
711
772
|
<div>
|
|
@@ -769,7 +830,9 @@ export default function App() {
|
|
|
769
830
|
</div>
|
|
770
831
|
))}
|
|
771
832
|
</div>
|
|
772
|
-
|
|
833
|
+
<div className="mt-3">
|
|
834
|
+
<StatusNote text={presetMessage} />
|
|
835
|
+
</div>
|
|
773
836
|
</section>
|
|
774
837
|
|
|
775
838
|
<section className="rounded-[24px] border border-slate-200/80 bg-slate-50 px-5 py-4">
|
|
@@ -1042,7 +1105,7 @@ export default function App() {
|
|
|
1042
1105
|
</div>
|
|
1043
1106
|
</div>
|
|
1044
1107
|
))}
|
|
1045
|
-
|
|
1108
|
+
<StatusNote text={targetPathMessage} />
|
|
1046
1109
|
</div>
|
|
1047
1110
|
</section>
|
|
1048
1111
|
</aside>
|
|
@@ -1070,6 +1133,12 @@ export default function App() {
|
|
|
1070
1133
|
submit();
|
|
1071
1134
|
}}
|
|
1072
1135
|
>
|
|
1136
|
+
<NoteCard title="中文说明" tone="brand">
|
|
1137
|
+
<div>基础地址填当前服务商的主入口即可；如果你后面切到 OpenClaw，系统会按它的 /v1 线路处理。</div>
|
|
1138
|
+
<div>“测试地址”只做连通性检查，不会立刻改写配置文件。</div>
|
|
1139
|
+
<div>如果你想沿用已有路由，可以先点“从当前导入”，再只改需要变动的字段。</div>
|
|
1140
|
+
</NoteCard>
|
|
1141
|
+
|
|
1073
1142
|
<label className="block">
|
|
1074
1143
|
<div className="mb-2 text-sm font-medium text-slate-600">服务商名称</div>
|
|
1075
1144
|
<input
|
|
@@ -1078,6 +1147,7 @@ export default function App() {
|
|
|
1078
1147
|
placeholder="default"
|
|
1079
1148
|
className="h-12 w-full rounded-2xl border border-slate-200 bg-[#fbfbfc] px-4 text-sm text-slate-900 outline-none transition focus:border-[#1677ff] focus:bg-white"
|
|
1080
1149
|
/>
|
|
1150
|
+
<FieldHint>中文注释：这个名字会出现在路由列表里，建议用能一眼认出的客户名或中转名。</FieldHint>
|
|
1081
1151
|
</label>
|
|
1082
1152
|
<label className="block">
|
|
1083
1153
|
<div className="mb-2 text-sm font-medium text-slate-600">基础地址</div>
|
|
@@ -1087,8 +1157,11 @@ export default function App() {
|
|
|
1087
1157
|
placeholder="https://api.openai.com"
|
|
1088
1158
|
className="h-12 w-full rounded-2xl border border-slate-200 bg-[#fbfbfc] px-4 text-sm text-slate-900 outline-none transition focus:border-[#1677ff] focus:bg-white"
|
|
1089
1159
|
/>
|
|
1160
|
+
<FieldHint>中文注释：Codex / OpenCode 走主地址；如果目标是 FHL，就填 <code className="rounded bg-white px-1.5 py-0.5 text-[11px] text-[#7a4f35]">https://www.fhl.mom</code>。</FieldHint>
|
|
1090
1161
|
<div className="mt-3 flex items-center justify-between gap-3">
|
|
1091
|
-
<div className="
|
|
1162
|
+
<div className="min-w-0 flex-1">
|
|
1163
|
+
<StatusNote text={candidateProbeText || "可先测试地址可用性，再保存。"} />
|
|
1164
|
+
</div>
|
|
1092
1165
|
<button
|
|
1093
1166
|
type="button"
|
|
1094
1167
|
onClick={probeCandidateBaseUrl}
|
|
@@ -1108,6 +1181,7 @@ export default function App() {
|
|
|
1108
1181
|
placeholder="sk-..."
|
|
1109
1182
|
className="h-12 w-full rounded-2xl border border-slate-200 bg-[#fbfbfc] px-4 text-sm text-slate-900 outline-none transition focus:border-[#1677ff] focus:bg-white"
|
|
1110
1183
|
/>
|
|
1184
|
+
<FieldHint>中文注释：这里填真实密钥；如果你只是改地址和模型，最好先从当前路由导入，避免把已保存密钥覆盖成空值。</FieldHint>
|
|
1111
1185
|
</label>
|
|
1112
1186
|
<label className="block">
|
|
1113
1187
|
<div className="mb-2 text-sm font-medium text-slate-600">模型</div>
|
|
@@ -1122,6 +1196,7 @@ export default function App() {
|
|
|
1122
1196
|
</option>
|
|
1123
1197
|
))}
|
|
1124
1198
|
</select>
|
|
1199
|
+
<FieldHint>中文注释：默认先用 <code className="rounded bg-white px-1.5 py-0.5 text-[11px] text-[#7a4f35]">gpt-5.4</code> 更稳，客户记忆成本最低。</FieldHint>
|
|
1125
1200
|
</label>
|
|
1126
1201
|
<div className="flex items-center justify-end gap-3 pt-3">
|
|
1127
1202
|
<button type="button" onClick={closeDialog} className="inline-flex h-11 items-center justify-center rounded-2xl border border-slate-200 px-5 text-sm font-medium text-slate-600 transition hover:border-slate-300 hover:text-slate-900">
|
|
@@ -1205,6 +1280,28 @@ export default function App() {
|
|
|
1205
1280
|
submitResourceEditor();
|
|
1206
1281
|
}}
|
|
1207
1282
|
>
|
|
1283
|
+
<NoteCard title="填写建议" tone="info">
|
|
1284
|
+
{resourceEditor.kind === "mcp" ? (
|
|
1285
|
+
<>
|
|
1286
|
+
<div>stdio 模式填写 command / args；HTTP 模式填写 URL / headers，不要两套一起混填。</div>
|
|
1287
|
+
<div>环境变量和请求头都按 <code className="rounded bg-white/80 px-1.5 py-0.5 text-[11px] text-[#335c8a]">KEY=VALUE</code> 一行一个填写。</div>
|
|
1288
|
+
<div>启用平台决定这个 MCP 会在哪些客户端出现，没勾的平台不会加载。</div>
|
|
1289
|
+
</>
|
|
1290
|
+
) : resourceEditor.kind === "prompt" ? (
|
|
1291
|
+
<>
|
|
1292
|
+
<div>描述里建议写清用途和边界，方便后面回头看时知道这段提示词是干什么的。</div>
|
|
1293
|
+
<div>如果希望多个客户端共用，就把作用范围选成“全局”；只想影响单个平台时再单独选。</div>
|
|
1294
|
+
<div>提示词内容建议直接写完整版本，减少后续拼接造成的歧义。</div>
|
|
1295
|
+
</>
|
|
1296
|
+
) : (
|
|
1297
|
+
<>
|
|
1298
|
+
<div>技能名称尽量和目录最后一级一致，后面排查时更容易对上。</div>
|
|
1299
|
+
<div>技能目录建议填稳定路径，不要依赖临时下载目录。</div>
|
|
1300
|
+
<div>启用平台只是控制显示和加载范围，不会移动你的实际技能文件。</div>
|
|
1301
|
+
</>
|
|
1302
|
+
)}
|
|
1303
|
+
</NoteCard>
|
|
1304
|
+
|
|
1208
1305
|
{resourceEditor.kind === "mcp" ? (
|
|
1209
1306
|
<>
|
|
1210
1307
|
<label className="block">
|
|
@@ -1275,6 +1372,7 @@ export default function App() {
|
|
|
1275
1372
|
<option value="stdio">stdio</option>
|
|
1276
1373
|
<option value="http">http</option>
|
|
1277
1374
|
</select>
|
|
1375
|
+
<FieldHint>中文注释：本地命令型 MCP 选 stdio；远端服务型 MCP 选 http。</FieldHint>
|
|
1278
1376
|
</label>
|
|
1279
1377
|
{resourceEditor.transport === "stdio" ? (
|
|
1280
1378
|
<>
|
|
@@ -1329,6 +1427,7 @@ export default function App() {
|
|
|
1329
1427
|
rows={4}
|
|
1330
1428
|
className="w-full rounded-2xl border border-slate-200 bg-[#fbfbfc] px-4 py-3 text-sm text-slate-900 outline-none transition focus:border-[#1677ff] focus:bg-white"
|
|
1331
1429
|
/>
|
|
1430
|
+
<FieldHint>中文注释：每行一个环境变量，例如 <code className="rounded bg-white px-1.5 py-0.5 text-[11px] text-[#7a4f35]">TOKEN=xxx</code>。</FieldHint>
|
|
1332
1431
|
</label>
|
|
1333
1432
|
</>
|
|
1334
1433
|
) : (
|
|
@@ -1358,6 +1457,7 @@ export default function App() {
|
|
|
1358
1457
|
rows={4}
|
|
1359
1458
|
className="w-full rounded-2xl border border-slate-200 bg-[#fbfbfc] px-4 py-3 text-sm text-slate-900 outline-none transition focus:border-[#1677ff] focus:bg-white"
|
|
1360
1459
|
/>
|
|
1460
|
+
<FieldHint>中文注释：请求头也是每行一个键值，常见写法如 <code className="rounded bg-white px-1.5 py-0.5 text-[11px] text-[#7a4f35]">Authorization=Bearer ...</code>。</FieldHint>
|
|
1361
1461
|
</label>
|
|
1362
1462
|
</>
|
|
1363
1463
|
)}
|
|
@@ -1444,6 +1544,7 @@ export default function App() {
|
|
|
1444
1544
|
</option>
|
|
1445
1545
|
))}
|
|
1446
1546
|
</select>
|
|
1547
|
+
<FieldHint>中文注释：全局会对所有客户端生效；如果只是给某个平台加专用提示词，就单独选那个平台。</FieldHint>
|
|
1447
1548
|
</label>
|
|
1448
1549
|
<label className="flex items-center gap-3 rounded-2xl border border-slate-200 bg-[#fbfbfc] px-4 py-3">
|
|
1449
1550
|
<input
|
|
@@ -1473,6 +1574,7 @@ export default function App() {
|
|
|
1473
1574
|
placeholder="例如：openai-docs"
|
|
1474
1575
|
className="h-12 w-full rounded-2xl border border-slate-200 bg-[#fbfbfc] px-4 text-sm text-slate-900 outline-none transition focus:border-[#1677ff] focus:bg-white"
|
|
1475
1576
|
/>
|
|
1577
|
+
<FieldHint>中文注释：推荐填绝对路径或固定技能仓库目录，避免下次启动找不到。</FieldHint>
|
|
1476
1578
|
</label>
|
|
1477
1579
|
<label className="block">
|
|
1478
1580
|
<div className="mb-2 text-sm font-medium text-slate-600">描述</div>
|
|
@@ -19,8 +19,8 @@ export function AppSidebar(props: {
|
|
|
19
19
|
<div className="flex items-center gap-3 px-2">
|
|
20
20
|
<LogoMark />
|
|
21
21
|
<div>
|
|
22
|
-
<div className="text-[11px] font-semibold uppercase tracking-[0.34em] text-
|
|
23
|
-
<div className="font-['Space_Grotesk'] text-xl font-bold text-slate-50">
|
|
22
|
+
<div className="text-[11px] font-semibold uppercase tracking-[0.34em] text-[#c9a27e]">ccnew</div>
|
|
23
|
+
<div className="font-['Space_Grotesk'] text-xl font-bold text-slate-50">Relay</div>
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
26
|
|
|
@@ -45,14 +45,14 @@ export function AppSidebar(props: {
|
|
|
45
45
|
className={clsx(
|
|
46
46
|
"flex w-full items-center gap-3 rounded-2xl border px-3 py-3 text-left transition",
|
|
47
47
|
item.id === props.activePlatform
|
|
48
|
-
? "border-
|
|
48
|
+
? "border-[#d6b08a]/30 bg-[#c98a5a]/[0.12]"
|
|
49
49
|
: "border-white/6 bg-white/[0.02] hover:bg-white/[0.045]"
|
|
50
50
|
)}
|
|
51
51
|
>
|
|
52
52
|
<div
|
|
53
53
|
className={clsx(
|
|
54
54
|
"rounded-xl p-2",
|
|
55
|
-
item.id === props.activePlatform ? "bg-
|
|
55
|
+
item.id === props.activePlatform ? "bg-[#c98a5a]/15 text-[#f6d4b6]" : "bg-slate-900/70 text-slate-400"
|
|
56
56
|
)}
|
|
57
57
|
>
|
|
58
58
|
<Icon className="h-4 w-4" />
|
|
@@ -92,10 +92,10 @@ export function AppSidebar(props: {
|
|
|
92
92
|
</div>
|
|
93
93
|
</div>
|
|
94
94
|
|
|
95
|
-
<div className="mt-auto rounded-[24px] border border-
|
|
96
|
-
<div className="text-[11px] uppercase tracking-[0.3em] text-
|
|
95
|
+
<div className="mt-auto rounded-[24px] border border-[#d6b08a]/20 bg-gradient-to-br from-[#fff1e2]/[0.09] to-[#c98a5a]/[0.08] p-4">
|
|
96
|
+
<div className="text-[11px] uppercase tracking-[0.3em] text-[#e2c2a5]/75">Visual Target</div>
|
|
97
97
|
<div className="mt-3 text-sm font-medium leading-6 text-slate-200">
|
|
98
|
-
|
|
98
|
+
Warm, branded, and easier to scan at first glance. Keep the structure tight, but make the tone feel like a real product.
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
</aside>
|
|
@@ -1,31 +1,29 @@
|
|
|
1
1
|
export function LogoMark() {
|
|
2
2
|
return (
|
|
3
|
-
<div className="h-11 w-11 drop-shadow-[0_16px_30px_rgba(
|
|
3
|
+
<div className="h-11 w-11 drop-shadow-[0_16px_30px_rgba(126,72,39,0.24)]">
|
|
4
4
|
<svg viewBox="0 0 128 128" className="h-11 w-11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
5
5
|
<defs>
|
|
6
|
-
<linearGradient id="
|
|
7
|
-
<stop stopColor="#
|
|
8
|
-
<stop offset="0.
|
|
9
|
-
<stop offset="1" stopColor="#
|
|
6
|
+
<linearGradient id="ccnew-bg-react" x1="16" y1="12" x2="108" y2="116" gradientUnits="userSpaceOnUse">
|
|
7
|
+
<stop stopColor="#FFF3E4" />
|
|
8
|
+
<stop offset="0.52" stopColor="#EFC597" />
|
|
9
|
+
<stop offset="1" stopColor="#CD7B4A" />
|
|
10
10
|
</linearGradient>
|
|
11
|
-
<radialGradient id="
|
|
12
|
-
<stop stopColor="#
|
|
13
|
-
<stop offset="1" stopColor="#
|
|
11
|
+
<radialGradient id="ccnew-glow-react" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(96 28) rotate(135) scale(42)">
|
|
12
|
+
<stop stopColor="#F7A56B" stopOpacity="0.86" />
|
|
13
|
+
<stop offset="1" stopColor="#F7A56B" stopOpacity="0" />
|
|
14
14
|
</radialGradient>
|
|
15
|
-
<linearGradient id="
|
|
16
|
-
<stop stopColor="#
|
|
17
|
-
<stop offset="1" stopColor="#
|
|
15
|
+
<linearGradient id="ccnew-highlight-react" x1="90" y1="24" x2="110" y2="44" gradientUnits="userSpaceOnUse">
|
|
16
|
+
<stop stopColor="#FFF5EA" />
|
|
17
|
+
<stop offset="1" stopColor="#FFF5EA" stopOpacity="0.2" />
|
|
18
18
|
</linearGradient>
|
|
19
19
|
</defs>
|
|
20
|
-
<rect x="8" y="8" width="112" height="112" rx="30" fill="url(#
|
|
20
|
+
<rect x="8" y="8" width="112" height="112" rx="30" fill="url(#ccnew-bg-react)" />
|
|
21
21
|
<rect x="8.75" y="8.75" width="110.5" height="110.5" rx="29.25" stroke="rgba(255,255,255,0.12)" strokeWidth="1.5" />
|
|
22
|
-
<circle cx="96" cy="28" r="30" fill="url(#
|
|
23
|
-
|
|
24
|
-
<path d="
|
|
25
|
-
<path d="
|
|
26
|
-
<path d="
|
|
27
|
-
<path d="M88 92H102" stroke="#F3C46C" strokeWidth="10" strokeLinecap="round" />
|
|
28
|
-
<path d="M102 36V92" stroke="#F3C46C" strokeWidth="10" strokeLinecap="round" />
|
|
22
|
+
<circle cx="96" cy="28" r="30" fill="url(#ccnew-glow-react)" opacity="0.62" />
|
|
23
|
+
{/* 暖色底配双 C 几何符号，桌面图标缩小时也能识别。 */}
|
|
24
|
+
<path d="M50 30C36.75 30 26 44.33 26 64C26 83.67 36.75 98 50 98" stroke="#4B2A1A" strokeWidth="11.5" strokeLinecap="round" />
|
|
25
|
+
<path d="M90 30C76.75 30 66 44.33 66 64C66 83.67 76.75 98 90 98" stroke="#4B2A1A" strokeWidth="11.5" strokeLinecap="round" />
|
|
26
|
+
<path d="M90 30C97.58 30 102.66 34.72 105.04 39.42" stroke="url(#ccnew-highlight-react)" strokeWidth="4.5" strokeLinecap="round" />
|
|
29
27
|
</svg>
|
|
30
28
|
</div>
|
|
31
29
|
);
|
package/src/lib/client.ts
CHANGED
|
@@ -179,7 +179,7 @@ function createInitialState(): StoredSnapshot {
|
|
|
179
179
|
|
|
180
180
|
return {
|
|
181
181
|
appName: "ccnew",
|
|
182
|
-
version: "0.1.
|
|
182
|
+
version: "0.1.12",
|
|
183
183
|
generatedAt: now(),
|
|
184
184
|
models: [...DEFAULT_MODELS],
|
|
185
185
|
platforms,
|
|
@@ -280,7 +280,7 @@ async function getSnapshotInternal(): Promise<AppSnapshot> {
|
|
|
280
280
|
const response = (await bridge.getSnapshot()) as DesktopSnapshotResponse;
|
|
281
281
|
const snapshot: AppSnapshot = {
|
|
282
282
|
appName: response.appName || "ccnew",
|
|
283
|
-
version: response.version || "0.1.
|
|
283
|
+
version: response.version || "0.1.12",
|
|
284
284
|
generatedAt: response.generatedAt || now(),
|
|
285
285
|
models: sanitizeModels((response.models || []).map((item) => (typeof item === "string" ? item : item?.id || "")).filter(Boolean)),
|
|
286
286
|
platforms: response.platforms || [],
|