@yadsh/dsh-sleev 0.0.2 → 0.0.3

package/lib/client.js

@@ -240,17 +240,19 @@ window.__ModuleLoader__.load({
 			saving: "保存中…"
 		};
 		const CARD_STYLES = `
-.dsh-sleev-card{list-style:none;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-3);transition:border-color .16s ease,background .16s ease}
-.dsh-sleev-card:hover{border-color:var(--dsw-alias-border-label-dimmed)}
-.dsh-sleev-card.dsh-sleev-card-open{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-label-dimmed)}
-.dsh-sleev-header{width:100%;appearance:none;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px}
-.dsh-sleev-header:focus-visible,.dsh-sleev-button:focus-visible,.dsh-sleev-reset:focus-visible,.dsh-sleev-input:focus-visible{outline:2px solid var(--dsw-alias-border-brand);outline-offset:2px}
-.dsh-sleev-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
-.dsh-sleev-name{font-size:15px;font-weight:600;line-height:1.4;color:var(--dsw-alias-label-primary)}
-.dsh-sleev-description{font-size:13px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
-.dsh-sleev-chevron{flex:none;color:var(--dsw-alias-label-tertiary);transition:transform .16s ease;font-size:16px;line-height:1}
-.dsh-sleev-card-open .dsh-sleev-chevron{transform:rotate(180deg)}
-.dsh-sleev-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}
+.dsh-plugin-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}
+.dsh-plugin-card:hover{border-color:var(--dsw-alias-label-dimmed)}
+.dsh-plugin-card--open{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}
+.dsh-plugin-card__header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}
+.dsh-plugin-card__header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}
+.dsh-plugin-card__head-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}
+.dsh-plugin-card__name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}
+.dsh-plugin-card__description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}
+.dsh-plugin-card__badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
+.dsh-plugin-card__chevron{width:14px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}
+.dsh-plugin-card--open .dsh-plugin-card__chevron{transform:rotate(180deg)}
+.dsh-plugin-card__body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}
+.dsh-sleev-button:focus-visible,.dsh-sleev-reset:focus-visible,.dsh-sleev-input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}
 .dsh-sleev-read-only{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
 .dsh-sleev-pill{border-radius:999px;padding:1px 8px;font-size:11px;line-height:17px;font-weight:500;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);white-space:nowrap}
 .dsh-sleev-field{display:flex;flex-direction:column;gap:6px;padding:12px 0}
@@ -274,6 +276,20 @@ textarea.dsh-sleev-input{height:64px;min-height:48px;padding:8px 12px;resize:ver
 .dsh-sleev-save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}
 .dsh-sleev-button:disabled{opacity:.4;cursor:default}
 `;
+		function ChevronDown() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				className: "dsh-plugin-card__chevron",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "m3.5 5.25 3.5 3.5 3.5-3.5",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			});
+		}
 		function SettingsField(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-sleev-field",
@@ -325,36 +341,32 @@ textarea.dsh-sleev-input{height:64px;min-height:48px;padding:8px 12px;resize:ver
 				onReset: () => props.resetField(field)
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: `dsh-sleev-card${open ? " dsh-sleev-card-open" : ""}`,
+				className: `dsh-plugin-card${open ? " dsh-plugin-card--open" : ""}`,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 					type: "button",
-					className: "dsh-sleev-header",
+					className: "dsh-plugin-card__header",
 					"aria-expanded": open,
 					"aria-label": `${props.t(open ? "collapse" : "expand")}: Sleev`,
 					onClick: () => setOpen(!open),
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "dsh-sleev-head-text",
+							className: "dsh-plugin-card__head-text",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-sleev-name",
+								className: "dsh-plugin-card__name",
 								children: props.t("title")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-sleev-description",
+								className: "dsh-plugin-card__description",
 								children: props.t("description")
 							})]
 						}),
 						state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsh-sleev-pill",
+							className: "dsh-plugin-card__badge",
 							children: props.t("unsaved")
 						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsh-sleev-chevron",
-							"aria-hidden": "true",
-							children: "⌄"
-						})
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, {})
 					]
 				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsh-sleev-body",
+					className: "dsh-plugin-card__body",
 					children: [
 						!state.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: "dsh-sleev-read-only",

package/lib/index.js

@@ -1,5 +1,6 @@
 import { Service } from "@deepseek-ai/cordis";
 import { installSettingsSection, settingsNamespace } from "@deepseek-ai/dsh-settings";
+import { createHostLoggerSink, getPluginLogger } from "@yadsh/dsh-plugin-log";
 import z from "@deepseek-ai/schemastery";
 import { isAgentLoopRequest } from "@deepseek-ai/dsh-llm";
 import { randomUUID } from "node:crypto";
@@ -141,13 +142,12 @@ var CallTelemetryStore = class {
 		const startedAt = this.now();
 		let usage;
 		let finished = false;
-		if (startConfig.logLevel === "debug") this.logger.debug(`dsh-sleev: call-start ${JSON.stringify({
+		if (startConfig.logLevel === "debug") this.logger.debug("sleev.call.start", {
 			callId,
 			provider: options.provider,
 			model: options.model,
-			kind,
-			sessionId: options.sessionId
-		})}`);
+			kind
+		});
 		return {
 			observeUsage: (value) => {
 				usage = normalizeUsage(value);
@@ -176,9 +176,20 @@ var CallTelemetryStore = class {
 				this.completed.push(telemetry);
 				const finishConfig = this.reconfigure();
 				if (finishConfig.logLevel !== "off") {
-					const message = `dsh-sleev: call-end ${JSON.stringify(telemetry)}`;
-					if (finishConfig.logLevel === "debug") this.logger.debug(message);
-					else this.logger.info(message);
+					const fields = {
+						callId: telemetry.callId,
+						provider: telemetry.provider,
+						model: telemetry.model,
+						kind: telemetry.kind,
+						durationMs: telemetry.durationMs,
+						...telemetry.providerUsage === void 0 ? {} : {
+							providerUsage: telemetry.providerUsage,
+							derived: telemetry.derived
+						},
+						result: telemetry.result
+					};
+					if (finishConfig.logLevel === "debug") this.logger.debug("sleev.call.end", fields);
+					else this.logger.info("sleev.call.end", fields);
 				}
 			}
 		};
@@ -197,6 +208,9 @@ var CallTelemetryStore = class {
 //#endregion
 //#region src/index.ts
 const name = "dsh-sleev";
+function pluginLogLevel(level) {
+	return level === "off" ? "silent" : level;
+}
 /** User-editable settings section rendered by the browser client card. */
 const SLEEV_SETTINGS_NAMESPACE = settingsNamespace(SLEEV_SETTINGS_NAMESPACE_ID);
 /** Host-side observer service. Routing itself remains owned by llm-pi-ai. */
@@ -204,6 +218,7 @@ var SleevIntegrationService = class extends Service {
 	static inject = ["llm"];
 	static Config = ConfigSchema;
 	telemetry;
+	logger;
 	constructor(ctx, input = {}) {
 		super(ctx, "sleev");
 		const resolvedEntry = resolveConfig(input);
@@ -214,12 +229,26 @@ var SleevIntegrationService = class extends Service {
 			logLevel: resolvedEntry.logLevel
 		};
 		let configSource = () => entry;
-		this.telemetry = new CallTelemetryStore(ctx.logger, () => resolveConfig(configSource()));
+		this.logger = getPluginLogger({
+			pluginId: "dsh-sleev",
+			level: pluginLogLevel(resolvedEntry.logLevel),
+			console: "trace",
+			consoleSink: createHostLoggerSink(ctx.logger)
+		});
+		ctx.effect(() => async () => this.logger.close(), "dsh-sleev.logger");
+		this.telemetry = new CallTelemetryStore(this.logger.child("telemetry"), () => resolveConfig(configSource()));
 		installSettingsSection(ctx, SLEEV_SETTINGS_NAMESPACE, ConfigSchema, entry, {
 			setSource: (current) => {
 				configSource = current;
 			},
-			onChange: () => this.telemetry.reconfigure()
+			onChange: () => {
+				const config = this.telemetry.reconfigure();
+				this.logger.setLevel(pluginLogLevel(config.logLevel));
+				this.logger.info("telemetry.config.updated", {
+					logLevel: config.logLevel,
+					maxRecentCalls: config.maxRecentCalls
+				});
+			}
 		});
 		ctx.on("llm/stream", (options, next) => {
 			const config = resolveConfig(configSource());
@@ -227,10 +256,10 @@ var SleevIntegrationService = class extends Service {
 			const handle = this.telemetry.begin(options, classifyRequest(options));
 			return observeStream(next(), handle);
 		}, { global: true });
-		if (resolvedEntry.logLevel !== "off") ctx.logger.info(`dsh-sleev: observer active ${JSON.stringify({
+		if (resolvedEntry.logLevel !== "off") this.logger.info("plugin.ready", {
 			routes: resolvedEntry.routes,
 			routePrefixes: resolvedEntry.routePrefixes
-		})}`);
+		});
 	}
 	/** Bounded completed-call snapshot; no prompts, headers, or credentials. */
 	listRecentCalls() {

package/lib/types/host/telemetry-store.d.ts

@@ -3,8 +3,8 @@ import type { ResolvedConfig } from "../shared/config.js";
 import type { CallResult, OptimizerCallTelemetry, RequestKind } from "../shared/telemetry.js";
 /** Minimal logger face used by Cordis and isolated unit tests. */
 export interface TelemetryLogger {
-    debug(message: string): void;
-    info(message: string): void;
+    debug(event: string, fields?: Record<string, unknown>): void;
+    info(event: string, fields?: Record<string, unknown>): void;
 }
 /** Mutable handle kept only for the duration of a streaming call. */
 export interface CallHandle {

package/lib/types/index.d.ts

@@ -14,6 +14,7 @@ export declare class SleevIntegrationService extends Service {
     static inject: string[];
     static Config: import("@deepseek-ai/schemastery").default<Config>;
     private readonly telemetry;
+    private readonly logger;
     constructor(ctx: Context, input?: Config);
     /** Bounded completed-call snapshot; no prompts, headers, or credentials. */
     listRecentCalls(): readonly OptimizerCallTelemetry[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yadsh/dsh-sleev",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Sleev routing observability for DeepSeek Harness",
   "repository": {
     "type": "git",
@@ -79,7 +79,9 @@
     "@deepseek-ai/dsh-settings": ">=0.1.1-rc.2 <0.2.0",
     "react": "^18.2.0"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@yadsh/dsh-plugin-log": "^0.2.0"
+  },
   "devDependencies": {
     "@deepseek-ai/cordis": "4.0.1",
     "@deepseek-ai/schemastery": "3.18.1",