@lemoncat7/dsh-partner 1.4.0 → 1.4.1

package/lib/client.js

@@ -2386,21 +2386,27 @@ function GlassSurface({
   const greenRef = (0, import_react3.useRef)(null);
   const blueRef = (0, import_react3.useRef)(null);
   const glareFrameRef = (0, import_react3.useRef)(0);
-  const glarePositionRef = (0, import_react3.useRef)({ x: 50, y: 50 });
+  const glarePointerRef = (0, import_react3.useRef)();
   const [svgSupported, setSvgSupported] = (0, import_react3.useState)(false);
   (0, import_react3.useEffect)(() => {
     setSvgSupported(supportsSvgBackdropFilter(filterId));
   }, [filterId]);
   (0, import_react3.useEffect)(() => {
+    if (!svgSupported) return;
     const element = containerRef.current;
     const image = imageRef.current;
     if (element === null || image === null) return;
     let frame = 0;
+    let previousWidth = 0;
+    let previousHeight = 0;
     const update = () => {
       frame = 0;
       const rect = element.getBoundingClientRect();
       const width = Math.max(1, Math.round(rect.width));
       const height = Math.max(1, Math.round(rect.height));
+      if (width === previousWidth && height === previousHeight) return;
+      previousWidth = width;
+      previousHeight = height;
       image.setAttribute("href", displacementMap(
         width,
         height,
@@ -2423,12 +2429,13 @@ function GlassSurface({
       if (frame !== 0) cancelAnimationFrame(frame);
       observer?.disconnect();
     };
-  }, [blueGradientId, blur, borderRadius, borderWidth, brightness, opacity, redGradientId]);
+  }, [blueGradientId, blur, borderRadius, borderWidth, brightness, opacity, redGradientId, svgSupported]);
   (0, import_react3.useEffect)(() => {
+    if (!svgSupported) return;
     const channels = [redRef.current, greenRef.current, blueRef.current];
     const offsets = [0, 5, 10];
     channels.forEach((channel, index) => channel?.setAttribute("scale", String(distortionScale + (offsets[index] ?? 0))));
-  }, [distortionScale]);
+  }, [distortionScale, svgSupported]);
   (0, import_react3.useEffect)(() => () => {
     if (glareFrameRef.current !== 0) cancelAnimationFrame(glareFrameRef.current);
   }, []);
@@ -2436,25 +2443,30 @@ function GlassSurface({
     glareFrameRef.current = 0;
     const element = containerRef.current;
     if (element === null) return;
-    element.style.setProperty("--partner-glare-x", `${glarePositionRef.current.x}%`);
-    element.style.setProperty("--partner-glare-y", `${glarePositionRef.current.y}%`);
+    const pointer = glarePointerRef.current;
+    if (pointer === void 0) {
+      element.style.setProperty("--partner-glare-x", "50%");
+      element.style.setProperty("--partner-glare-y", "50%");
+      return;
+    }
+    const rect = element.getBoundingClientRect();
+    if (rect.width === 0 || rect.height === 0) return;
+    const x = Math.max(0, Math.min(100, (pointer.clientX - rect.left) / rect.width * 100));
+    const y = Math.max(0, Math.min(100, (pointer.clientY - rect.top) / rect.height * 100));
+    element.style.setProperty("--partner-glare-x", `${x}%`);
+    element.style.setProperty("--partner-glare-y", `${y}%`);
   };
   const scheduleGlare = () => {
     if (glareFrameRef.current === 0) glareFrameRef.current = requestAnimationFrame(renderGlare);
   };
   const moveGlare = (clientX, clientY) => {
-    const element = containerRef.current;
-    if (!interactive || element === null) return;
-    const rect = element.getBoundingClientRect();
-    glarePositionRef.current = {
-      x: Math.max(0, Math.min(100, (clientX - rect.left) / rect.width * 100)),
-      y: Math.max(0, Math.min(100, (clientY - rect.top) / rect.height * 100))
-    };
+    if (!interactive) return;
+    glarePointerRef.current = { clientX, clientY };
     scheduleGlare();
   };
   const resetGlare = () => {
     if (!interactive) return;
-    glarePositionRef.current = { x: 50, y: 50 };
+    glarePointerRef.current = void 0;
     scheduleGlare();
   };
   const style = {
@@ -2473,7 +2485,7 @@ function GlassSurface({
       onPointerMove: interactive ? (event) => moveGlare(event.clientX, event.clientY) : void 0,
       onPointerLeave: interactive ? resetGlare : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "dsh-partner-glass-filter", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", { id: filterId, colorInterpolationFilters: "sRGB", x: "0%", y: "0%", width: "100%", height: "100%", children: [
+        svgSupported && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "dsh-partner-glass-filter", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", { id: filterId, colorInterpolationFilters: "sRGB", x: "0%", y: "0%", width: "100%", height: "100%", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feImage", { ref: imageRef, x: "0", y: "0", width: "100%", height: "100%", preserveAspectRatio: "none", result: "map" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feDisplacementMap", { ref: redRef, in: "SourceGraphic", in2: "map", result: "displaced-red" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feColorMatrix", { in: "displaced-red", type: "matrix", values: "1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0", result: "red" }),
@@ -3078,19 +3090,19 @@ function MemoryPanel({ companion, snapshot, openSession, renewSession, onChanged
   const [profiles, setProfiles] = (0, import_react4.useState)([]);
   const [concernActivity, setConcernActivity] = (0, import_react4.useState)({ concerns: [], observations: [] });
   const [newConcern, setNewConcern] = (0, import_react4.useState)("");
-  const [graph, setGraph] = (0, import_react4.useState)({ memories: [], relations: [] });
+  const [memoryRevision, setMemoryRevision] = (0, import_react4.useState)(0);
   const [editing, setEditing] = (0, import_react4.useState)();
   const [busy, setBusy] = (0, import_react4.useState)(false);
   const [notice, setNotice] = (0, import_react4.useState)();
   const [error, setError] = (0, import_react4.useState)();
   const [modelCatalog, setModelCatalog] = (0, import_react4.useState)();
   const loadMemory = (0, import_react4.useCallback)(async () => {
-    const [result, relations, activity] = await Promise.all([api(`/companions/${companion.id}/memory`), api(`/companions/${companion.id}/memory/graph`), api(`/companions/${companion.id}/concerns`)]);
+    const [result, activity] = await Promise.all([api(`/companions/${companion.id}/memory`), api(`/companions/${companion.id}/concerns`)]);
     setMemories(result.memories);
     setReflections(result.reflections);
     setProfiles(result.profiles);
-    setGraph(relations);
     setConcernActivity(activity);
+    setMemoryRevision((value) => value + 1);
   }, [companion.id]);
   (0, import_react4.useEffect)(() => {
     setAutomation(structuredClone(companion.automation));
@@ -3210,12 +3222,12 @@ function MemoryPanel({ companion, snapshot, openSession, renewSession, onChanged
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-partner-form is-memory", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Section, { eyebrow: "CONTINUITY", title: "\u4F1A\u8BDD\u8BB0\u5FC6", detail: "\u8FD9\u91CC\u5C55\u793A\u6E20\u9053\u4F1A\u8BDD\u8FB9\u754C\u3002\u77E5\u8BC6\u5E93\u4ECD\u7531\u77E5\u8BC6\u5E93\u63D2\u4EF6\u7BA1\u7406\uFF0C\u4F19\u4F34\u4E0D\u4F1A\u628A\u4E0D\u540C\u5FAE\u4FE1\u8054\u7CFB\u4EBA\u7684\u539F\u59CB\u4E0A\u4E0B\u6587\u6DF7\u5728\u4E00\u8D77\u3002" }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-partner-metrics", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(GlassSurface, { as: "article", interactive: true, className: "", borderRadius: 12, distortionScale: -9, saturation: 1.05, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "\u6E20\u9053\u4F1A\u8BDD" }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: sessions.length }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "\u6BCF\u4F4D\u8054\u7CFB\u4EBA\u72EC\u7ACB" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(GlassSurface, { as: "article", interactive: true, className: "", borderRadius: 12, distortionScale: -9, saturation: 1.05, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "\u957F\u671F\u8BB0\u5FC6" }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: memories.filter((item) => item.status === "active").length }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
@@ -3223,14 +3235,14 @@ function MemoryPanel({ companion, snapshot, openSession, renewSession, onChanged
           " \u7BC7\u6BCF\u65E5\u56DE\u987E"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(GlassSurface, { as: "article", interactive: true, className: "", borderRadius: 12, distortionScale: -9, saturation: 1.05, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "\u6700\u8FD1\u5FC3\u8DF3" }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: heartbeat?.lastCheckedAt ? relativeTime(heartbeat.lastCheckedAt) : "\u5C1A\u672A" }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: heartbeat?.lastError ? "\u4E0A\u6B21\u6267\u884C\u5F02\u5E38" : `\u4ECA\u65E5\u53D1\u9001 ${heartbeat?.sentCount ?? 0} \u6B21` })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-partner-automation-grid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(GlassSurface, { as: "section", interactive: true, className: "dsh-partner-automation", borderRadius: 14, distortionScale: -9, saturation: 1.05, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-partner-automation", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: "\u5B66\u4E60\u4E0E\u957F\u671F\u8BB0\u5FC6" }),
@@ -3277,7 +3289,7 @@ function MemoryPanel({ companion, snapshot, openSession, renewSession, onChanged
           }, children: "\u7ACB\u5373\u7EC8\u5BA1" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(GlassSurface, { as: "section", interactive: true, className: "dsh-partner-automation", borderRadius: 14, distortionScale: -9, saturation: 1.05, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-partner-automation", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: "\u6301\u7EED\u611F\u77E5" }),
@@ -3328,7 +3340,7 @@ function MemoryPanel({ companion, snapshot, openSession, renewSession, onChanged
       notice
     ] }),
     error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-partner-inline-error", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MemoryLibrary, { profiles, memories, reflections, graph, editing, busy, setEditing, save: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MemoryLibrary, { companionId: companion.id, revision: memoryRevision, profiles, memories, reflections, editing, busy, setEditing, save: () => {
       void saveMemory();
     }, remove: (item) => {
       void deleteMemory(item);
@@ -3422,7 +3434,7 @@ function ConcernBoard({ companionId, activity, value, busy, onValue, onAdd, onCh
       inputRef.current?.setSelectionRange(cursor, cursor);
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(GlassSurface, { as: "section", interactive: true, className: "dsh-partner-concern-board", borderRadius: 11, distortionScale: -8, saturation: 1.04, "aria-labelledby": "partner-concerns-title", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-partner-concern-board", "aria-labelledby": "partner-concerns-title", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("strong", { id: "partner-concerns-title", children: [
@@ -3606,7 +3618,7 @@ function watchKindLabel(value) {
   return value === "knowledge" ? "\u77E5\u8BC6\u5E93\u53D8\u5316" : value === "workspace" ? "\u9879\u76EE\u53D8\u5316" : value === "web" ? "\u5916\u90E8\u53D8\u5316" : "\u6309\u4E8B\u60C5\u5224\u65AD\u6765\u6E90";
 }
 var MEMORY_KINDS = ["all", "preference", "task", "event", "relationship", "emotion"];
-function MemoryLibrary({ profiles, memories, reflections, graph, editing, busy, setEditing, save, remove }) {
+function MemoryLibrary({ companionId, revision, profiles, memories, reflections, editing, busy, setEditing, save, remove }) {
   const activeMemories = (0, import_react4.useMemo)(() => memories.filter((item) => item.status === "active" && item.kind !== "profile"), [memories]);
   const profileMemories = (0, import_react4.useMemo)(() => memories.filter((item) => item.status === "active" && item.kind === "profile"), [memories]);
   const [mode, setMode] = (0, import_react4.useState)("profile");
@@ -3614,6 +3626,29 @@ function MemoryLibrary({ profiles, memories, reflections, graph, editing, busy,
   const [query, setQuery] = (0, import_react4.useState)("");
   const [selectedMemoryId, setSelectedMemoryId] = (0, import_react4.useState)();
   const [selectedDate, setSelectedDate] = (0, import_react4.useState)();
+  const [graph, setGraph] = (0, import_react4.useState)();
+  const [graphLoading, setGraphLoading] = (0, import_react4.useState)(false);
+  const [graphError, setGraphError] = (0, import_react4.useState)();
+  const [graphRequest, setGraphRequest] = (0, import_react4.useState)(0);
+  (0, import_react4.useEffect)(() => {
+    setGraph(void 0);
+    setGraphError(void 0);
+    setGraphLoading(false);
+  }, [companionId, revision]);
+  (0, import_react4.useEffect)(() => {
+    if (mode !== "graph" || graph !== void 0) return;
+    const controller = new AbortController();
+    setGraphLoading(true);
+    setGraphError(void 0);
+    void api(`/companions/${companionId}/memory/graph`, { signal: controller.signal }).then((result) => {
+      if (!controller.signal.aborted) setGraph(result);
+    }).catch((reason) => {
+      if (!controller.signal.aborted) setGraphError(message(reason));
+    }).finally(() => {
+      if (!controller.signal.aborted) setGraphLoading(false);
+    });
+    return () => controller.abort();
+  }, [companionId, graph, graphRequest, mode, revision]);
   const normalized = query.trim().toLocaleLowerCase();
   const filteredMemories = (0, import_react4.useMemo)(() => activeMemories.filter(
     (item) => (kind === "all" || item.kind === kind) && (!normalized || `${item.subject} ${item.content}`.toLocaleLowerCase().includes(normalized))
@@ -3623,7 +3658,7 @@ function MemoryLibrary({ profiles, memories, reflections, graph, editing, busy,
   ), [reflections, normalized]);
   const selectedMemory = filteredMemories.find((item) => item.id === selectedMemoryId) ?? filteredMemories[0];
   const selectedReflection = filteredReflections.find((item) => item.date === selectedDate) ?? filteredReflections[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(GlassSurface, { as: "section", interactive: true, className: "dsh-partner-memory-library", borderRadius: 17, distortionScale: -7, saturation: 1.04, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-partner-memory-library", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "dsh-partner-library-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "MEMORY LIBRARY" }),
@@ -3645,7 +3680,7 @@ function MemoryLibrary({ profiles, memories, reflections, graph, editing, busy,
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: mode === "graph" ? "is-active" : "", onClick: () => setMode("graph"), children: [
           "\u5173\u7CFB\u56FE\u8C31 ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: graph.relations.length })
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: graph?.relations.length ?? "\u2014" })
         ] })
       ] })
     ] }),
@@ -3683,7 +3718,7 @@ function MemoryLibrary({ profiles, memories, reflections, graph, editing, busy,
         ] })
       ] }, entry.date)) }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dsh-partner-library-detail", children: selectedReflection ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DailyReflectionDetail, { entry: selectedReflection }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(State, { title: "\u9009\u62E9\u4E00\u5929", detail: "\u5F53\u5929\u7684\u603B\u7ED3\u4E0E\u5F85\u529E\u4F1A\u663E\u793A\u5728\u8FD9\u91CC\u3002", compact: true }) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MemoryGraph, { graph, profiles, query: normalized, inspect: (item) => {
+    ] }) : graphError ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(State, { title: "\u5173\u7CFB\u56FE\u8C31\u52A0\u8F7D\u5931\u8D25", detail: graphError, action: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: () => setGraphRequest((value) => value + 1), children: "\u91CD\u65B0\u52A0\u8F7D" }) }) : graphLoading || graph === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(State, { title: "\u6B63\u5728\u52A0\u8F7D\u5173\u7CFB\u56FE\u8C31", detail: "\u53EA\u5728\u9700\u8981\u67E5\u770B\u5173\u7CFB\u65F6\u8BFB\u53D6\u5BA1\u8BA1\u6570\u636E\u3002" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MemoryGraph, { graph, profiles, query: normalized, inspect: (item) => {
       setEditing(void 0);
       if (item.kind === "profile") setMode("profile");
       else {
@@ -3875,7 +3910,7 @@ function MemoryGraph({ graph, profiles, query, inspect }) {
   ] });
 }
 function GraphMemory({ item, side, inspect }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(GlassSurface, { as: "section", interactive: true, className: "", borderRadius: 13, distortionScale: -8, saturation: 1.04, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("small", { children: [
         side,