sintbot 1.0.16 → 1.3.0

package/assets/design-styles/swiss-grid.md

@@ -1,156 +0,0 @@
----
-name: 瑞士网格
-description: 国际主义排版风格——严格网格、大量留白、单一强调色,冷静克制的现代主义
-name_en: "Swiss Grid"
-description_en: "The International Typographic Style: a strict grid, plenty of white space and a single accent color. Calm, restrained modernism."
-suits: "内容阅读 · 品牌门面"
-colors:
-  primary: "#111418"
-  secondary: "#5C6066"
-  accent: "#D93025"
-  neutral: "#F4F3EF"
-  line: "#C9C7C0"
-fonts:
-  latin: "'Neue Haas Grotesk', 'Helvetica Neue'"
-  cjk: sans
-typography:
-  headline:
-    fontSize: "48px"
-    fontWeight: 700
-    letterSpacing: "-0.02em"
-  body:
-    fontSize: "16px"
-    lineHeight: 1.6
-    measure: "66ch"
-    fontWeight: 400
-  label:
-    fontWeight: 500
-    letterSpacing: "0.08em"
-border:
-  width: "1px"
-  style: solid
-  emphasis: "1px"
-rounded:
-  none: 0px
-spacing:
-  unit: 8px
-imagery:
-  ratio: "3:2"
-  treatment: grayscale
-  crop: hard
-icon:
-  style: line
-  strokeWidth: "1px"
-  linecap: butt
-  corner: sharp
-components:
-  button-primary:
-    backgroundColor: "{colors.primary}"
-    textColor: "{colors.neutral}"
-    typography: "{typography.label}"
-    rounded: "{rounded.none}"
-    height: "40px"
-    padding: "20px"
-  button-primary-hover:
-    backgroundColor: "{colors.accent}"
-  button-secondary:
-    backgroundColor: "{colors.neutral}"
-    textColor: "{colors.primary}"
-    typography: "{typography.label}"
-    rounded: "{rounded.none}"
-    height: "40px"
-    padding: "20px"
-  input-field:
-    backgroundColor: "{colors.neutral}"
-    textColor: "{colors.primary}"
-    typography: "{typography.body}"
-    rounded: "{rounded.none}"
-    height: "40px"
-    padding: "12px"
-  tag:
-    backgroundColor: "{colors.accent}"
-    textColor: "{colors.neutral}"
-    typography: "{typography.label}"
-    rounded: "{rounded.none}"
-    height: "24px"
-    padding: "8px"
----
-
-## Overview
-
-参照物:1960 年代 Josef Müller-Brockmann 的音乐厅招贴、苏黎世设计学院的展览目录。
-一切秩序来自网格与字号,而不是装饰。纸感的暖白底、近黑的墨色文字、唯一一点红。
-气质是「工程师的冷静」——信息密度可以高,但每一毫米都有依据。
-
-## Colors
-
-- **primary (#111418)**:近黑墨色,承担 90% 的文字与图形。
-- **secondary (#5C6066)**:注释、次级信息的中灰。
-- **accent (#D93025)**:全局唯一的强调红,一张图里出现不超过两处(一个标题词、一条线、一个箭头)。红是信号,不是装饰。
-- **neutral (#F4F3EF)**:暖白纸底。不用纯白 #FFF——纸感来自这一点点暖。
-- **line (#C9C7C0)**:网格线、分隔线专用,细而浅。
-
-## Typography
-
-- 无衬线一族走到底:拉丁 Neue Haas Grotesk / Helvetica,中文系统黑体(苹方 / 微软雅黑,思源黑体在栈尾兜底)。
-- 层级只靠字号与字重拉开(大标题可以非常大,与正文形成 4 倍以上的反差),不靠颜色和斜体。
-- label 类小字全大写(拉丁)+ 加宽字距,是这个风格的签名细节。
-
-## Layout
-
-- 严格的列网格(海报 6 列、界面 12 列),元素必须落在网格线上;留白占版面 40% 以上。
-- 齐左不齐右(拉丁);对齐是唯一的装饰。
-- 图片裁成网格整数倍的矩形,不加边框不加圆角不加投影。
-
-## Elevation & Depth
-
-深度**不存在**。这是印刷品,纸只有一层。
-
-- **Level 0 是唯一一层**:所有内容直接落在 neutral 纸底上,没有第二层底色。
-- 分区只有两种手段:**一条 1px 的 line 横线**,或**一整段留白**(≥3 倍常规间距 = 24px 起)。
-  二者等效,**优先留白**。
-- 主次靠字号跳跃(48/16,4 倍差)与 accent 红的位置——红落在哪里,哪里就是第一视线。
-- 需要一个区块看起来独立时:加一条线,或多留 3 倍的白。**不要把它变成卡片。**
-
-Don't:任何 box-shadow(哪怕 1px 模糊);白卡叠在白底上制造「浮起」的错觉。
-
-## Shapes
-
-形状语言 = **网格切出来的矩形**。
-
-- **圆角恒 0**(`rounded.none`),包括图片、输入框、头像。圆角一出现,秩序感就换成了亲和感。
-- **线条只有一种**:1px 实线 line 色,端点 butt(平头),只走水平或垂直;不用虚线、不用斜线。
-- 描边用得极省:图片不描边、区块不描边。线只用来**分隔**,不用来**包围**。
-- 允许的形状:矩形、正圆(仅作图表数据点)、实心三角(仅作箭头)。装饰性图形一个都没有。
-- **图标**:与网格线同一支笔——1px 实线、端点 butt(平头)、转角直角,不圆头也不填实心。
-  图标是标识不是装饰件,能用文字说清的地方就不要图标。
-
-## Components
-
-- **按钮**:方角实心块,高 40px、左右内边距 20px。主按钮 primary 底 + neutral 字;
-  hover **换成 accent 红**(不是变深)——这个风格里状态变化是换色,不是加效果。
-- **次级按钮**:同尺寸,neutral 底 + 1px line 描边 + primary 字。层级差别只在填色。
-- **输入框**:与按钮同高(40px),只画**底部一条 1px line**;聚焦时线换 primary 并加粗到 2px,
-  **不加外发光、不加背景色变化**。
-- **标签**:accent 实色小块,高 24px。一屏最多一个——它和红标题共用「唯一强调」的配额。
-- 所有控件高度取 `spacing.unit` 的整数倍(24 / 40 / 48),对不齐网格的控件不要出现。
-
-## Do's and Don'ts
-
-- Don't:任何渐变、任何投影、任何圆角。
-- Don't:第二种强调色。红已经在了,想加蓝的时候删一个元素。
-- Don't:斜体、艺术字、描边字。
-- Don't:居中排版(标题正文全部齐左;居中只允许出现在单行封面字)。
-- Do:敢留白,敢把标题放大到「有点过分」的程度。
-- Do:用一条 1px 的线解决所有分区需求。
-
-## Composition
-
-- 单主体、强轴线:主体沿网格垂直/水平轴放置,视线路径从大字号向小字号流动。
-- 摄影素材转黑白或单色化处理后再进版面,避免彩色照片打破配色纪律。
-
-## Image Prompt Templates
-
-- base: "Swiss International Typographic Style poster, strict grid layout, generous negative space, warm off-white paper background (#F4F3EF), near-black ink text (#111418), a single red accent (#D93025), Helvetica-style grotesque typography, flat, no gradients, no shadows, precise and rational, 1960s Zurich design school aesthetic"
-- negative: "gradient, drop shadow, rounded corners, multiple bright colors, 3D render, glossy, clip art, emoji"
-- 注:生成带中文文字的版面时,在 base 里补 "clean CJK sans-serif typography";文字宁少勿多。

package/assets/design-styles/tech-dark.md

@@ -1,182 +0,0 @@
----
-name: 科技深色
-description: 克制的深色科技界面——石墨蓝底、高可读文字、一点数据青,像专业监控台而非霓虹夜店
-name_en: "Tech Dark"
-description_en: "A restrained dark technical interface: graphite-blue ground, highly legible text and a hint of data cyan. A professional monitoring console, not a neon nightclub."
-suits: "工具产品"
-colors:
-  bg: "#0B0E14"
-  surface: "#151A23"
-  primary: "#E6EAF2"
-  secondary: "#8A93A6"
-  accent: "#2DD4BF"
-  line: "#232B38"
-fonts:
-  latin: "'IBM Plex Sans'"
-  cjk: sans
-typography:
-  headline:
-    fontSize: "24px"
-    fontWeight: 600
-  body:
-    fontSize: "14px"
-    lineHeight: 1.7
-    measure: "72ch"
-    fontWeight: 400
-  data:
-    latin: "'IBM Plex Mono', 'JetBrains Mono'"
-    fontWeight: 500
-border:
-  width: "1px"
-  style: solid
-  emphasis: "1px"
-rounded:
-  sm: 6px
-  md: 10px
-spacing:
-  unit: 8px
-status:
-  warning: "#F2B26B"
-imagery:
-  ratio: "16:9"
-  treatment: none
-  crop: rounded
-icon:
-  style: line
-  strokeWidth: "1.5px"
-  linecap: butt
-  corner: sharp
-components:
-  card:
-    backgroundColor: "{colors.surface}"
-    textColor: "{colors.primary}"
-    typography: "{typography.body}"
-    rounded: "{rounded.md}"
-    padding: "16px"
-  button-primary:
-    backgroundColor: "{colors.surface}"
-    textColor: "{colors.primary}"
-    typography: "{typography.body}"
-    rounded: "{rounded.sm}"
-    height: "32px"
-    padding: "12px"
-  button-primary-hover:
-    backgroundColor: "{colors.line}"
-  button-secondary:
-    backgroundColor: "{colors.bg}"
-    textColor: "{colors.secondary}"
-    typography: "{typography.body}"
-    rounded: "{rounded.sm}"
-    height: "32px"
-    padding: "12px"
-  input-field:
-    backgroundColor: "{colors.bg}"
-    textColor: "{colors.primary}"
-    typography: "{typography.body}"
-    rounded: "{rounded.sm}"
-    height: "32px"
-    padding: "10px"
-  tag:
-    backgroundColor: "{colors.surface}"
-    textColor: "{colors.accent}"
-    typography: "{typography.data}"
-    rounded: "{rounded.sm}"
-    height: "20px"
-    padding: "8px"
-  metric-value:
-    textColor: "{colors.accent}"
-    typography: "{typography.data}"
----
-
-## Overview
-
-参照物:专业交易终端、航天任务控制室的屏幕、开发者工具的深色主题。
-深色不是为了酷,是为了让数据发光。底色是带一点蓝的石墨,不是纯黑;
-强调色是冷静的数据青,只给「活的数据」用。整体气质:值夜班的工程师信得过的界面。
-
-## Colors
-
-- **bg (#0B0E14) / surface (#151A23)**:两级深底,卡片浮起靠这一档明度差,不靠投影。
-- **primary (#E6EAF2)**:正文亮灰白。别用纯白 #FFF,刺眼。
-- **secondary (#8A93A6)**:标签、说明文字。
-- **accent (#2DD4BF)**:数据青。只用于数值、活动状态、图表主线——按钮和标题不抢它。
-- **warning (#F2B26B,在顶层 `status:` 段)**:告警琥珀,与青色天然区分(bg 上 10.5:1)。错误可再深一档到红,但一张图里红是稀客。
-- **line (#232B38)**:分隔线与描边。深色界面的秩序靠线,不靠色块。
-
-## Typography
-
-- 界面文字 IBM Plex Sans + 系统黑体(苹方 / 微软雅黑,思源黑体兜底);**所有数值一律等宽字体**(IBM Plex Mono / JetBrains Mono)——数字会对齐、会跳动,等宽是专业感的一半;中文没有等宽族,夹在数值里的汉字兜到系统黑体。
-- 字重克制:600 封顶,不用 800/900 的重磅字。
-
-## Layout
-
-- 信息密度可以高,但要分区清晰:卡片之间留 16px 以上,卡片内边距统一。
-- 图表线条细(1.5-2px),数据点小;网格线用 line 色且比数据线浅得多。
-
-## Elevation & Depth
-
-层级靠**明度台阶**,不靠投影——深色底上的投影根本看不见,只会把界面弄脏。
-
-1. **Level 0** = bg `#0B0E14`,页面底。
-2. **Level 1**(卡片/面板)= surface `#151A23`。**这一档明度差就是全部的「浮起」**,不叠任何阴影。
-3. **Level 2**(弹层/下拉/浮层)= 仍是 surface + **1px line `#232B38` 描边**。靠描边而不是再提亮
-   一档,是为了不引入第三种底色。
-4. **hover** = 在当前层上再提亮约 6% 明度(surface `#151A23` → `#232B38`,与 line 同值),
-   **不是**加投影、不是加边框。
-5. ⚠ 不要用「在 surface 上叠一层品牌色 tint」的老做法:Material 3 已弃用 `surfaceTint`
-   (规范逐字:"Surface tint color is deprecated. Use elevation level tokens (0–5) instead."),
-   正统做法就是像这里一样,用两个**独立的 surface 色角色**。
-
-Don't:霓虹外发光(glow)当浮起;≥3 层底色堆叠(第三层深色一定分不出来)。
-
-## Shapes
-
-形状语言 = 精密仪器的面板:直边、小圆角、细线。
-
-- **圆角两档分工**:`sm 6px` 给按钮/输入框/标签,`md 10px` 给卡片/面板/弹层。**同屏不出现第三种**。
-- **同心嵌套**:外圆角 − 内边距 = 内圆角(M3 叫 optical roundness,Apple HIG 叫 concentricity,
-  两家独立收敛到同一条)。10px 圆角的卡片里放按钮,内边距 4px 时按钮才配 6px;
-  内边距开到 16px 时,内层元素**不要再画圆角容器**,直接裸放内容。
-- **转角族用 `rounded` 不用 `cut`**(M3 逐字:"The shape style family can be customized from
-  rounded to cut. This makes the corner a straight line instead of curved.")——切角是赛博朋克
-  语汇,与这里的克制不合。
-- **紧邻成组**的元素(分段控件、工具条按钮)用**非对称转角**:整组外侧两端 6px、内侧相接处 0,
-  让一排按钮读作一件东西而不是四个。
-- **线条**:1px line 色实线、端点 butt 用于分隔;图表数据线 1.5-2px、端点 round;
-  虚线只表达一种语义——「预测值/未确认数据」,别当装饰用。
-- **图标**:细线几何图标,1.5px 描边、端点 butt、转角直角,24px 网格。比 1px 分隔线粗半档
-  是为了在深底上立得住——深色底会把过细的亮线吃掉;再粗就成了仪表盘之外的另一种音量。
-  **不用实心图标**(实心块是 surface 的活儿,不是图标的)。
-
-## Components
-
-- **卡片/面板**:surface 底 + 10px 圆角 + 16px 内边距,卡片之间 16px。
-  **卡片里不再套卡片**(第二层 surface 在深色下分不出来)。
-- **按钮**:32px 高、6px 圆角、surface 底 + primary 字,hover 提亮到 `#232B38`。
-  **主按钮不用 accent**——青色是数据的,不是操作的。
-- **输入框**:32px 高、bg 底(比卡片更暗 = 「凹进去」)+ 1px line 描边;聚焦时描边换 accent,
-  不加外发光。
-- **标签/状态点**:20px 高,surface 底 + accent 字,文字走 `typography.data` 等宽。
-- **数值**:一律等宽字体;**活跃/实时**的数值上 accent,静态历史值用 primary——
-  一屏里带 accent 的数字超过三个,accent 就失效了。
-- 控件高度取 4px 的整数倍(20 / 32 / 40),密度可以高,但必须齐。
-
-## Do's and Don'ts
-
-- Don't:紫蓝渐变(#6366F1 一族)、任何大面积渐变背景——这是深色科技风最泛滥的套路。
-- Don't:霓虹发光(glow/bloom)效果、赛博朋克粉紫配色。
-- Don't:emoji 当图标;图标用细线几何图标。
-- Don't:纯黑底 #000。
-- Do:数据造真:量级合理、有单位、有时间戳;假数据一眼假。
-- Do:让 accent 保持稀缺——满屏青色等于没有青色。
-
-## Composition
-
-- 仪表盘类:最重要的一个数字最大,放左上;趋势图占宽不占高。
-- 概念图/架构图:深底上用 surface 色块做节点、line 色连线、accent 只标关键路径。
-
-## Image Prompt Templates
-
-- base: "professional dark-mode dashboard interface, graphite blue-black background (#0B0E14), elevated panels (#151A23), light gray text, teal accent (#2DD4BF) for live data only, monospaced numerals, thin geometric line icons, subtle 1px borders, realistic plausible metrics with units, calm and precise, no neon glow"
-- negative: "purple-blue gradient, neon glow, cyberpunk, emoji icons, pure black background, glossy 3D, lens flare"
-- 注:图表数据要像真实业务(合理量级 + 单位),这条写进每次的画面描述里。

package/assets/favicon.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="64" height="64" role="img" aria-label="Sintbot">
-  <!-- SintBot 标记:黑盘白字、盘外透明。
-       字形在原路径里是镂空(nonzero 反绕),所以要先垫一枚同径白圆盘才让镂空处露白 —— 少了它,字形会直接透出标签栏底色。 -->
-  <circle cx="50" cy="50" r="50" fill="#fff"/>
-  <path fill="#000" d="M100,50A50,50,0,1,1,50,0,50,50,0,0,1,100,50ZM22.08,42.76,64,63.69l-7,3.49H43l-7-3.49v-7l-14,7v7l14,7H64l14-7v-14l-14-7,14-7v-14l-14-7v14l-14,7-14-7v-14l-14,7Z"/>
-</svg>

package/assets/logo.svg

@@ -1,24 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="Sintbot">
-  <title>Sintbot</title>
-  <!-- 金手指/引脚:先画,压在板下层露出边缘 -->
-  <g fill="#c9a25c">
-    <rect x="1.5" y="22" width="5" height="7" rx="1"/>
-    <rect x="1.5" y="34" width="5" height="7" rx="1"/>
-    <rect x="57.5" y="22" width="5" height="7" rx="1"/>
-    <rect x="57.5" y="34" width="5" height="7" rx="1"/>
-    <rect x="17" y="53.5" width="7" height="5" rx="1"/>
-    <rect x="28.5" y="53.5" width="7" height="5" rx="1"/>
-    <rect x="40" y="53.5" width="7" height="5" rx="1"/>
-  </g>
-  <!-- 板 -->
-  <rect x="5" y="8" width="54" height="48" rx="4.5" fill="#235c3c"/>
-  <!-- 丝印内框 -->
-  <rect x="8.5" y="11.5" width="47" height="41" rx="2.5" fill="none" stroke="#3d8155" stroke-width="1"/>
-  <!-- S 走线:每个拐角切成两个 45°,PCB 不允许 90° 直角走线 -->
-  <path d="M44 20 H24 L20 24 V28 L24 32 H40 L44 36 V40 L40 44 H20"
-        fill="none" stroke="#d68f44" stroke-width="4"
-        stroke-linecap="round" stroke-linejoin="round"/>
-  <!-- 两端:起点过孔(环)/终点焊盘(实心) -->
-  <circle cx="44" cy="20" r="3.6" fill="#235c3c" stroke="#e5b94d" stroke-width="2.2"/>
-  <circle cx="20" cy="44" r="3.4" fill="#e5b94d"/>
-</svg>