npm - @lemoncat7/dsh-partner - Versions diffs - 2.5.0 → 2.7.1 - Mend

@lemoncat7/dsh-partner 2.5.0 → 2.7.1

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.

Files changed (653) hide show

package/resources/skills/drama-production/upstream/skills/short-drama/assets/dashboard/index.html ADDED Viewed

@@ -0,0 +1,114 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="color-scheme" content="dark">
+  <title>短剧创作台</title>
+  <link rel="icon" href="data:,">
+  <link rel="stylesheet" href="/styles.css">
+</head>
+<body>
+  <header class="app-header">
+    <a class="brand" href="/" aria-label="回到创作台顶部">
+      <span class="brand-mark" aria-hidden="true">场</span>
+      <h1 class="brand-title">短剧创作台</h1>
+    </a>
+    <div class="project-tools">
+      <div id="workspaceStatus" aria-live="polite"></div>
+      <label class="project-picker">
+        <span>正在创作</span>
+        <select id="projects" aria-label="选择短剧项目"></select>
+      </label>
+    </div>
+  </header>
+  <main id="mainContent" tabindex="-1">
+    <section id="projectOverview" class="project-overview" aria-labelledby="projectTitle">
+      <div class="overview-lead">
+        <span class="eyebrow">PROJECT OVERVIEW</span>
+        <div class="overview-title-row">
+          <div>
+            <h2 id="projectTitle">正在打开项目…</h2>
+            <p>浏览全剧内容、分集进度与已有媒体。创作和生产仍由 skills 完成。</p>
+          </div>
+          <button id="openScreenplay" class="secondary" disabled>阅读当前剧本</button>
+        </div>
+        <div id="overviewStats" class="overview-stats" aria-live="polite"></div>
+      </div>
+      <div class="overview-flow">
+        <div class="section-heading">
+          <div><span class="eyebrow">EPISODES</span><h3>分集进度</h3></div>
+          <span id="episodeHint" class="section-note"></span>
+        </div>
+        <div id="episodeStrip" class="episode-strip" aria-label="按分集浏览"></div>
+      </div>
+      <div id="mediaShowcase" class="media-showcase" hidden>
+        <div class="section-heading">
+          <div><span class="eyebrow">MEDIA</span><h3>已有制作成果</h3></div>
+          <span class="section-note">仅展示 · 生产需在 skill 中明确确认</span>
+        </div>
+        <div id="mediaGallery" class="media-gallery"></div>
+      </div>
+    </section>
+    <section class="creator-desk" aria-label="创作内容">
+      <aside class="content-nav">
+        <div class="content-nav-heading">
+          <h2>本剧内容</h2>
+          <label class="creator-search"><span class="sr-only">搜索内容标题或集数</span><input id="search" type="search" placeholder="搜索标题或集数"></label>
+        </div>
+        <div id="contentList" class="content-list" aria-live="polite"></div>
+      </aside>
+      <section id="documentPane" class="document-pane" aria-labelledby="filename">
+        <div class="document-toolbar">
+          <div class="file-identity">
+            <span id="fileKind" class="file-location">创作正文</span>
+            <h2 id="filename">创作内容</h2>
+            <span id="fileMeta" class="file-meta"></span>
+          </div>
+          <div class="toolbar-actions">
+            <button id="editMode" class="secondary" aria-pressed="false" disabled>修改正文</button>
+            <button id="save" class="primary" disabled>已保存</button>
+          </div>
+        </div>
+        <div class="content-stage">
+          <textarea id="editor" hidden disabled spellcheck="false" aria-label="内容编辑器"></textarea>
+          <article id="preview" class="document-preview empty-document" aria-label="内容预览"></article>
+          <div id="media" class="media" hidden></div>
+        </div>
+        <footer class="document-footer"><div id="message" role="status" aria-live="polite"></div><span>⌘/Ctrl + S 保存</span></footer>
+      </section>
+    </section>
+    <section id="assistRow" class="assist-row" aria-label="创作辅助" hidden>
+      <article id="taskSummary" class="assist-card" aria-live="polite"></article>
+      <article id="exportSummary" class="assist-card" aria-live="polite"></article>
+    </section>
+  </main>
+  <div id="notices" class="notices" aria-live="polite"></div>
+  <!-- One drawn icon family: 24×24 grid, one stroke weight, cloned by app.js.
+       They live in markup so the script never needs the SVG namespace string. -->
+  <template id="iconTemplates">
+    <svg data-icon="sources" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 6.5C10.4 5.2 8.4 4.5 6 4.5H4v13h2c2.4 0 4.4.7 6 2"/><path d="M12 6.5c1.6-1.3 3.6-2 6-2h2v13h-2c-2.4 0-4.4.7-6 2"/><path d="M12 6.5v15"/></svg>
+    <svg data-icon="analysis" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M5 4.5h9l3.5 3.5v6"/><path d="M14 4.5v3.5h3.5"/><path d="M8 9.5h5"/><path d="M8 13h3"/><path d="M14.5 15.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/><path d="M16.8 20.3l2.7 2.2"/></svg>
+    <svg data-icon="project" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Z"/><path d="M15.4 8.6l-1.9 4.9-4.9 1.9 1.9-4.9 4.9-1.9Z"/></svg>
+    <svg data-icon="cast" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 12.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"/><path d="M4.5 20.5c1.4-3.4 4.1-5 7.5-5s6.1 1.6 7.5 5"/></svg>
+    <svg data-icon="story" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M6 3.5h8l4 4v13H6v-17Z"/><path d="M14 3.5v4h4"/><path d="M9 12.5h6"/><path d="M9 16h4"/></svg>
+    <svg data-icon="prompts" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M9.5 4l1.4 3.7 3.6 1.3-3.6 1.4L9.5 14l-1.4-3.6L4.5 9l3.6-1.3L9.5 4Z"/><path d="M17 13.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2Z"/></svg>
+    <svg data-icon="visual" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4.5 5.5h15v13h-15v-13Z"/><path d="M4.5 15.5l4.2-4.2 3.3 3.3 3-3 4 4"/><path d="M9 9.7a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Z"/></svg>
+    <svg data-icon="storyboard" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3.5 5.5h17v13h-17v-13Z"/><path d="M3.5 12h17"/><path d="M9.5 5.5v13"/><path d="M15.5 5.5v13"/></svg>
+    <svg data-icon="other" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3.5 6.5h6l2 2.5h9v11h-17v-13.5Z"/></svg>
+    <svg data-icon="media" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 20.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17Z"/><path d="M10.2 8.5l6 3.5-6 3.5v-7Z"/></svg>
+    <svg data-icon="image" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4.5 5.5h15v13h-15v-13Z"/><path d="M4.5 15.5l4.2-4.2 3.3 3.3 3-3 4 4"/><path d="M9 9.7a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Z"/></svg>
+    <svg data-icon="video" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4.5 5.5h15v13h-15v-13Z"/><path d="M10 9l5 3-5 3V9Z"/></svg>
+    <svg data-icon="audio" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M5 13v-2"/><path d="M9 16V8"/><path d="M13 19V5"/><path d="M17 16V8"/><path d="M21 13v-2"/></svg>
+    <svg data-icon="chevron" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M9.5 6.5l5.5 5.5-5.5 5.5"/></svg>
+  </template>
+  <script src="/app.js"></script>
+</body>
+</html>

package/resources/skills/drama-production/upstream/skills/short-drama/assets/dashboard/styles.css ADDED Viewed

@@ -0,0 +1,297 @@
+:root {
+  color-scheme: dark;
+  /* Ground, then the desk, then what sits on it. */
+  --bg: #0d0c0b;
+  --workspace: #131210;
+  --surface: #171513;
+  --surface-raised: #211e1a;
+  /* Two line roles. --line and --line-soft draw structure and may stay quiet;
+     --line-control outlines real controls, so it clears 3:1 on every surface
+     it is used on (3.6:1 on --surface, 3.3:1 on --surface-raised). */
+  --line: #37312a;
+  --line-soft: #292520;
+  --line-control: #7a6d5e;
+  --ink: #f5efe5;
+  --ink-dark: #eee6dc;
+  --muted: #aaa095;
+  --muted-dim: #978c7f;
+  --accent: #e1643c;
+  --accent-strong: #ff7950;
+  --accent-wash: rgba(225, 100, 60, .12);
+  --success: #78b892;
+  --warning: #d9a550;
+  --danger: #e16d68;
+  /* Latin from the platform UI face, CJK from the platform CJK face. Naming a
+     font the page never loads (Inter) left the desk rendering differently on
+     every machine. */
+  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
+    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+  /* Lining figures first. Georgia and Hoefler Text set EP001 in old-style
+     figures — it reads as "EP0o1" — and neither carries an lnum table to turn
+     them off, so the fix is the face order, not the feature. Latin from
+     Charter, CJK from the platform Song face behind it. */
+  --font-doc: Charter, "New York", "Iowan Old Style", "Times New Roman",
+    "Songti SC", "Noto Serif CJK SC", serif;
+  /* 4px base. Every gap, pad and inset below picks a step from this scale. */
+  --space-1: .25rem;
+  --space-2: .5rem;
+  --space-3: .75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+  /* Fixed rem roles, ~1.15 apart. rem so browser zoom and the reader's own
+     font size still move the interface; 12px is the floor because Chinese
+     glyphs below it stop resolving. */
+  --text-2xs: .75rem;
+  --text-xs: .8125rem;
+  --text-sm: .875rem;
+  --text-base: .9375rem;
+  --text-md: 1.0625rem;
+  --text-lg: 1.25rem;
+  --text-xl: 1.5rem;
+  --text-read: 1rem;
+  --radius-sm: 6px;
+  --radius-md: 9px;
+  --radius-lg: 14px;
+  --radius-xl: 18px;
+  --radius-pill: 999px;
+  --ease: cubic-bezier(.2, .7, .3, 1);
+  --duration: 160ms;
+  --header-height: 4.625rem;
+  --desk-gutter: var(--space-4);
+  --measure: 54rem;
+  font-family: var(--font-ui);
+}
+* { box-sizing: border-box; }
+html { min-height: 100%; scroll-behavior: smooth; }
+body { min-height: 100%; margin: 0; color: var(--ink); background: radial-gradient(circle at 78% -10%, rgba(225,100,60,.11), transparent 27rem), var(--bg); font: var(--text-base)/1.6 inherit; -webkit-font-smoothing: antialiased; }
+button, input, select, textarea { font: inherit; }
+button, input, select { color: inherit; border: 1px solid var(--line-control); border-radius: var(--radius-md); background: var(--surface); }
+button { min-height: 2.5rem; padding: var(--space-2) var(--space-4); cursor: pointer; transition: border-color var(--duration) var(--ease), background var(--duration) var(--ease), color var(--duration) var(--ease); }
+button:hover:not(:disabled) { border-color: var(--ink-dark); background: var(--surface-raised); }
+button:active:not(:disabled) { background: var(--bg); }
+button:disabled { cursor: not-allowed; opacity: .45; }
+button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible { outline: 3px solid var(--accent-strong); outline-offset: 3px; }
+[hidden] { display: none !important; }
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
+/* Belt and braces for a fallback face that defaults to old-style but does
+   carry the feature. See --font-doc for why the stack does the real work. */
+.content-nav-heading h2, .file-identity h2, .assist-card h2, .document-preview { font-variant-numeric: lining-nums; }
+/* One drawn icon family: 24×24 grid, one stroke weight, inherits its colour. */
+.icon { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
+.app-header { min-height: var(--header-height); padding: var(--space-3) clamp(var(--space-4), 4vw, var(--space-12)); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); border-bottom: 1px solid var(--line-soft); background: var(--bg); }
+.brand { display: inline-flex; align-items: center; gap: var(--space-3); color: inherit; text-decoration: none; }
+.brand-mark { display: grid; place-items: center; flex: 0 0 auto; width: 2.375rem; height: 2.375rem; border-radius: 50%; color: #16110d; background: var(--accent); font-family: var(--font-doc); font-size: var(--text-md); font-weight: 900; }
+.brand-title { margin: 0; font-size: var(--text-md); font-weight: 650; letter-spacing: .01em; white-space: nowrap; }
+.project-tools { display: flex; align-items: center; gap: var(--space-4); }
+.project-picker { display: flex; align-items: center; gap: var(--space-2); color: var(--muted); font-size: var(--text-2xs); }
+.project-picker select { min-width: 11.875rem; max-width: 36vw; min-height: 2.5rem; padding: var(--space-2) var(--space-8) var(--space-2) var(--space-3); color: var(--ink); }
+main { width: min(100%, 100rem); margin: 0 auto; padding: var(--desk-gutter) clamp(var(--space-3), 1.5vw, var(--space-6)) var(--space-8); }
+main:focus { outline: none; }
+.project-overview { padding: clamp(var(--space-5), 3vw, var(--space-10)); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr); gap: var(--space-8); border: 1px solid var(--line); border-radius: var(--radius-xl); background: linear-gradient(145deg, rgba(33,30,26,.96), rgba(19,18,16,.96)); box-shadow: 0 24px 60px rgba(0,0,0,.22); }
+.overview-lead { min-width: 0; display: grid; align-content: start; gap: var(--space-4); }
+.eyebrow { color: #d79072; font-size: var(--text-2xs); font-weight: 750; letter-spacing: .16em; }
+.overview-title-row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-6); }
+.overview-title-row > div { min-width: 0; }
+.overview-title-row h2 { margin: 0; overflow-wrap: anywhere; font-family: var(--font-doc); font-size: clamp(1.9rem, 3vw, 3.25rem); font-weight: 580; line-height: 1.08; letter-spacing: -.02em; }
+.overview-title-row p { max-width: 44rem; margin: var(--space-3) 0 0; color: var(--muted); }
+.overview-title-row button { flex: 0 0 auto; }
+.overview-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
+.overview-stat { min-width: 0; padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(13,12,11,.38); }
+.overview-stat strong { display: block; overflow: hidden; font-family: var(--font-doc); font-size: var(--text-xl); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
+.overview-stat span { display: block; margin-top: 2px; color: var(--muted); font-size: var(--text-2xs); }
+.overview-flow, .media-showcase { min-width: 0; display: grid; align-content: start; gap: var(--space-3); }
+.media-showcase { grid-column: 1 / -1; padding-top: var(--space-6); border-top: 1px solid var(--line); }
+.section-heading { min-height: 2.75rem; display: flex; align-items: end; justify-content: space-between; gap: var(--space-4); }
+.section-heading h3 { margin: 2px 0 0; font-family: var(--font-doc); font-size: var(--text-lg); font-weight: 600; }
+.section-note { color: var(--muted); font-size: var(--text-2xs); text-align: right; }
+.episode-strip { display: grid; gap: var(--space-2); }
+.episode-card { width: 100%; min-height: 4.5rem; padding: var(--space-3) var(--space-4); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); border-color: var(--line); background: rgba(13,12,11,.34); text-align: left; }
+.episode-card:hover:not(:disabled) { border-color: var(--line-control); }
+.episode-number { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: var(--radius-sm); color: var(--accent-strong); background: var(--accent-wash); font-size: var(--text-2xs); font-weight: 750; }
+.episode-copy { min-width: 0; display: grid; }
+.episode-copy strong { overflow: hidden; font-size: var(--text-sm); text-overflow: ellipsis; white-space: nowrap; }
+.episode-copy small { color: var(--muted); font-size: var(--text-2xs); }
+.episode-state { color: var(--muted); font-size: var(--text-2xs); }
+.media-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: var(--space-3); }
+.media-card { min-width: 0; min-height: 9.5rem; padding: 0; overflow: hidden; display: grid; grid-template-rows: 6.25rem auto; border-color: var(--line); background: rgba(13,12,11,.42); text-align: left; }
+.media-card:hover:not(:disabled) { border-color: var(--accent); }
+.media-card-visual { position: relative; display: grid; place-items: center; overflow: hidden; color: var(--muted); background: linear-gradient(135deg, #2b2722, #11100e); }
+.media-card-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform 240ms var(--ease); }
+.media-card:hover .media-card-visual img { transform: scale(1.025); }
+.media-card-visual .icon { width: 2rem; height: 2rem; color: #c9b8a7; }
+.media-card-type { position: absolute; top: var(--space-2); right: var(--space-2); padding: 2px var(--space-2); border-radius: var(--radius-pill); color: var(--ink); background: rgba(13,12,11,.78); font-size: .6875rem; font-weight: 700; backdrop-filter: blur(5px); }
+.media-card-copy { min-width: 0; padding: var(--space-3); display: grid; gap: 1px; }
+.media-card-copy strong, .media-card-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.media-card-copy strong { font-size: var(--text-xs); }
+.media-card-copy small { color: var(--muted); font-size: .6875rem; }
+.creator-desk { height: min(50rem, calc(100dvh - var(--header-height) - var(--desk-gutter) - var(--space-6))); min-height: 38.75rem; margin-top: var(--space-4); display: grid; grid-template-columns: 18.75rem minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-xl); background: var(--workspace); }
+.content-nav { min-width: 0; min-height: 0; padding: var(--space-5) var(--space-3); display: grid; grid-template-rows: auto minmax(0, 1fr); gap: var(--space-4); border-right: 1px solid var(--line); background: var(--workspace); }
+.content-nav-heading { padding: 0 var(--space-1); display: grid; gap: var(--space-3); }
+.content-nav-heading h2 { margin: 0; font-family: var(--font-doc); font-size: var(--text-xl); font-weight: 600; }
+.creator-search { display: block; }
+.creator-search input { width: 100%; min-height: 2.75rem; padding: var(--space-2) var(--space-3); }
+.creator-search input::placeholder { color: var(--muted-dim); }
+.content-list { min-height: 0; overflow: auto; display: grid; align-content: start; gap: var(--space-2); padding-bottom: var(--space-2); }
+.content-nav-group { min-width: 0; }
+.content-nav-group-toggle { width: 100%; min-height: 2rem; padding: var(--space-1) var(--space-2); display: grid; grid-template-columns: 1rem minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); border-color: transparent; background: transparent; text-align: left; }
+.content-nav-group-toggle:hover:not(:disabled) { border-color: transparent; background: var(--surface); }
+.content-nav-group-toggle strong { font-size: var(--text-xs); font-weight: 650; }
+.content-nav-group-count { color: var(--muted); font-size: var(--text-2xs); }
+.content-nav-group-chevron { width: 1rem; height: 1rem; color: var(--muted); transform: rotate(90deg); transition: transform var(--duration) var(--ease); }
+.content-nav-group-toggle[aria-expanded="false"] .content-nav-group-chevron { transform: rotate(0); }
+.content-link-list { margin-top: var(--space-1); display: grid; gap: var(--space-1); }
+.content-link { width: 100%; min-width: 0; padding: var(--space-2) var(--space-3); display: flex; align-items: center; gap: var(--space-3); border-color: transparent; background: transparent; text-align: left; }
+.content-link:hover:not(:disabled) { border-color: transparent; background: var(--surface); }
+.content-link-icon { color: var(--muted); transition: color var(--duration) var(--ease); }
+.content-link.active { border-color: var(--accent); background: var(--accent-wash); }
+.content-link.active .content-link-icon { color: var(--accent-strong); }
+.content-link.active .content-link-copy strong { color: var(--ink); }
+.content-link-copy { min-width: 0; display: grid; gap: 1px; }
+.content-link-copy strong, .content-link-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.content-link-copy strong { font-size: var(--text-sm); font-weight: 600; }
+.content-link-copy small { color: var(--muted); font-size: var(--text-2xs); }
+.empty-copy { margin: var(--space-3); color: var(--muted); }
+/* Desktop Grid shrink contract: keep the long document inside .content-stage's scroll area. */
+.document-pane { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; scroll-margin-top: var(--space-4); background: var(--workspace); }
+.document-toolbar { min-height: 5.375rem; padding: var(--space-4) var(--space-5); display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); border-bottom: 1px solid var(--line); }
+.file-identity { min-width: 0; display: grid; gap: var(--space-1); }
+.file-identity h2 { margin: 0; overflow: hidden; font-family: var(--font-doc); font-size: var(--text-lg); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
+/* Where the open file sits, not a label for the heading below it. */
+.file-location { overflow: hidden; color: var(--muted); font-size: var(--text-2xs); text-overflow: ellipsis; white-space: nowrap; }
+.file-meta { color: var(--warning); font-size: var(--text-2xs); }
+.toolbar-actions { display: flex; align-items: center; gap: var(--space-2); }
+.primary { border-color: var(--accent); color: #20130e; background: var(--accent); font-weight: 700; }
+.primary:hover:not(:disabled) { border-color: var(--accent-strong); background: var(--accent-strong); }
+/* "已保存" is a state readout, not an offer. A dimmed accent slab reads as a
+   broken button; drop to the quiet control treatment instead. */
+.primary:disabled { border-color: var(--line); color: var(--muted); background: transparent; opacity: 1; }
+.secondary { color: var(--ink); background: var(--surface-raised); font-weight: 600; }
+.content-stage { min-height: 0; overflow: auto; background: var(--workspace); }
+/* Editor and preview hold the same text, so they share the measure and the
+   inset — toggling 修改正文 must not move the line the creator was reading. */
+#editor { display: block; width: min(var(--measure), 100%); min-height: 42.5rem; margin: 0 auto; padding: var(--space-12) var(--space-8); resize: vertical; border: 0; outline-offset: -3px; color: var(--ink); background: var(--workspace); font: var(--text-read)/1.8 var(--font-doc); }
+.document-preview { width: min(var(--measure), 100%); min-height: 42.5rem; margin: 0 auto; padding: var(--space-12) var(--space-8); color: var(--ink-dark); background: transparent; }
+.empty-document { display: grid; place-items: center; color: var(--muted-dim); text-align: center; }
+.document-preview h1, .document-preview h2, .document-preview h3, .document-preview h4 { margin: 1.45em 0 .5em; font-family: var(--font-doc); line-height: 1.25; }
+.document-preview h1:first-child, .document-preview h2:first-child { margin-top: 0; }
+.document-preview p, .document-preview li { font-size: var(--text-read); line-height: 1.8; }
+.document-preview blockquote { margin: 1.2em 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--muted); }
+.document-preview code { padding: 2px 5px; border-radius: 4px; background: rgba(255,255,255,.07); }
+.document-loading { display: block; }
+.skeleton { display: grid; gap: var(--space-4); }
+.skeleton-line { height: .875rem; border-radius: var(--radius-sm); background: linear-gradient(90deg, var(--surface-raised) 25%, #322d27 50%, var(--surface-raised) 75%) 0 0 / 300% 100%; animation: skeleton-sweep 1.4s var(--ease) infinite; }
+.skeleton-heading { width: 45%; height: 1.75rem; margin-bottom: var(--space-4); }
+@keyframes skeleton-sweep { from { background-position: 150% 0; } to { background-position: -150% 0; } }
+.structured-card { margin-bottom: var(--space-4); padding: var(--space-5); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-raised); }
+.record-number { display: block; margin-bottom: var(--space-3); color: #c89b7f; font-size: var(--text-2xs); font-weight: 700; letter-spacing: .1em; }
+.structured-fields { margin: 0; display: grid; grid-template-columns: minmax(5.625rem, .3fr) 1fr; gap: var(--space-2) var(--space-5); }
+.structured-fields dt { color: #b5a79a; font-size: var(--text-xs); font-weight: 650; }
+.structured-fields dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
+.structured-list { margin: 0; padding-left: 1.15em; }
+.structured-nested { margin: 0; display: grid; grid-template-columns: minmax(5rem, .3fr) 1fr; gap: var(--space-1) var(--space-3); }
+.structured-nested dd { margin: 0; }
+.plain-copy { white-space: pre-wrap; }
+.preview-warning { padding: var(--space-4); border: 1px solid rgba(225,109,104,.5); border-radius: var(--radius-sm); color: #f0aaa5; background: rgba(225,109,104,.09); }
+.media { min-height: 42.5rem; }
+.media-shell { min-height: 42.5rem; display: grid; grid-template-rows: minmax(0, 1fr) auto; }
+.media-stage { min-height: 0; padding: var(--space-8); display: grid; place-items: center; background: #080807; }
+.media-stage img, .media-stage video { max-width: 100%; max-height: 40.625rem; object-fit: contain; box-shadow: 0 15px 55px rgba(0,0,0,.4); }
+.media-stage audio { width: min(38rem, 100%); }
+.media-facts { padding: var(--space-3) var(--space-6); display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); color: var(--muted); border-top: 1px solid var(--line); }
+.document-footer { min-height: 2.875rem; padding: var(--space-2) var(--space-5); display: flex; justify-content: space-between; gap: var(--space-5); border-top: 1px solid var(--line); color: var(--muted); font-size: var(--text-2xs); }
+#message[data-tone="success"] { color: var(--success); }
+#message[data-tone="warning"] { color: var(--warning); }
+#message[data-tone="danger"] { color: var(--danger); }
+.assist-row { margin-top: var(--space-4); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
+.assist-row.single { grid-template-columns: 1fr; }
+.assist-card { min-height: 10.625rem; padding: var(--space-6); display: grid; align-content: start; gap: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
+.assist-card h2 { margin: 0; font-family: var(--font-doc); font-size: var(--text-xl); font-weight: 600; }
+.assist-card p { margin: 0 0 var(--space-2); color: var(--muted); }
+.assist-card button { justify-self: start; }
+.status-pill { display: inline-flex; width: fit-content; padding: var(--space-1) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-pill); color: var(--muted); background: rgba(255,255,255,.025); font-size: var(--text-2xs); font-weight: 650; }
+.status-pill[data-tone="success"] { border-color: rgba(120,184,146,.34); color: var(--success); }
+.status-pill[data-tone="warning"] { border-color: rgba(217,165,80,.38); color: var(--warning); }
+.status-pill[data-tone="danger"] { border-color: rgba(225,109,104,.4); color: var(--danger); }
+.notices { position: fixed; right: var(--space-4); bottom: var(--space-4); z-index: 20; width: min(25.625rem, calc(100vw - var(--space-8))); }
+.notice { padding: var(--space-3) var(--space-4); border: 1px solid var(--line-control); border-radius: var(--radius-md); background: var(--surface-raised); box-shadow: 0 12px 42px rgba(0,0,0,.36); }
+.notice[data-tone="danger"] { border-color: rgba(225,109,104,.45); color: var(--danger); }
+.notice[data-tone="success"] { border-color: rgba(120,184,146,.42); color: var(--success); }
+@media (max-width: 860px) {
+  .project-overview { grid-template-columns: 1fr; }
+  .media-showcase { grid-column: 1; }
+  .creator-desk { height: auto; min-height: 0; grid-template-columns: 1fr; overflow: visible; }
+  .content-nav { display: block; border-right: 0; border-bottom: 1px solid var(--line); }
+  .content-nav-heading { margin-bottom: var(--space-4); }
+  .content-list { max-height: 16.25rem; }
+  .document-pane { min-height: 40rem; }
+  .content-stage { max-height: none; }
+  #editor, .document-preview { padding: var(--space-8) var(--space-6); }
+  .assist-row { grid-template-columns: 1fr; }
+}
+@media (max-width: 620px) {
+  .app-header { align-items: flex-start; padding-inline: var(--space-4); }
+  .project-tools { align-items: flex-end; flex-direction: column-reverse; gap: var(--space-1); }
+  .project-picker { align-items: flex-start; flex-direction: column; gap: var(--space-1); }
+  .project-picker select { min-width: 9.0625rem; max-width: 47vw; }
+  button, input, select { min-height: 2.75rem; }
+  .content-nav-group-toggle { min-height: 2.75rem; }
+  main { padding-top: var(--space-3); }
+  .project-overview { padding: var(--space-5); gap: var(--space-6); }
+  .overview-title-row { align-items: stretch; flex-direction: column; }
+  .overview-title-row button { width: 100%; }
+  .overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .section-heading { align-items: start; flex-direction: column; gap: var(--space-1); }
+  .section-note { text-align: left; }
+  .media-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .document-toolbar { align-items: stretch; flex-direction: column; }
+  .toolbar-actions { justify-content: space-between; }
+  .toolbar-actions button { flex: 1; }
+  #editor, .document-preview { min-height: 37.5rem; padding: var(--space-6) var(--space-5); }
+  .structured-fields, .structured-nested { grid-template-columns: 1fr; gap: var(--space-1); }
+  .structured-fields dd, .structured-nested dd { margin-bottom: var(--space-3); }
+  .document-footer span { display: none; }
+}
+@media (max-width: 420px) {
+  .app-header { flex-direction: column; }
+  .project-tools, .project-picker { width: 100%; align-items: stretch; }
+  .project-picker select { width: 100%; max-width: none; }
+}
+@media (max-width: 360px) {
+  .media-gallery { grid-template-columns: 1fr; }
+}
+@media (prefers-reduced-motion: reduce) {
+  html { scroll-behavior: auto; }
+  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
+}

package/resources/skills/drama-production/upstream/skills/short-drama/assets/production-observation.example.jsonl ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ {"record_type":"sources","schema_version":"1.0.0","sources":{"prompt-or-spec":{"owner":"short-drama-image-prompts \| short-drama-video-prompts \| short-drama-storyboard","artifact":"<project-relative-text-artifact>"},"reference-record":{"owner":"<reference-owner>","artifact":"<project-relative-reference-record>"},"short-drama":{"owner":"creator","artifact":"short-drama.json"}}}
2	+ {"example_only":true,"observation_id":"PROD-OBS-001","evidence_state":"active","observation_kind":"generated_result","method":"creator_supplied_description \| authorized_visual_inspection","observer":{"owner":"<creator-or-authorized-observer>","independent_from_prompt_owner":false},"prompt_or_spec_refs":[{"src":"prompt-or-spec","record_id":"<stable-record-id>","field":"/<exact-field>"}],"reference_conditions":[{"slot_id":"REF-01","order":1,"artifact_ref":{"src":"reference-record","record_id":"<stable-record-id>"},"role":"identity \| style \| geography \| composition \| scale \| effect \| start_frame \| end_frame"}],"production_configuration":{"profile_ref":{"src":"short-drama","field":"/creator_authority/production_profile"},"external_configuration_note":"<private-safe description or unknown; no provider task fields>"},"observations":[{"region_or_interval":"<bounded region or interval>","direct_observation":"<what the authorized observer actually saw/heard>","limitations":["<occlusion/resolution/unseen interval/unknown cause>"]}],"valid_only_for":{"project_id":"<project-id>"},"limitations":["This observation does not prove general model behavior or cross-project quality"],"observed_at":"<ISO-8601>","provenance":"creator_project"}

package/resources/skills/drama-production/upstream/skills/short-drama/assets/project-template/short-drama.json ADDED Viewed

@@ -0,0 +1,36 @@
+{
+  "schema_version": "1.0.0-draft",
+  "project_id": "LOCAL-PROJECT-ID",
+  "title": "未命名短剧",
+  "language": "zh-CN",
+  "format": {
+    "aspect_ratio": "9:16",
+    "prompt_language": "en",
+    "episode_count": null,
+    "target_seconds_per_episode": null,
+    "pacing": {
+      "spoken_characters_per_second": null,
+      "seconds_per_action_paragraph": null
+    }
+  },
+  "creator_authority": {
+    "decisions_artifact": "创作者决策/",
+    "constraints": [],
+    "visual_direction": {
+      "status": "unset",
+      "choices": {
+        "look_development": null
+      }
+    },
+    "production_profile": {
+      "status": "unset",
+      "choices": {}
+    },
+    "delivery_surface": {
+      "status": "unset",
+      "aspect": null,
+      "overlay_regions": [],
+      "source_ref": null
+    }
+  }
+}

package/resources/skills/drama-production/upstream/skills/short-drama/assets/reference-observation.example.jsonl ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ {"record_type":"sources","schema_version":"1.0.0","sources":{"characters":{"owner":"short-drama-assets","artifact":"设定集/characters.jsonl"}}}
2	+ {"example_only":true,"observation_id":"REF-OBS-001","evidence_state":"active","observation_kind":"input_reference","admission_status":"creator_described \| visually_inspected","reference_artifact_ref":{"src":"characters","record_id":"CHAR-EXAMPLE","authority":"candidate"},"method":"creator_supplied_description \| authorized_visual_inspection","observer":{"owner":"<creator-or-reference-owner-or-authorized-inspector>","independent_from_prompt_owner":false},"observed_regions":[{"region":"<whole frame or bounded region>","visible_text_or_glyphs":"<none observed or private-safe description>","identity_or_geography_evidence":"<only the visible facts this reference may support>","crop_mask_or_cleanup":"<none or declared treatment>","limitations":["<occlusion/resolution/unseen area>"]}],"text_policy_conclusion":"compatible \| conflict \| unresolved","unresolved_risks":["<risk kept unresolved when evidence is absent or incomplete>"],"observed_at":"<ISO-8601>","provenance":"creator_project"}

package/resources/skills/drama-production/upstream/skills/short-drama/references/audience-reveal.md ADDED Viewed

@@ -0,0 +1,21 @@
+# 观众此刻可以知道什么
+背影、门缝、画外声、浅景深和遮挡会决定观众何时知道一个人是谁、看见证据或发现门后有人。
+需要同时防两种错：该给的信息被漂亮构图挡住；不该给的信息被镜头提前泄露。
+## 一条事实一条判断
+对每个有揭示时机的事实，在对应 `SHOT-...` 下写清：
+- **事实来源**：来自哪个场景 ID、对白、动作或画面文字；
+- **本镜权限**：现在展示，还是暂时扣住；
+- **可见/可听载体**：观众具体能看到或听到什么；
+- **释放时机**：若暂时扣住，在哪个可见事件后释放；
+- **保护方法**：靠遮挡、景深、画外声、光线或构图怎样实现；
+- **戏剧理由**：为什么这个时机改变理解或压力。
+同一镜头里“来者认识主角”和“来者是谁”是两件事：可以让旧称呼先从画外传来，同时让来者的脸
+留在暗处。揉成一句“稍后揭示”，下游就无法分别处理声音和身份。
+扣住信息本身没有价值；说不出何时释放，就说明还没完成设计。审查时同时核对原文此刻允许透露什么，
+以及本镜必须让观众明白什么。

package/resources/skills/drama-production/upstream/skills/short-drama/references/contract-and-ownership.md ADDED Viewed

@@ -0,0 +1,45 @@
+# 契约与所有权
+## 工作流不是瀑布
+```text
+开发? -> 剧本 -> 视觉设定 -> 图片提示词
+                    \-> 分镜 -> 视频提示词
+                    \-> 明确确认后的媒体生产
+```
+可以从任一已有材料直接进入；Look Development 和审查都按需发生。每个 owner 只修改自己的 Markdown，
+引用上游可见事实，但不静默改写它们。
+## 输出语言
+| 内容 | 有项目配置时 | 独立任务默认 |
+|---|---|---|
+| 创作者可读说明与审查 | `short-drama.json#/language` | 用户当前语言 |
+| 图片、关键帧的可复制正文 | `short-drama.json#/format/prompt_language` | `en` |
+| 视频的可复制正文 | 目标视频模型档案的 `production_profile.choices.video_prompt_language`；未声明时回退 `format.prompt_language` | 根据目标视频模型确认；未声明时使用用户当前语言 |
+创作者说明、通用提示词语言和视频模型提示词语言互相独立；画面中的对白和可读文字来自剧本/视觉事实，
+不由描述语言推断。
+## 稳定身份与引用
+创作文档条目使用创作者可见的稳定 ID：`EP001-SC001`、`IMG-...`、`SHOT-...`、`MOTION-...`。其中 `IMG-...` 专属《图片提示词.md》的提示词标题，不代表已有图片。显示名可以改变，身份不因此改变。跨文档条目引用直接写这些 ID；不写哈希、内部路径、隐藏状态或第二套 record ID。
+真实输入参考图不是图片提示词条目，所以每张图使用独立稳定的 `REF-...` 槽位，槽位内写显式顺序、可见项目相对路径、中文名称、用途和控制范围。它不使用 `IMG-...`；路径只用 `/` 分隔，不写绝对路径、Windows 盘符/网络路径或项目外路径。
+图片由创作者在项目外准备、生成时自行挂载时没有项目内路径可写，改用 `PLAN-...` 槽位：其余字段与 `REF-...` 相同，定位符写这张图对应的 `IMG-...` 板子或 `SHOT-...` 冻结关键帧。这里出现 `IMG-...` 不是把提示词条目当成图片，而是回答「这张图画的是哪一条已决定的事实」；`PLAN-...` 不声称项目里有文件，也因此不能作为生产输入。
+## 规则分级
+- `structural_invariant`：本地可证明的引用、ID、算术或显式矛盾；
+- `reviewed_invariant`：需要结合语义证据判断的义务；
+- `craft_default`：通常有效，但创作者可以说明理由覆盖；
+- `taste_option`：表达选择，不能单独阻断。
+字数、镜头数、情绪曲线和案例配方不是通用结构门槛。
+## 信任与文件安全
+普通创作不联网。实际媒体生产只允许项目外 adapter 读取环境凭据，并始终经过
+`preview -> explicit confirm -> run`。不要把私有输入、凭据、绝对路径或非公开观察写入可交付文档。