Spaces:

dqy08
/

InfoRadar

Running

App Files Files Community

dqy08 commited on 20 days ago

Commit

7577ac0

1 Parent(s): 73103cb

更新主页标题和描述

Browse files

Files changed (7) hide show

README.md +3 -3
backend/api/analyze.py +1 -1
client/src/css/start.scss +11 -1
client/src/index.html +2 -2
client/src/ts/lang/translations.ts +5 -2
client/src/ts/start.ts +20 -4
client/src/ts/vis/ToolTip.ts +1 -1

README.md CHANGED Viewed

@@ -1,5 +1,5 @@
 ---
-title: InfoRadar –  Analyze & Visualize Text Information Density
 emoji: 📡
 colorFrom: gray
 colorTo: red
@@ -16,9 +16,9 @@ pinned: false
 license: apache-2.0
 ---
-# InfoRadar (Information Radar)
-Tired of low-quality articles? Struggling to find key points in long texts? Want to skip redundancy and fluff at a glance? Or just curious about the information-theoretic nature of language?
 **Try InfoRadar.** It uses large language models to analyze text information density and visualizes where the important parts are. The color intensity of each token indicates how much information it carries.

 ---
+title: InfoRadar - see what matters.
 emoji: 📡
 colorFrom: gray
 colorTo: red
 license: apache-2.0
 ---
+# InfoRadar
+Tired of redundancy and fluff? Want key points at a glance? Or simply curious about the information-theoretic nature of language?
 **Try InfoRadar.** It uses large language models to analyze text information density and visualizes where the important parts are. The color intensity of each token indicates how much information it carries.

backend/api/analyze.py CHANGED Viewed

@@ -20,7 +20,7 @@ class QueueTimeoutError(Exception):
 # 这样可以避免多个请求并发访问模型导致的资源竞争和线程安全问题
 _analysis_lock = threading.Lock()
 # 单次分析的总处理时长限制（秒）
-ANALYSIS_TIMEOUT = 20.0
 # 等待获取锁的最大时间（秒）- 如果排队时间过长，直接拒绝请求
 LOCK_WAIT_TIMEOUT = 10.0

 # 这样可以避免多个请求并发访问模型导致的资源竞争和线程安全问题
 _analysis_lock = threading.Lock()
 # 单次分析的总处理时长限制（秒）
+ANALYSIS_TIMEOUT = 30.0
 # 等待获取锁的最大时间（秒）- 如果排队时间过长，直接拒绝请求
 LOCK_WAIT_TIMEOUT = 10.0

client/src/css/start.scss CHANGED Viewed

@@ -1021,8 +1021,18 @@ select {
   overflow: visible;
   flex: 1 1 320px;
   .title-formula {
-    font-size: 14px;  // 比原 12px 大一号
     font-weight: 400;
     color: var(--text-muted);
     opacity: 0.75;

   overflow: visible;
   flex: 1 1 320px;
+  .title-main-line {
+    white-space: nowrap;
+  }
+  .title-tagline {
+    font-size: 18px;
+    font-weight: 400;
+    margin-left: 1em;
+  }
   .title-formula {
+    font-size: 10px;
     font-weight: 400;
     color: var(--text-muted);
     opacity: 0.75;

client/src/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
-    <title>InfoRadar — Analyze Text Information Density</title>
     <meta name="description"
       content="InfoRadar visualizes token-level information density in text using LLMs, helping you quickly find key content and skip redundancy.">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -17,7 +17,7 @@
             <div class="floating_content">
                 <header class="home-toolbar">
                     <div class="dark-mode-toggle-wrapper">
-                    <h1 class="home-toolbar-title"><span data-i18n>InfoRadar</span> <span class="title-formula" data-i18n>LLM × Linguistics × Information Theory</span></h1>
                     <div class="home-toolbar-actions">
                         <a href="compare.html?showTextRender=1&demos=/quick-start-1.json,/quick-start-2.json" target="_blank" class="compare-link" title="Compare analysis results" data-i18n="text,title">Compare results</a>
                         <div class="settings-menu-wrapper">

 <head>
     <meta charset="UTF-8">
+    <title>InfoRadar — see what matters</title>
     <meta name="description"
       content="InfoRadar visualizes token-level information density in text using LLMs, helping you quickly find key content and skip redundancy.">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
             <div class="floating_content">
                 <header class="home-toolbar">
                     <div class="dark-mode-toggle-wrapper">
+                    <h1 class="home-toolbar-title"><span class="title-main-line"><span data-i18n>InfoRadar</span><span class="title-tagline" data-i18n>- see what matters.</span></span> <span class="title-formula" data-i18n>LLM × Linguistics × Information Theory</span></h1>
                     <div class="home-toolbar-actions">
                         <a href="compare.html?showTextRender=1&demos=/quick-start-1.json,/quick-start-2.json" target="_blank" class="compare-link" title="Compare analysis results" data-i18n="text,title">Compare results</a>
                         <div class="settings-menu-wrapper">

client/src/ts/lang/translations.ts CHANGED Viewed

@@ -19,7 +19,10 @@ export const translations: Translations = {
         // - client/src/content/home.en.html
         // - client/src/content/home.zh.html
         // 由 contentLoader.ts 动态加载
-        'InfoRadar': 'InfoRadar（信息雷达）',
         'LLM × Linguistics × Information Theory': '大模型 × 语言学 × 信息论',
         // ========== 通用按钮和操作 ==========
@@ -189,7 +192,7 @@ export const translations: Translations = {
         'information density:': '信息密度：',
         'prob:': '概率：',
         'This token was merged from multiple BPE units, Top-k info is aggregated.': '该 token 由多个 BPE 合并，Top-k 信息已合并。',
-        'token information:': 'token信息量：',
         'Top-k data not available.': '未提供 Top-k 数据。',
         'UTF-8 size:': 'UTF-8大小：',

         // - client/src/content/home.en.html
         // - client/src/content/home.zh.html
         // 由 contentLoader.ts 动态加载
+        'InfoRadar': 'InfoRadar 信息雷达',
+        "- see what matters.": ' — 重点一目了然',
+        "InfoRadar — see what matters": 'InfoRadar 信息雷达 — 重点一目了然',
+        'InfoRadar visualizes token-level information density in text using LLMs, helping you quickly find key content and skip redundancy.': 'InfoRadar 用大模型可视化文本中每个 token 的信息密度，帮你快速找到关键内容、跳过冗余。',
         'LLM × Linguistics × Information Theory': '大模型 × 语言学 × 信息论',
         // ========== 通用按钮和操作 ==========
         'information density:': '信息密度：',
         'prob:': '概率：',
         'This token was merged from multiple BPE units, Top-k info is aggregated.': '该 token 由多个 BPE 合并，Top-k 信息已合并。',
+        'information:': '信息量：',
         'Top-k data not available.': '未提供 Top-k 数据。',
         'UTF-8 size:': 'UTF-8大小：',

client/src/ts/start.ts CHANGED Viewed

@@ -16,7 +16,7 @@ import {createToast} from './ui/toast';
 import {initDemoManager, type DemoManager} from './ui/demoManager';
 import {showAlertDialog, showDialog, createCombinedContent, createNamePathTextContent, createUrlInputContent} from './ui/dialog';
 // 国际化
-import {tr, initI18n, toggleLanguage} from './lang/i18n-lite';
 import {loadHomeContent} from './lang/contentLoader';
 // Demo存储层
 import { ServerStorage } from './storage/demoStorage';
@@ -109,10 +109,26 @@ window.onload = () => {
     const metricTotalSurprisal = d3.select('#metric_total_surprisal');
     const metricModel = d3.select('#metric_model');
     // 页面初始化时根据当前语言翻译所有带 data-i18n 属性的元素
     initI18n();
-    // 加载首页介绍内容
     loadHomeContent('home-intro-content');
     // minimap启用状态（优先使用URL参数，否则根据设备类型判断：移动端默认为false，桌面端默认为true）
@@ -271,7 +287,7 @@ window.onload = () => {
     // 更新文件名显示（必须在使用前定义）
     const openLocalFilename = d3.select('#open_local_demo_filename');
     const updateFileNameDisplay = (filename: string | null) => {
-        openLocalFilename.text(filename || tr('No file selected'));
     };
     // 创建 Demo 业务逻辑管理器

 import {initDemoManager, type DemoManager} from './ui/demoManager';
 import {showAlertDialog, showDialog, createCombinedContent, createNamePathTextContent, createUrlInputContent} from './ui/dialog';
 // 国际化
+import {tr, initI18n, toggleLanguage, getCurrentLanguage} from './lang/i18n-lite';
 import {loadHomeContent} from './lang/contentLoader';
 // Demo存储层
 import { ServerStorage } from './storage/demoStorage';
     const metricTotalSurprisal = d3.select('#metric_total_surprisal');
     const metricModel = d3.select('#metric_model');
+    // 从 HTML 读取作为 i18n key 的默认文案（须在 initI18n 之前）
+    const defaultNoFileLabel = (() => {
+        const el = document.getElementById('open_local_demo_filename');
+        return el ? el.textContent?.trim().replace(/\s+/g, ' ') : 'No file selected';
+    })();
     // 页面初始化时根据当前语言翻译所有带 data-i18n 属性的元素
     initI18n();
+    // 首页相关：中文时用 HTML 内的英文作 key 翻译后覆盖标题与描述
+    const isZh = getCurrentLanguage() === 'zh';
+    document.documentElement.lang = isZh ? 'zh-CN' : 'en';
+    if (isZh) {
+        document.title = tr(document.title);
+        const metaDesc = document.querySelector('meta[name="description"]');
+        if (metaDesc) {
+            const content = metaDesc.getAttribute('content');
+            if (content) metaDesc.setAttribute('content', tr(content));
+        }
+    }
+    // 加载首页介绍内容（home.en.html / home.zh.html）
     loadHomeContent('home-intro-content');
     // minimap启用状态（优先使用URL参数，否则根据设备类型判断：移动端默认为false，桌面端默认为true）
     // 更新文件名显示（必须在使用前定义）
     const openLocalFilename = d3.select('#open_local_demo_filename');
     const updateFileNameDisplay = (filename: string | null) => {
+        openLocalFilename.text(filename || tr(defaultNoFileLabel));
     };
     // 创建 Demo 业务逻辑管理器

client/src/ts/vis/ToolTip.ts CHANGED Viewed

@@ -456,7 +456,7 @@ export class ToolTip {
             const prob = ri.tokenData.real_topk[1];
             const surprisal = calculateSurprisal(prob);
             const isClassic = getTokenRenderStyle() === 'classic';
-            const surprisalText = `<span style="color: ${detailColor}">${tr('token information:')}</span> <span style="color: ${valueColor}">${this.significantF(surprisal)}</span> <span style="color: ${detailColor}">bits</span>`;
             const prop = `<span style="color: ${detailColor}">${tr('prob:')}</span> <span style="color: ${detailColor}">${this.significantF(prob)}</span>`;
             if (isClassic) {
                 return `${surprisalText}<br/>${prop}`;

             const prob = ri.tokenData.real_topk[1];
             const surprisal = calculateSurprisal(prob);
             const isClassic = getTokenRenderStyle() === 'classic';
+            const surprisalText = `<span style="color: ${detailColor}">${tr('information:')}</span> <span style="color: ${valueColor}">${this.significantF(surprisal)}</span> <span style="color: ${detailColor}">bits</span>`;
             const prop = `<span style="color: ${detailColor}">${tr('prob:')}</span> <span style="color: ${detailColor}">${this.significantF(prob)}</span>`;
             if (isClassic) {
                 return `${surprisalText}<br/>${prop}`;