dsh-folia 2.5.1 → 2.5.8

package/lib/client.js

@@ -7217,6 +7217,8 @@ window.__ModuleLoader__.load({
 				  contentRatingFilter: "everyone",
 				  // Wallpaper-type filter (all / video / web / image / scene). "all" disables it.
 				  typeFilter: "all",
+				  // 壁纸来源：all / local（本机 Wallpaper Engine 库 + 上传）/ site（我们站点）
+				  sourceFilter: "all",
 				  // Thumbnail-card style: "classic" (WE's original aspect-ratio 16/9 cards —
 				  // the CD-like look the author liked; can overlap in older browsers) or
 				  // "fixed" (fixed-height cards that never overlap). The vinyl
@@ -7661,6 +7663,7 @@ window.__ModuleLoader__.load({
 				  objectFit: { kind: 'enum', values: OBJECT_FIT_VALUES },
 				  contentRatingFilter: { kind: 'enum', values: RATING_VALUES },
 				  typeFilter: { kind: 'enum', values: TYPE_VALUES },
+				  sourceFilter: { kind: 'enum', values: ['all', 'local', 'site'] },
 				  pickerLayout: { kind: 'enum', values: PICKER_LAYOUT_VALUES },
 				  edgeCompat: { kind: 'boolTrue' },
 				  accent: { kind: 'hex' },
@@ -7912,7 +7915,7 @@ window.__ModuleLoader__.load({
 				  library: [
 				    'switchTransition', 'switchTransitionDir', 'switchTransitionSpeed',
 				    'rotationEnabled', 'rotationGroupId', 'rotationGroups', 'rotationSeeded',
-				    'contentRatingFilter', 'typeFilter', 'pickerLayout',
+				    'contentRatingFilter', 'typeFilter', 'sourceFilter', 'pickerLayout',
 				  ],
 				  // 外观：玻璃 / 侧栏与四角 / 标题栏 / 思考块 / 浮层 / 主题预设 / 字体 / UI 配色。
 				  appearance: [
@@ -8547,7 +8550,7 @@ window.__ModuleLoader__.load({
 				    'id', 'hiddenIds', 'rotationEnabled', 'rotationGroupId', 'rotationGroups', 'rotationSeeded',
 				    'playbackRate', 'videoVolume', 'videoAudioEnabled', 'fpsCap', 'sceneLive', 'sceneLiveFps',
 				    'liveBootDelay', 'sceneLiveFailures', 'pauseOnHidden', 'pauseOnBlur', 'pauseOnBattery',
-				    'flip', 'objectFit', 'contentRatingFilter', 'typeFilter', 'pickerLayout', 'edgeCompat',
+				    'flip', 'objectFit', 'contentRatingFilter', 'typeFilter', 'sourceFilter', 'pickerLayout', 'edgeCompat',
 				    'userProps', 'noticeSeen', 'layerPositionX', 'layerPositionY', 'layerScale',
 				  ],
 				  // 玻璃 / 材质 / 侧栏 / 过渡（`accent`、`glassMode` 与皮肤让路之外的整套玻璃登记表都在这里）
@@ -16168,401 +16171,6 @@ window.__ModuleLoader__.load({
 				    );
 				  }
 
-				// ── 内联模块：src/panel-tabs-skins.js —— 「皮肤包」页签：从自建站列皮肤包 → 下载 → 装到 harness/skins → 激活（宿主端 /skins 族）（构建期注入；勿手改本段）──
-				/**
-				 * panel-tabs-skins.js — 「皮肤包」页签：从**自建站**列皮肤包 → 下载 → 装到本地 → 激活。
-				 *
-				 * 为什么是一个**真正的 React 组件**（而不是像别的页签那样是纯渲染函数）：
-				 * 这个页签有自己的异步状态（列表 / 加载中 / 下载中 / 错误），而页签渲染器是在
-				 * `renderActiveTab` 里被**条件调用**的普通函数 —— 在里面放 hooks 会违反 hooks 顺序。
-				 * 所以这里导出一个组件 `SkinsTabPanel`，由薄包装 `renderSkinsTab(ctx)` 挂上去：
-				 * 组件实例化后 hooks 是稳定的，父级重渲染也不会错位。
-				 *
-				 * 契约与别的 `panel-tabs-*.js` 相同：构建期被内联进 bundle 的工厂作用域，
-				 * 因此 `React` / `apiUrl` / `apiJson` / `apiPostJson` / `weT` 都是同作用域的既有名字，
-				 * 本文件**不 import 任何东西**。
-				 *
-				 * 数据流（全部走宿主端，浏览器不直连站点）：
-				 *   apiJson("/skins")                     → 索引 + 已装/在用标记
-				 *   apiPostJson("/skins/install", {id})   → 下载 / 校验 / 解压
-				 *   apiPostJson("/skins/activate", {id})  → 写 skin-center-active.json
-				 *   apiPostJson("/skins/remove", {id})    → 删目录
-				 *   apiUrl("/skins/preview?p=…")          → 预览图代理
-				 */
-
-				/** 卡片网格与卡片本体的样式：内联，避免为一个页签去动全局样式表。 */
-				const SKINS_STYLE = {
-				  grid: {
-				    display: "grid",
-				    gridTemplateColumns: "repeat(auto-fill, minmax(168px, 1fr))",
-				    gap: "10px",
-				    marginTop: "10px",
-				  },
-				  card: {
-				    display: "flex", flexDirection: "column", overflow: "hidden",
-				    border: "1px solid rgba(255,255,255,0.12)", borderRadius: "10px",
-				    background: "rgba(255,255,255,0.04)",
-				  },
-				  thumb: { width: "100%", aspectRatio: "4 / 3", objectFit: "cover", display: "block", background: "rgba(0,0,0,0.35)" },
-				  body: { padding: "8px 9px 9px", display: "flex", flexDirection: "column", gap: "4px", flex: "1 1 auto" },
-				  title: { fontSize: "12.5px", fontWeight: 600, lineHeight: 1.3 },
-				  meta: { fontSize: "11px", opacity: 0.62, lineHeight: 1.3 },
-				  tags: { display: "flex", flexWrap: "wrap", gap: "3px", marginTop: "2px" },
-				  tag: { fontSize: "10px", padding: "1px 5px", borderRadius: "999px", background: "rgba(255,255,255,0.09)", opacity: 0.75 },
-				  actions: { display: "flex", gap: "6px", marginTop: "6px" },
-				};
-
-				function skinsFmtBytes(n) {
-				  const v = Number(n) || 0;
-				  if (v >= 1024 * 1024) return (v / 1024 / 1024).toFixed(1) + " MB";
-				  if (v >= 1024) return Math.round(v / 1024) + " KB";
-				  return v + " B";
-				}
-
-				function skinsErrText(code) {
-				  if (!code) return "";
-				  if (code === "disabled") return weT("站点数据源已关闭（DSH_FOLIA_SKINS_SITE=off）");
-				  if (code === "timeout") return weT("站点超时，点「刷新」重试");
-				  if (code === "tls") return weT("站点证书校验失败");
-				  if (code === "network") return weT("连不上站点（网络或域名问题）");
-				  if (/^http-/.test(code)) return weT("站点返回错误：") + code.slice(5);
-				  if (code === "json") return weT("站点索引格式不对");
-				  return code;
-				}
-
-				/**
-				 * 把一套皮肤的样式**当场**挂进文档。
-				 *
-				 * 为什么是 `<style>` 而不是 `<link>`：
-				 *   · `<link rel=stylesheet>` 是**异步**的，加载完成的时机不定，容易输给皮肤中心随后
-				 *     重新注入的那份；
-				 *   · `<style>` 一赋值就参与样式计算，且追加到 `<body>` **末尾** ⇒ 文档顺序最后，
-				 *     同等特异性下后写的赢。这是"不刷新换肤"能真正看见的关键。
-				 *
-				 * 仍然不跑 `hooks.mjs`（粒子等动效），那部分只有整页重载才生效。
-				 *
-				 * @param {string} id 皮肤 id
-				 * @returns {Promise<{ bytes: number, rules: number }>}
-				 */
-				async function applySkinCss(id) {
-				  const resp = await apiFetch("/skins/css?id=" + encodeURIComponent(id) + "&t=" + Date.now(), {
-				    parse: false,
-				    cache: "no-store",
-				  });
-				  if (!resp || !resp.ok || !resp.response) throw new Error("css-http-" + ((resp && resp.status) || 0));
-				  const css = await resp.response.text();
-				  if (!css || !css.trim()) throw new Error("css-empty");
-				  let el = document.getElementById("folia-skin-hot");
-				  if (!el) {
-				    el = document.createElement("style");
-				    el.id = "folia-skin-hot";
-				    // 挂 body 末尾（不是 head）：文档顺序最后 ⇒ 同等特异性下覆盖先前的规则。
-				    (document.body || document.head).appendChild(el);
-				  }
-				  el.textContent = css;
-				  let rules = 0;
-				  try { rules = (el.sheet && el.sheet.cssRules && el.sheet.cssRules.length) || 0; } catch { /* 读不到就报 0 */ }
-				  return { bytes: css.length, rules };
-				}
-
-				function SkinsTabPanel() {
-				  const [list, setList] = React.useState([]);
-				  const [active, setActive] = React.useState(null);
-				  const [loading, setLoading] = React.useState(true);
-				  const [error, setError] = React.useState(null);
-				  const [harnessFound, setHarnessFound] = React.useState(true);
-				  const [busy, setBusy] = React.useState("");       // 正在安装 / 激活的那个 id
-				  const [note, setNote] = React.useState(null);      // 一次性提示（成功 / 失败原因）
-				  const [q, setQ] = React.useState("");
-
-				  const load = React.useCallback(async (force) => {
-				    setLoading(true);
-				    setError(null);
-				    try {
-				      // ⚠️ `apiJson` 返回的是 **`{ ok, status, data, error }` 包装对象**，不是响应体本身
-				      //（见 src/api-client.js 的 apiFetch）。最初按裸体取值 ⇒ `list=[] 且 error=null`，
-				      // 界面显示"没有匹配的皮肤包"却没有任何错误提示 —— 静默空列表比报错难查得多。
-				      // `parse: "always"` 让非 2xx 的 `{error}` 也能被读到。
-				      const resp = await apiJson("/skins" + (force ? "?refresh=1" : ""), { parse: "always" });
-				      const r = (resp && resp.data) || null;
-				      setList((r && r.skins) || []);
-				      setActive((r && r.active) || null);
-				      setError((r && r.error) || (resp && resp.error) || null);
-				      setHarnessFound(!r || r.harnessFound !== false);
-				    } catch (e) {
-				      setError("network");
-				      setList([]);
-				    } finally {
-				      setLoading(false);
-				    }
-				  }, []);
-
-				  React.useEffect(() => { load(false); }, [load]);
-
-				  /**
-				   * 执行一个动作（install / activate / remove）。
-				   *
-				   * ⚠️ **「使用」必须立刻有反馈**：切换皮肤只写 `skin-center-active.json`，host 端 6 ms 就应，
-				   * 而皮肤要重启才生效 —— 如果等一次 `?refresh=1`（约 600 ms）再改标记，用户看到的就是
-				   * "点了一下，半天没反应"。所以「使用」走**乐观更新**：先本地翻转 active 并把提示打出来，
-				   * 请求失败再回滚重拉。装 / 删仍然要重拉（已装标记与体积都变了）。
-				   */
-				  async function act(kind, id, label) {
-				    if (busy) return;
-				    setBusy(id);
-				    setNote(null);
-				    const prevActive = active;
-				    if (kind === "activate") {
-				      // 乐观：先给反馈，再等网络
-				      setActive(id);
-				      setList((prev) => prev.map((x) => ({ ...x, active: x.id === id })));
-				      setNote({ kind: "ok", text: weT("正在切换到「") + label + weT("」…") });
-				    }
-				    try {
-				      // 同样是包装对象：`ok` 是 HTTP 2xx，业务结论在 `data.ok`（宿主回 `{ok:false,error}`）。
-				      const resp = await apiPostJson("/skins/" + kind, { id }, { parse: "always" });
-				      const r = (resp && resp.data) || null;
-				      if (resp && resp.ok && r && r.ok) {
-				        if (kind === "install") {
-				          setNote({ kind: "ok", text: weT("已安装：") + label });
-				          await load(true);
-				        } else if (kind === "activate") {
-				          // **当场换肤**：把皮肤样式同步注入文档，不刷新、不重启。
-				          // 注入结果直接写进提示里（字节数 / 规则条数）：万一样式还是没盖住皮肤中心，
-				          // 这一行就是判断"是没注入"还是"注入了但被压住"的依据，不用再猜。
-				          let info = null;
-				          let applyErr = "";
-				          try {
-				            info = await applySkinCss(id);
-				          } catch (e) {
-				            applyErr = String((e && e.message) || e);
-				          }
-				          setNote({
-				            kind: applyErr ? "err" : "ok",
-				            text: applyErr
-				              ? weT("已切换为「") + label + weT("」，但样式注入失败：") + applyErr
-				              : weT("已切换到「") + label + weT("」—— 已注入 ")
-				                + Math.round(info.bytes / 1024) + " KB / " + info.rules + weT(" 条样式规则"),
-				            // hooks（粒子等动效）只有整页重载才会跑：给一个可选入口，不强制。
-				            reload: true,
-				          });
-				          // 不再整表重拉：本地标记已经对了，省掉那 600 ms 的"没反应"窗口。
-				        } else if (kind === "remove") {
-				          setNote({ kind: "ok", text: weT("已删除：") + label });
-				          await load(true);
-				        }
-				      } else {
-				        const code = (r && r.error) || "failed";
-				        const detail = (r && r.detail) ? "（" + r.detail + "）" : "";
-				        setNote({ kind: "err", text: weT("操作失败：") + code + detail });
-				        if (kind === "activate") {
-				          // 回滚乐观更新
-				          setActive(prevActive);
-				          setList((prev) => prev.map((x) => ({ ...x, active: x.id === prevActive })));
-				        }
-				      }
-				    } catch (e) {
-				      setNote({ kind: "err", text: weT("请求失败：") + (e && e.message ? e.message : weT("网络错误")) });
-				      if (kind === "activate") {
-				        setActive(prevActive);
-				        setList((prev) => prev.map((x) => ({ ...x, active: x.id === prevActive })));
-				      }
-				    } finally {
-				      setBusy("");
-				    }
-				  }
-
-				  const needle = q.trim().toLowerCase();
-				  const shown = needle
-				    ? list.filter((s) => (s.name + " " + s.nameEn + " " + s.id + " " + (s.tags || []).join(" "))
-				      .toLowerCase().indexOf(needle) !== -1)
-				    : list;
-
-				  const installedCount = list.filter((s) => s.installed).length;
-
-				  const header = React.createElement("div", { className: "we-picker__section-head" },
-				    React.createElement("span", { className: "we-picker__section-label" },
-				      weT("🎨 皮肤包") + (list.length ? "  ·  " + list.length : "")),
-				    React.createElement("button", {
-				      type: "button",
-				      className: "we-picker__btn",
-				      style: { marginLeft: "auto" },
-				      disabled: loading,
-				      onClick: () => load(true),
-				      title: weT("重新从站点拉取列表"),
-				    }, loading ? weT("加载中…") : weT("刷新")),
-				  );
-
-				  if (!harnessFound) {
-				    return React.createElement(React.Fragment, null,
-				      React.createElement("div", { className: "we-picker__section" }, header,
-				        React.createElement("div", { className: "we-picker__empty" },
-				          React.createElement("span", { className: "we-picker__empty-title" }, weT("找不到 DSH 的 skins 目录")),
-				          React.createElement("span", { className: "we-picker__hint" },
-				            weT("皮肤包要装到 DSH 的 harness/skins 下。可用环境变量 DSH_FOLIA_HARNESS 指定该目录")))));
-				  }
-
-				  const children = [React.createElement("div", { className: "we-picker__section", key: "sec" }, header)];
-				  // 常驻一行「当前皮肤」：切换只写文件、皮肤要重启才生效，不给这一行用户就无从判断
-				  // 刚才那次点击到底成没成（这是"点了没反应"的一半原因）。
-				  if (active) {
-				    const activeName = (list.find((x) => x.id === active) || {}).name || active;
-				    children.push(React.createElement("div", {
-				      key: "active",
-				      className: "we-picker__hint",
-				      style: { margin: "4px 0 8px", display: "flex", gap: "8px", alignItems: "center", flexWrap: "wrap" },
-				    },
-				    React.createElement("span", null, weT("当前皮肤：") + activeName),
-				    React.createElement("span", {
-				      style: { fontSize: "11px", padding: "1px 6px", borderRadius: "999px", background: "rgba(142,230,168,0.16)", color: "#8ee6a8" },
-				    }, weT("已应用")),
-				    ));
-				  }
-
-				  // ⚠️ **壁纸在台时皮肤不会生效** —— 这是皮肤中心写死的行为，不是我们的 bug：
-				  //   · host 侧：peer（= 本插件）持久化的壁纸选择非空时，它从文档里**扣住**皮肤；
-				  //   · client 侧：它盯 `body[data-we-wallpaper]`，只要那个标记在，就把皮肤让位
-				  //     （源码注释：`an active WE wallpaper suppresses skin media`）。
-				  // 于是"点了使用但界面没变"最可能的原因就是**壁纸还开着**。这里直接读那个标记，
-				  // 命中就把话说清楚，并告诉用户该先做什么。
-				  let wallpaperOn = false;
-				  try {
-				    wallpaperOn = Boolean(document.body && document.body.hasAttribute("data-we-wallpaper"));
-				  } catch { /* 拿不到 DOM 就当没有 */ }
-				  if (wallpaperOn) {
-				    children.push(React.createElement("div", {
-				      key: "wpwarning",
-				      className: "we-picker__hint",
-				      style: {
-				        margin: "4px 0 10px",
-				        padding: "7px 10px",
-				        borderRadius: "8px",
-				        background: "rgba(255,196,120,0.12)",
-				        color: "#ffd08a",
-				        lineHeight: 1.5,
-				      },
-				    }, weT("⚠️ 当前有壁纸在台：皮肤会被壁纸让位，切换不会生效。")
-				    + weT(" 先到「壁纸」页签点「清除」，再回来切换皮肤。")));
-				  }
-
-				  if (error) {
-				    children.push(React.createElement("div", {
-				      key: "err",
-				      className: "we-picker__hint",
-				      style: { color: "#ff9a9a", margin: "6px 0 10px" },
-				    }, skinsErrText(error)));
-				  }
-				  if (note) {
-				    children.push(React.createElement("div", {
-				      key: "note",
-				      className: "we-picker__hint",
-				      style: {
-				        color: note.kind === "err" ? "#ff9a9a" : "#8ee6a8",
-				        margin: "6px 0 10px",
-				        display: "flex",
-				        gap: "10px",
-				        alignItems: "center",
-				        flexWrap: "wrap",
-				      },
-				    },
-				    React.createElement("span", null, note.text),
-				    note.reload
-				      ? React.createElement("button", {
-				        type: "button",
-				        className: "we-picker__btn we-picker__btn--primary",
-				        style: { fontSize: "11.5px", padding: "3px 10px" },
-				        onClick: () => {
-				          // 与自动那条路一致：优先硬跳转，退而 reload。只重载前端页面 ——
-				          // 对话与设置都在宿主侧，不会丢。
-				          try { window.location.replace(window.location.href); } catch {
-				            try { window.location.reload(); } catch { /* 极端环境刷不动就让用户手动重启 */ }
-				          }
-				        },
-				        title: weT("整页重载 —— 皮肤动效（粒子等）需要重载才跑；纯配色已即时生效"),
-				      }, weT("重载以播放动效"))
-				      : null,
-				    ));
-				  }
-				  children.push(React.createElement("div", {
-				    key: "search",
-				    style: { display: "flex", gap: "8px", alignItems: "center", margin: "2px 0 4px" },
-				  },
-				  React.createElement("input", {
-				    type: "text",
-				    value: q,
-				    placeholder: weT("搜索名称 / 作者 / 标签"),
-				    className: "we-picker__search",
-				    onChange: (e) => setQ(e.target.value),
-				    style: { flex: "1 1 auto" },
-				  }),
-				  React.createElement("span", { className: "we-picker__hint" },
-				    weT("已装 ") + installedCount + " / " + list.length),
-				  ));
-
-				  if (loading && list.length === 0) {
-				    children.push(React.createElement("div", { key: "loading", className: "we-picker__empty" },
-				      React.createElement("span", { className: "we-picker__empty-title" }, weT("正在从站点拉取皮肤包…"))));
-				  } else if (!error && shown.length === 0) {
-				    children.push(React.createElement("div", { key: "empty", className: "we-picker__empty" },
-				      React.createElement("span", { className: "we-picker__empty-title" }, weT("没有匹配的皮肤包")),
-				      React.createElement("span", { className: "we-picker__hint" }, weT("换个关键词，或点「刷新」重新拉取"))));
-				  }
-
-				  if (shown.length > 0) {
-				    children.push(React.createElement("div", { key: "grid", style: SKINS_STYLE.grid },
-				      shown.map((s) => {
-				        const previewRel = s.previewLight || s.previewDark || "";
-				        const previewSrc = previewRel
-				          ? apiUrl("/skins/preview?p=" + encodeURIComponent(previewRel))
-				          : "";
-				        const isBusy = busy === s.id;
-				        const btn = (label, onClick, disabled, primary) => React.createElement("button", {
-				          type: "button",
-				          className: "we-picker__btn" + (primary ? " we-picker__btn--primary" : ""),
-				          style: { flex: "1 1 0", fontSize: "11.5px", padding: "4px 6px" },
-				          disabled: Boolean(disabled) || Boolean(busy),
-				          onClick,
-				        }, label);
-
-				        const actions = [];
-				        if (!s.installed) {
-				          actions.push(btn(isBusy ? weT("安装中…") : weT("下载安装"), () => act("install", s.id, s.name), false, true));
-				        } else {
-				          if (!s.active) {
-				            actions.push(btn(isBusy ? weT("切换中…") : weT("使用"), () => act("activate", s.id, s.name), false, true));
-				            actions.push(btn(weT("删除"), () => act("remove", s.id, s.name), isBusy, false));
-				          } else {
-				            actions.push(btn(weT("使用中"), () => {}, true, false));
-				          }
-				        }
-
-				        return React.createElement("div", { key: s.id, style: SKINS_STYLE.card },
-				          previewSrc
-				            ? React.createElement("img", {
-				              src: previewSrc, alt: s.name, loading: "lazy", draggable: false, style: SKINS_STYLE.thumb,
-				            })
-				            : React.createElement("div", { style: SKINS_STYLE.thumb }),
-				          React.createElement("div", { style: SKINS_STYLE.body },
-				            React.createElement("div", { style: SKINS_STYLE.title }, s.name || s.id),
-				            s.tagline ? React.createElement("div", { style: SKINS_STYLE.meta }, s.tagline) : null,
-				            (s.tags || []).length
-				              ? React.createElement("div", { style: SKINS_STYLE.tags },
-				                s.tags.slice(0, 4).map((t) => React.createElement("span", { key: t, style: SKINS_STYLE.tag }, t)))
-				              : null,
-				            React.createElement("div", { style: SKINS_STYLE.actions }, actions),
-				          ),
-				        );
-				      })));
-				  }
-
-				  return React.createElement(React.Fragment, null, children);
-				}
-
-				/** 页签薄包装：`renderActiveTab` 只认这个签名（与别的 `render*Tab(ctx)` 一致）。 */
-				function renderSkinsTab(ctx) {
-				  return React.createElement(SkinsTabPanel, null);
-				}
-
 				// ── 内联模块：src/picker-model.js —— 选择器模型层：过滤判定 + 派生数据 + 分页切片（纯函数 / 显式入参 / 零 DOM）（构建期注入；勿手改本段）──
 				/**
 				 * picker-model.js — 壁纸选择器的**模型层**：过滤判定 + 派生数据 + 分页切片。
@@ -16667,8 +16275,25 @@ window.__ModuleLoader__.load({
 				  return w.type === "scene" && Boolean(w.frameUrl);
 				}
 
-				function isRotatableWallpaper(w, ratingFilter, typeFilter) {
-				  return isPlayableType(w) && matchesRatingFilter(w, ratingFilter) && matchesTypeFilter(w, typeFilter);
+				/**
+				 * 壁纸来源：`site` = 从我们站点拉下来的（inventory 里带 `source: "folia"`），
+				 * 其余一律算 `local`（本机 Wallpaper Engine 库 / 用户上传 —— 它们都没有那个标记）。
+				 *
+				 * 为什么不给本机条目补一个 `source`：那要动宿主侧的 inventory 产出，而客户端只靠
+				 * “有没有 folia 标记”就能判对，改面更小。
+				 */
+				function sourceOf(w) {
+				  return w && w.source === "folia" ? "site" : "local";
+				}
+
+				function matchesSourceFilter(w, sourceFilter) {
+				  if (!sourceFilter || sourceFilter === "all") return true;
+				  return sourceOf(w) === sourceFilter;
+				}
+
+				function isRotatableWallpaper(w, ratingFilter, typeFilter, sourceFilter) {
+				  return isPlayableType(w) && matchesRatingFilter(w, ratingFilter)
+				    && matchesTypeFilter(w, typeFilter) && matchesSourceFilter(w, sourceFilter);
 				}
 
 				// 「正在应用的壁纸可以继续播」判据：可播放 ∧ 分级闸门，**不过滤类型**。过滤档分两种
@@ -16692,9 +16317,9 @@ window.__ModuleLoader__.load({
 				}
 
 				/** 可轮换列表：可播放类型 ∧ 命中两级过滤 ∧ 未隐藏（网格与轮换编辑器共用的那份）。 */
-				function playableWallpapers(wallpapers, ratingFilter, typeFilter, hiddenIds) {
+				function playableWallpapers(wallpapers, ratingFilter, typeFilter, hiddenIds, sourceFilter) {
 				  return wallpapers.filter(
-				    (w) => isRotatableWallpaper(w, ratingFilter, typeFilter) && !isHiddenWallpaper(w.id, hiddenIds),
+				    (w) => isRotatableWallpaper(w, ratingFilter, typeFilter, sourceFilter) && !isHiddenWallpaper(w.id, hiddenIds),
 				  );
 				}
 
@@ -16708,15 +16333,19 @@ window.__ModuleLoader__.load({
 				  const hiddenIds = input.hiddenIds || [];
 				  const ratingFilter = input.ratingFilter;
 				  const typeFilter = input.typeFilter;
+				  const sourceFilter = input.sourceFilter;
 				  // 标题搜索（选择器模态框）：在两级过滤之上再收窄可播放网格。大小写不敏感的**子串**匹配。
 				  const query = (input.search || "").trim().toLowerCase();
 				  // 只有可播放的 Video/Web/Image 才进网格 —— Scene/Application 不能嵌进 web UI，
 				  // 隐掉它们网格才有用。已隐藏（软删除）的壁纸离开这里去「已隐藏」区；两级过滤再收窄。
 				  const playableList = list.filter((w) =>
-				    isRotatableWallpaper(w, ratingFilter, typeFilter) && !isHiddenWallpaper(w.id, hiddenIds)
+				    isRotatableWallpaper(w, ratingFilter, typeFilter, sourceFilter) && !isHiddenWallpaper(w.id, hiddenIds)
 				    && (!query || String(w.title || "").toLowerCase().indexOf(query) !== -1));
 				  // 两个过滤下拉的分档计数（可播放、未隐藏）：反映实际可用量，与当前生效的过滤无关。
 				  const basePlayable = list.filter((w) => isPlayableType(w) && !isHiddenWallpaper(w.id, hiddenIds));
+				  // 来源分档计数（可播放、未隐藏、**不受来源过滤影响** —— 它要能反映“切过去有多少张”）。
+				  const sourceCounts = { local: 0, site: 0 };
+				  for (const w of basePlayable) sourceCounts[sourceOf(w)] += 1;
 				  // 单遍聚合 —— 分档计数各刷一遍 basePlayable 是 10 次 O(n)（5 个分级档 + 5 个类型档）。
 				  const ratingCounts = { everyone: 0, pg13: 0, mature: 0, unrated: 0 };
 				  const typeCounts = { video: 0, web: 0, image: 0, scene: 0 };
@@ -16725,7 +16354,7 @@ window.__ModuleLoader__.load({
 				    ratingCounts[r] = (ratingCounts[r] || 0) + 1;
 				    typeCounts[w.type] = (typeCounts[w.type] || 0) + 1;
 				  }
-				  const editorList = playableWallpapers(list, ratingFilter, typeFilter, hiddenIds);
+				  const editorList = playableWallpapers(list, ratingFilter, typeFilter, hiddenIds, sourceFilter);
 				  const hiddenList = hiddenWallpapers(list, hiddenIds);
 				  return {
 				    query,
@@ -16735,6 +16364,7 @@ window.__ModuleLoader__.load({
 				    typeCounts,
 				    editorList,
 				    hiddenList,
+				    sourceCounts,
 				    normalPage: pageSlice(playableList, input.page),
 				    hiddenPageView: pageSlice(hiddenList, input.hiddenPage),
 				    editorPageView: pageSlice(editorList, input.editorPage),
@@ -17107,7 +16737,7 @@ window.__ModuleLoader__.load({
 				  }
 
 				  function renderPickerFilterRow(ctx) {
-				    const { sel, basePlayable, ratingCounts, typeCounts, onSearchInput, onRatingFilterChange, onTypeFilterChange } = ctx;
+				    const { sel, basePlayable, ratingCounts, typeCounts, sourceCounts, onSearchInput, onRatingFilterChange, onTypeFilterChange, onSourceFilterChange } = ctx;
 				    return React.createElement("div", { className: "we-picker__row we-picker__filter-row" },
 				      // 标题搜索：几百上千张壁纸时最快的定位方式。输入即过滤，与分级/类型过滤叠加。
 				      React.createElement("input", {
@@ -17117,6 +16747,20 @@ window.__ModuleLoader__.load({
 				        "aria-label": weT("搜索壁纸标题"),
 				        onInput: onSearchInput,
 				      }),
+				      // 来源：本机 Wallpaper Engine 库 vs 我们站点。放在最前面 —— 它是最粗的一刀，
+				      // 用户常常只想看其中一边（本机几十张 vs 站点几条，混在一起没法挑）。
+				      React.createElement("span", { className: "we-picker__hint we-picker__label" }, weT("来源")),
+				      React.createElement("select", {
+				        className: "we-picker__playlist-select",
+				        value: sel.sourceFilter || "all",
+				        onChange: onSourceFilterChange,
+				        "aria-label": weT("来源"),
+				        title: weT("按来源过滤：本机 Wallpaper Engine 库，还是从我们站点拉下来的壁纸"),
+				      },
+				      React.createElement("option", { value: "all" }, weT("全部（{n}）", { n: basePlayable.length })),
+				      React.createElement("option", { value: "local" }, weT("本机 Wallpaper Engine（{n}）", { n: (sourceCounts && sourceCounts.local) || 0 })),
+				      React.createElement("option", { value: "site" }, weT("站点壁纸（{n}）", { n: (sourceCounts && sourceCounts.site) || 0 })),
+				      ),
 				      React.createElement("span", { className: "we-picker__hint we-picker__label" }, weT("内容分级")),
 				      React.createElement("select", {
 				        className: "we-picker__playlist-select",
@@ -17308,6 +16952,215 @@ window.__ModuleLoader__.load({
 				    return React.createElement("div", { key: p.name, className: "we-picker__props-row" }, label, control);
 				  }
 
+				// ── 内联模块：src/panel-tabs-boot.js —— 「开机动画」页签：候选/下载/选择/开关。播放不在前端 —— 启动那一刻应用还没挂载，由宿主注入的脚本负责（构建期注入；勿手改本段）──
+				/**
+				 * panel-tabs-boot.js — 「开机动画」页签（放在「壁纸」左侧）。
+				 *
+				 * 它只做四件事：看候选、下载、选一个、开关。**播放不在这里** —— 播放发生在启动那一刻，
+				 * 由宿主注入的脚本完成（`lib/boot/index.js` 的 BOOT_SCREEN_SOURCE），因为那时候应用
+				 * 还没挂载，任何 React 组件都还不存在。
+				 *
+				 * 数据全部来自宿主（`/folia/boot/*`），浏览器不直连站点：
+				 *   GET  /folia/boot/list      候选 + 本地状态
+				 *   POST /folia/boot/download  下一条到本地
+				 *   POST /folia/boot/select    选中并启用
+				 *   POST /folia/boot/toggle    开/关
+				 *   POST /folia/boot/settings  淡出/最短显示/最长停留
+				 *   POST /folia/boot/remove    删本地
+				 */
+
+				function bootFmtBytes(n) {
+				  const v = Number(n) || 0;
+				  if (v >= 1024 * 1024) return (v / 1024 / 1024).toFixed(1) + " MB";
+				  if (v >= 1024) return Math.round(v / 1024) + " KB";
+				  return v + " B";
+				}
+
+				const BOOT_STYLE = {
+				  grid: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))", gap: "10px", marginTop: "8px" },
+				  card: {
+				    display: "flex", flexDirection: "column", gap: "6px", padding: "9px 10px",
+				    border: "1px solid rgba(255,255,255,0.12)", borderRadius: "10px", background: "rgba(255,255,255,0.04)",
+				  },
+				  title: { fontSize: "12.5px", fontWeight: 600 },
+				  meta: { fontSize: "11px", opacity: 0.62 },
+				  row: { display: "flex", gap: "6px", alignItems: "center" },
+				};
+
+				function BootTabPanel() {
+				  const [state, setState] = React.useState(null);
+				  const [busy, setBusy] = React.useState("");
+				  const [note, setNote] = React.useState(null);
+				  // 下载没有进度通道（宿主一次性 fetch 完才返回），但等待必须"看得见"：
+				  // 每秒 +1 的秒表足以让用户知道它没卡死。
+				  const [tick, setTick] = React.useState(0);
+
+				  const load = React.useCallback(async (force) => {
+				    try {
+				      const resp = await apiJson("/boot/list" + (force ? "?refresh=1" : ""), { parse: "always" });
+				      const r = (resp && resp.data) || null;
+				      setState(r || { ok: false, clips: [], error: "network" });
+				    } catch (e) {
+				      setState({ ok: false, clips: [], error: "network" });
+				    }
+				  }, []);
+
+				  React.useEffect(() => { load(false); }, [load]);
+
+				  React.useEffect(() => {
+				    if (!busy) return undefined;
+				    const t = setInterval(() => setTick((n) => n + 1), 1000);
+				    return () => clearInterval(t);
+				  }, [busy]);
+
+				  async function act(kind, payload, label) {
+				    if (busy) return;
+				    setBusy(payload && payload.id ? payload.id : kind);
+				    setTick(0);
+				    setNote(null);
+				    try {
+				      const resp = await apiPostJson("/boot/" + kind, payload || {}, { parse: "always" });
+				      const r = (resp && resp.data) || null;
+				      if (resp && resp.ok && r && r.ok) {
+				        if (kind === "download") setNote({ ok: true, text: weT("已下载：") + label });
+				        if (kind === "select") setNote({ ok: true, text: weT("已选中「") + label + weT("」，下次启动生效") });
+				        if (kind === "remove") setNote({ ok: true, text: weT("已删除：") + label });
+				        if (kind === "toggle") setNote({ ok: true, text: payload.enabled ? weT("开机动画已开启") : weT("开机动画已关闭") });
+				        if (kind === "settings") setNote({ ok: true, text: weT("已保存") });
+				        await load(true);
+				      } else {
+				        const code = (r && r.error) || "failed";
+				        setNote({ ok: false, text: weT("操作失败：") + code + (r && r.detail ? "（" + r.detail + "）" : "") });
+				      }
+				    } catch (e) {
+				      setNote({ ok: false, text: weT("请求失败：") + (e && e.message ? e.message : weT("网络错误")) });
+				    } finally {
+				      setBusy("");
+				    }
+				  }
+
+				  const clips = (state && state.clips) || [];
+				  const enabled = Boolean(state && state.enabled);
+				  const activeId = (state && state.clipId) || "";
+				  const installedCount = clips.filter((c) => c.installed).length;
+
+				  const children = [];
+
+				  children.push(React.createElement("div", { className: "we-picker__section-head", key: "head" },
+				    React.createElement("span", { className: "we-picker__section-label" }, weT("🎬 开机动画") + (clips.length ? "  ·  " + clips.length : "")),
+				    React.createElement("button", {
+				      type: "button", className: "we-picker__btn", style: { marginLeft: "auto" },
+				      disabled: Boolean(busy), onClick: () => load(true),
+				    }, weT("刷新")),
+				  ));
+
+				  // 开关 + 当前选择
+				  children.push(React.createElement("div", {
+				    key: "switch", style: { ...BOOT_STYLE.row, margin: "6px 0 2px", flexWrap: "wrap" },
+				  },
+				  React.createElement("label", { style: { display: "flex", gap: "6px", alignItems: "center", fontSize: "12px" } },
+				    React.createElement("input", {
+				      type: "checkbox", checked: enabled, disabled: Boolean(busy) || !activeId,
+				      onChange: (e) => act("toggle", { enabled: e.target.checked }, ""),
+				    }),
+				    weT("启用（下次启动播放）"),
+				  ),
+				  React.createElement("span", { className: "we-picker__hint" },
+				    activeId ? weT("当前：") + ((clips.find((c) => c.id === activeId) || {}).title || activeId) : weT("未选择")),
+				  ));
+
+				  children.push(React.createElement("div", { key: "hint", className: "we-picker__hint", style: { margin: "2px 0 6px", opacity: 0.75 } },
+				    weT("下载一条并「使用」后，每次启动都会先播它；默认播完才淡出进入界面（想更快就切「界面就绪就进」）。点击或按 Esc 可立即跳过。")));
+
+				  if (state && state.error && !clips.length) {
+				    children.push(React.createElement("div", { key: "err", className: "we-picker__hint", style: { color: "#ff9a9a" } },
+				      weT("候选清单读不到：") + state.error));
+				  }
+
+				  if (note) {
+				    children.push(React.createElement("div", { key: "note", className: "we-picker__hint", style: { color: note.ok ? "#8ee6a8" : "#ff9a9a", margin: "4px 0 8px" } }, note.text));
+				  }
+
+				  // 淡出 / 停留
+				  if (state) {
+				    const opt = (label, key, list) => React.createElement("label", { style: { display: "flex", gap: "4px", alignItems: "center", fontSize: "12px" } },
+				      label,
+				      React.createElement("select", {
+				        className: "we-picker__playlist-select",
+				        value: String(state[key]),
+				        disabled: Boolean(busy),
+				        onChange: (e) => act("settings", { [key]: Number(e.target.value) }, ""),
+				      }, list.map(([v, t]) => React.createElement("option", { key: v, value: String(v) }, t))),
+				    );
+				    children.push(React.createElement("div", { key: "opts", style: { ...BOOT_STYLE.row, gap: "14px", flexWrap: "wrap", margin: "2px 0 8px" } },
+				      // 进入方式：默认「播完再进」——之前只有「就绪即进」，15 秒的片子 1.2 秒就被掐掉。
+				      React.createElement("label", { style: { display: "flex", gap: "4px", alignItems: "center", fontSize: "12px" } },
+				        weT("进入方式"),
+				        React.createElement("select", {
+				          className: "we-picker__playlist-select",
+				          value: String(state.enterMode || "tail"),
+				          disabled: Boolean(busy),
+				          onChange: (e) => act("settings", { enterMode: e.target.value }, ""),
+				        },
+				        React.createElement("option", { value: "tail" }, weT("播完再进（默认）")),
+				        React.createElement("option", { value: "ready" }, weT("界面就绪就进")),
+				        React.createElement("option", { value: "click" }, weT("点一下才进")),
+				        ),
+				      ),
+				      opt(weT("淡出时长"), "fadeMs", [[400, "0.4 秒"], [600, "0.6 秒"], [900, "0.9 秒"], [1200, "1.2 秒"], [1600, "1.6 秒"]]),
+				      opt(weT("最短显示"), "minShowMs", [[0, "不限制"], [600, "0.6 秒"], [1200, "1.2 秒"], [2000, "2 秒"]]),
+				      opt(weT("最长停留"), "maxHoldMs", [[10000, "10 秒"], [20000, "20 秒（默认）"], [30000, "30 秒"], [60000, "60 秒"]]),
+				    ));
+				  }
+
+				  children.push(React.createElement("div", { key: "count", className: "we-picker__hint", style: { margin: "2px 0 4px" } },
+				    weT("已下载 ") + installedCount + " / " + clips.length));
+
+				  if (clips.length) {
+				    children.push(React.createElement("div", { key: "grid", style: BOOT_STYLE.grid },
+				      clips.map((c) => {
+				        const isBusy = busy === c.id;
+				        const isActive = c.id === activeId;
+				        const btn = (label, onClick, disabled, primary) => React.createElement("button", {
+				          type: "button",
+				          className: "we-picker__btn" + (primary ? " we-picker__btn--primary" : ""),
+				          style: { flex: "1 1 0", fontSize: "11.5px", padding: "4px 6px" },
+				          disabled: Boolean(disabled) || Boolean(busy),
+				          onClick,
+				        }, label);
+				        const actions = [];
+				        if (!c.installed) {
+				          actions.push(btn(isBusy ? (weT("下载中… ") + tick + "s") : weT("下载"), () => act("download", { id: c.id }, c.title), false, true));
+				        } else if (!isActive) {
+				          actions.push(btn(weT("使用"), () => act("select", { id: c.id }, c.title), false, true));
+				          actions.push(btn(weT("删除"), () => act("remove", { id: c.id }, c.title), isBusy, false));
+				        } else {
+				          actions.push(btn(weT("使用中"), () => {}, true, false));
+				        }
+				        return React.createElement("div", { key: c.id, style: BOOT_STYLE.card },
+				          React.createElement("div", { style: BOOT_STYLE.title }, c.title || c.id),
+				          React.createElement("div", { style: BOOT_STYLE.meta },
+				            [c.durationSec ? Number(c.durationSec).toFixed(1) + "s" : null,
+				             bootFmtBytes(c.localBytes || c.bytes)].filter(Boolean).join(" · ")),
+				          c.faststart === false
+				            ? React.createElement("div", { style: { ...BOOT_STYLE.meta, color: "#ffd08a" } }, weT("未做 faststart，播放可能更慢"))
+				            : null,
+				          React.createElement("div", { style: { ...BOOT_STYLE.row, marginTop: "4px" } }, actions),
+				        );
+				      })));
+				  } else if (state) {
+				    children.push(React.createElement("div", { key: "empty", className: "we-picker__empty" },
+				      React.createElement("span", { className: "we-picker__empty-title" }, weT("没有可用的开机动画")),
+				      React.createElement("span", { className: "we-picker__hint" }, weT("素材来自站点；站点不可达时这里为空，但不影响启动"))));
+				  }
+
+				  return React.createElement(React.Fragment, null, children);
+				}
+
+				function renderBootTab() {
+				  return React.createElement(BootTabPanel, null);
+				}
+
 				// ── 内联模块：src/quick-panel.js —— 快捷播放面板（官方侧栏 tab 与低版本抽屉共用同一份内容）：当前壁纸 + 轮播 + 列表快切 + 声音 + 设置入口。列表虚拟滚动（spacer + 可视窗口）（构建期注入；勿手改本段）──
 				/**
 				 * quick-panel.js — 快捷播放面板（侧边栏的**唯一**内容）：当前壁纸 + 轮播 + 三档页签
@@ -17478,10 +17331,9 @@ window.__ModuleLoader__.load({
 				  // 对照很常见）。与设置页的页签表（PICKER_TABS）是两件事 —— 这里只镜像用户点名要的
 				  // 两页，外加壁纸页。
 				  const QP_TABS = [
+				    // 开机动画放在「壁纸」左边：它和壁纸是并列的两种"开机时看到什么"，不是壁纸的子功能。
+				    { id: "boot", get label() { return weT("开机动画"); } },
 				    { id: "wallpaper", get label() { return weT("壁纸"); } },
-				    // 「皮肤包」与设置页那个页签是**同一个组件**（SkinsTabPanel）：首页这里只是把它挂进抽屉，
-				    // 不另写一份列表逻辑 —— 两份实现迟早会漂移。
-				    { id: "skins", get label() { return weT("皮肤包"); } },
 				    { id: "appearance", get label() { return weT("外观"); } },
 				    { id: "playback", get label() { return weT("播放"); } },
 				  ];
@@ -17609,7 +17461,7 @@ window.__ModuleLoader__.load({
 				      React.createElement("span", { className: "we-qp__item-thumb" },
 				        w.preview
 				          ? React.createElement("img", {
-				              src: w.preview, alt: "", loading: "lazy",
+				              src: w.preview, alt: "", loading: "lazy", decoding: "async",
 				              onError: (e) => { e.target.style.display = "none"; },
 				              onLoad: (e) => { e.target.style.opacity = "1"; },
 				            })
@@ -17637,7 +17489,7 @@ window.__ModuleLoader__.load({
 				    },
 				      w.preview
 				        ? React.createElement("img", {
-				            src: w.preview, alt: "", loading: "lazy",
+				            src: w.preview, alt: "", loading: "lazy", decoding: "async",
 				            onError: (e) => { e.target.style.display = "none"; },
 				            onLoad: (e) => { e.target.style.opacity = "1"; },
 				          })
@@ -17846,7 +17698,17 @@ window.__ModuleLoader__.load({
 				      );
 				  }
 
-				  function qpRenderViewBar(sel, view, typeFilter, ratingFilter, switchView) {
+				  // 来源档（本机 Wallpaper Engine 库 / 我们站点）：与设置页同一个键 `sourceFilter`，
+				  // 同样"两处同步"——这里切，设置页跟着变，反之亦然。只筛列表，不拦正在播的壁纸。
+				  function qpSources() {
+				    return [
+				      { id: "all", label: weT("全部来源") },
+				      { id: "local", label: weT("本机") },
+				      { id: "site", label: weT("站点") },
+				    ];
+				  }
+
+				  function qpRenderViewBar(sel, view, typeFilter, ratingFilter, switchView, sourceFilter) {
 				    return React.createElement("div", { className: "we-qp__viewbar" },
 				      React.createElement("input", {
 				        className: "we-picker__text we-qp__search", type: "text",
@@ -17880,6 +17742,16 @@ window.__ModuleLoader__.load({
 				      },
 				      ...qpTypes().map((t) => React.createElement("option", { key: t.id, value: t.id }, t.label)),
 				      ),
+				      // 来源筛选：本机 Wallpaper Engine 库 vs 我们站点（与设置页同一个键）。
+				      React.createElement("select", {
+				        className: "we-picker__select we-qp__source",
+				        value: sourceFilter,
+				        onChange: (e) => { setSetting("sourceFilter", e.target.value); emit(); },
+				        "aria-label": weT("来源筛选"),
+				        title: weT("按来源筛选：本机 Wallpaper Engine 库，还是从我们站点拉下来的壁纸"),
+				      },
+				      ...qpSources().map((s) => React.createElement("option", { key: s.id, value: s.id }, s.label)),
+				      ),
 				      // 列表 / 卡片：标签式切换（滑动胶囊做激活指示、无分段底 —— 样式见
 				      // .we-qp__viewtabs），偏好记 localStorage（QP_VIEW_KEY），两个壳共用一份。
 				      // 语义仍是开关（role=group + aria-pressed），只是外观走标签形态。
@@ -17945,7 +17817,7 @@ window.__ModuleLoader__.load({
 				    );
 				  }
 
-				  function qpRenderLibrarySection(sel, view, typeFilter, ratingFilter, listRef, rows, cardsView, vTopH, vBtmH, q, switchView) {
+				  function qpRenderLibrarySection(sel, view, typeFilter, ratingFilter, listRef, rows, cardsView, vTopH, vBtmH, q, switchView, sourceFilter) {
 				    return React.createElement("div", { className: "we-qp__section we-qp__library" },
 				      !sel.loaded
 				        ? React.createElement("span", { className: "we-picker__hint" }, weT("扫描 Wallpaper Engine…"))
@@ -17959,7 +17831,7 @@ window.__ModuleLoader__.load({
 				              }, weT(sel.loading ? "刷新中…" : "重试")),
 				            )
 				          : React.createElement(React.Fragment, null,
-				      qpRenderViewBar(sel, view, typeFilter, ratingFilter, switchView),
+				      qpRenderViewBar(sel, view, typeFilter, ratingFilter, switchView, sourceFilter),
 				      qpRenderList(listRef, rows, view, cardsView, vTopH, vBtmH, q, ratingFilter, typeFilter, sel),
 				    ),
 				  );
@@ -18079,8 +17951,11 @@ window.__ModuleLoader__.load({
 				    const ratingFilter = qpRatings().some((r) => r.id === sel.contentRatingFilter)
 				      ? sel.contentRatingFilter : "all";
 				    const playable = playableInventory();
+				    const sourceFilter = qpSources().some((s) => s.id === sel.sourceFilter) ? sel.sourceFilter : "all";
 				    const filtered = playable.filter((w) => {
 				      if (typeFilter !== "all" && w.type !== typeFilter) return false;
+				      // 站点条目带 `source: "folia"`；其余（本机工坊 + 上传）一律算本机。
+				      if (sourceFilter !== "all" && ((w.source === "folia") ? "site" : "local") !== sourceFilter) return false;
 				      if (q && String(w.title || "").toLowerCase().indexOf(q) === -1) return false;
 				      return true;
 				    });
@@ -18115,7 +17990,13 @@ window.__ModuleLoader__.load({
 				    // 设置页同名页签 —— 玻璃详细调节仍只在侧栏（本页，折叠块），设置页那边留玻璃预设、
 				    // 全量配置与**字体节**（三次修订后字体节两档都画）；播放页的出图来源 /
 				    // 实时帧仍住设置页。
-				    const foot = qpTab === "appearance"
+				    const foot = qpTab === "boot"
+				      ? {
+				        label: weT("打开设置 ›"),
+				        target: "",
+				        title: weT("开机动画的全部参数都在侧栏「壁纸引擎」设置里"),
+				      }
+				      : qpTab === "appearance"
 				      ? {
 				        label: weT("更多外观设置 ›"),
 				        target: "appearance",
@@ -18127,17 +18008,11 @@ window.__ModuleLoader__.load({
 				          target: "playback",
 				          title: weT("在设置页打开「播放」页签 —— 出图来源 / 实时帧 / 帧率上限在那里"),
 				        }
-				        : qpTab === "skins"
-				          ? {
-				            label: weT("皮肤包设置 ›"),
-				            target: "skins",
-				            title: weT("在设置页打开「皮肤包」页签 —— 下载 / 切换 / 删除皮肤包"),
-				          }
-				          : {
-				            label: weT("壁纸引擎设置 ›"),
-				            target: "",
-				            title: weT("打开设置对话框的「壁纸引擎」分区（外观 / 播放 / 系统与全部配置）"),
-				          };
+				        : {
+				          label: weT("壁纸引擎设置 ›"),
+				          target: "",
+				          title: weT("打开设置对话框的「壁纸引擎」分区（外观 / 播放 / 系统与全部配置）"),
+				        };
 
 				    return React.createElement("div", { className: "we-qp we-qp--" + dock },
 				      qpRenderCurrent(sel, current, playbackLive),
@@ -18153,7 +18028,9 @@ window.__ModuleLoader__.load({
 				      React.createElement("div", { className: tabBodyClass, ref: qpPaneRef },
 				        qpTab === "wallpaper" && userPropsPanelOpen() && propsAvailable
 				          && React.createElement("div", { className: "we-qp__propsview we-qp__propsview--drill" }, renderUserPropsPanel()),
-				        !(qpTab === "wallpaper" && userPropsPanelOpen() && propsAvailable) && (qpTab === "appearance"
+				        // 开机动画档：整区就是那个面板（它自己管加载/下载/开关）。
+				        qpTab === "boot" && React.createElement(BootTabPanel, null),
+				        !(qpTab === "wallpaper" && userPropsPanelOpen() && propsAvailable) && qpTab !== "boot" && (qpTab === "appearance"
 				          ? qpRenderAppearancePane(sel, {
 				            fontOpen, onToggleFontSection: toggleFontSection,
 				            uiColorOpen, onToggleUiColorSection: toggleUiColorSection,
@@ -18167,15 +18044,12 @@ window.__ModuleLoader__.load({
 				          })
 				          : qpTab === "playback"
 				            ? qpRenderPlaybackPane(sel, switchQpTab)
-				            // 皮肤包：直接挂设置页那个同一个组件（它自己管列表/下载/激活状态）。
-				            : qpTab === "skins"
-				              ? React.createElement(SkinsTabPanel, null)
-				              : null),
+				            : null),
 				        !(qpTab === "wallpaper" && userPropsPanelOpen() && propsAvailable) && qpTab === "wallpaper" && React.createElement(React.Fragment, null,
 				                // ── 壁纸列表（搜索 + 视图切换 + 快切）──
 				                // 库还没回来 / 扫描失败：**只有这一页**给一句话 —— 外观 / 播放两页不依赖库，
 				                // 照常可用（不能整块替换掉，那样连外观都进不去）。
-				                qpRenderLibrarySection(sel, view, typeFilter, ratingFilter, listRef, rows, cardsView, vTopH, vBtmH, q, switchView),
+				                qpRenderLibrarySection(sel, view, typeFilter, ratingFilter, listRef, rows, cardsView, vTopH, vBtmH, q, switchView, sourceFilter),
 				                // 声音（与播放页那份同源：同一份渲染器、同一状态）。包一层 .we-qp__section
 				                // 只为保留这一节的分隔线与间距（渲染器自己那份 section 是给设置页排版的）。
 				                React.createElement("div", { className: "we-qp__section" },
@@ -27166,9 +27040,6 @@ window.__ModuleLoader__.load({
 		const PICKER_TAB_KEY = "dsh-folia:picker-tab";
 		const PICKER_TABS = [
 		  { id: "library", get label() { return weT("壁纸库"); } },
-		  // 「皮肤包」挨着「壁纸库」：两者都是"给背景换东西"，用户心智在同一处。
-		  // 它列的是**自建站**上的皮肤包（宿主端 /skins 族），不是皮肤中心的内置列表。
-		  { id: "skins", get label() { return weT("皮肤包"); } },
 		  { id: "appearance", get label() { return weT("外观"); } },
 		  { id: "playback", get label() { return weT("播放"); } },
 		  { id: "system", get label() { return weT("系统"); } },
@@ -29170,6 +29041,12 @@ window.__ModuleLoader__.load({
 		  setSetting("typeFilter", e.target.value);
 		  revalidateSelection();
 		};
+		// 来源筛选（本机 Wallpaper Engine 库 / 我们站点）：只筛列表与轮播候选，
+		// 与类型档同一个效力 —— 不写进播放闸门，切换不会把正在播的壁纸掐掉。
+		const onSourceFilterChange = (e) => {
+		  setSetting("sourceFilter", e.target.value);
+		  revalidateSelection();
+		};
 		// Card style: classic (CD-rack) vs fixed (overlap-proof).
 		const onLayoutChange = (value) => {
 		  setSetting("pickerLayout", value);
@@ -29714,7 +29591,7 @@ window.__ModuleLoader__.load({
 		  // 标题子串匹配（空查询 = 不过滤），每页 24 张，页号越界自动 clamp。这里只把状态喂
 		  // 进去、把结果取出来 —— 组件体不再就地算这些（分级/类型/隐藏的判定也在那边）。
 		  const {
-		    query, playableList, basePlayable, ratingCounts, typeCounts, hiddenList,
+		    query, playableList, basePlayable, ratingCounts, typeCounts, sourceCounts, hiddenList,
 		    editorPageView,
 		  } = pickerModel({
 		    wallpapers: list,
@@ -29722,6 +29599,7 @@ window.__ModuleLoader__.load({
 		    search: sel.search,
 		    ratingFilter: sel.contentRatingFilter,
 		    typeFilter: sel.typeFilter,
+		    sourceFilter: sel.sourceFilter,
 		    editorPage: sel.editorPage,
 		  });
 		  // CD-rack mode: compact one-page grid (no pagination, no virtualization —
@@ -29785,9 +29663,6 @@ window.__ModuleLoader__.load({
 		      onReopenNotice: () => { noticeReopenRequest = true; emit(); },
 		    });
 		    if (activeTab === "extensions") return renderExtensionsTab(extensionCtx());
-		    // 「皮肤包」自带异步状态（列表 / 下载中 / 错误），所以它是一个**真组件**而不是
-		    // 纯渲染函数 —— 薄包装只负责挂上去（理由见 src/panel-tabs-skins.js 文件头）。
-		    if (activeTab === "skins") return renderSkinsTab();
 		    if (activeTab === "appearance") return renderAppearanceTab({
 		      setSetting, setTransient,
 		      fontSet: fontSetCtx(),
@@ -29884,10 +29759,10 @@ window.__ModuleLoader__.load({
 		      // 壁纸网格，ESC / 顶部「返回」退出，切页签也会退出（见 switchTab）。
 		      sel.pickerOpen ? renderPickerModal({
 		        sel, closePicker, current, playbackLive, playableList, hiddenList,
-		        cdMode, query, basePlayable, ratingCounts, typeCounts,
+		        cdMode, query, basePlayable, ratingCounts, typeCounts, sourceCounts,
 		        gridRef: pickerGridRef, vwin: pickerVwin,
 		        armedConfirm: sel.armedConfirm, onArmConfirm: armConfirm, onDisarmConfirm: disarmConfirm,
-		        onClear, onRatingFilterChange, onTypeFilterChange,
+		        onClear, onRatingFilterChange, onTypeFilterChange, onSourceFilterChange,
 		        onShowNormalView, onShowHiddenView,
 		        onToggleBatchMode, onArmBatchHide, onBatchHide, onBatchCancel, onSearchInput, onPickCard,
 		      }) : React.createElement(React.Fragment, null,