@orbit-work/ui 0.1.0 → 0.1.1

package/dist/orbitwork.css

@@ -7853,20 +7853,31 @@
   cursor: default;
   opacity: 1;
 }
-.owuser-update span {
-  white-space: nowrap;
+.owuser-update-ic {
+  position: relative;
+  display: inline-flex;
+  width: 14px;
+  height: 14px;
+}
+.owuser-update-ic svg {
+  width: 14px;
+  height: 14px;
 }
 .owuser-update em {
-  font: 400 var(--ow-fs-caption)/1 var(--ow-font-sans);
+  font: 400 var(--ow-fs-caption)/1 var(--ow-font-mono);
   font-style: normal;
+  font-variant-numeric: tabular-nums;
   color: var(--ow-text-3);
 }
 .owuser-update-dot {
+  position: absolute;
+  top: -2px;
+  right: -4px;
   width: 5px;
   height: 5px;
-  flex: 0 0 auto;
   border-radius: 50%;
   background: var(--ow-accent);
+  box-shadow: 0 0 0 1.5px var(--ow-bg);
 }
 .owuser-update.error .owuser-update-dot {
   background: var(--ow-error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbit-work/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Orbitwork Design System — React components with light/dark theme support.",
   "type": "module",
   "publishConfig": {

package/src/components/composite/Icons/index.tsx

@@ -780,6 +780,19 @@ export const Help = (p: IconProps) => (
     />
   </svg>
 )
+/** 通知铃（基形 lucide:bell）。规格：ow/components/icons/BeaconIcons 九枚以外沿用 Lucide 清单＋§7 参数。 */
+export const Bell = (p: IconProps) => (
+  <svg viewBox="0 0 24 24" fill="none" {...p}>
+    <path
+      d="M6 9a6 6 0 1 1 12 0c0 5.25 2 7.5 2 7.5H4S6 14.25 6 9"
+      stroke="currentColor"
+      strokeWidth="1.75"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path d="M10.35 20.4a1.9 1.9 0 0 0 3.3 0" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" />
+  </svg>
+)
 /** 信标族 schedule（基形 lucide:timer；指针末端→卫星珠＝.dot，弧的末端＝此刻）。规格：ow/components/icons/BeaconIcons。 */
 export const Clock = (p: IconProps) => (
   <svg viewBox="0 0 24 24" fill="none" {...p}>
@@ -1272,6 +1285,7 @@ export const Icons = {
   Archive,
   Logout,
   Help,
+  Bell,
   Skill,
   Sparkle,
   Clock,

package/src/components/domain/desktop/DesktopSidebarView/DesktopSidebarViewSource.test.mjs

@@ -193,7 +193,7 @@ test("V1 遗留 .thread-menu 已随 MenuSurface 迁移删除（全仓零引用
   assert.doesNotMatch(source, /thread-menu/)
 })
 
-test("更新胶囊是状态点＋文字而非实心按钮：焦点环走 focus-ring，无实底（§2/§6）", () => {
+test("更新入口是图标＋角标小圆点而非实心按钮：焦点环走 focus-ring，无实底（§2/§6）", () => {
   assert.match(styles, /\.owuser-update:focus-visible \{[^}]*var\(--ow-focus-ring\)/)
   assert.doesNotMatch(styles, /\.owuser-update:focus-visible \{[^}]*var\(--ow-primary\)/)
   assert.match(styles, /\.owuser-update:active:not\(:disabled\)/)
@@ -201,7 +201,7 @@ test("更新胶囊是状态点＋文字而非实心按钮：焦点环走 focus-r
   assert.match(styles, /\.owuser-update-dot \{[^}]*background: var\(--ow-accent\)/)
   assert.match(styles, /\.owuser-update:hover:not\(:disabled\) \{[^}]*var\(--ow-accent\)/)
   assert.match(styles, /\.owuser-update\.error \.owuser-update-dot \{[^}]*var\(--ow-error\)/)
-  // 层级错开：胶囊文字 caption/12px，不与账户名（fs-ui/13px）同档抢眼
+  // 层级错开：读数/辅助文字 caption 档，不与账户名（fs-ui/13px）同档抢眼
   assert.match(styles, /\.owuser-update \{[^}]*font: 400 var\(--ow-fs-caption\)\/1 var\(--ow-font-sans\)/)
   // ready 态不翻成主色实心按钮；呼吸动画已退役——点静止，全链路零 animation
   assert.doesNotMatch(styles, /\.owuser-update\.ready \{[^}]*background/)

package/src/components/domain/desktop/DesktopSidebarView/index.tsx

@@ -13,6 +13,7 @@ import {
   ChevDown,
   ChevRight,
   Clock,
+  Download,
   Edit,
   Folder,
   Grid,
@@ -838,12 +839,12 @@ function SidebarUpdateButton({
   onClick,
 }: { update: DesktopSidebarUpdate; onClick: () => void }): React.ReactElement {
   const percent = Math.round(Math.max(0, Math.min(100, update.percent ?? 0)))
-  /* 胶囊不是实心按钮：状态点 + 按态换字，状态说明走 title（与账户菜单「检查更新」行
-     同一份 updateRowText）。下载完（ready）点它的动作是重启安装，字还写「更新」会把
-     用户骗去等一个不会来的「更新中」——ready 直书「重启安装」；其余态「更新」不变。
-     下载中附百分比，点按行为由宿主按态分发。 */
+  /* 图标 + 角标小圆点：信息级提示，hover 才上色。ready 态图标换成 Refresh（动作是
+     重启安装），与 available 的 Download 形成形状双编码，不靠颜色区分两个可点态；
+     状态说明走 title（与账户菜单「检查更新」行同一份 updateRowText）。下载中禁用并
+     附百分比读数（读数用墨不用黄），点按行为由宿主按态分发。 */
   const { title } = updateRowText(update)
-  const label = update.state === "ready" ? "重启安装" : "更新"
+  const StateIcon = update.state === "ready" ? Refresh : Download
   return (
     <button
       type="button"
@@ -856,8 +857,10 @@ function SidebarUpdateButton({
         onClick()
       }}
     >
-      <i className="owuser-update-dot" aria-hidden="true" />
-      <span>{label}</span>
+      <span className="owuser-update-ic">
+        <StateIcon />
+        {update.state !== "downloading" && <i className="owuser-update-dot" aria-hidden="true" />}
+      </span>
       {update.state === "downloading" && <em>{percent}%</em>}
     </button>
   )