@orbit-work/ui 0.1.0 → 0.1.2-preview.0

package/dist/orbitwork.css

@@ -244,6 +244,9 @@
   .collapse {
     visibility: collapse;
   }
+  .invisible {
+    visibility: hidden;
+  }
   .visible {
     visibility: visible;
   }
@@ -6178,23 +6181,30 @@
     max-width: 100%;
     margin: var(--ow-space-2, 8px) 0 var(--ow-space-3, 12px);
     overflow-x: auto;
+    overscroll-behavior-inline: contain;
     border: var(--ow-border-width-thin, 1px) solid var(--ow-border);
     border-radius: var(--ow-radius-card);
     background: var(--ow-surface);
   }
   .md table {
-    width: max-content;
-    min-width: 100%;
+    width: 100%;
+    min-width: min(480px, 100%);
     border-collapse: collapse;
-    font: 400 var(--ow-fs-ui)/1.45 var(--ow-font-sans);
+    table-layout: auto;
+    font: 400 var(--ow-fs-ui)/1.55 var(--ow-font-sans);
   }
   .md th, .md td {
+    min-width: 88px;
+    max-width: 360px;
     padding: var(--ow-space-2, 8px) var(--ow-space-3, 12px);
     border-bottom: var(--ow-border-width-thin, 1px) solid var(--ow-border);
     color: var(--ow-text-2);
     text-align: left;
     vertical-align: top;
-    white-space: nowrap;
+    white-space: normal;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    text-wrap: pretty;
   }
   .md tr:last-child td {
     border-bottom: 0;
@@ -6203,9 +6213,11 @@
     background: var(--ow-surface-2);
     font-weight: 500;
     color: var(--ow-text);
+    text-wrap: balance;
   }
   .md td code, .md th code {
-    white-space: nowrap;
+    white-space: normal;
+    overflow-wrap: anywhere;
   }
   .md .al-right {
     text-align: right;
@@ -6825,6 +6837,24 @@
   border-radius: 0;
   box-shadow: none;
 }
+.auth-restore-splash {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--ow-space-4, 16px);
+  -webkit-app-region: drag;
+}
+.auth-restore-splash img {
+  opacity: 0.9;
+}
+.auth-restore-splash p {
+  margin: 0;
+  color: var(--ow-text-3);
+  font-size: var(--ow-text-sm, 13px);
+}
 .window-chrome {
   position: absolute;
   left: 12px;
@@ -7122,6 +7152,16 @@
   gap: var(--ow-space-1, 4px);
   padding-top: 2px;
 }
+.owprojects-boot {
+  flex: 1;
+  min-height: 120px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--ow-space-3, 12px);
+  color: var(--ow-text-3);
+}
 .owprojects::-webkit-scrollbar {
   width: 0;
 }
@@ -7853,20 +7893,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);
@@ -8055,7 +8106,7 @@
 .desktop-library-page__state strong {
   color: var(--ow-error);
 }
-.desktop-library-page__state span, .desktop-library-page__demo p {
+.desktop-library-page__state > span, .desktop-library-page__demo p {
   margin: 0;
   color: var(--ow-text-3);
   font: 400 var(--ow-fs-ui)/1.6 var(--ow-font-sans);
@@ -8077,6 +8128,8 @@
   border-bottom: var(--ow-border-width-thin, 1px) solid var(--ow-border);
 }
 .desktop-library-authorization-dialog [data-slot="dialog-body"] {
+  display: flex;
+  min-height: 0;
   padding: 0;
 }
 .desktop-library-consent {
@@ -8088,6 +8141,13 @@
   padding: var(--ow-space-5, 20px) var(--ow-space-6, 24px) var(--ow-space-6, 24px);
   color: var(--ow-text-2);
 }
+.desktop-library-consent--authorizing {
+  width: 100%;
+  height: min(680px, 72vh);
+  min-height: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+}
 .desktop-library-consent__flow {
   display: flex;
   align-items: center;
@@ -8226,21 +8286,24 @@
   font: 400 var(--ow-fs-body-sm)/1.5 var(--ow-font-sans);
 }
 .desktop-library-consent__webview {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
+  display: flex;
+  min-width: 0;
+  min-height: 360px;
+  flex: 1;
   overflow: hidden;
-  border: 0;
-  opacity: 0;
-  pointer-events: none;
-  clip: rect(0 0 0 0);
+  border: var(--ow-border-width-thin, 1px) solid var(--ow-border);
+  border-radius: var(--ow-radius-lg);
+  background: var(--ow-surface-2);
 }
 .desktop-library-consent__webview webview {
-  display: block;
-  width: 1px;
-  height: 1px;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+  flex: 1;
   border: 0;
+  background: var(--ow-bg);
 }
 .desktop-library-consent__error {
   margin: 0;
@@ -8266,6 +8329,12 @@
     max-height: 82vh;
     padding: var(--ow-space-4, 16px);
   }
+  .desktop-library-consent--authorizing {
+    height: 74vh;
+  }
+  .desktop-library-consent__webview {
+    min-height: 280px;
+  }
   .desktop-library-consent__actions {
     position: sticky;
     bottom: calc(var(--ow-space-2, 8px) * -1);
@@ -9482,6 +9551,12 @@
 .history-status {
   margin-bottom: 18px;
 }
+.history-status:has([data-ow-part="spinner"]),
+.history-top-status:has([data-ow-part="spinner"]) {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ow-space-15, 6px);
+}
 .history-top-status.error,
 .history-status.error {
   border-color: var(--ow-error-tint-border);
@@ -18078,7 +18153,7 @@ img.g {
   word-break: break-all;
 }
 .browser-sidebar {
-  width: min(480px, 42vw);
+  width: min(400px, 38vw);
   max-width: calc(100% - clamp(0px, calc(100% - 300px), 400px));
   flex: 0 0 auto;
   display: flex;

package/package.json

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

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

@@ -110,7 +110,7 @@ export function ContextUsageIndicatorView(props: ContextUsageIndicatorViewProps)
           <TotalRow label="总可用" value={props.totalLabel} strong />
           {props.totalLabel === "—" && (
             <p className="context-usage-card__unavailable">
-              {props.modelLoading ? "正在获取模型上下文上限。" : "Studio 暂未提供此模型的上下文上限。"}
+              {props.modelLoading ? "正在获取模型上下文上限。" : "Platform 暂未提供此模型的上下文上限。"}
             </p>
           )}
         </Card>

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}>
@@ -1144,12 +1157,17 @@ export const PanelFold = (p: IconProps) => (
 )
 
 // Product integration icons are intentionally outside the Figma 05 Icons catalog.
+const dingTalkPath =
+  "M849.92 51.2H174.08c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.8656 55.0144 122.88 122.88 122.88h675.84c67.8656 0 122.88-55.0144 122.88-122.88V174.08c0-67.8656-55.0144-122.88-122.88-122.88z m-97.17248 383.4112c-1.00352 4.61824-3.61472 10.84928-7.22944 19.18976l-0.50688 0.50176c-21.69856 46.01344-77.66016 136.13568-77.66016 136.13568l-0.50688-0.50176-16.57344 28.43136h79.17056L578.33472 819.2l34.16064-136.63744h-62.09024l21.69856-90.624c-17.58208 4.1216-38.28224 9.85088-62.592 18.08384 0 0-33.15712 19.18976-95.24736-37.26848 0 0-41.89696-37.2736-17.58208-46.01344 10.34752-4.1216 50.23232-8.84736 81.78176-12.95872 42.3936-5.72928 68.81792-8.84736 68.81792-8.84736s-130.90816 2.10944-161.95584-3.10784c-31.04256-4.62336-70.4256-56.97024-78.6688-102.48192 0 0-12.95872-24.81664 27.9296-12.95872 40.39168 11.8528 210.18112 46.01344 210.18112 46.01344S324.2496 365.2864 309.78048 348.70784c-14.46912-16.57856-42.99776-90.01984-39.38304-135.13216 0 0 1.50528-11.35104 12.95872-8.23808 0 0 162.55488 74.5472 273.77664 114.93376 111.8208 41.40032 208.57344 62.09536 195.61472 114.33984z"
 export const DingTalk = (p: IconProps) => (
   <svg viewBox="0 0 1024 1024" {...p}>
-    <path
-      d="M849.92 51.2H174.08c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.8656 55.0144 122.88 122.88 122.88h675.84c67.8656 0 122.88-55.0144 122.88-122.88V174.08c0-67.8656-55.0144-122.88-122.88-122.88z m-97.17248 383.4112c-1.00352 4.61824-3.61472 10.84928-7.22944 19.18976l-0.50688 0.50176c-21.69856 46.01344-77.66016 136.13568-77.66016 136.13568l-0.50688-0.50176-16.57344 28.43136h79.17056L578.33472 819.2l34.16064-136.63744h-62.09024l21.69856-90.624c-17.58208 4.1216-38.28224 9.85088-62.592 18.08384 0 0-33.15712 19.18976-95.24736-37.26848 0 0-41.89696-37.2736-17.58208-46.01344 10.34752-4.1216 50.23232-8.84736 81.78176-12.95872 42.3936-5.72928 68.81792-8.84736 68.81792-8.84736s-130.90816 2.10944-161.95584-3.10784c-31.04256-4.62336-70.4256-56.97024-78.6688-102.48192 0 0-12.95872-24.81664 27.9296-12.95872 40.39168 11.8528 210.18112 46.01344 210.18112 46.01344S324.2496 365.2864 309.78048 348.70784c-14.46912-16.57856-42.99776-90.01984-39.38304-135.13216 0 0 1.50528-11.35104 12.95872-8.23808 0 0 162.55488 74.5472 273.77664 114.93376 111.8208 41.40032 208.57344 62.09536 195.61472 114.33984z"
-      fill="#3296FA"
-    />
+    <path d={dingTalkPath} fill="#3296FA" />
+  </svg>
+)
+/** 钉钉 AI 伙伴：同 DingTalk 几何，fill 换 #1677FF 作同族第二色区分（登录页双钉钉入口用）。 */
+export const DingTalkAi = (p: IconProps) => (
+  <svg viewBox="0 0 1024 1024" {...p}>
+    <path d={dingTalkPath} fill="#1677FF" />
   </svg>
 )
 export const Feishu = (p: IconProps) => (
@@ -1272,6 +1290,7 @@ export const Icons = {
   Archive,
   Logout,
   Help,
+  Bell,
   Skill,
   Sparkle,
   Clock,
@@ -1300,6 +1319,7 @@ export const Icons = {
   Skills,
   AlertCircle,
   DingTalk,
+  DingTalkAi,
   Feishu,
   WeCom,
   CommentPlus,

package/src/components/composite/Markdown/MarkdownStyleSource.test.mjs

@@ -98,7 +98,7 @@ test("markdown tables reuse the DataTable facade in one theme-agnostic block", (
   )
   assert.match(
     styleSource,
-    /\.md th \{ background: var\(--ow-surface-2\); font-weight: 500; color: var\(--ow-text\); \}/,
+    /\.md th \{ background: var\(--ow-surface-2\); font-weight: 500; color: var\(--ow-text\); text-wrap: balance; \}/,
   )
   assert.doesNotMatch(styleSource, /var\(--ow-gray-00\)/)
   assert.doesNotMatch(styleSource, /\[data-theme="dark"\] \.md/)
@@ -120,6 +120,21 @@ test("markdown tables draw row rules only — no vertical cell borders, header a
   assert.doesNotMatch(styleSource, /\.md th:last-child, \.md td:last-child \{ border-right: 0; \}/)
 })
 
+// 可读性修复：nowrap + width:max-content 会把长内容顶成强制横滚，
+// 改为列宽 88–360px、任意断词、容器内滚不链到页面（overscroll-behavior-inline）。
+// 斑马纹（tbody tr:nth-child(even)）上游设计新增，DS2 立面没有——不迁。
+test("markdown tables wrap long content while preserving readable column widths", () => {
+  assert.match(styleSource, /\.md table \{[^}]*width: 100%; min-width: min\(480px, 100%\)/)
+  assert.match(styleSource, /\.md th, \.md td \{[^}]*min-width: 88px; max-width: 360px/)
+  assert.match(
+    styleSource,
+    /\.md th, \.md td \{[^}]*white-space: normal; overflow-wrap: anywhere; word-break: break-word/,
+  )
+  assert.match(styleSource, /\.md__table-wrap \{[^}]*overscroll-behavior-inline: contain/)
+  assert.match(styleSource, /\.md td code, \.md th code \{ white-space: normal; overflow-wrap: anywhere; \}/)
+  assert.doesNotMatch(styleSource, /nth-child\(even\)/)
+})
+
 // 列表（§8）：全局 reset 会把 ol/ul 的 list-style 清成 none，.md 族必须自己补回，
 // 否则无序列表没圆点、有序列表没序号（W0 断链）。
 test("markdown lists restore their bullets and numbering after the global reset", () => {

package/src/components/domain/desktop/DesktopLibraryAuthorizationDialog/DesktopLibraryAuthorizationDialogSource.test.mjs

@@ -0,0 +1,22 @@
+import assert from "node:assert/strict"
+import { readFile } from "node:fs/promises"
+import test from "node:test"
+
+const source = await readFile(new URL("./index.tsx", import.meta.url), "utf8")
+const styles = await readFile(new URL("../../../../../styles/desktop-surfaces.css", import.meta.url), "utf8")
+
+test("embedded authorization shows an interactive webview after consent", () => {
+  assert.ok(source.includes("width={authorizationUrl ? 920 : 520}"))
+  assert.ok(source.includes('className="desktop-library-consent__webview"'))
+  assert.ok(source.includes('role="region"'))
+  assert.ok(source.includes('authorizationUrl ? "取消授权" : "拒绝"'))
+
+  const hostRule = styles.match(/\.desktop-library-consent__webview \{([^}]*)\}/)?.[1] ?? ""
+  const webviewRule = styles.match(/\.desktop-library-consent__webview webview \{([^}]*)\}/)?.[1] ?? ""
+  assert.match(hostRule, /display: flex/)
+  assert.match(hostRule, /min-height: 360px/)
+  assert.match(hostRule, /flex: 1/)
+  assert.match(webviewRule, /width: 100%; height: 100%/)
+  assert.match(webviewRule, /flex: 1/)
+  assert.doesNotMatch(hostRule, /opacity: 0|pointer-events: none|clip:/)
+})

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

@@ -56,6 +56,7 @@ export function DesktopLibraryAuthorizationDialog({
     if (!host || !authorizationUrl) return
     host.replaceChildren()
     const webview = document.createElement("webview")
+    webview.setAttribute("aria-label", `${appName} 授权页面`)
     webview.setAttribute("partition", "persist:library-authorization")
     webview.setAttribute("webpreferences", "contextIsolation=yes, nodeIntegration=no, sandbox=yes")
     webview.setAttribute("src", authorizationUrl)
@@ -63,7 +64,7 @@ export function DesktopLibraryAuthorizationDialog({
     return () => {
       webview.remove()
     }
-  }, [authorizationUrl])
+  }, [appName, authorizationUrl])
 
   return (
     <Dialog
@@ -71,63 +72,75 @@ export function DesktopLibraryAuthorizationDialog({
       title="授权访问"
       subtitle={`${appName} · Orbitwork 安全授权`}
       className="desktop-library-authorization-dialog"
-      width={520}
+      width={authorizationUrl ? 920 : 520}
       padded={false}
       onClose={submitting === "deny" ? undefined : onClose}
       closable={submitting !== "deny"}
     >
-      <div className="desktop-library-consent" aria-busy={loading || submitting !== null}>
-        <div className="desktop-library-consent__flow" aria-hidden="true">
-          <span className="desktop-library-consent__mark desktop-library-consent__mark--orbitwork">
-            <OrbitworkMark size={40} />
-          </span>
-          <span className="desktop-library-consent__arrow">→</span>
-          <span
-            className={`desktop-library-consent__mark desktop-library-consent__mark--accent${appIconSource ? " desktop-library-consent__mark--image" : ""}`}
-          >
-            {appIconSource ? (
-              <img src={appIconSource} alt="" onError={() => setAppIconFailed(true)} />
-            ) : (
-              initial(appName)
-            )}
-          </span>
-        </div>
-        <h2>
-          <strong>{appName}</strong> 请求访问你的账号
-        </h2>
-        <p className="desktop-library-consent__description">{appDescription}</p>
-        <div className="desktop-library-consent__facts">
-          <span>
-            <Lock aria-hidden="true" /> 使用 Orbitwork 账号凭证
-          </span>
-          <span>
-            <Shield aria-hidden="true" /> 仅在资料库请求中生效
-          </span>
-        </div>
-        <section className="desktop-library-consent__scopes" aria-labelledby="desktop-library-consent-scopes">
-          <h3 id="desktop-library-consent-scopes">将授予以下权限</h3>
-          {loading ? (
-            <p className="desktop-library-consent__loading">正在检查登录状态…</p>
-          ) : scopes.length > 0 ? (
-            <ul>
-              {scopes.map((scope) => (
-                <li key={`${scope.owner ?? ""}:${scope.title}`}>
-                  <CheckCircle aria-hidden="true" />
-                  <span>
-                    <strong>{scope.title}</strong>
-                    {scope.owner && <small>{scope.owner}</small>}
-                    {scope.description && <em>{scope.description}</em>}
-                  </span>
-                  {scope.required && <b>必需</b>}
-                </li>
-              ))}
-            </ul>
-          ) : (
-            <p className="desktop-library-consent__loading">访问资料库内容</p>
-          )}
-        </section>
+      <div
+        className={`desktop-library-consent${authorizationUrl ? " desktop-library-consent--authorizing" : ""}`}
+        aria-busy={loading || submitting !== null}
+      >
+        {!authorizationUrl && (
+          <>
+            <div className="desktop-library-consent__flow" aria-hidden="true">
+              <span className="desktop-library-consent__mark desktop-library-consent__mark--orbitwork">
+                <OrbitworkMark size={40} />
+              </span>
+              <span className="desktop-library-consent__arrow">→</span>
+              <span
+                className={`desktop-library-consent__mark desktop-library-consent__mark--accent${appIconSource ? " desktop-library-consent__mark--image" : ""}`}
+              >
+                {appIconSource ? (
+                  <img src={appIconSource} alt="" onError={() => setAppIconFailed(true)} />
+                ) : (
+                  initial(appName)
+                )}
+              </span>
+            </div>
+            <h2>
+              <strong>{appName}</strong> 请求访问你的账号
+            </h2>
+            <p className="desktop-library-consent__description">{appDescription}</p>
+            <div className="desktop-library-consent__facts">
+              <span>
+                <Lock aria-hidden="true" /> 使用 Orbitwork 账号凭证
+              </span>
+              <span>
+                <Shield aria-hidden="true" /> 仅在资料库请求中生效
+              </span>
+            </div>
+            <section className="desktop-library-consent__scopes" aria-labelledby="desktop-library-consent-scopes">
+              <h3 id="desktop-library-consent-scopes">将授予以下权限</h3>
+              {loading ? (
+                <p className="desktop-library-consent__loading">正在检查登录状态…</p>
+              ) : scopes.length > 0 ? (
+                <ul>
+                  {scopes.map((scope) => (
+                    <li key={`${scope.owner ?? ""}:${scope.title}`}>
+                      <CheckCircle aria-hidden="true" />
+                      <span>
+                        <strong>{scope.title}</strong>
+                        {scope.owner && <small>{scope.owner}</small>}
+                        {scope.description && <em>{scope.description}</em>}
+                      </span>
+                      {scope.required && <b>必需</b>}
+                    </li>
+                  ))}
+                </ul>
+              ) : (
+                <p className="desktop-library-consent__loading">访问资料库内容</p>
+              )}
+            </section>
+          </>
+        )}
         {authorizationUrl && (
-          <div ref={webviewHostRef} className="desktop-library-consent__webview" aria-hidden="true" />
+          <div
+            ref={webviewHostRef}
+            className="desktop-library-consent__webview"
+            role="region"
+            aria-label={`${appName} 授权页面`}
+          />
         )}
         {error && (
           <p className="desktop-library-consent__error" role="alert">
@@ -139,11 +152,13 @@ export function DesktopLibraryAuthorizationDialog({
         </p>
         <div className="desktop-library-consent__actions">
           <Button variant="ghost" disabled={submitting === "deny"} onClick={onDeny}>
-            {submitting === "deny" ? "处理中…" : "拒绝"}
-          </Button>
-          <Button variant="primary" disabled={loading || submitting !== null} onClick={onApprove}>
-            {submitting === "approve" ? "授权中…" : "同意授权"}
+            {submitting === "deny" ? "处理中…" : authorizationUrl ? "取消授权" : "拒绝"}
           </Button>
+          {!authorizationUrl && (
+            <Button variant="primary" disabled={loading || submitting !== null} onClick={onApprove}>
+              {submitting === "approve" ? "授权中…" : "同意授权"}
+            </Button>
+          )}
         </div>
       </div>
     </Dialog>

package/src/components/domain/desktop/DesktopLibraryPageView/DesktopLibraryPageView.stories.tsx

@@ -40,3 +40,10 @@ export const LoadError: Story = {
     error: "资料库插件未安装或启动失败（exit code 1）",
   },
 }
+
+export const AuthorizationRequired: Story = {
+  args: {
+    authorizationRequired: true,
+    onRequestAuthorization: () => {},
+  },
+}

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

@@ -1,10 +1,13 @@
 "use client"
 
 import type { Ref } from "react"
+import { Button } from "../../../primitives"
 
 export interface DesktopLibraryPageViewProps {
   loading?: boolean
   error?: string | null
+  authorizationRequired?: boolean
+  onRequestAuthorization?: () => void
   webviewHostRef?: Ref<HTMLDivElement>
 }
 
@@ -12,6 +15,8 @@ export interface DesktopLibraryPageViewProps {
 export function DesktopLibraryPageView({
   loading = false,
   error = null,
+  authorizationRequired = false,
+  onRequestAuthorization,
   webviewHostRef,
 }: DesktopLibraryPageViewProps): React.ReactElement {
   return (
@@ -22,6 +27,15 @@ export function DesktopLibraryPageView({
             <strong>资料库页面加载失败</strong>
             <span>{error}</span>
           </div>
+        ) : authorizationRequired ? (
+          <div className="desktop-library-page__state" role="status">
+            <span>需要授权后才能访问资料库。</span>
+            {onRequestAuthorization && (
+              <Button variant="primary" onClick={onRequestAuthorization}>
+                立即授权
+              </Button>
+            )}
+          </div>
         ) : webviewHostRef ? (
           <div ref={webviewHostRef} className="desktop-library-page__webview-host" aria-busy={loading} />
         ) : (

package/src/components/domain/desktop/DesktopLoginView/DesktopLoginViewSource.test.mjs

@@ -115,7 +115,7 @@ test("登录段控件补齐 §6 状态：focus-visible 到位，禁用不用统
 test("§7 图标：手搓件退役，归口 composite/Icons；QR 面渲染主进程编码的真图", () => {
   assert.match(
     source,
-    /import \{ ChevLeft, DingTalk, Feishu, Globe, WeCom \} from "\.\.\/\.\.\/\.\.\/composite\/Icons"/,
+    /import { ChevLeft, DingTalk, DingTalkAi, Feishu, Globe, WeCom } from "\.\.\/\.\.\/\.\.\/composite\/Icons"/,
   )
   assert.doesNotMatch(source, /function (?:BackIcon|CheckIcon)\(/)
   assert.doesNotMatch(source, /<Check \/>/)
@@ -131,6 +131,13 @@ test("§7 图标：手搓件退役，归口 composite/Icons；QR 面渲染主进
   assert.match(source, /case "IDENTITY_PROVIDER_KIND_FEISHU": return Feishu/)
   assert.match(source, /case "IDENTITY_PROVIDER_KIND_WECOM": return WeCom/)
   assert.match(source, /default: return Globe/)
+  // 「钉钉 AI 伙伴」临时按 displayName 精确匹配出同族蓝色标（kind 契约无独立枚举、
+  // 连接 id 为随机 UUID）；proto 加 DINGTALK_AI 后此处应翻成 kind 分派断言。
+  assert.match(
+    source,
+    /provider\.kind === "IDENTITY_PROVIDER_KIND_DINGTALK" && provider\.displayName === "钉钉（AI伙伴）"[\s\S]*return DingTalkAi/,
+  )
+  assert.match(source, /TODO\(kind-dingtalk-ai\)/)
   // 未知 kind 的通用入口：Globe 标＋displayName 文本，不再隐藏连接。
   assert.match(source, /login-provider--generic/)
   assert.match(source, /Icon === Globe \? <span>\{provider\.displayName\}<\/span>/)