ANSAI: AI News Summarizer Project Report
ANSAI: AI News Summarizer Project Report
ON
ANSAI – AUTOMATED NEWS SUMMARIZER & ANALYZER WITH
INTELLIGENCE
BACHELOR OF TECHNOLOGY
IN
COMPUTER SCIENCE AND ENGINEERING (AI&ML)
SUBMITTED BY
KORRA PREM KUMAR 24BK1A66BM
NIRANJAN SINGH 24BK1A66BX
PRINCE PATEL 24BK1A66CH
i
2025-2026
ii
DEPARTMENTOF COMPUTER SCIENCE & ENGINEERING (AI&ML)
CERTIFICATE
This is to certify that project entitled“ANSAI – AUTOMATED NEWS SUMMARIZER &
ANALYZER WITH INTELLIGENCE” is carried out by KORRA PREM KUMAR
(24BK1A66BM),
NIRANJAN SINGH (24BK1A66BX), PRINCE PATEL(24BK1A66CH), in partial fulfilment for
the award of the degree of Bachelor of Technology in COMPUTER SCIENCE &
ENGINEERING (AI&ML) is a record of bonafide work done by them under my supervision during
the academic year “2025– 2026”.
iii
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING (AI&ML)
ACKNOWLEDGEMENT
We sincerely express our deep sense of gratitude to Mrs.V. Roja ,for his valuable guidance,
encouragement and cooperation during all phases of the project.
We are greatly indebted to our Project Coordinator [Link], for providing valuable advice,
constructive suggestions and encouragement without whom it would not been possible to complete this
project.
It is a great opportunity to render our sincere thanks to Dr. P. Deepan, Head of the Department, CSE
(AI&ML) for his timely guidance and highly interactive attitude which helped us a lot in successful
execution of the Project.
We are extremely thankful to our Principal Dr. A. Ramaswami Reddy, who stood as an inspiration
behind this project and heartfelt for his endorsement and valuable suggestions.
We respect and thank our Administrative Director Mr. T. Anurag Reddy, and secretary
Sri. T. V. Reddy, for providing us an opportunity to do the project work at St. PETER’S
ENGINEERING COLLEGE and we are extremely thankful to them for providing such a nice
support and guidance which made us to complete the project.
We also acknowledge with a deep sense of reverence, our gratitude towards our parents, who have
always supported us morally as well as economically. We also express gratitude to all our friends who
have directly or indirectly helped us to complete this project work.
iv
INSTITUTE VISION
IV:To be a renowned Educational Institution that moulds Students into Skilled Professionals fostering
INSTITUTE MISSION
IM1: Making students knowledgeable in the field of core and applied areas of Engineering to
IM2: Training the Students to impart the skills in cutting edge technologies, with the help of relevant
stakeholders.
IM3: Fostering a conducive ambience that inculcates a research attitude, identifying promising fields
v
DEPARTMENT VISION
To improve fundamentals and make it easier to address the ever expanding needs of society by
producing the best leaders in artificial intelligence and machine learning via excellence in research and
education.
DEPARTMENT MISSION
vi
PROGRAM OUTCOMES (POs)
PO1- Engineering Knowledge: Apply the knowledge of mathematics, science, engineering fundamentals
and provide solutions in the engineering specialization of artificial intelligence and machine learning.
PO2- Problem Analysis: Identify, formulate, review research literature, and analyze complex engineering
problems reaching substantiated conclusions using first principles of mathematics, natural sciences,
and engineering sciences.
PO3- Design/development of solutions: Design solutions for complex engineering problems and design
system components or processes that meet the specified needs with appropriate consideration for the
public health and safety, and the cultural, and environmental considerations.
PO4- Conduct investigations of complex problems: Use research-based knowledge and research
methods including design of experiments, analysis and interpretation of data, and synthesis of the
information to provide valid conclusions.
PO5- Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
engineering and IT tools including prediction and modelling to complex engineering activities with an
understanding of the limitations.
PO6- The engineer and society: Apply reasoning informed by the contextual knowledge to assess
societal, health, safety, legal and cultural issues and the consequent responsibilities relevant to the
professional engineering practice.
PO7- Environment and sustainability: Understand the impact of the professional engineering solutions
in societal and environmental contexts, and demonstrate the knowledge of, and need for sustainable
development.
PO8- Ethics: Apply ethical principles and commit to professional ethics and responsibilities and norms of
the engineering practice.
PO9- Individual and team work: Function effectively as an individual, and as a member or leader in
diverse teams, and in multidisciplinary settings.
vii
PO10- Communication: Communicate effectively on complex engineering activities with the
engineering community and with society at large, such as, being able to comprehend and write
effective reports and design documentation, make effective Presentations, and give and receive clear
instructions.
PO11- Project management and finance: Demonstrate knowledge and understanding of the
engineering and management principles and apply these to one’s own work, as a member and leader in
a team, to manage projects and in multidisciplinary Environments.
PO12- Life-long learning: Recognize the need for, and have the preparation and ability to engage in
independent and life-long learning in the broadest context of technological change.
viii
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING (AI&ML)
DECLARATION
We declare that a Major Project entitled “ANSAI – AUTOMATED NEWS SUMMARIZER & ANALYZER
WITH INTELLIGENCE” is an original work submitted by the following group members who have actively
contributed and submitted in partial fulfilment for the award of degree in “Bachelor of Technology in Computer
Science and Engineering (AI&ML)”, at St. Peter’s Engineering College, Hyderabad, and this project work has
not been submitted by me to any other college or university for the award of any kind of degree.
Group No:05
Program: [Link]
Branch:
CSE(AI&ML)
Project Title: ANSAI – AUTOMATED NEWS SUMMARIZER & ANALYZER WITH INTELLIGENCE
Date Submitted:
ix
ABSTRACT
x
TABLE OF CONTENTS
1.1 Introduction 1
1.2 Objective of the project 2
1.3 Organizational of the thesis 2
CHAPTER 2- LITERATURE SURVEY
2.1 Literature survey 4
2.2 Existing works 5
2.3 Limitations of existing works 6
2.4 Advantages of proposed solution 6
CHAPTER 3 – ANALYSIS
3.1 Problem statement 8
3.2 Software requirements 8
3.3 Hardware requirements 9
CHAPTER 4- DESIGN
4.1 System architecture 10
4.2 Use case diagram 11
4.3 Activity diagram 13
4.4 Sequence diagram 14
Conclusion 27
Future Scope 27
REFERENCES 30
SOURCE CODE 31.
LIST OF TABLES
xii
LIST OF FIGURES
xiii
CHAPTER- I
INTRODUCTION
1.1 INTRODUCTION
In today’s digital era, news is produced at an unprecedented rate, making it increasingly difficult for
individuals to stay informed. With thousands of articles published every minute, users are
overwhelmed by vast volumes of information, diverse perspectives, and varying levels of media
credibility. This creates challenges such as information overload, difficulty identifying trustworthy
sources, and limited time for reading lengthy articles.
ANSAI – Automated News Summarizer & Analyzer with Intelligence is developed to address
these challenges by providing a smart, AI-powered solution for efficient and meaningful news
consumption. The system leverages advanced Natural Language Processing (NLP) techniques to
automatically summarize lengthy news articles, extract key points, identify sentiment, detect bias,
and evaluate the credibility of sources. ANSAI also groups similar articles, identifies trending topics,
and delivers personalized news feeds based on user preferences.
The platform is designed to support multilingual access, making global news understandable and
accessible to a wider audience. It particularly benefits students, researchers, professionals, and
individuals in low-bandwidth regions who require fast, reliable, and concise news insights. By
presenting complex information in a simplified and structured form, ANSAI enhances decision-
making, promotes media literacy, and empowers users to stay informed with minimal effort.
Overall, ANSAI demonstrates the transformative potential of artificial intelligence in modern
journalism, offering a unified, intelligent, and user-friendly approach to news understanding and
analysis.
.
1
1.2 OBJECTIVE OF THE PROJECT
The main objectives of the ANSAI project are:
Chapter 1 – Introduction
Provides an overview of ANSAI, including its motivation, problem definition, objectives, and the
significance of automated news summarization and analysis in the modern digital world.
2
Chapter 4 – System Design
Explains the architecture, workflow diagrams, UML diagrams, data flow diagrams, and the design of
user interfaces and backend systems that form the structure of ANSAI.
Chapter 7 – Conclusion
Summarizes the project outcome, key contributions, limitations, and recommendations for future
improvements such as multilingual expansion, advanced bias detection, and real-time global trend
analytics.
.
3
CHAPTER- II
LITERATURE SURVEY
2.1LITERATURE SURVEY
4
2.2 EXISTING WORKS
Several existing systems attempt to provide news summaries or basic analysis tools, but each has
limitations:
1. Google News & Apple News
These platforms aggregate news and provide categorized articles but do not offer:
detailed AI summarization
sentiment analysis
topic clustering
bias/credibility detection
2. Inshorts
Provides short summaries but:
uses simple extractive techniques
does not analyze sentiment or credibility
supports only a limited number of languages
3. Summarization Tools (QuillBot, SMMRY, HuggingFace models)
These tools offer summary generation but:
do not fetch real-time news
do not provide trend analysis
lack fake news detection
4. Research-based Summarization Models
Numerous research papers propose abstractive summarization models such as:
BART
Pegasus
T5
However, these are standalone AI models and do not form a complete system for users.
Overall, existing platforms provide partial solutions. None combine real-time news retrieval,
summarization, sentiment analysis, topic clustering, credibility scoring, and multilingual support in
a unified manner like ANSAI.
5
2.3 LIMITATIONS OF EXISTING WORKS
Despite many news aggregation and summarization tools, they face several limitations:
1. Information Overload Not Fully Resolved
Most platforms still present full articles, requiring significant reading time.
2. Lack of Deep AI-Based Analysis
Platforms rarely provide:
sentiment detection
misinformation flags
keyword extraction
topic clustering
3. Limited Multilingual Capabilities
Many systems support only English or a few global languages, restricting access for regional users.
4. No Bias or Credibility Evaluation
Existing platforms do not analyze:
media bias
source reliability
factual consistency
5. Incomplete Integration
Tools focus on summarization OR news aggregation, but not both together.
6. Not Suitable for Low-Bandwidth Users
High-speed internet is often required to load full news articles and media.
These limitations create the need for a more advanced, inclusive, and intelligent platform—ANSAI.
ANSAI addresses the weaknesses found in existing systems and offers several unique advantages:
✔ AI-Powered Summarization
Provides fast, accurate summaries of lengthy news articles using transformer models.
✔ Multilingual Support
6
Groups related news items and shows emerging global trends.
Allows users in remote or rural areas to access summaries without heavy data usage.
Integrates aggregation, summarization, sentiment analysis, and trend detection in one system.
7
CHAPTER- III
ANALYSIS
Despite rapid growth in digital media, individuals around the world struggle to access reliable, concise,
and unbiased news. With thousands of news articles published every minute, users often face:
Information overload
Difficulty identifying trustworthy sources
Lack of time to read full articles
Biased or misleading information
Language barriers preventing access to global news
Existing news platforms offer raw articles but lack intelligent tools that summarize content, detect
sentiment, identify bias, extract key points, and present news in a simplified and multilingual manner.
As a result, people—especially students, researchers, professionals, and rural internet users—find it
challenging to stay updated and make informed decisions.
To address this, there is a need for an AI-powered system that automatically summarizes news, analyzes
sentiment, detects credibility, clusters trending topics, and presents information in a user-friendly and
accessible format.
The problem lies in designing a platform that reduces information overload, supports multilingual
access, enhances news transparency, and ensures reliable and efficient news consumption for users
across different regions.
The system requires both programming tools and libraries to perform data preprocessing, model
training, and deployment. The following software components are used:
Software Description/Purpose
8
Frontend technologies HTML, CSS, JavaScript / React
The system is designed to run efficiently on standard computing devices. The minimum and
recommended hardware specifications are as follows:
9
CHAPTER- IV
DESIGN
This section describes the proposed system architecture for the ANSAI – Automated News
Summarizer & Analyzer with Intelligence platform: a scalable, secure, multilingual, low-bandwidth
friendly learning ecosystem that supports cross-border collaboration, offline access, and adaptive
learning.
1. High-level overview
The system follows a layered, service-oriented architecture with these main layers:
Presentation Layer (Clients) — Web, Mobile (Android/iOS), and Offline Clients (lite app /
cached content).
API / Gateway Layer — Authentication, rate limiting, routing, and API aggregation.
Application Services Layer (Microservices) — Course Management, User Management,
Collaboration, Content Delivery, Assessment, Analytics, Multilingual/Localization,
Recommendation / Adaptive Learning, Notifications.
Data Layer — Relational DB for core data, NoSQL for content & sessions, Object storage for
media, Search index, Analytics warehouse.
Integration & Infrastructure Layer — CDN, Message Broker, Background Workers, Identity
Provider (SSO), Payment/Partner APIs, External OER/MOOC connectors.
Actors
1.1 User
1.2 Administrator
11
1.2 External News API / Data Source (System Actor)
Use Cases
12
Figure: 4.2 Use Case Diagram
13
4.1 ACTIVITY DIAGRAM
The Activity Diagram represents the complete workflow of how a user
interacts with the ANSAI system and how the system processes news
summarization and analysis.
Flow of Activities:
User Login / Access to Platform
User Browses or Searches for News Topic
System Fetches News Articles from Database / APIs
Preprocessing and Cleaning of Retrieved Articles
Summarization of News Using AI Model
Sentiment & Keyword Extraction
Displaying Summary, Sentiment, and Insights to User
User Saves, Shares, or Downloads Summary (Optional)
Trending Topics & Recommendations Update Automatically
Administrator Manages Sources, Categories, and System Logs
14
Figure: 4.3Activity Diagram
4.4SEQUENCE DIAGRAM
analysis process.
Main Objects:
User
15
Sequence of Actions:
sentiment analysis.
news summarization.
16
Figure: 4.4 Sequence Diagram
17
CHAPTER- V
19
4. Feature Selection
Key features extracted for summarization and analysis:
Sentence importance score
Keyword frequency
Named entities (persons, places, organizations)
Sentiment polarity
Topic clusters
These features enable ANSAI to perform intelligent summarization, sentiment analysis, trend
detection, and fake-news classification.
20
Checks credibility using AI classifiers (SVM / RoBERTa).
Cross-verifies facts from trusted databases.
Flags suspicious or low-trust articles.
• User Interface Integration
Users search or browse news topics.
ANSAI displays summaries, sentiment results, tags, and insights.
Multi-language support for Indian and global languages.
22
5.5 DEPLOYMENT AND USER INTERFACE
Deployment
ANSAI is deployed as a scalable web application using:
Cloud Deployment
Hosted on AWS/Azure/Google Cloud
Auto-scaling for handling traffic spikes during breaking
news Microservices Architecture
Separate services for:
News collector
Summarizer
Sentiment analyzer
Fake news detector
User dashboard
Analytics engine
Ensures fast updates and isolated module development.
API-Based Design
REST APIs allow:
Mobile app integration
Third-party data access
Real-time summary generation
User Interface
The ANSAI User Interface is designed to be simple, responsive, and intuitive, allowing users to
quickly access summarized news, sentiment insights, and trending topics. It provides a clean
dashboard layout that enhances readability and ensures seamless navigation across all features.
23
User Dashboard
Real-time trending topics
Category-wise news cards
Summary options (short/medium/detailed)
Sentiment indicators (color-coded)
Article View Page
Displays:
Summary
Key points
Sentiment score
Keywords & entities
Related articles
Source authenticity
meter Admin Dashboard
Manage news sources
Monitor system performance
Train/retrain AI models
Track fake news reports and user feedback
24
CHAPTER- VI
The training process is a crucial stage in developing the ANSAI – Automated News Summarizer &
Analyzer with Intelligence system. During this phase, various NLP and machine-learning models were
trained to perform summarization, sentiment analysis, and news classification accurate
1. Dataset Preparation
Text datasets containing news articles, headlines, labeled sentiments, and news categories were collected. Steps
involved:
Cleaning text (removing noise, URLs, emojis)
Normalizing content (lowercasing, tokenization)
Dividing data into training (80%) and testing (20%)
sets This ensured the model received clean, high-quality data
.
2. Feature Extraction
For extractive summarization and classification:
TF-IDF vectors
Word embeddings (Word2Vec, GloVe)
Transformer-based embeddings (BERT/T5)
These features helped the system understand context and meaning.
3. Model Selection
Different models were evaluated for:
Summarization: TextRank, T5, BART
Sentiment Analysis: Logistic Regression, BERT-based classifiers
News Classification: SVM, Random Forest, and Transformer
models The best models were selected based on accuracy and ROUGE
scores.
25
4. Model Training
Each model was trained using supervised learning:
Summarization model learned how to compress long news into short meaningful summaries
Sentiment model learned patterns of positive, negative, and neutral text
Classification model learned topic categories like politics, sports,
technology Training continued until the models reached optimal performance
5. Model Saving
The best-performing models were saved using serialization methods such as Pickle or HuggingFace
format, enabling reuse without retraining.
26
6.2 TESTING PROCESS
The testing process for the ANSAI – Automated News Summarizer & Analyzer with Intelligence
platform ensures that all modules, functionalities, and features work correctly, efficiently, and
securely. Testing was conducted in multiple stages, covering both functional and non-functional
aspects of the system.
1. Unit Testing
2. Integration Testing
Verified interaction between combined modules:
News fetching → preprocessing → summarization pipeline
Summarization → sentiment → classification flow
Backend → frontend API communication
Checked data flow, module connectivity, and consistency.
3. System Testing
End-to-end testing under real usage:
Fetching real-time news
Generating summaries
Displaying sentiment/category results
Handling large articles and high loads
Ensured system stability, correctness, and performance.
4. Usability Testing
Evaluated:
User interface clarity
Simplicity of workflow
Readability of summaries
Response time and smooth interaction
Collected feedback from sample users to improve design.
27
5. Performance Testing
Performance testing was conducted to ensure ANSAI works efficiently and reliably.
Response Time: Summaries generated within 1–5 seconds, depending on article length.
Load Handling: System remained stable under heavy concurrent requests.
Stress Test: Handled long articles and rapid requests without crashing.
Scalability: Performed smoothly across different hardware setups.
Resource Usage: CPU and RAM consumption stayed within safe limits.
Observation:
During the testing and evaluation of the ANSAI – Automated News Summarizer & Analyzer with
Intelligence system, several important observations were made. The platform performed efficiently
across all NLP modules, including text preprocessing, summarization, sentiment analysis, and news
classification. The system consistently generated clear, concise summaries and accurate sentiment
outputs.
ANSAI handled real-time news fetching smoothly, maintained stable performance under multiple
concurrent requests, and delivered fast response times. The user interface was simple, responsive, and
easy to navigate, allowing users to obtain summaries and analysis results without difficulty. Overall, the
system demonstrated reliability, accuracy, and strong usability across different testing scenarios.
28
CHAPTER- VII
CONCLUSION
7.1 CONCLUSION
The ANSAI – Automated News Summarizer & Analyzer with Intelligence project successfully
demonstrates the potential of technology to provide accessible, inclusive, and high-quality education to
learners worldwide. By integrating online courses, virtual classrooms, multilingual content, interactive
learning materials, and offline access, the platform effectively addresses geographical, socio-economic,
and infrastructural barriers. The implementation of features such as student progress tracking,
personalized recommendations, and teacher evaluation tools ensures a comprehensive learning
experience, while administrative modules maintain system integrity, security, and analytics for
continuous improvement. Testing and experimental results indicate that the system performs reliably
under diverse conditions, supports high user engagement, and delivers educational content efficiently
even in low-bandwidth environments. Overall, the platform fulfills its objective of promoting global
collaboration, bridging learning gaps, and empowering students and educators across borders. ANSAI
– Automated News Summarizer & Analyzer with Intelligence lays the foundation for future
enhancements in digital education, offering a scalable and adaptable framework capable of evolving
with changing educational needs and technological advancements.
Extend the system to support summarization and sentiment analysis in multiple languages,
enabling global users to access summarized news in their native language.
Integrate machine-learning models that identify misinformation, detect biased reporting, and classify the
credibility level of news sources.
Use user behavior, reading patterns, sentiment preference, and topic interest to recommend news
summaries tailored to each individual.
29
Implement AI voice synthesis to convert summaries into audio format for visually impaired users
or hands-free consumption.
Create a dedicated mobile application to give users fast access to summarized and analyzed news with
push notifications.
Automatically summarize trending topics from platforms like X (Twitter), Reddit, or news blogs
using real-time data pipelines.
Extend the system to support summarization and sentiment analysis in multiple languages,
enabling global users to access summarized news in their native language.
Integrate machine-learning models that identify misinformation, detect biased reporting, and classify the
credibility level of news sources.
Use user behavior, reading patterns, sentiment preference, and topic interest to recommend news
summaries tailored to each individual.
Implement AI voice synthesis to convert summaries into audio format for visually impaired users
or hands-free consumption.
Enhance ANSAI to automatically summarize breaking news in real time from live feed APIs or streaming
text.
Automatically summarize trending topics from platforms like X (Twitter), Reddit, or news blogs
using real-time data pipelines.
31
REFERENCES
32
SOURCE CODE
[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<style>
*{
box-sizing: border-box;
body
{ margin:
0;
padding: 0; background:
#f5f0e8; color:
#27322b; display:
flex;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
33
}
34
.page {
max-width: 1200px;
width: 100%;
.shell {
background:
#fbf6ed; border-
radius: 20px;
padding: 20px;
.topbar
{ display: flex;
justify-content: space-
gap: 12px;
margin-bottom: 16px;
.title-block
{ display: flex;
align-items: center;
35
gap: 14px;
36
}
.logo {
width: 52px;
height: 52px;
border-radius: 999px;
background: #020617;
display: flex;
justify-content:
center; align-items:
center; overflow:
hidden;
.logo img
{ width:
100%;
height: 100%;
object-fit:
contain;
h1
{ margin:
0;
font-size: 24px;
37
}
.subtitle {
margin: 4px 0
0;
font-size: 13px;
38
color: #6b6b5c;
.auth-panel
{ display: flex;
flex-direction:
column; align-items:
font-size: 13px;
.auth-inputs {
display:
flex; gap:
6px;
align-items:
center; flex-wrap:
wrap;
input[type="text"],
input[type="password"],
textarea,
select {
width: 100%;
39
border-radius:
10px;
40
background:
#fffdf8; color:
#27322b;
font-size: 13px;
resize: vertical;
textarea {
min-height: 140px;
max-height:
260px;
{ outline: none;
border-color: #7cbf8e;
label {
display: block;
margin: 10px 0
4px; font-size:
13px; color:
#3a3a30;
41
.hint {
font-size: 11px;
color: #7f7f6a;
42
margin-top: 3px;
.btn {
display: inline-
flex; align-items:
border-radius:
color: #ffffff;
font-weight:
600; font-size:
13px; cursor:
pointer;
.[Link]
{ background:
#f5f0e8; color:
#355443;
#d4c6b1; box-shadow:
43
none;
.[Link] {
44
padding: 6px
12px; font-size:
12px;
.btn:disabled
{ opacity: 0.6;
cursor: not-
allowed; box-
shadow: none;
.btn [Link] {
solid white;
border-radius:
height: 14px;
@keyframes spin {
to { transform: rotate(360deg); }
45
.grid {
display:
grid;
46
gap: 18px;
margin-top:
10px;
.card {
background: #fffdf8;
border-radius: 16px;
.card h3 {
margin: 0 0
6px; font-size:
15px; display:
flex;
align-items: center;
gap: 6px;
.card small
{ font-size:
11px; color:
#8a806e;
47
.error {
margin-top: 8px;
48
border-radius: 10px;
background: #fde2e2;
color: #7c1f1f;
font-size: 12px;
display: none;
.success {
margin-top:
6px; font-size:
12px; color:
#2f6f4b;
.output {
margin-top: 10px;
.tag {
display: inline-flex;
border-radius: 999px;
font-size: 11px;
background:
#f1e8d7; color:
49
#5b4f3c;
50
margin-bottom:
6px; margin-right:
4px;
.summary-box
{ margin-top: 5px;
border-radius: 12px;
background: #fffdf8;
line-height: 1.6;
white-space: pre-
wrap; max-height:
260px; overflow:
auto;
.meta {
margin-top:
6px; font-size:
11px; color:
#7d7563;
51
.pill-list
{ display: flex;
flex-wrap: wrap;
52
gap: 4px;
margin-top:
4px;
.pill {
font-size: 11px;
border-radius:
999px;
background: #faf3e4;
cursor: pointer;
.pill:hover
{ background:
#f0e3cf;
.history-list,
.bookmark-list
{ margin-top: 8px;
max-height:
200px; overflow:
auto; font-size:
53
12px;
.history-item,
.bookmark-item {
54
padding: 6px 6px 7px;
border-radius: 10px;
#e3d6c1; background:
#fffdf8; margin-bottom:
display: flex;
flex-direction:
.history-item:hover,
.bookmark-item:hover
{ background: #f5ebdd;
.history-title
{ display: flex;
justify-content: space-
font-weight: 500;
.history-meta
{ font-size:
11px;
55
color: #8b816f;
56
}
.auth-username
{ font-weight:
600;
color: #285943;
.admin-card
{ margin-top:
10px; padding-
top: 10px;
.admin-metric
{ display: inline-
block; margin-right:
10px;
.grid {
.auth-panel {
57
align-items: flex-start;
.topbar {
58
alert("Log in to export PDFs.");
return;
if (!lastSummaryId) {
return;
// just open in new tab; token via query is not ideal but fine for demo
[Link](`${API_BASE}/summaries/${lastSummaryId}/pdf`, "_blank");
});
[Link](".pill").forEach(pill =>
{ [Link]("click", () => {
{ [Link] = "block";
[Link] = "block";
{ [Link] = "block";
[Link] = "none";
{ [Link] = "none";
[Link] = "block";
59
}
});
});
renderAuthPanel();
</script>
</body>
</html>
60