chore: commit workspace updates

web/test/canvas-resource-mention-editor.test.ts

@@ -22,7 +22,7 @@ describe("canvas resource mention editor", () => {
     test("uses stable component classes for inline media references", () => {
         const component = source("../src/components/canvas/canvas-resource-mention-textarea.tsx");
 
-        expect(component).toContain('chip.className = "canvas-resource-inline-mention"');
+        expect(component).toContain("chip.className = `canvas-resource-inline-mention");
         expect(component).toContain("canvas-resource-inline-preview is-${reference.kind}");
         expect(component).not.toContain("size-[1.18em]");
     });
@@ -106,7 +106,7 @@ describe("canvas resource mention editor", () => {
     });
 
     test("agent composer attachments stay large, previewable, and mentionable", () => {
-        const component = source("../src/components/canvas/canvas-agent-chat-ui.tsx");
+        const component = source("../src/components/canvas/canvas-cloud-agent-chat-ui.tsx");
         expect(component).toContain("w-20 shrink-0");
         expect(component).toContain("insertAttachmentMention");
         expect(component).toContain("@[attachment:");
@@ -114,4 +114,28 @@ describe("canvas resource mention editor", () => {
         expect(component).toContain("composerReferences");
         expect(component).toContain("点击放大预览");
     });
+
+    test("agent composer renders slash skill references as stable skill chips and consumes the typed slash query", () => {
+        const component = source("../src/components/canvas/canvas-cloud-agent-chat-ui.tsx");
+
+        expect(component).toContain("const token = `@[skill:${skill.skillId}] `");
+        expect(component).toContain("slash.start + 1 + slash.query.length");
+        expect(component).toContain("buildSkillMentionReferences(availableSlashSkills)");
+    });
+
+    test("skill chips use one colored icon instead of exposing the serialized token", () => {
+        const component = source("../src/components/canvas/canvas-resource-mention-textarea.tsx");
+        const chat = source("../src/components/canvas/canvas-cloud-agent-chat-ui.tsx");
+        const css = source("../src/components/canvas/canvas-cloud-agent.css");
+
+        expect(component).toContain('chip.className = `canvas-resource-inline-mention ${reference.kind === "skill" ? "is-skill" : ""}`');
+        expect(component).toContain('prefix.textContent = reference.kind === "skill" ? "✦" : "@"');
+        expect(component).toContain('if (reference.kind !== "skill") chip.appendChild(createInlinePreview(reference));');
+        expect(component).toContain('chip.style.setProperty("--canvas-skill-mention-color", skillMentionColor(reference))');
+        expect(chat).toContain("sendOnEnter={false}");
+        expect(chat).toContain("agent-composer-resize-handle");
+        expect(chat).toContain("Enter 换行 · ⌘/Ctrl+Enter 发送");
+        expect(css).toContain(".agent-composer-prompt-scroll");
+        expect(css).not.toContain(".agent-tool-row:hover");
+    });
 });