@@ -411,24 +414,40 @@ @attachment.Title
- @if (!string.IsNullOrWhiteSpace(attachment.Notes))
- {
-
@if (!Model.Warnings.Any())
{
- @attachment.Notes
- } - @if (hasFile) - { -@System.IO.Path.GetFileName(attachment.FilePath)
- } -No active warnings for this scene.
+No active warnings for this scene. Run validation again after major story changes.
} else { @@ -540,7 +559,7 @@This scene depends on
@if (!Model.DependenciesThisSceneNeeds.Any()) { -No dependencies yet.
+No dependencies yet. Add one when this scene needs another moment to happen first.
} else { @@ -565,7 +584,7 @@Scenes depending on this
@if (!Model.DependenciesNeedingThisScene.Any()) { -No dependent scenes yet.
+No dependent scenes yet. Later scenes that rely on this one will appear here.
} else { @@ -663,7 +682,7 @@Plot Thread Events
@if (!Model.ThreadEvents.Any()) { -No plot thread events attached to this scene yet.
+No plot thread events attached to this scene yet. Add clues, reveals, promises, payoffs, or reversals when the scene touches a thread.
} else { @@ -739,7 +758,7 @@Story Assets
@if (!Model.AssetEvents.Any()) { -No asset events attached to this scene yet.
+No asset events attached to this scene yet. Add one when an object, clue, secret, or important item changes here.
} else { @@ -944,7 +963,7 @@Characters
@if (!Model.SceneCharacters.Any()) { -No characters attached to this scene yet.
+No characters attached to this scene yet. Add the people who appear, are mentioned, or meaningfully affect the scene.
} else { diff --git a/PlotLine/Views/StoryBible/Index.cshtml b/PlotLine/Views/StoryBible/Index.cshtml index ddaea13..856fd1a 100644 --- a/PlotLine/Views/StoryBible/Index.cshtml +++ b/PlotLine/Views/StoryBible/Index.cshtml @@ -74,7 +74,7 @@ @if (!Model.SearchResults.Any()) { -No matching story bible entries.
+No matching story bible entries. Try a character name, location, asset, plot thread, or scene title.
} else { diff --git a/PlotLine/Views/Timeline/Index.cshtml b/PlotLine/Views/Timeline/Index.cshtml index 7baef0c..78513ff 100644 --- a/PlotLine/Views/Timeline/Index.cshtml +++ b/PlotLine/Views/Timeline/Index.cshtml @@ -509,7 +509,7 @@ {No timeline yet
-Add books, chapters and scenes to see them arranged here in narrative order.
+Add a book, then chapters and scenes, and PlotLine will arrange them here as your narrative spine.
Nothing in this queue.
+Nothing needs your attention here. When scenes are ready for this stage, they will appear in this queue.
} else { diff --git a/PlotLine/wwwroot/css/plotline-theme.css b/PlotLine/wwwroot/css/plotline-theme.css index 16518ca..f71dd8c 100644 --- a/PlotLine/wwwroot/css/plotline-theme.css +++ b/PlotLine/wwwroot/css/plotline-theme.css @@ -346,3 +346,545 @@ a:focus-visible { --bs-table-color: var(--plotline-text); --bs-table-border-color: rgba(84, 68, 48, 0.12); } + +/* Phase 1V polish: cohesive, writer-focused surfaces without changing layout contracts. */ +.page-heading, +.workspace-heading { + row-gap: 0.8rem; +} + +.page-heading h1, +.workspace-heading h1 { + color: #211915; +} + +.lead-text { + line-height: 1.55; +} + +.btn-sm { + padding: 0.28rem 0.72rem; + font-size: 0.8rem; +} + +.button-row { + gap: 0.55rem; +} + +.button-row .btn, +.story-bible-actions a, +.timeline-preset-panel .btn, +.timeline-filter-actions .btn { + white-space: nowrap; +} + +.badge, +.soft-count, +.attachment-kind, +.preset-chip, +.story-bible-meta span { + border-radius: 999px; + font-weight: 780; + letter-spacing: 0.015em; +} + +.badge.text-bg-light, +.story-bible-meta span, +.soft-count { + border: 1px solid rgba(84, 68, 48, 0.13); + background: rgba(255, 250, 241, 0.78) !important; + color: var(--plotline-text-muted) !important; +} + +.badge.text-bg-warning, +.warning-placeholder.active { + border: 1px solid rgba(184, 118, 43, 0.28); + background: #fbecd3 !important; + color: #7b4b13 !important; +} + +.badge.text-bg-success { + background: rgba(77, 118, 84, 0.13) !important; + color: #315936 !important; +} + +.empty-panel, +.future-lane-placeholder, +.inspector-empty { + position: relative; + overflow: hidden; +} + +.empty-panel::before, +.future-lane-placeholder::before, +.inspector-empty::before { + content: ""; + position: absolute; + inset: 0 auto 0 0; + width: 4px; + background: linear-gradient(180deg, var(--plotline-accent), var(--plotline-secondary)); + opacity: 0.42; +} + +.timeline-workspace { + padding: 0.35rem; +} + +.timeline-shell { + border-color: rgba(84, 68, 48, 0.14); + background: + linear-gradient(90deg, rgba(84, 68, 48, 0.05) 1px, transparent 1px) 0 0 / calc(var(--timeline-scene-width) + var(--timeline-grid-gap)) 100%, + linear-gradient(180deg, rgba(255, 252, 246, 0.94), rgba(244, 235, 221, 0.86)); +} + +.timeline-project-title, +.timeline-book-title { + border: 1px solid rgba(45, 33, 23, 0.12); + background: + linear-gradient(135deg, rgba(49, 95, 103, 0.96), rgba(89, 55, 31, 0.94)); + box-shadow: 8px 0 24px rgba(62, 45, 28, 0.1); +} + +.timeline-book { + padding: 0.15rem; +} + +.timeline-book-title { + min-height: 58px; + align-content: center; +} + +.timeline-chapter { + border: 1px solid rgba(84, 68, 48, 0.13); + background: + linear-gradient(180deg, rgba(255, 252, 246, 0.78), rgba(242, 226, 207, 0.42)); + outline: 0; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6); +} + +.timeline-chapter-title { + min-height: 52px; + border-bottom: 1px solid rgba(84, 68, 48, 0.13); + border-radius: var(--plotline-radius-sm) var(--plotline-radius-sm) 0 0; + backdrop-filter: blur(10px); +} + +.timeline-chapter-title strong, +.timeline-book-title strong { + font-size: 0.96rem; +} + +.timeline-scenes { + padding: 0.65rem; +} + +.timeline-scene-card, +.timeline-empty-scene { + border-radius: 11px; +} + +.timeline-scene-card { + position: relative; + min-height: 176px; + border-color: rgba(84, 68, 48, 0.15); + background: + linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(251, 243, 232, 0.95)); + box-shadow: 0 10px 22px rgba(62, 45, 28, 0.08); +} + +.timeline-scene-card::after { + content: ""; + position: absolute; + inset: 0; + border-radius: inherit; + pointer-events: none; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85); +} + +.timeline-scene-card strong { + color: #221a15; + font-size: 0.98rem; + line-height: 1.2; +} + +.scene-summary { + color: var(--plotline-text-muted); + line-height: 1.38; +} + +.location-pill, +.scene-pov-label, +.metric-mini-summary, +.dependency-placeholder, +.warning-placeholder { + border: 1px solid rgba(84, 68, 48, 0.13); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68); +} + +.timeline-placeholder-scene, +.timeline-placeholder-cell { + border-color: rgba(84, 68, 48, 0.18); + color: rgba(84, 68, 48, 0.58); + background: + repeating-linear-gradient(-45deg, rgba(122, 77, 44, 0.06) 0 8px, rgba(255, 255, 255, 0.18) 8px 16px), + rgba(255, 252, 246, 0.52); +} + +.timeline-scene-card:hover, +.timeline-scene-card.selected, +.timeline-scene-card.focus-match, +.timeline-scene-card.keyboard-focus, +.timeline-scene-card.search-hit { + z-index: 3; +} + +.timeline-scene-card.selected::before, +.timeline-scene-card.focus-match::before, +.timeline-scene-card.keyboard-focus::before, +.timeline-scene-card.search-hit::before { + content: ""; + position: absolute; + left: 0.65rem; + right: 0.65rem; + top: 0; + height: 3px; + border-radius: 999px; + background: linear-gradient(90deg, var(--plotline-accent), var(--plotline-secondary)); +} + +.timeline-section-header, +.lane-board-heading, +.pacing-heading { + border: 1px solid rgba(84, 68, 48, 0.13); + backdrop-filter: blur(10px); +} + +.plot-lane-board, +.asset-lane-board, +.character-lane-board { + border-top-color: rgba(84, 68, 48, 0.12); +} + +.plot-lane-label, +.asset-lane-label, +.character-lane-label { + border-radius: 10px; + background: rgba(255, 252, 246, 0.94); + box-shadow: 6px 0 18px rgba(62, 45, 28, 0.06); +} + +.plot-lane-slot, +.asset-lane-slot, +.character-lane-slot { + min-height: 50px; + border-radius: 10px; +} + +.thread-marker, +.asset-marker, +.character-marker, +.character-appearance-pill { + min-height: 24px; + font-size: 0.7rem; +} + +.thread-marker { + border-color: color-mix(in srgb, var(--plot-colour), #241f1b 18%); +} + +.asset-marker { + border-radius: 8px; + background: #eeeaf8; +} + +.character-marker { + background: #fff4d9; +} + +.drag-chip, +[draggable="true"] { + transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease; +} + +.drag-chip:hover, +[draggable="true"]:hover { + transform: translateY(-1px); +} + +.is-dragging { + opacity: 0.55; + box-shadow: 0 0 0 3px rgba(49, 95, 103, 0.14); +} + +.drop-target-active { + outline-color: rgba(49, 95, 103, 0.34); + background-color: rgba(223, 236, 239, 0.55); +} + +.timeline-control-panel, +.timeline-drag-palette, +.drag-drop-panel { + background: rgba(255, 251, 243, 0.82); + backdrop-filter: blur(10px); +} + +.timeline-filter-drawer, +.timeline-control-group { + border-color: rgba(84, 68, 48, 0.13); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75); +} + +.scene-inspector-panel { + border-color: rgba(84, 68, 48, 0.14); + box-shadow: -14px 0 36px rgba(62, 45, 28, 0.07); +} + +.inspector-header { + border-bottom: 1px solid rgba(84, 68, 48, 0.12); + margin-bottom: 0.75rem; + padding-bottom: 0.7rem; +} + +.inspector-header h2, +.inspector-empty h2 { + color: #211915; +} + +.scene-inspector-root { + display: grid; + gap: 0.85rem; +} + +.inspector-section { + padding: 0.95rem; +} + +.inspector-section h3 { + color: #211915; + font-size: 1.02rem; +} + +.scene-overview-card { + border: 1px solid rgba(122, 77, 44, 0.18); + background: + linear-gradient(135deg, rgba(255, 250, 241, 0.98), rgba(242, 226, 207, 0.82)); +} + +.inspector-quick-nav { + top: 0.35rem; + box-shadow: 0 10px 26px rgba(62, 45, 28, 0.08); +} + +.inspector-nav-links { + max-height: 6.2rem; + overflow: auto; +} + +.inspector-nav-links a { + background: rgba(255, 253, 248, 0.84); +} + +.inspector-accordion-toggle { + min-height: 2.25rem; + padding-inline: 0.2rem; +} + +.writer-mini-card { + border-color: rgba(84, 68, 48, 0.13); + background: rgba(255, 253, 248, 0.78); +} + +.writer-mini-card[open] { + box-shadow: 0 10px 24px rgba(62, 45, 28, 0.07); +} + +.writer-add-form, +.writer-edit-form { + gap: 0.5rem; +} + +.attachment-card-list { + gap: 0.65rem; +} + +.attachment-summary { + align-items: center; +} + +.attachment-kind { + display: inline-flex; + align-items: center; + border: 1px solid rgba(49, 95, 103, 0.18); + padding: 2px 8px; + background: var(--plotline-secondary-soft); + color: #284f56; + font-size: 0.72rem; + text-transform: uppercase; +} + +.attachment-preview-row { + display: grid; + grid-template-columns: 96px minmax(0, 1fr); + gap: 0.75rem; + align-items: start; +} + +.attachment-thumb { + display: flex; + align-items: center; + justify-content: center; + width: 96px; + aspect-ratio: 4 / 3; + overflow: hidden; + border: 1px solid rgba(84, 68, 48, 0.14); + border-radius: 10px; + background: rgba(255, 250, 241, 0.88); + text-decoration: none; +} + +.attachment-thumb img { + width: 100%; + height: 100%; + object-fit: cover; + transition: transform 0.18s ease; +} + +.attachment-thumb:hover img { + transform: scale(1.04); +} + +.attachment-thumb-fallback span { + color: var(--plotline-text-muted); + font-size: 0.76rem; + font-weight: 850; + letter-spacing: 0.06em; + text-transform: uppercase; +} + +.attachment-preview-copy { + display: grid; + gap: 0.45rem; + min-width: 0; +} + +.attachment-preview-copy p { + margin: 0; +} + +.attachment-add-card summary { + color: var(--plotline-accent-dark); +} + +.story-bible-section, +.writer-dashboard-panel { + border-color: rgba(84, 68, 48, 0.14); + background: rgba(255, 251, 243, 0.8); +} + +.writer-dashboard-panel:first-child { + border-color: rgba(49, 95, 103, 0.22); + background: + linear-gradient(135deg, rgba(223, 236, 239, 0.56), rgba(255, 251, 243, 0.9)); + box-shadow: 0 18px 38px rgba(49, 95, 103, 0.09); +} + +.writer-queue-list { + display: grid; + gap: 0.75rem; +} + +.writer-queue-card { + border-color: rgba(84, 68, 48, 0.13); + background: rgba(255, 253, 248, 0.86); +} + +.writer-dashboard-panel:first-child .writer-queue-card:first-child { + border-left: 4px solid var(--plotline-secondary); +} + +.writer-queue-card h3 { + line-height: 1.25; +} + +.story-bible-nav { + background: rgba(255, 251, 243, 0.78); + border: 1px solid rgba(84, 68, 48, 0.12); + border-radius: var(--plotline-radius); + padding: 0.45rem; +} + +.story-bible-card { + background: rgba(255, 253, 248, 0.9); +} + +.story-bible-card h3 { + color: #211915; +} + +.story-bible-card-title { + gap: 0.8rem; +} + +.story-bible-facts { + border-top: 1px solid rgba(84, 68, 48, 0.1); + padding-top: 0.65rem; +} + +.story-bible-actions a { + border-color: rgba(122, 77, 44, 0.2); + background: rgba(255, 250, 241, 0.75); +} + +.story-bible-actions a:hover { + background: rgba(122, 77, 44, 0.1); +} + +.plotline-confirm-modal .modal-title { + font-family: Georgia, "Times New Roman", serif; +} + +.plotline-confirm-modal .modal-body { + color: var(--plotline-text-muted); + line-height: 1.55; +} + +@media (max-width: 1200px) { + .timeline-filter-grid { + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + } + + .timeline-control-panel { + align-items: stretch; + } +} + +@media (max-width: 760px) { + .workspace-heading, + .page-heading, + .context-header { + align-items: stretch; + flex-direction: column; + } + + .button-row { + align-items: stretch; + } + + .button-row .btn, + .button-row form { + width: 100%; + } + + .attachment-preview-row { + grid-template-columns: 1fr; + } + + .attachment-thumb { + width: 100%; + max-width: 260px; + } + + .inspector-nav-links { + max-height: 8.5rem; + } +}