@morlay/ui-conversation-manager 0.1.4 → 0.1.6

package/src/client/index.ts

@@ -9,7 +9,6 @@ import type {} from "@deepseek-ai/dsh-client-ui-sidebar/client";
 import type {} from "@deepseek-ai/dsh-client-ui-session/client";
 import type {} from "@deepseek-ai/dsh-client-ui-workspace/client";
 import type {} from "@deepseek-ai/dsh-api-session-controller/client";
-import { apply as installUiPrimitives } from "@morlay/dsh-client-ui-primitives/client";
 import { ConversationManagerController } from "./controller.ts";
 import { ConversationManagerPage } from "./ConversationManagerPage.tsx";
 import { ConversationManagerIcon } from "./ConversationManagerIcon.tsx";
@@ -41,7 +40,6 @@ export const inject = ["slots", "locale", "uiWorkspace", "sessions"];
 
 export function apply(ctx: ClientContext): void {
   // 基础面随本包 inline（不再是装配行）：装上它提供的字典、字段槽与按行配置页；多份副本只装一次。
-  installUiPrimitives(ctx);
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "ui-conversation-manager: dictionaries");
   const t = ctx.locale.bind(NS);
   // ctx.sessions 的类型被别的 client 半的声明占住（SessionStore），按既有做法从服务面取。

package/src/client/locales.ts

@@ -11,8 +11,12 @@ export const zh = {
   archived: "已归档",
   subagent: "子代理",
   showSubagents: "显示子代理会话",
+  clearSearch: "清空搜索",
+  "filter.view": "视图",
+  "filter.subagents": "会话筛选",
   "view.sessions": "会话",
   "view.usage": "统计",
+  "usage.dimension": "用量维度",
   "usage.overview": "总览",
   "usage.all": "全部会话",
   "usage.range": "时间范围",
@@ -36,6 +40,7 @@ export const zh = {
   "usage.userInputs": "用户输入",
   "usage.toolCalls": "工具调用",
   "usage.subagentOnly": "其中子代理",
+  "usage.onlySubagents": "只看子代理会话",
   "usage.unknownModel": "未知模型",
   archive: "归档",
   archiveNamed: "归档 {title}",
@@ -91,8 +96,12 @@ export const en = {
   archived: "Archived",
   subagent: "Subagent",
   showSubagents: "Show subagent sessions",
+  clearSearch: "Clear search",
+  "filter.view": "View",
+  "filter.subagents": "Session filter",
   "view.sessions": "Sessions",
   "view.usage": "Usage",
+  "usage.dimension": "Usage dimension",
   "usage.overview": "Overview",
   "usage.all": "All sessions",
   "usage.range": "Time range",
@@ -116,6 +125,7 @@ export const en = {
   "usage.userInputs": "User inputs",
   "usage.toolCalls": "Tool calls",
   "usage.subagentOnly": "Subagent share",
+  "usage.onlySubagents": "Subagent sessions only",
   "usage.unknownModel": "Unknown model",
   archive: "Archive",
   archiveNamed: "Archive {title}",

package/src/css-modules.d.ts

@@ -0,0 +1,6 @@
+// 本包 client 半的页面框架是上游那套 CSS Modules（`ConversationManagerPage.module.css`）：bundler 解析得动，
+// TS 需要这份 ambient 声明把它定成「有一个 class 映射的模块」。
+declare module "*.module.css" {
+  const classes: Readonly<Record<string, string>>;
+  export default classes;
+}

package/dist/index.d.cts

@@ -1,3 +0,0 @@
-//#region src/index.d.ts
-export declare function apply(): void;
-//#endregion

package/src/client/ConversationManagerPage.styles.ts

@@ -1,256 +0,0 @@
-import { styling, type CSSProps } from "@morlay/dsh-client-ui-primitives/client";
-
-const spin = styling.keyframes({
-  from: { transform: "rotate(0deg)" },
-  to: { transform: "rotate(360deg)" },
-});
-
-// 「对话管理」页面的样式表（官方 --dsw-* 变量 + 我们的 css-in-js 层）：页面根是纵向 flex 且**自己不滚**，
-// 页头（标题 / tab 条 / 导入 / 清理）与搜索行固定在顶部，只有 `scroll` 那层随内容滚；除滚动层外的项都
-// `flex: none`，否则内容变长时会被压到 min-content（官方 Input 的 32px 高会被压成一行文字高）。
-export const styles = {
-  page: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "12px",
-    boxSizing: "border-box",
-    width: "100%",
-    height: "100%",
-    padding: "24px 28px",
-    overflow: "hidden",
-    color: "var(--dsw-alias-label-primary)",
-  },
-  // 页面里唯一的滚动容器：提示 / 空态 / 列表 / 分页（或 usage 视图）都在它里面。
-  scroll: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "12px",
-    flex: "1 1 auto",
-    minHeight: "0",
-    overflowY: "auto",
-  },
-  header: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "12px",
-    flex: "none",
-  },
-  headerActions: {
-    display: "flex",
-    alignItems: "center",
-    gap: "8px",
-    flex: "none",
-  },
-  title: {
-    margin: "0",
-    fontSize: "16px",
-    lineHeight: "24px",
-    fontWeight: "500",
-  },
-  // 与官方会话头部的 tab 条同形（ConversationRoot.module.css 的 .tabs/.tab/.tabActive）：
-  // 时间范围与维度切换共用这一套，选中态是品牌蓝文字 + 2px 下划线。
-  tabs: {
-    position: "relative",
-    zIndex: "1",
-    display: "flex",
-    gap: "36px",
-    marginTop: "10px",
-    paddingLeft: "8px",
-    flex: "none",
-  },
-  tab: {
-    position: "relative",
-    padding: "0 0 9px",
-    border: "none",
-    background: "transparent",
-    fontSize: "13px",
-    lineHeight: "16px",
-    fontWeight: "500",
-    color: "var(--dsw-alias-label-tertiary)",
-    cursor: "pointer",
-    "&::after": {
-      content: "''",
-      position: "absolute",
-      right: "0",
-      bottom: "-1px",
-      left: "0",
-      height: "2px",
-      borderRadius: "2px",
-      background: "transparent",
-    },
-  },
-  tabActive: {
-    color: "var(--dsw-alias-state-business-primary)",
-    "&::after": {
-      background: "var(--dsw-alias-state-business-primary)",
-    },
-  },
-  usage: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "12px",
-    flex: "none",
-  },
-  // 一行用量：label 在上，下面是横向排布的单项（每个单项内部上下）。
-  usageRow: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "6px",
-    padding: "10px 12px",
-    border: "1px solid var(--dsw-alias-border-l1)",
-    borderRadius: "10px",
-    background: "var(--dsw-alias-bg-base)",
-    flex: "none",
-  },
-  usageRowLabel: {
-    overflow: "hidden",
-    fontSize: "12px",
-    lineHeight: "18px",
-    color: "var(--dsw-alias-label-tertiary)",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-  },
-  usageMetrics: {
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: "6px 20px",
-  },
-  usageMetric: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "2px",
-  },
-  usageMetricLabel: {
-    fontSize: "12px",
-    lineHeight: "18px",
-    color: "var(--dsw-alias-label-tertiary)",
-  },
-  usageMetricValue: {
-    fontSize: "16px",
-    lineHeight: "24px",
-    fontWeight: "500",
-    fontVariantNumeric: "tabular-nums",
-  },
-  usageList: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "4px",
-    margin: "0",
-    padding: "0",
-    listStyle: "none",
-    flex: "none",
-  },
-  filters: {
-    display: "flex",
-    alignItems: "center",
-    gap: "16px",
-    flex: "none",
-  },
-  // 官方 Input 的 wrap 是 inline-flex：这里只补宽度，其余样式仍归官方。
-  search: {
-    width: "360px",
-    maxWidth: "100%",
-    flex: "none",
-  },
-  list: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "4px",
-    margin: "0",
-    padding: "0",
-    listStyle: "none",
-    flex: "none",
-  },
-  row: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "16px",
-    padding: "10px 12px",
-    border: "1px solid var(--dsw-alias-border-l1)",
-    borderRadius: "10px",
-    background: "var(--dsw-alias-bg-base)",
-    flex: "none",
-  },
-  identity: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "2px",
-    minWidth: "0",
-  },
-  titleLine: {
-    display: "flex",
-    alignItems: "center",
-    gap: "8px",
-    minWidth: "0",
-  },
-  rowTitle: {
-    overflow: "hidden",
-    fontSize: "13px",
-    lineHeight: "20px",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-  },
-  meta: {
-    fontSize: "12px",
-    lineHeight: "18px",
-    color: "var(--dsw-alias-label-tertiary)",
-  },
-  actions: {
-    display: "flex",
-    alignItems: "center",
-    gap: "8px",
-    flex: "none",
-  },
-  pagination: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    gap: "8px",
-    marginTop: "4px",
-    flex: "none",
-  },
-  paginationLabel: {
-    fontSize: "12px",
-    lineHeight: "18px",
-    color: "var(--dsw-alias-label-tertiary)",
-    fontVariantNumeric: "tabular-nums",
-  },
-  status: {
-    margin: "0",
-    fontSize: "13px",
-    lineHeight: "20px",
-    color: "var(--dsw-alias-label-tertiary)",
-    flex: "none",
-  },
-  failure: {
-    margin: "0",
-    fontSize: "13px",
-    lineHeight: "20px",
-    color: "var(--dsw-alias-label-error, var(--dsw-alias-label-primary))",
-    flex: "none",
-  },
-  blocking: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    gap: "14px",
-    padding: "32px 40px",
-    color: "var(--dsw-alias-label-primary)",
-  },
-  spinner: {
-    width: "28px",
-    height: "28px",
-    border: "2px solid var(--dsw-alias-border-l2)",
-    borderTopColor: "var(--dsw-alias-label-primary)",
-    borderRadius: "50%",
-    animation: `${spin} 900ms linear infinite`,
-  },
-  blockingText: {
-    margin: "0",
-    fontSize: "13px",
-    lineHeight: "20px",
-  },
-} satisfies Record<string, CSSProps>;