@pactor-app/skills 1.44.0 → 1.46.0

package/pactor-prd/template/src/pactor/App.tsx

@@ -3,6 +3,7 @@
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { Suspense } from "react";
 import { SitemapApp } from "pactor-app";
+import { Login } from "@pactor-app/blocks";
 
 import { apiBaseUrl, pageEndpoint, sitemapSources } from "./config";
 import { pactorActions } from "./actions";
@@ -19,6 +20,10 @@ import { pactorComponents } from "./components";
  *（app/api/d/[...parts]/route.ts）原样转发到 serverBaseUrl（见 config.ts）；
  * 没有服务层接口时转发层返回空数据，页面按空态渲染。
  *
+ * 业务区块组件（@pactor-app/blocks）不进 ui 内置注册表：login 页 DSL 的
+ * `type: Login` 经 `components` prop 注册（样式见 layout.tsx 的
+ * blocks/styles.css）。
+ *
  * 登录 / 登出是普通 HTTP 调用，由 DSL 中的内置 request 动作直接表达
  *（见 src/server/yaml/ 的登录页 / 布局 DSL），无需客户端注册服务。
  *
@@ -48,7 +53,7 @@ function PactorAppInner() {
       pathname={pathname}
       query={Object.fromEntries(searchParams.entries())}
       navigate={(to) => router.push(to)}
-      components={pactorComponents}
+      components={{ ...pactorComponents, Login }}
       actions={pactorActions}
       pageEndpoint={pageEndpoint}
     />

package/pactor-prd/template/src/pactor/components/index.ts

@@ -4,14 +4,61 @@
  * 页面 DSL 引用的自定义组件注册表（页面级自定义组件
  * `components={{...}}`），经 SitemapApp 的 `components` prop 全局注册。
  * ChipFilter / ChipNode 快筛组件已内置在 @pactor-app/ui，无需在此注册。
+ *
+ * Chat 展示组件（ChatPage / Bubble / Composer 等 18 个）归属
+ * @pactor-app/chat 的 /components 子路径，不进 ui 内置注册表，
+ * 在此展开注册（DSL 类型名 = 导出符号名）；样式见 app/layout.tsx 的
+ * pactor-app/styles.css（聚合单入口）。
  */
+import {
+  AgentStatus,
+  ArtifactPanel,
+  Attachment,
+  Bubble,
+  ChatMessage,
+  ChatPage,
+  Citation,
+  Composer,
+  ConversationList,
+  MessageList,
+  Prompt,
+  Sender,
+  StepsPanel,
+  StreamingText,
+  Suggestion,
+  Thinking,
+  ToolCall,
+  Welcome,
+} from "@pactor-app/chat/components";
 import { StatusBadge } from "./status-badge";
 import { LogStatus } from "./log-status";
 import { DebugChat } from "./debug-chat";
 import { CardLink, StatusToggleIcon, TextLink } from "./card-links";
 import { ThemeSwitcher } from "./theme-switcher";
 
+const chatComponents: Record<string, unknown> = {
+  AgentStatus,
+  ArtifactPanel,
+  Attachment,
+  Bubble,
+  ChatMessage,
+  ChatPage,
+  Citation,
+  Composer,
+  ConversationList,
+  MessageList,
+  Prompt,
+  Sender,
+  StepsPanel,
+  StreamingText,
+  Suggestion,
+  Thinking,
+  ToolCall,
+  Welcome,
+};
+
 export const pactorComponents: Record<string, unknown> = {
+  ...chatComponents,
   StatusBadge,
   LogStatus,
   DebugChat,

package/pactor-prd/template/src/server/sitemap.ts

@@ -1,4 +1,4 @@
-import { readFileSync, readdirSync } from "node:fs";
+import { readFileSync, readdirSync, watch } from "node:fs";
 import { join, relative } from "node:path";
 
 import type { PageDsl, PermissionConfig } from "@pactor-app/core";
@@ -20,7 +20,7 @@ import type { DemoUser } from "./accounts";
  * 动态字段（updatedAt / user / permissions）。
  */
 
-/* ---------------- YAML DSL 文件加载（src/server/yaml/，启动时读入内存） ---------------- */
+/* ---------------- YAML DSL 文件加载（src/server/yaml/，缓存 + dev 下 fs.watch 失效重读） ---------------- */
 
 const YAML_DIR = join(process.cwd(), "src/server/yaml");
 
@@ -60,8 +60,6 @@ interface SitemapFile {
   menus: SitemapResource["menus"];
 }
 
-const site = loadYaml<SitemapFile>("sitemap.yaml");
-
 /** 递归收集 yaml 下所有页面 DSL（含 route / provider / ops 等域子目录；跳过 sitemap.yaml），按 id → 相对路径建索引 */
 function collectPageFiles(dir: string): Map<string, string> {
   return new Map(
@@ -75,21 +73,59 @@ function collectPageFiles(dir: string): Map<string, string> {
   );
 }
 
-const pageFiles = collectPageFiles(YAML_DIR);
+interface YamlState {
+  site: SitemapFile;
+  pageDsls: Map<string, PageDsl>;
+  lazyPageDsls: Map<string, PageDsl>;
+}
+
+function loadState(): YamlState {
+  const site = loadYaml<SitemapFile>("sitemap.yaml");
+  const pageFiles = collectPageFiles(YAML_DIR);
+
+  function loadPageDsl(id: string): PageDsl {
+    const file = pageFiles.get(id);
+    if (!file) throw new Error(`页面 DSL 缺失：${id}.yaml`);
+    return loadYaml<PageDsl>(file);
+  }
+
+  // 页面 DSL：按 id 约定从 yaml/<域>/<id>.yaml 加载；lazy 页不内联进 sitemap
+  return {
+    site,
+    pageDsls: new Map(
+      site.pages.filter((p) => !p.lazy).map((p) => [p.id, loadPageDsl(p.id)]),
+    ),
+    lazyPageDsls: new Map(
+      site.pages.filter((p) => p.lazy).map((p) => [p.id, loadPageDsl(p.id)]),
+    ),
+  };
+}
+
+let stateCache: YamlState | null = null;
 
-function loadPageDsl(id: string): PageDsl {
-  const file = pageFiles.get(id);
-  if (!file) throw new Error(`页面 DSL 缺失：${id}.yaml`);
-  return loadYaml<PageDsl>(file);
+/** YAML 状态：首次请求时读入缓存；dev 下 yaml 目录任一文件变更由 fs.watch 失效缓存，下次请求重读，无需重启 */
+function state(): YamlState {
+  if (!stateCache) stateCache = loadState();
+  return stateCache;
 }
 
-/** 页面 DSL：按 id 约定从 yaml/<域>/<id>.yaml 加载；lazy 页不在此内联 */
-const pageDsls = new Map(
-  site.pages.filter((p) => !p.lazy).map((p) => [p.id, loadPageDsl(p.id)]),
-);
-const lazyPageDsls = new Map(
-  site.pages.filter((p) => p.lazy).map((p) => [p.id, loadPageDsl(p.id)]),
-);
+// watcher 挂 globalThis：Next dev 重编译会重新执行本模块，只更新失效回调、不重复建 watcher
+const globalForYamlWatch = globalThis as unknown as {
+  __pactorYamlInvalidate?: () => void;
+  __pactorYamlWatcher?: ReturnType<typeof watch>;
+};
+globalForYamlWatch.__pactorYamlInvalidate = () => {
+  stateCache = null;
+};
+if (process.env.NODE_ENV !== "production" && !globalForYamlWatch.__pactorYamlWatcher) {
+  globalForYamlWatch.__pactorYamlWatcher = watch(
+    YAML_DIR,
+    { recursive: true },
+    () => {
+      globalForYamlWatch.__pactorYamlInvalidate?.();
+    },
+  );
+}
 
 /* ---------------- 会话裁剪 ---------------- */
 
@@ -140,6 +176,7 @@ function filterMenus(
  * 匿名 → 仅 public 页；guest → + 首页；admin → + 用户列表 / 报表组。
  */
 export function buildSitemap(user: DemoUser | null): SitemapResource {
+  const { site, pageDsls } = state();
   const pages: SitemapResource["pages"] = site.pages
     .filter((p) => canSee(p, user))
     .map((p) => ({
@@ -167,6 +204,7 @@ export function getLazyPage(
   pageId: string,
   user: DemoUser | null,
 ): { version: number; pageDsl: PageDsl } | null {
+  const { site, lazyPageDsls } = state();
   const entry = site.pages.find((p) => p.id === pageId);
   const pageDsl = lazyPageDsls.get(pageId);
   if (!entry?.lazy || !pageDsl || !canSee(entry, user)) {

package/pactor-prd/template/src/server/yaml/common/login.yaml

@@ -1,4 +1,5 @@
-# 登录页 DSL：type: Login 业务组件（packages/ui components/business/Login/），
+# 登录页 DSL：type: Login 业务组件（@pactor-app/blocks，经 App.tsx 的
+# components prop 注册；样式在 app/layout.tsx 挂载 blocks/styles.css），
 # 布局（layout: split / centered / brand-card / overlap / backdrop）与修饰
 # （brandSide / brandRatio / authVariant / brandPanelBackground / decor）正交组合，
 # 品牌区/文案/辅助入口/页脚全部 props 化，样式走语义令牌（深浅色/换肤自适应），