@oh-story/dsh 0.1.10 → 0.1.11

package/lib/drama/skills/short-drama-edit/assets/remotion/src/screen/chrome.tsx

@@ -0,0 +1,197 @@
+import React from "react";
+import { interpolate, useCurrentFrame, useVideoConfig } from "remotion";
+import { typedLength } from "../rules.mjs";
+import { COLOURS, RARITY, SANS, entrance, rarityOf, unit } from "./tokens";
+import { Rarity } from "../schema";
+
+/** Pieces the system-style panels share: frame, header, typewriter, reward rows. */
+
+const useU = (): number => unit(useVideoConfig().height);
+
+const Corners: React.FC<{ colour: string }> = ({ colour }) => {
+  const u = useU();
+  const length = u * 2.2;
+  const weight = Math.max(3, u * 0.28);
+  const edge = `${weight}px solid ${colour}`;
+  const corner = (style: React.CSSProperties) => (
+    <div style={{ position: "absolute", width: length, height: length, ...style }} />
+  );
+  return (
+    <>
+      {corner({ top: -weight, left: -weight, borderTop: edge, borderLeft: edge })}
+      {corner({ top: -weight, right: -weight, borderTop: edge, borderRight: edge })}
+      {corner({ bottom: -weight, left: -weight, borderBottom: edge, borderLeft: edge })}
+      {corner({ bottom: -weight, right: -weight, borderBottom: edge, borderRight: edge })}
+    </>
+  );
+};
+
+/** Dark-navy glass with a glowing border, L-shaped corner brackets and moving scanlines. */
+export const Frame: React.FC<{
+  colour: string;
+  width: number;
+  children: React.ReactNode;
+  style?: React.CSSProperties;
+}> = ({ colour, width, children, style }) => {
+  const u = useU();
+  const frame = useCurrentFrame();
+  return (
+    <div
+      style={{
+        position: "relative",
+        width,
+        padding: `${u * 2.2}px ${u * 2.6}px`,
+        background: "linear-gradient(170deg, rgba(10,30,60,0.80), rgba(6,16,36,0.86))",
+        border: `${Math.max(2, u * 0.12)}px solid ${colour}aa`,
+        boxShadow: `0 0 ${u * 1.6}px ${colour}88, inset 0 0 ${u * 3}px ${colour}22`,
+        fontFamily: SANS,
+        color: COLOURS.panelInk,
+        ...style,
+      }}
+    >
+      <Corners colour={colour} />
+      <div
+        style={{
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none",
+          backgroundImage: `repeating-linear-gradient(0deg, ${colour}14 0px, ${colour}14 2px, transparent 2px, transparent 5px)`,
+          backgroundPositionY: `${frame * 1.5}px`,
+        }}
+      />
+      {children}
+    </div>
+  );
+};
+
+/** 【系统提示】-style header: a diamond, the label, and a rule fading out to the right. */
+export const Header: React.FC<{ text: string; colour: string }> = ({ text, colour }) => {
+  const u = useU();
+  return (
+    <div
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: u * 0.8,
+        fontSize: u * 1.9,
+        fontWeight: 700,
+        color: colour,
+        letterSpacing: u * 0.35,
+        marginBottom: u * 0.8,
+      }}
+    >
+      <span
+        style={{
+          width: u * 0.9,
+          height: u * 0.9,
+          background: colour,
+          transform: "rotate(45deg)",
+          boxShadow: `0 0 ${u}px ${colour}`,
+        }}
+      />
+      {text}
+      <span style={{ flex: 1, height: 1, background: `linear-gradient(90deg, ${colour}aa, transparent)` }} />
+    </div>
+  );
+};
+
+/** Typewriter at 35 ms a character from `delay`, with a blinking bar while it types. */
+export const Typed: React.FC<{ text: string; delay?: number; style?: React.CSSProperties }> = ({
+  text,
+  delay = 0,
+  style,
+}) => {
+  const frame = useCurrentFrame();
+  const { fps } = useVideoConfig();
+  const chars = Array.from(text);
+  const shown = typedLength(frame / fps, delay);
+  const typing = shown < chars.length;
+  return (
+    <div style={style}>
+      {chars.slice(0, shown).join("")}
+      <span
+        style={{
+          display: "inline-block",
+          width: "0.12em",
+          height: "0.9em",
+          marginLeft: "0.08em",
+          background: "currentColor",
+          opacity: typing && Math.floor(frame / 6) % 2 === 0 ? 1 : 0,
+        }}
+      />
+    </div>
+  );
+};
+
+/** A reward row: rarity chip and name in the rarity's colour, flashing as it arrives. */
+export const Reward: React.FC<{ name: string; rarity: Rarity | null; delay: number }> = ({
+  name,
+  rarity,
+  delay,
+}) => {
+  const u = useU();
+  const frame = useCurrentFrame();
+  const { fps } = useVideoConfig();
+  const arrived = entrance(frame, fps, delay, 12);
+  const label = rarityOf(rarity);
+  const colour = RARITY[label];
+  const flash = interpolate(frame / fps - delay, [0, 0.12, 0.4], [0, 1, 0], {
+    extrapolateLeft: "clamp",
+    extrapolateRight: "clamp",
+  });
+  return (
+    <div
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: u * 1.2,
+        margin: `${u * 0.7}px 0`,
+        opacity: arrived,
+        transform: `translateX(${(1 - arrived) * u * 5}px)`,
+      }}
+    >
+      <span
+        style={{
+          fontSize: u * 1.5,
+          fontWeight: 700,
+          color: COLOURS.ink,
+          background: colour,
+          padding: `${u * 0.15}px ${u * 0.7}px`,
+          boxShadow: `0 0 ${u * (0.6 + flash)}px ${colour}`,
+        }}
+      >
+        {label}
+      </span>
+      <span style={{ fontSize: u * 2.7, fontWeight: 900, color: colour, textShadow: `0 0 ${u * (0.5 + 1.5 * flash)}px ${colour}` }}>
+        {name}
+      </span>
+    </div>
+  );
+};
+
+/** A compact reward tag for the task panel. */
+export const RewardTag: React.FC<{ name: string; rarity: Rarity | null; delay: number }> = ({
+  name,
+  rarity,
+  delay,
+}) => {
+  const u = useU();
+  const frame = useCurrentFrame();
+  const { fps } = useVideoConfig();
+  const colour = RARITY[rarityOf(rarity)];
+  return (
+    <span
+      style={{
+        fontSize: u * 1.9,
+        fontWeight: 700,
+        color: colour,
+        opacity: entrance(frame, fps, delay),
+        border: `1px solid ${colour}88`,
+        padding: `${u * 0.2}px ${u * 0.7}px`,
+        background: `${colour}14`,
+      }}
+    >
+      {name}
+    </span>
+  );
+};

package/lib/drama/skills/short-drama-edit/assets/remotion/src/screen/tokens.ts

@@ -0,0 +1,62 @@
+import { interpolate, spring } from "remotion";
+import { CueKind, Rarity, ScreenText } from "../schema";
+
+/**
+ * Shared look for subtitles and every screen-text style. Sizes are in `u`, one
+ * hundredth of frame height, so the same numbers hold for 720×1280 and 1080×1920.
+ */
+export const unit = (height: number): number => height / 100;
+
+/** Every style component takes exactly this, so one can replace another. */
+export type StyleProps = { text: ScreenText };
+
+export const SANS = '"Noto Sans SC", sans-serif';
+export const MONO = '"JetBrains Mono", "Noto Sans SC", monospace';
+
+export const COLOURS = {
+  system: "#3FE0FF",
+  task: "#FF8A5B",
+  taskTitle: "#FFE3D6",
+  alarm: "#FF5A4E",
+  chipLabel: "#FFB39E",
+  panelInk: "#EAF7FF",
+  muted: "#9FB7CC",
+  ink: "#0B1020",
+  cardSurface: "rgba(255,255,255,0.97)",
+  cardName: "#1C2230",
+  cardUnit: "#9AA3B2",
+  cardRule: "#EEF0F4",
+  cardValue: "#E5322D",
+  cardDots: ["#FF4D4F", "#1FA2FF", "#111111", "#2BB673"],
+};
+
+/** Subtitle fill by who speaks; the same values are in edit_tool.py for the ASS route. */
+export const SUBTITLE: { fill: Record<CueKind, string>; keyword: string; rim: string } = {
+  fill: { line: "#FFFFFF", vo: "#9FE8FF", system: "#3FE0FF" },
+  keyword: "#FFD400",
+  rim: "#0B0D12",
+};
+
+/** Unmarked items read as 稀有. */
+export const RARITY: Record<Rarity, string> = { 传说: "#FFC940", 史诗: "#B26BFF", 稀有: "#3FA9FF" };
+export const rarityOf = (rarity: Rarity | null): Rarity => rarity ?? "稀有";
+
+/** Where each style sits, in `u` from the top. */
+export const TOP_U = { card: 16, system: 10, task: 9, corner: 5.5 };
+
+/** 0→1 entry, `delay` seconds after the piece's first frame. A pure function of the frame. */
+export const entrance = (frame: number, fps: number, delay = 0, damping = 14): number =>
+  spring({ frame: frame - delay * fps, fps, config: { damping, stiffness: 200, mass: 0.6 } });
+
+/** 1→0 over the piece's last `seconds`; the caller also lifts by (1 − value). */
+export const exit = (frame: number, fps: number, text: ScreenText, seconds = 0.22): number => {
+  const length = (text.end - text.start) * fps;
+  return interpolate(frame, [length - seconds * fps, length], [1, 0], {
+    extrapolateLeft: "clamp",
+    extrapolateRight: "clamp",
+  });
+};
+
+/** Two or three frames of glitch before a panel settles. */
+export const glitch = (frame: number): { opacity: number; dx: number } =>
+  frame > 3 ? { opacity: 1, dx: 0 } : { opacity: frame % 2 ? 0.35 : 1, dx: frame % 2 ? 6 : -4 };

package/lib/drama/skills/short-drama-edit/assets/remotion/tsconfig.json

@@ -5,6 +5,7 @@
     "jsx": "react-jsx",
     "module": "ESNext",
     "moduleResolution": "bundler",
+    "allowJs": true,
     "strict": true,
     "skipLibCheck": true,
     "noEmit": true

package/lib/drama/skills/short-drama-edit/assets//345/211/252/350/276/221/345/215/225.md

@@ -22,9 +22,11 @@
 - 入点：0.90
 - 出点：3.40
 - 时长：2.50
-- 取舍：入点=弹窗动画已经展开过半，起势的静止两帧删掉；出点=弹窗完全展开且文字可读的最后一帧，之后画面开始整体提亮
+- 取舍：入点=弹窗动画已经展开过半，起势的静止两帧删掉；出点=弹窗完全展开、面板区仍是留白的最后一帧，之后画面开始整体提亮
 - 声音：保留原声；回听确认与上一段衔接
 - 字幕：无
+- 画面文字：0.40-2.50 系统面板 认证通过｜创作者认证（史诗）｜全站创作者榜 第 1 位（传说）
+- 音效：0.40-1.00 制作成果/音效/提示音.wav（增益：-10）
 
 ## CUT-EP001-003 · 他念出那句话
 
@@ -34,7 +36,7 @@
 - 时长：5.00
 - 取舍：入点=按发声区间前推 0.3 秒余量，开头 1.5 秒的凝视与上一段蓄势重复，整段去掉；出点=句尾收音之后 0.4 秒，人物姿态尚未回弹
 - 声音：保留原声
-- 字幕：这条路我自己走
+- 字幕：这条路我自己走（重点：自己走）
 
 ---
 

package/lib/drama/skills/short-drama-edit/references/cut-craft.md

@@ -6,7 +6,9 @@
 动作镜可以从动作已经开始的位置进入；反应、等待、揭示前停顿可以保留静止。
 出点要让观众读到本镜的结果，并避开后续漂移或无意重复。
 
-对白先确定实际发声区间，保留完整的字音与需要的停顿。
+对白先确定实际发声区间，保留完整的字音与需要的停顿。生成的对白镜常晚开口、句后拖尾：
+入点落在开口前约 0.25 秒，出点落在台词结束后留约 0.4 秒反应，整段不短于约 1.2 秒；
+只按属于本句台词的发声定位，不被杂音拖长。
 画面切换可以发生在一句台词中间，前提是音轨连续、说话人和叙事关系清楚。
 不要为了换画面把原台词改成两句。内置 render 只做同步切段；分离画面和声音的剪法
 需要先用外部剪辑工具完成，记录所用素材、声音区间和处理方式。

package/lib/drama/skills/short-drama-edit/references/delivery-verify.md

@@ -7,18 +7,22 @@
 | 时长与切点 | 对照实际渲染区间、帧边界和用户时长要求 |
 | 内容覆盖 | 对照分镜和视频提示词，必要内容有承载，未采用镜头有原因 |
 | 台词 | 在成片上回听，必要时转写辅助，逐句对照剧本 |
-| 边界帧 | 查看剪辑点前后，检查意外黑白帧、画面断裂和漂移 |
+| 边界帧 | 查看剪辑点前后，检查意外黑白帧、画面断裂和漂移；逐帧查看 `verify` 列出的疑似坏帧 |
 | 声音 | 回听接缝、对白清晰度与已声明静默；测量整片响度 |
 | 字幕 | 检查逐字内容、发声时间、字号、折行和画内文字避让 |
 | 画内文字 | 按剧本与视觉设定的文字政策检查载体、可读性和指定文字 |
 | 画幅与帧率 | 探测输出文件，对照交付规格 |
-| 接镜色彩 | 在同场景、同光态下比较可比区域，确认校正没有过冲 |
+| 接镜色彩 | 在同场景、同光态下比较可比区域，确认校正没有过冲；先看 `verify` 点名的切点 |
 
 `verify` 只提供部分技术测量，不能替代回听与画面检查。
 分段色彩观测按当前剪辑单读取中间分段，报告平均亮度和蓝减红像素值；它不代表成片局部区域的
 接镜残差，也不要求各场景接近同一均值。改动剪辑单后先重新渲染，再测量并查看实际切点。
 发现有意黑场、静默或光态变化时按创作意图判断，不因数值异常直接判错。
 
+`verify` 还逐帧读成片：「切点亮度变化」是每个切点前后两帧的平均亮度差（0–255），超过 20 的
+列进「请逐帧查看」；「疑似坏帧」是与前后两帧都明显不同、而前后两帧彼此相近的单帧，常见于解码
+错位，画面文字入场的一两帧故障效果也会被列出并标明。两项都只指出该看哪里，不阻断交付。
+
 ## 交付
 
 给出成片、剪辑单、可继续编辑的中间文件，以及外部混音或字幕工程（如使用）。

package/lib/drama/skills/short-drama-edit/references/generated-footage.md

@@ -26,11 +26,17 @@
 
 ## 接镜与色彩一致性
 
-先按同一场景、同一光态分组，再选择可比较的脸、衣物或中性表面作基准。
-全画面平均 RGB 会受景别、服装面积和背景影响，只用于筛查，不能单独决定校正量。
-夜景、日景和有意的冷暖对比不需要拉到全片同一均值。
+逐段生成的素材曝光各不相同，同一场景里切过去会像闪了一下。`render` 默认在同一场景内自动接镜：
+剪辑单里相邻、并经《视频提示词.md》的「分镜」与《分镜.md》的「来源」追到同一场景 ID 的几段为一组，
+测量每段的逐通道均值与离散度，各向组内中位数拉近 70%，每个通道只用一个增益和偏移。
+它只让切点不再跳，不把各段拉成同一均值；换场、插叙和追不到场景的段不动。
+实际用到的数值列在 render 输出的「自动接镜」里。
 
-相邻镜头有可见的曝光或白平衡偏差时，在对应 CUT 写：
+自动接镜看的是全画面统计，会受景别、服装面积和背景影响，以下情况在对应 CUT 处理：
+
+- 段内有意的光态变化（关灯、闪回、冷暖对比）写 `- 画面：不校`：这一段不校正，也不计入组内中位数。
+- 自动接镜后仍有可见偏差，先按同一光态选脸、衣物或中性表面作基准比较，再写校正。
+  写了校正的段只用这里的值，不再自动接镜，也不计入中位数：
 
 ```text
 - 画面：亮度 +0.06；色温 -6
@@ -41,8 +47,8 @@
 - `色温`：工具的冷暖校正量，支持 −30…+30，正数提红压蓝；不是开尔文值。
 
 这些范围是内置工具的处理范围，不是画面质量标准。需要更大或更精细的校正时使用调色工具。
-先试小幅校正，再看渲染结果和相同区域的测量；不要用固定系数把整片均值差直接换算成校正量。
-人物身份漂移、错误光源或缺失动作应交回上游。
+先试小幅校正，再看渲染结果和相同区域的测量。人物身份漂移、错误光源或缺失动作应交回上游。
+整集都不要自动接镜时，在交付规格写 `- 接镜匹配：无`。
 
 生成阶段仍应保持已接受的光线和色调；已有素材只差可校正的曝光或白平衡时，优先评估后期修正。
 

package/lib/drama/skills/short-drama-edit/references/sound-and-subtitles.md

@@ -6,7 +6,8 @@
 可按需要采用音轨交叉淡入、连续环境底、对白与画面分离或补充音乐。
 保留有叙事作用的静默、音效和相对响度。
 
-**内置工具范围**：`edit_tool.py render` 保留素材原声并可做整片响度标准化；
+**内置工具范围**：`edit_tool.py render` 保留素材原声，按 `音效` 行把单个声音文件混进指定时刻，
+并可做整片响度标准化；混音不压低原声，响度在混入音效之后测量。
 CUT 的 `声音` 行是剪辑说明，工具不解析它，不执行静音、交叉淡入、配乐进入或 ducking。
 需要这些处理时用 ffmpeg 或剪辑软件另行完成，记录命令或工程及实际输出；完成后再验收。
 不能把写下声音方案或 render 成功当成已经混音。
@@ -29,26 +30,30 @@ CUT 的 `声音` 行是剪辑说明，工具不解析它，不执行静音、交
 ## 字幕
 
 竖屏短剧默认硬字幕，服从用户的字幕选择。
-字幕文字逐字取自《剧本.md》，标点可按字幕惯例调整。转写仅辅助定位，不覆盖原文。
+字幕文字逐字取自《剧本.md》，剪辑单照抄剧本标点。转写仅辅助定位，不覆盖原文。
+render 烧录时按 GY/T 288 与短剧惯例改写显示形式：去掉句末标点，保留 `？` `！`，
+句中的 `，。、；：` 换成全角空格；`字幕.srt` 用的也是这一形式，`check` 仍按剧本原文核对。
 
-- 一句过长时可拆成多个先后显示的字幕条。
+- 字幕一行显示。超过 12 个字的句子，render 在句中停顿处拆成先后显示的几条，
+  按字数分配这句的时间；没有停顿的长短语按字数均分。重点词不会被拆到两条里。
 - 一镜有多句时使用 `字幕 1`、`字幕 2` 等编号，每句给出时间。
 - 字幕时间相对本 CUT 的入点，不相对源素材起点；落在该段使用区间内。
 - 累计成片位置使用渲染后各段的实际时长，避免帧边界取整产生漂移。
 - 抽帧检查字号、折行、安全区和画内文字遮挡。
 
-内置 ffmpeg 路线用实际画幅作为 ASS PlayRes，字号按该画幅像素计算。
-它采用全片统一样式，CUT 的字幕行不支持位置指令；需要逐镜避让或更复杂排版时，
+两条路线用同一套尺寸：字高为画面高度的 4.3%，深色描边 0.42%，基线在距底边约 24% 处，
+避开平台自己的底部界面；字色按来源区分，重点词标黄。内置 ffmpeg 路线用实际画幅作为 ASS PlayRes，
+字号按该画幅像素计算；它采用全片统一样式，CUT 的字幕行不支持位置指令。需要逐镜避让或更复杂排版时，
 用外部字幕编辑器或修改 Remotion 字幕层，并对输出抽帧检查。
 
 ### 渲染路线
 
 | 路线 | 适用范围 | 开销 |
 |---|---|---|
-| `ffmpeg`（默认） | 统一的白字黑描边样式 | 需要带 libass 的 ffmpeg |
-| `remotion` | 需要修改 CSS、字重、折行或入场动画 | Node 依赖，逐帧浏览器渲染；并发默认 2 |
+| `ffmpeg`（默认） | 本机的思源黑体粗体，描边与颜色同上 | 需要带 libass 的 ffmpeg |
+| `remotion` | 思源黑体 Heavy（随叠层安装），描边压在字下、入场弹出、重点词 120 ms 放大 | Node 依赖，逐帧浏览器渲染；并发默认 2 |
 
-Remotion 安装与样式调整见 [字幕叠层](../assets/remotion/README.md)。
+Remotion 安装与样式调整见 [Remotion 叠层](../assets/remotion/README.md)。
 两条路线都要在实际成片上检查字幕。
 
 ## 响度与时间线音乐

package/lib/drama/skills/short-drama-edit/references/stage-contract.md

@@ -31,6 +31,8 @@
 | EDT-16 | reviewed_invariant | Compare shots within the same scene and lighting state using comparable image regions. Record corrections, then inspect the output. Whole-frame averages alone do not establish a mismatch; intentional lighting changes are valid. |
 | EDT-17 | structural_invariant | After material is regenerated, re-measure the spoken spans and update its subtitle windows before rendering. The material-mtime warning is a prompt to check, not proof of alignment. |
 | EDT-18 | taste_option | Optional grain is declared once in the delivery spec and applied dynamically after assembly by the built-in renderer. Its supported range is a tool limit, not a quality standard; other treatments may use external grading tools. |
+| EDT-19 | craft_default | A dialogue cut enters about 0.25 s before the line's speech onset and leaves about 0.4 s after the line ends, and lasts at least about 1.2 s. Locate these from the sounds that belong to the scripted line, so noise never stretches the cut. |
+| EDT-20 | craft_default | Within one scene, the built-in renderer pulls each cut partway toward the scene's median exposure and colour and reports the values it applied. A cut's stated correction or 「不校」 replaces the automatic match, and the delivery spec can turn it off. |
 
 规则分级由高到低：`structural_invariant`（结构缺陷，阻断）、
 `reviewed_invariant`（需证据判断）、`craft_default`（常用做法，可覆盖）、