diff --git a/01_content/lib/client.js b/01_content/lib/client.js
index 16ac983..80a0a7f 100644
--- a/01_content/lib/client.js
+++ b/01_content/lib/client.js
@@ -8859,7 +8859,7 @@ var CHANGELOG_V030 = `\u66F4\u65B0\u516C\u544A \xB7 v0.3.0
\u30101.3 \u80CC\u666F\u7CFB\u7EDF\u6269\u81F3\u4E09\u79CD\u53EF\u9009\u3011\u2014\u2014\u5355\u8272\u80CC\u666F\u3001\u67D4\u5149\u80CC\u666F\u3001\u81EA\u5B9A\u4E49\u80CC\u666F\uFF0C\u6BCF\u79CD\u90FD\u6709\u72EC\u7ACB\u9762\u677F\uFF1A
\xB7 \u5355\u8272\u80CC\u666F\uFF1A\u63D0\u4F9B\u8272\u76F8\u3001\u9971\u548C\u5EA6\u3001\u660E\u5EA6\u8C03\u8282\u6ED1\u6746\uFF0C\u652F\u6301\u76F4\u63A5\u8F93\u5165\u6570\u503C\u4E0E\u4E00\u952E\u6062\u590D\u9ED8\u8BA4\uFF1B\u9ED8\u8BA4\u989C\u8272\u968F\u5F53\u524D\u4E3B\u9898\u81EA\u52A8\u5339\u914D\uFF08\u6DF1\u8272=\u6DF1\u84DD\u9ED1\uFF0C\u6D45\u8272=\u7C73\u767D\uFF09\u3002
\xB7 \u67D4\u5149\u80CC\u666F\uFF1A\u540C\u6837\u53EF\u8C03\u8282\u5149\u6655\u7684\u8272\u76F8\u3001\u9971\u548C\u5EA6\u4E0E\u660E\u5EA6\uFF0C\u8BA9\u6574\u4F53\u6C1B\u56F4\u8272\u8C03\u968F\u5FC3\u800C\u53D8\u3002
-\xB7 \u81EA\u5B9A\u4E49\u80CC\u666F\uFF1A\u652F\u6301\u7167\u7247\u4E0E\u89C6\u9891\u7EDF\u4E00\u5165\u5E93\u7BA1\u7406\u2014\u2014\u53EF\u4E0A\u4F20\u591A\u5F20\u5A92\u4F53\u3001\u7F29\u7565\u56FE\u5E26\u7C7B\u578B\u89D2\u6807\u3001\u4EFB\u610F\u4E00\u5F20\u53EF\u5355\u72EC\u5220\u9664\uFF1B\u6BCF\u5F20\u5A92\u4F53\u4F1A\u72EC\u7ACB\u8BB0\u4F4F\u4F60\u7684\u8C03\u8272\u8BBE\u7F6E\uFF0C\u9009\u4E2D\u5373\u81EA\u52A8\u6062\u590D\uFF1B\u4E0A\u4F20\u7684\u6587\u4EF6\u4EE5\u539F\u59CB\u753B\u8D28\u5B58\u50A8\uFF08\u4E0D\u518D\u538B\u7F29\u964D\u6E05\u6670\u5EA6\uFF09\uFF1B\u89C6\u9891\u4F5C\u4E3A\u80CC\u666F\u65F6\u81EA\u52A8\u5FAA\u73AF\u64AD\u653E\uFF0C\u5E76\u52A0\u5165\u9996\u5C3E\u5E27\u6E10\u53D8\u4EA4\u63A5\uFF0C\u6D88\u9664\u5FAA\u73AF\u65F6\u7684\u987F\u632B\u611F\u3002\u53E6\u6709\uFF1A\u80CC\u666F\u7F51\u683C\u7EBF\u5F00\u5173\u4E0E\u900F\u660E\u5EA6\u6ED1\u6746\u3001\u5361\u7247\u8D34\u7247\u6A21\u7CCA\u6ED1\u6746\uFF1B\u6240\u6709\u6ED1\u6746\u60AC\u505C\u65F6\u4F1A\u663E\u793A\u5404\u81EA\u7684\u529F\u80FD\u8BF4\u660E\u3002
+\xB7 \u81EA\u5B9A\u4E49\u80CC\u666F\uFF1A\u652F\u6301\u7167\u7247\u4E0E\u89C6\u9891\u7EDF\u4E00\u5165\u5E93\u7BA1\u7406\u2014\u2014\u9996\u6B21\u4F7F\u7528\u9884\u7F6E\u4E00\u5F20\u6781\u5C0F\u7684\u9ED8\u8BA4\u80CC\u666F\u793A\u4F8B\u56FE\uFF08\u53EF\u5220\u9664\uFF09\uFF1B\u53EF\u4E0A\u4F20\u591A\u5F20\u5A92\u4F53\u3001\u7F29\u7565\u56FE\u5E26\u7C7B\u578B\u89D2\u6807\u3001\u4EFB\u610F\u4E00\u5F20\u53EF\u5355\u72EC\u5220\u9664\uFF1B\u6BCF\u5F20\u5A92\u4F53\u4F1A\u72EC\u7ACB\u8BB0\u4F4F\u4F60\u7684\u8C03\u8272\u8BBE\u7F6E\uFF0C\u9009\u4E2D\u5373\u81EA\u52A8\u6062\u590D\uFF1B\u4E0A\u4F20\u7684\u6587\u4EF6\u4EE5\u539F\u59CB\u753B\u8D28\u5B58\u50A8\uFF08\u4E0D\u518D\u538B\u7F29\u964D\u6E05\u6670\u5EA6\uFF09\uFF1B\u89C6\u9891\u4F5C\u4E3A\u80CC\u666F\u65F6\u81EA\u52A8\u5FAA\u73AF\u64AD\u653E\uFF0C\u5E76\u52A0\u5165\u9996\u5C3E\u5E27\u6E10\u53D8\u4EA4\u63A5\uFF0C\u6D88\u9664\u5FAA\u73AF\u65F6\u7684\u987F\u632B\u611F\u3002\u53E6\u6709\uFF1A\u80CC\u666F\u7F51\u683C\u7EBF\u5F00\u5173\u4E0E\u900F\u660E\u5EA6\u6ED1\u6746\u3001\u5361\u7247\u8D34\u7247\u6A21\u7CCA\u6ED1\u6746\uFF1B\u6240\u6709\u6ED1\u6746\u60AC\u505C\u65F6\u4F1A\u663E\u793A\u5404\u81EA\u7684\u529F\u80FD\u8BF4\u660E\u3002
\u30101.4 \u6BCF\u884C\u9879\u76EE\u6570\u3011\u81EA\u7531\u8C03\u6574\u63A7\u5236\u53F0\u6BCF\u884C\u663E\u793A\u7684\u74F7\u7247\u6570\u91CF\uFF081\u20135 \u5F20\uFF09\uFF0C\u62D6\u62FD\u6ED1\u6746\u5373\u65F6\u751F\u6548\u5E76\u914D\u5E73\u6ED1\u52A8\u753B\u3002
@@ -19679,6 +19679,9 @@ var photoStore = {
}
};
+// src/client/defaultBg.ts
+var DEFAULT_BG_SVG = '';
+
// src/client/index.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
var LOCAL_VERSION2 = false ? "dev" : "0.2.3";
@@ -20926,7 +20929,15 @@ function WorktableSection(props) {
getBg: () => viewRef.current.consoleBg ?? "glow",
setBg: (m) => persistView({ consoleBg: m }),
getPhotoLib: async () => {
- const records = await photoStore.list().catch(() => []);
+ let records = await photoStore.list().catch(() => []);
+ if (records.length === 0 && localStorage.getItem("dsh.worktable.defaultBgSeeded.v1") !== "1") {
+ try {
+ await photoStore.add(new Blob([DEFAULT_BG_SVG], { type: "image/svg+xml" }));
+ localStorage.setItem("dsh.worktable.defaultBgSeeded.v1", "1");
+ records = await photoStore.list().catch(() => []);
+ } catch {
+ }
+ }
const stored = viewRef.current.consoleBgPhotoId ?? null;
const activeId = stored && records.some((r) => r.id === stored) ? stored : null;
return {
diff --git a/01_content/src/client/changelog.ts b/01_content/src/client/changelog.ts
index f4400d9..8342a04 100644
--- a/01_content/src/client/changelog.ts
+++ b/01_content/src/client/changelog.ts
@@ -11,7 +11,7 @@ export const CHANGELOG_V030 = `更新公告 · v0.3.0
【1.3 背景系统扩至三种可选】——单色背景、柔光背景、自定义背景，每种都有独立面板：
· 单色背景：提供色相、饱和度、明度调节滑杆，支持直接输入数值与一键恢复默认；默认颜色随当前主题自动匹配（深色=深蓝黑，浅色=米白）。
· 柔光背景：同样可调节光晕的色相、饱和度与明度，让整体氛围色调随心而变。
-· 自定义背景：支持照片与视频统一入库管理——可上传多张媒体、缩略图带类型角标、任意一张可单独删除；每张媒体会独立记住你的调色设置，选中即自动恢复；上传的文件以原始画质存储（不再压缩降清晰度）；视频作为背景时自动循环播放，并加入首尾帧渐变交接，消除循环时的顿挫感。另有：背景网格线开关与透明度滑杆、卡片贴片模糊滑杆；所有滑杆悬停时会显示各自的功能说明。
+· 自定义背景：支持照片与视频统一入库管理——首次使用预置一张极小的默认背景示例图（可删除）；可上传多张媒体、缩略图带类型角标、任意一张可单独删除；每张媒体会独立记住你的调色设置，选中即自动恢复；上传的文件以原始画质存储（不再压缩降清晰度）；视频作为背景时自动循环播放，并加入首尾帧渐变交接，消除循环时的顿挫感。另有：背景网格线开关与透明度滑杆、卡片贴片模糊滑杆；所有滑杆悬停时会显示各自的功能说明。
【1.4 每行项目数】自由调整控制台每行显示的瓷片数量（1–5 张），拖拽滑杆即时生效并配平滑动画。
diff --git a/01_content/src/client/defaultBg.ts b/01_content/src/client/defaultBg.ts
new file mode 100644
index 0000000..3d21a44
--- /dev/null
+++ b/01_content/src/client/defaultBg.ts
@@ -0,0 +1,2 @@
+/** 默认背景示例图（SVG 渐变极光，约 1KB）：首次使用自定义背景时预置到媒体库，可选用/可删除。 */
+export const DEFAULT_BG_SVG = ''
diff --git a/01_content/src/client/index.tsx b/01_content/src/client/index.tsx
index 4e71886..6ce2922 100644
--- a/01_content/src/client/index.tsx
+++ b/01_content/src/client/index.tsx
@@ -4,6 +4,7 @@ import { NS, zh, en, type WorktableKey } from './locales'
import { isAbs, joinPath, parentPathOf, basenameOf } from './pathutil'
import { splitStore, SplitWorkspace, setSplitT, setSplitEnv, type LayoutSpec, type SplitPane, type ConsoleCardData } from './split'
import { photoStore, kindOf } from './photoStore'
+import { DEFAULT_BG_SVG } from './defaultBg'
/**
* dsh-worktable 客户端（v2）：侧边栏底部「工作台」区块。
@@ -1400,7 +1401,15 @@ function WorktableSection(props: any) {
getBg: () => viewRef.current.consoleBg ?? 'glow',
setBg: (m: 'plain' | 'glow' | 'photo') => persistView({ consoleBg: m }),
getPhotoLib: async () => {
- const records = await photoStore.list().catch(() => [])
+ let records = await photoStore.list().catch(() => [])
+ // 首次使用：媒体库为空且未预置过 → 注入默认背景示例图（极小 SVG，可删）
+ if (records.length === 0 && localStorage.getItem('dsh.worktable.defaultBgSeeded.v1') !== '1') {
+ try {
+ await photoStore.add(new Blob([DEFAULT_BG_SVG], { type: 'image/svg+xml' }))
+ localStorage.setItem('dsh.worktable.defaultBgSeeded.v1', '1')
+ records = await photoStore.list().catch(() => [])
+ } catch {}
+ }
const stored = viewRef.current.consoleBgPhotoId ?? null
const activeId = stored && records.some((r) => r.id === stored) ? stored : null
return {