87bfb234c2
- Show a 6-line cross-source summary preview in each feed row. - Pinned, mutually-exclusive filter pills: All, F1, Uganda, East Africa, South Africa, Finance, Tech. "All" is news-only (F1 lives only under F1); regions don't overlap (East Africa excludes Uganda & South Africa). - Categorization correctness: regions match the headline only (the backend's summaries/outlets are polluted by over-clustering), and F1 takes precedence over every other pill since the backend mis-tags F1 as tech/finance/politics. - Finance/Tech match the backend topic; sparse filters auto-pull more pages. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
103 lines
4.0 KiB
Swift
103 lines
4.0 KiB
Swift
// StoryRowView.swift
|
|
// Jarvis — one row in the signal feed. Everything fades with the signal score.
|
|
|
|
import SwiftUI
|
|
|
|
struct StoryRowView: View {
|
|
let story: StorySummary
|
|
/// True when the story's articles are cached in SwiftData (offline-ready).
|
|
var isCached: Bool = false
|
|
/// True once the story has been opened — drops the orange stripe and dims it.
|
|
var isRead: Bool = false
|
|
|
|
private var sourceNames: [String] { story.sources.map(\.name) }
|
|
|
|
var body: some View {
|
|
HStack(alignment: .top, spacing: 0) {
|
|
SignalStripe(score: story.signalScore, muted: isRead)
|
|
|
|
VStack(alignment: .leading, spacing: 9) {
|
|
// Title (+ cached dot)
|
|
HStack(alignment: .top, spacing: 8) {
|
|
Text(story.headline)
|
|
.font(.system(size: 17, weight: .heavy))
|
|
.foregroundStyle(Signal.titleColor(story.signalScore))
|
|
.lineLimit(3)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
|
|
if isCached {
|
|
CachedDot()
|
|
.padding(.top, 6)
|
|
}
|
|
}
|
|
|
|
// Summary preview — the gist, without opening the story.
|
|
if !story.summary.isEmpty {
|
|
Text(story.summary)
|
|
.font(.system(size: 13, weight: .regular))
|
|
.foregroundStyle(Color(hex: "8A8A8A"))
|
|
.lineLimit(6)
|
|
.lineSpacing(2)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
}
|
|
|
|
// Source chips
|
|
if !sourceNames.isEmpty {
|
|
SourceChips(names: sourceNames, total: story.sourceCount)
|
|
}
|
|
|
|
// Metadata
|
|
Text(metaLine)
|
|
.font(.system(size: 11, weight: .regular, design: .monospaced))
|
|
.foregroundStyle(Color(hex: "666666"))
|
|
}
|
|
.padding(.leading, 14)
|
|
.padding(.vertical, 16)
|
|
|
|
Spacer(minLength: 12)
|
|
|
|
// Signal score column
|
|
Text("\(story.signalScore)")
|
|
.font(.system(size: 22, weight: .heavy, design: .monospaced))
|
|
.foregroundStyle(Signal.scoreColor(story.signalScore))
|
|
.padding(.trailing, 16)
|
|
.padding(.top, 16)
|
|
}
|
|
.opacity(isRead ? 0.55 : 1)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.background(Color.black)
|
|
.overlay(alignment: .bottom) {
|
|
Rectangle().fill(Palette.hairline).frame(height: 0.5)
|
|
}
|
|
.contentShape(Rectangle())
|
|
}
|
|
|
|
private var metaLine: String {
|
|
let sources = "\(story.sourceCount) source\(story.sourceCount == 1 ? "" : "s")"
|
|
return "\(sources) · \(Topic.label(story.topic)) · \(story.updatedAt.timeAgoShort()) ago"
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
let sources = [
|
|
StorySource(id: "1", name: "Daily Monitor", url: "", publishedAt: Date(), isBreaking: true),
|
|
StorySource(id: "2", name: "NilePost", url: "", publishedAt: Date(), isBreaking: false),
|
|
StorySource(id: "3", name: "The EastAfrican", url: "", publishedAt: Date(), isBreaking: false),
|
|
]
|
|
let breakdown = ScoreBreakdown(sourceAuthority: 28, freshness: 22, localRelevance: 15, crossSourceConfirmation: 16, topicImportance: 10)
|
|
return VStack(spacing: 0) {
|
|
ForEach([97, 64, 33, 14], id: \.self) { score in
|
|
StoryRowView(
|
|
story: StorySummary(
|
|
id: "\(score)", headline: "Bank of Uganda cuts interest rates by 50 basis points",
|
|
summary: "", topic: "finance", signalScore: score, scoreBreakdown: breakdown,
|
|
sourceCount: 7, sources: sources, consensus: nil, conflict: nil,
|
|
updatedAt: Date().addingTimeInterval(-3600), createdAt: Date()),
|
|
isCached: score == 64
|
|
)
|
|
}
|
|
}
|
|
.background(Color.black)
|
|
.preferredColorScheme(.dark)
|
|
}
|